*{margin:0;padding:0;box-sizing:border-box;}:root{--primary-color:#6366f1;--secondary-color:#8b5cf6;--accent-color:#10b981;--text-color:#FFFFFF;--text-shadow:0 2px 8px rgba(0, 0, 0, 0.7);--transition:all 0.3s ease;}html{scroll-behavior:smooth;}body{font-family:'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', sans-serif;color:var(--text-color);overflow-x:hidden;line-height:1.6;min-height:100vh;}.hero-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;}.bg-image{width:100%;height:100%;object-fit:cover;filter:brightness(0.7);}.bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;}.back-btn{position:fixed;top:20px;left:20px;padding:12px 24px;background:rgba(255, 255, 255, 0.1);backdrop-filter:blur(10px);border:1px solid rgba(255, 255, 255, 0.2);border-radius:25px;color:var(--text-color);text-decoration:none;font-size:1rem;font-weight:500;transition:var(--transition);z-index:100;text-shadow:var(--text-shadow);}.back-btn:hover{background:rgba(255, 255, 255, 0.2);transform:translateX(-5px);box-shadow:0 4px 15px rgba(0, 212, 255, 0.3);}.container{max-width:1200px;margin:0 auto;padding:80px 20px 40px;}.header{text-align:center;margin-bottom:40px;animation:fadeInDown 0.8s ease;}.header-icon{font-size:5rem;margin-bottom:20px;animation:bounce 2s ease infinite;}@keyframes bounce{0%, 100%{transform:translateY(0);}50%{transform:translateY(-20px);}}.title{font-size:3.5rem;font-weight:900;font-style:italic;text-shadow:3px 3px 0px rgba(0, 0, 0, 0.3), 5px 5px 10px rgba(0, 0, 0, 0.5), 0 0 20px rgba(255, 255, 255, 0.3);letter-spacing:3px;margin-bottom:15px;transform:skewX(-5deg);}.subtitle{font-size:1.3rem;opacity:0.9;text-shadow:var(--text-shadow);letter-spacing:2px;}.intro-card{background:rgba(255, 255, 255, 0.08);backdrop-filter:blur(10px);border:1px solid rgba(255, 255, 255, 0.2);border-radius:20px;padding:30px;margin-bottom:50px;text-align:center;animation:fadeInUp 0.8s ease 0.2s backwards;}.intro-text{font-size:1.2rem;line-height:2;text-shadow:var(--text-shadow);}.intro-text i{color:#ff6b6b;animation:heartbeat 1.5s ease infinite;}@keyframes heartbeat{0%, 100%{transform:scale(1);}50%{transform:scale(1.2);}}.amount-section{margin-bottom:50px;}.section-title{font-size:2rem;text-align:center;margin-bottom:30px;text-shadow:var(--text-shadow);font-weight:700;}.amount-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:20px;animation:fadeInUp 0.8s ease 0.4s backwards;}.amount-card{background:rgba(255, 255, 255, 0.08);backdrop-filter:blur(10px);border:2px solid rgba(255, 255, 255, 0.2);border-radius:20px;padding:30px 20px;text-align:center;cursor:pointer;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}.amount-card:hover{background:rgba(255, 255, 255, 0.15);border-color:rgba(0, 212, 255, 0.6);transform:translateY(-10px) scale(1.05);box-shadow:0 15px 40px rgba(0, 212, 255, 0.4);}.amount-card.custom{background:linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(139, 92, 246, 0.2));border-color:rgba(139, 92, 246, 0.5);}.amount-card.custom:hover{background:linear-gradient(135deg, rgba(99, 102, 241, 0.3), rgba(139, 92, 246, 0.3));border-color:rgba(139, 92, 246, 0.8);}.amount-icon{font-size:3rem;margin-bottom:15px;}.amount-value{font-size:2rem;font-weight:700;margin-bottom:10px;text-shadow:var(--text-shadow);}.amount-label{font-size:0.95rem;opacity:0.9;text-shadow:var(--text-shadow);}.payment-info{background:linear-gradient(135deg, rgba(7, 193, 96, 0.15), rgba(7, 193, 96, 0.05));backdrop-filter:blur(10px);border:2px solid rgba(7, 193, 96, 0.3);border-radius:20px;padding:40px;text-align:center;margin-bottom:50px;animation:fadeInUp 0.8s ease 0.6s backwards;transition:var(--transition);}.payment-info:hover{background:linear-gradient(135deg, rgba(7, 193, 96, 0.2), rgba(7, 193, 96, 0.1));border-color:rgba(7, 193, 96, 0.5);transform:translateY(-5px);box-shadow:0 15px 40px rgba(7, 193, 96, 0.3);}.payment-icon{font-size:4rem;margin-bottom:20px;animation:pulse 2s ease infinite;}.payment-text{font-size:1.2rem;line-height:2;text-shadow:var(--text-shadow);opacity:0.95;}.thank-section{text-align:center;animation:fadeInUp 0.8s ease 0.8s backwards;}.thank-text{font-size:1.1rem;line-height:2;text-shadow:var(--text-shadow);opacity:0.9;}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.85);backdrop-filter:blur(15px);z-index:10000;align-items:center;justify-content:center;animation:fadeIn 0.3s ease;}.modal.show{display:flex;}.modal-content{background:linear-gradient(135deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05));backdrop-filter:blur(20px);border:2px solid rgba(255, 255, 255, 0.3);border-radius:25px;padding:40px;max-width:500px;width:90%;text-align:center;box-shadow:0 20px 60px rgba(0, 0, 0, 0.5);animation:slideUp 0.4s ease;position:relative;}@keyframes slideUp{from{transform:translateY(50px);opacity:0;}to{transform:translateY(0);opacity:1;}}.close-btn{position:absolute;top:15px;right:15px;width:40px;height:40px;border-radius:50%;background:rgba(255, 255, 255, 0.1);border:1px solid rgba(255, 255, 255, 0.2);color:white;font-size:1.2rem;cursor:pointer;transition:var(--transition);}.close-btn:hover{background:rgba(255, 0, 0, 0.3);transform:rotate(90deg);}.modal-header{margin-bottom:30px;}.modal-icon{font-size:4rem;margin-bottom:15px;animation:pulse 2s ease infinite;}@keyframes pulse{0%, 100%{transform:scale(1);}50%{transform:scale(1.1);}}.modal-title{font-size:2rem;font-weight:700;margin-bottom:10px;text-shadow:var(--text-shadow);}.modal-amount{font-size:2.5rem;font-weight:700;color:#ffd700;text-shadow:0 0 20px rgba(255, 215, 0, 0.5);}.qrcode-container{margin:30px 0;}.qrcode-img{width:280px;height:280px;border-radius:15px;border:3px solid rgba(255, 255, 255, 0.3);background:white;padding:10px;box-shadow:0 10px 30px rgba(0, 0, 0, 0.3);}.qrcode-tip{margin-top:15px;font-size:1rem;opacity:0.9;text-shadow:var(--text-shadow);}.modal-footer{margin-top:20px;}.modal-note{font-size:0.95rem;opacity:0.8;text-shadow:var(--text-shadow);}.custom-input-container{padding:20px 0;}.input-wrapper{position:relative;margin-bottom:25px;}.currency-symbol{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:1.5rem;font-weight:700;color:#ffd700;}.custom-input{width:100%;padding:15px 15px 15px 50px;font-size:1.5rem;font-weight:700;background:rgba(255, 255, 255, 0.1);border:2px solid rgba(255, 255, 255, 0.3);border-radius:15px;color:white;text-align:center;transition:var(--transition);}.custom-input:focus{outline:none;border-color:rgba(0, 212, 255, 0.6);box-shadow:0 0 20px rgba(0, 212, 255, 0.3);}.custom-input::placeholder{color:rgba(255, 255, 255, 0.5);}.confirm-btn{width:100%;padding:15px;background:linear-gradient(135deg, #6366f1, #8b5cf6);border:none;border-radius:15px;color:white;font-size:1.2rem;font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:0 4px 15px rgba(99, 102, 241, 0.4);}.confirm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(99, 102, 241, 0.6);}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}@media (max-width:768px){.title{font-size:2.5rem;}.subtitle{font-size:1rem;}.amount-grid{grid-template-columns:repeat(2, 1fr);}.qrcode-img{width:240px;height:240px;}}