
銀行信貸推薦ptt 第一次貸款就上手:4大撇步
銀行信貸推薦ptt
台新信貸比較ptt
貸款多久核准?銀行不告訴你的秘密!95%的人等貸款都等錯時間了
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.8; color: #333; max-width: 800px; margin: 0 auto; padding: 20px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; } .container { background: white; border-radius: 20px; box-shadow: 0 15px 40px rgba(0,0,0,0.15); padding: 40px; margin: 20px 0; position: relative; overflow: hidden; } .container::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 5px; background: linear-gradient(90deg, #ff6b6b, #4ecdc4, #45b7d1, #96ceb4, #feca57); } h1 { background: linear-gradient(45deg, #ff6b6b, #ee5a24); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-size: 2.4em; font-weight: bold; text-align: center; margin-bottom: 25px; text-shadow: 0 2px 4px rgba(0,0,0,0.1); line-height: 1.3; } h2 { color: #2c3e50; font-size: 1.7em; border-left: 6px solid #3498db; padding-left: 20px; margin: 35px 0 20px 0; background: linear-gradient(90deg, rgba(52,152,219,0.1) 0%, transparent 100%); padding: 15px 0 15px 25px; border-radius: 8px; position: relative; } h2::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 6px; background: linear-gradient(180deg, #3498db, #2980b9); border-radius: 3px; } h3 { color: #e67e22; font-size: 1.4em; margin: 25px 0 15px 0; border-bottom: 3px solid #e67e22; padding-bottom: 8px; position: relative; } h3::after { content: ''; position: absolute; bottom: -3px; left: 0; width: 50px; height: 3px; background: linear-gradient(90deg, #e67e22, #d35400); border-radius: 2px; } p { margin-bottom: 18px; text-align: justify; font-size: 1.05em; } .urgent-alert { background: linear-gradient(135deg, #ff4757 0%, #c44569 100%); color: white; padding: 25px; border-radius: 15px; margin: 25px 0; box-shadow: 0 8px 25px rgba(255,71,87,0.3); border: 1px solid rgba(255,255,255,0.2); } .key-info { background: linear-gradient(135deg, #74b9ff 0%, #0984e3 100%); color: white; padding: 25px; border-radius: 15px; margin: 25px 0; box-shadow: 0 8px 25px rgba(116,185,255,0.3); } .pro-tip { background: linear-gradient(135deg, #00b894 0%, #00a085 100%); color: white; padding: 25px; border-radius: 15px; margin: 25px 0; box-shadow: 0 8px 25px rgba(0,184,148,0.3); } .time-table { background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); border-radius: 15px; overflow: hidden; margin: 25px 0; box-shadow: 0 5px 20px rgba(0,0,0,0.1); } .time-table table { width: 100%; border-collapse: collapse; } .time-table th { background: linear-gradient(135deg, #6c5ce7 0%, #5f3dc4 100%); color: white; padding: 20px; text-align: center; font-weight: bold; } .time-table td { padding: 18px; text-align: center; border-bottom: 1px solid #dee2e6; transition: background 0.3s ease; } .time-table tr:nth-child(even) td { background: rgba(108,92,231,0.05); } .time-table tr:hover td { background: rgba(108,92,231,0.1); } ul { margin: 20px 0; padding-left: 0; } li { margin-bottom: 12px; list-style-type: none; position: relative; padding-left: 35px; transition: transform 0.2s ease; } li:hover { transform: translateX(5px); } li:before { content: "🎯"; position: absolute; left: 0; font-size: 1.2em; } .emoji { font-size: 1.3em; margin-right: 8px; } .image-container { text-align: center; margin: 35px 0; position: relative; } .image-container img { max-width: 100%; height: auto; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); transition: transform 0.3s ease; } .image-container img:hover { transform: scale(1.02); } .image-caption { font-size: 0.9em; color: #6c757d; margin-top: 15px; font-style: italic; } .process-steps { background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%); padding: 30px; border-radius: 15px; margin: 25px 0; border-left: 5px solid #ff7675; } .cta-section { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 40px; border-radius: 20px; margin: 40px 0; text-align: center; box-shadow: 0 15px 40px rgba(102,126,234,0.3); position: relative; overflow: hidden; } .cta-section::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%); animation: shimmer 3s ease-in-out infinite; } @keyframes shimmer { 0%, 100% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } } .cta-button { display: inline-block; background: linear-gradient(45deg, #FFD700, #FFA500); color: #d63031; padding: 20px 50px; text-decoration: none; border-radius: 50px; font-weight: bold; font-size: 1.4em; margin: 25px 0; transition: all 0.3s ease; box-shadow: 0 10px 30px rgba(255,215,0,0.4); border: 4px solid #FF6B6B; text-transform: uppercase; letter-spacing: 2px; position: relative; z-index: 2; } .cta-button:hover { transform: translateY(-5px) scale(1.05); box-shadow: 0 15px 40px rgba(255,215,0,0.6); background: linear-gradient(45deg, #FFA500, #FFD700); } .states-list { background: rgba(255,255,255,0.1); padding: 25px; border-radius: 15px; margin: 25px 0; backdrop-filter: blur(10px); } .states-list p { margin: 15px 0; font-size: 1.1em; border-left: 3px solid #00b894; padding-left: 15px; background: rgba(255,255,255,0.1); padding: 10px 0 10px 15px; border-radius: 5px; } .disclaimer { font-size: 0.75em; color: #6c757d; text-align: center; margin-top: 40px; padding: 15px; border-top: 2px solid #e9ecef; background: #f8f9fa; border-radius: 10px; } @media (max-width: 768px) { body { padding: 10px; } .container { padding: 25px; margin: 10px 0; } h1 { font-size: 2em; } h2 { font-size: 1.5em; } .cta-button { padding: 18px 35px; font-size: 1.2em; } .time-table th, .time-table td { padding: 12px 8px; font-size: 0.9em; } }