信貸農會信貸ptt 信貸常見陷阱一次看懂
信貸農會信貸ptt
免聯徵信貸申辦ptt
⚠️手機小額付費換現金陷阱大公開！PTT網友慘痛經驗分享 - 急需資金？專家教你正確貸款管道
* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Microsoft JhengHei', '微軟正黑體', Arial, sans-serif; line-height: 1.8; color: #333; background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); min-height: 100vh; } .container { max-width: 800px; margin: 0 auto; padding: 20px; background: white; box-shadow: 0 10px 30px rgba(0,0,0,0.1); border-radius: 15px; margin-top: 20px; margin-bottom: 20px; } .header { text-align: center; margin-bottom: 30px; padding: 30px 20px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.2); } .header h1 { font-size: 28px; margin-bottom: 15px; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); animation: pulse 2s infinite; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.02); } 100% { transform: scale(1); } } .warning-box { background: linear-gradient(135deg, #ff6b6b, #ee5a24); color: white; padding: 20px; border-radius: 10px; margin: 20px 0; border-left: 5px solid #c0392b; box-shadow: 0 5px 15px rgba(255,107,107,0.3); } .warning-box h3 { font-size: 20px; margin-bottom: 10px; display: flex; align-items: center; } .info-box { background: linear-gradient(135deg, #74b9ff, #0984e3); color: white; padding: 20px; border-radius: 10px; margin: 20px 0; border-left: 5px solid #2d3436; box-shadow: 0 5px 15px rgba(116,185,255,0.3); } .success-box { background: linear-gradient(135deg, #00b894, #00a085); color: white; padding: 20px; border-radius: 10px; margin: 20px 0; border-left: 5px solid #2d3436; box-shadow: 0 5px 15px rgba(0,184,148,0.3); } h2 { color: #2d3436; font-size: 24px; margin: 30px 0 20px 0; padding-bottom: 10px; border-bottom: 3px solid #74b9ff; position: relative; } h2::before { content: ''; position: absolute; bottom: -3px; left: 0; width: 50px; height: 3px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); } h3 { color: #636e72; font-size: 20px; margin: 25px 0 15px 0; padding-left: 15px; border-left: 4px solid #00b894; } p { margin-bottom: 15px; text-align: justify; font-size: 16px; } ul { margin: 15px 0; padding-left: 20px; } li { margin-bottom: 8px; list-style-type: none; position: relative; padding-left: 25px; } li::before { content: '💡'; position: absolute; left: 0; } .highlight { background: linear-gradient(135deg, #ffeaa7, #fdcb6e); padding: 15px; border-radius: 8px; margin: 15px 0; border-left: 4px solid #e17055; } .cta-button { display: block; background: linear-gradient(135deg, #fdcb6e, #e17055); color: #2d3436; text-decoration: none; padding: 20px 40px; border-radius: 50px; text-align: center; font-size: 18px; font-weight: bold; margin: 30px auto; max-width: 300px; box-shadow: 0 8px 25px rgba(253,203,110,0.4); transition: all 0.3s ease; animation: glow 2s ease-in-out infinite alternate; } @keyframes glow { from { box-shadow: 0 8px 25px rgba(253,203,110,0.4); } to { box-shadow: 0 8px 35px rgba(253,203,110,0.8); } } .cta-button:hover { transform: translateY(-3px); box-shadow: 0 15px 35px rgba(253,203,110,0.6); } .image-container { text-align: center; margin: 30px 0; } .image-container img { max-width: 100%; height: auto; border-radius: 10px; box-shadow: 0 5px 20px rgba(0,0,0,0.2); } .comparison-table { width: 100%; border-collapse: collapse; margin: 20px 0; background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.1); } .comparison-table th { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 15px; text-align: center; font-weight: bold; } .comparison-table td { padding: 15px; text-align: center; border-bottom: 1px solid #eee; } .comparison-table tr:nth-child(even) { background: #f8f9fa; } .risk-indicator { display: inline-block; padding: 5px 10px; border-radius: 20px; font-size: 12px; font-weight: bold; margin: 0 5px; } .risk-high { background: #ff6b6b; color: white; } .risk-medium { background: #fdcb6e; color: #2d3436; } .risk-low { background: #00b894; color: white; } .mobile-optimized { padding: 15px; } @media (max-width: 768px) { .container { margin: 10px; padding: 15px; } .header h1 { font-size: 22px; } h2 { font-size: 20px; } h3 { font-size: 18px; } p { font-size: 15px; } .cta-button { padding: 15px 30px; font-size: 16px; } .comparison-table { font-size: 14px; } .comparison-table th, .comparison-table td { padding: 10px 5px; } }
