信貸民間借貸安全怎麼辦ptt 新手辦小額信貸第一次就上手
信貸民間借貸安全怎麼辦ptt
退休族推薦ptt
沒有薪轉證明就借不到錢？銀行不會告訴你的無薪轉信貸秘密！
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft JhengHei', sans-serif; line-height: 1.8; color: #333; max-width: 100%; margin: 0; padding: 15px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 20px; box-shadow: 0 20px 40px rgba(0,0,0,0.1); overflow: hidden; animation: fadeInUp 0.8s ease-out; } @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .header { background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%); color: white; padding: 30px 25px; text-align: center; position: relative; overflow: hidden; } .header::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: repeating-linear-gradient( 45deg, transparent, transparent 10px, rgba(255,255,255,0.1) 10px, rgba(255,255,255,0.1) 20px ); animation: moveStripes 20s linear infinite; } @keyframes moveStripes { 0% { transform: translateX(-50px) translateY(-50px); } 100% { transform: translateX(0px) translateY(0px); } } .header h1 { font-size: 1.8em; margin: 0; font-weight: 800; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); position: relative; z-index: 2; } .content { padding: 25px; } h2 { color: #2d3436; font-size: 1.4em; margin: 30px 0 15px 0; padding: 15px; background: linear-gradient(135deg, #74b9ff 0%, #0984e3 100%); color: white; border-radius: 12px; position: relative; box-shadow: 0 4px 15px rgba(116, 185, 255, 0.3); font-weight: 700; } h3 { color: #e17055; font-size: 1.2em; margin: 25px 0 12px 0; font-weight: 600; padding-left: 12px; border-left: 4px solid #e17055; } p { margin: 15px 0; color: #2d3436; text-align: justify; } .highlight { background: linear-gradient(135deg, #fdcb6e 0%, #e17055 100%); color: white; padding: 20px; border-radius: 15px; margin: 20px 0; box-shadow: 0 8px 25px rgba(253, 203, 110, 0.3); position: relative; overflow: hidden; } .highlight::before { content: '⚡'; position: absolute; top: -10px; right: 15px; font-size: 3em; opacity: 0.2; } .comparison-table { background: #f8f9fa; border-radius: 15px; padding: 20px; margin: 20px 0; border: 2px solid #e9ecef; overflow-x: auto; } .info-box { display: flex; justify-content: space-between; align-items: center; background: white; padding: 15px; border-radius: 10px; margin: 10px 0; box-shadow: 0 2px 10px rgba(0,0,0,0.05); border-left: 4px solid #00b894; } .warning-box { background: linear-gradient(135deg, #ff7675 0%, #fd79a8 100%); color: white; padding: 20px; border-radius: 15px; margin: 20px 0; position: relative; box-shadow: 0 8px 25px rgba(255, 118, 117, 0.3); } .warning-box::before { content: '⚠️'; position: absolute; top: 15px; right: 15px; font-size: 1.5em; } .success-box { background: linear-gradient(135deg, #00b894 0%, #00cec9 100%); color: white; padding: 20px; border-radius: 15px; margin: 20px 0; position: relative; box-shadow: 0 8px 25px rgba(0, 184, 148, 0.3); } .success-box::before { content: '✅'; position: absolute; top: 15px; right: 15px; font-size: 1.5em; } .cta-section { background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%); padding: 30px; border-radius: 20px; margin: 30px 0; text-align: center; 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) 1px, transparent 1px); background-size: 20px 20px; animation: float 6s ease-in-out infinite; } @keyframes float { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-10px) rotate(2deg); } } .cta-button { display: inline-block; background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%); color: white; padding: 18px 35px; border-radius: 50px; text-decoration: none; font-weight: 700; font-size: 1.1em; box-shadow: 0 8px 25px rgba(255, 107, 53, 0.4); transition: all 0.3s ease; position: relative; z-index: 2; border: 3px solid #fff; } .cta-button:hover { transform: translateY(-3px); box-shadow: 0 12px 35px rgba(255, 107, 53, 0.6); } .pros-list { background: white; border-radius: 15px; padding: 20px; margin: 20px 0; box-shadow: 0 5px 20px rgba(0,0,0,0.08); } .pros-list li { margin: 12px 0; padding-left: 25px; position: relative; color: #2d3436; } .pros-list li::before { content: '✅'; position: absolute; left: 0; top: 0; } .image-container { text-align: center; margin: 25px 0; border-radius: 15px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.1); } .image-container img { width: 100%; height: auto; display: block; } .states-list { background: linear-gradient(135deg, #a29bfe 0%, #6c5ce7 100%); color: white; padding: 25px; border-radius: 15px; margin: 20px 0; } .states-list h4 { color: white; margin-top: 0; font-size: 1.2em; } .document-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px; margin: 20px 0; } .document-item { background: linear-gradient(135deg, #fd79a8 0%, #fdcb6e 100%); color: white; padding: 15px; border-radius: 10px; text-align: center; font-weight: 600; } .disclaimer { font-size: 0.7em; color: #666; text-align: center; margin-top: 30px; } @media (max-width: 768px) { body { padding: 10px; } .header h1 { font-size: 1.5em; } h2 { font-size: 1.2em; padding: 12px; } .content { padding: 20px; } .info-box { flex-direction: column; align-items: flex-start; } .document-grid { grid-template-columns: 1fr; } }
