:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.header-container{max-width:1200px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;height:50px}.logo-container{display:flex;align-items:center;gap:8px;flex:1}.logo{filter:brightness(1.1);transition:transform .2s ease;height:auto}.china-payments-logo{width:120px}.alipay-logo{width:90px}.alipay-plus-logo{width:90px;height:auto}.wechatpay-logo{width:85px;height:auto}.unionpay-logo{width:45px;height:auto}.unionpay-ucsp-logo{width:65px;height:auto}.bank-transfer-logo{width:70px;height:auto}.bpay-logo{width:65px;height:auto}.logo:hover{transform:scale(1.05)}@media (max-width: 480px){.china-payments-logo{width:110px}.alipay-logo,.alipay-plus-logo{width:85px}.wechatpay-logo{width:80px}.unionpay-logo,.unionpay-ucsp-logo{width:42px}.bank-transfer-logo{width:55px}.bpay-logo{width:50px}.logo-separator{font-size:14px}}.logo-separator{color:#fff;font-weight:300;line-height:1;opacity:.7}.back-button{color:#fff;font-size:20px;text-decoration:none;opacity:.8;transition:opacity .2s ease;margin-right:auto}.back-button:hover{opacity:1}.header-actions{display:flex;align-items:center;gap:8px}.language-toggle-btn{color:#fff!important;background:#ffffff26!important;border:none!important;border-radius:6px!important;padding:6px 8px!important;font-size:16px!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:40px!important;height:40px!important;position:relative!important;cursor:pointer!important}.language-toggle-btn .main-lang{font-size:18px!important;font-weight:600!important;line-height:1!important;transition:transform .3s ease!important}.language-toggle-btn .sub-lang{position:absolute!important;bottom:3px!important;right:3px!important;font-size:10px!important;font-weight:500!important;line-height:1!important;opacity:.9!important;transition:all .3s ease!important}.language-toggle-btn:hover{background:#ffffff40!important;color:#fff!important;transform:scale(1.05)!important}.language-toggle-btn:hover .main-lang{transform:scale(1.1)!important}.language-toggle-btn:hover .sub-lang{transform:scale(1.2)!important;opacity:1!important}.language-toggle-btn:active{transform:scale(.95)!important;transition:transform .1s ease!important}.language-toggle-btn:active .main-lang{transform:scale(.9)!important}.language-toggle-btn:active .sub-lang{transform:scale(.8)!important}.language-toggle-btn:focus{background:#ffffff40!important;color:#fff!important;border:none!important;box-shadow:none!important;outline:none!important}.language-toggle-btn.switching{animation:switchRotate .3s ease-in-out!important}@keyframes switchRotate{0%{transform:scale(1) rotate(0)}50%{transform:scale(.9) rotate(180deg)}to{transform:scale(1) rotate(360deg)}}.profile-btn{color:#fff!important;border:none!important;background:linear-gradient(135deg,#ffffff1a,#ffffff0d)!important;border-radius:12px!important;padding:6px 12px!important;display:flex!important;font-size:12px!important;transition:all .2s ease!important}.profile-btn:hover{background:#fff3!important;color:#fff!important;transform:translateY(-1px)}.profile-btn:focus,.profile-btn:active,.profile-btn:focus-visible{border:none!important;box-shadow:none!important;outline:none!important;background:#ffffff26!important;color:#fff!important;border-radius:12px!important}.profile-btn.ant-btn:focus,.profile-btn.ant-btn:active{border-color:transparent!important;outline:0!important;border-radius:12px!important}.profile-btn .anticon{font-size:16px}.hamburger-menu-btn{color:#fff!important;border:none!important;background:linear-gradient(135deg,#ffffff1a,#ffffff0d)!important;font-size:18px;padding:10px!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:center!important}.hamburger-menu-btn:hover{background:#ffffff1a!important;color:#fff!important}.hamburger-menu-btn:focus{border:none!important;box-shadow:none!important;outline:none!important}.header-dropdown-menu{min-width:160px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000026}.header-dropdown-menu .ant-menu-item{display:flex!important;align-items:center!important;padding:8px 14px!important;font-size:13px!important;transition:background-color .2s ease}.header-dropdown-menu .ant-menu-item:hover{background-color:#f5f5f5}.mobile-menu-item{display:flex;align-items:center;gap:8px;width:100%;font-size:13px!important}.mobile-menu-item .anticon{font-size:13px!important}.mobile-menu-item span{font-size:13px!important;font-weight:400!important}.mobile-menu-item-logout{color:#ff4d4f!important}.header-dropdown-menu .ant-dropdown-menu-item-divider{margin:4px 0;background-color:#e8e8e8}.header-dropdown-menu .ant-menu-item-danger{color:#ff4d4f!important}.header-dropdown-menu .ant-menu-item-danger:hover{color:#ff4d4f!important;background-color:#fff1f0!important}.header-dropdown-menu .ant-menu-item-danger .anticon{color:#ff4d4f!important}@media (max-width: 480px){.language-toggle-btn{padding:4px 6px!important;min-width:36px!important;height:36px!important}.language-toggle-btn .main-lang{font-size:16px!important}.language-toggle-btn .sub-lang{font-size:9px!important;bottom:2px!important;right:2px!important}.profile-btn{padding:5px 10px!important;font-size:12px!important}.profile-btn .anticon{font-size:13px}.profile-text{font-size:12px}}.desktop-header{background:#fff!important;position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;transition:all .3s ease;box-shadow:0 1px 3px #0000001a;border-bottom:1px solid #e5e7eb}.desktop-header .ant-btn,.desktop-header button,.desktop-header div[role=button]{background:#fff!important;color:#4b5563!important;border-color:#e5e7eb!important;display:flex!important}.desktop-header .ant-btn:hover,.desktop-header button:hover,.desktop-header div[role=button]:hover{color:#667eea!important;background:#f3f4f6!important;border-color:#e5e7eb!important}.desktop-header .desktop-login-btn.ant-btn,.desktop-header .desktop-login-btn{background:#667eea!important;color:#fff!important;border-color:#667eea!important}.desktop-header .desktop-login-btn.ant-btn:hover,.desktop-header .desktop-login-btn:hover{background:#5a67d8!important;color:#fff!important;border-color:#5a67d8!important}.desktop-header .desktop-nav-item.active{background:#f3f4f6!important;background-color:#f3f4f6!important;color:#667eea!important}.desktop-header .desktop-nav-item.active .nav-icon,.desktop-header .desktop-nav-item.active .nav-text{color:#667eea!important}.desktop-header-container{max-width:1400px;min-height:55px;margin:0 auto;display:flex;align-items:center;justify-content:flex-start;padding:0 2rem;position:relative}.desktop-logo-section{display:flex;align-items:center;flex-shrink:0;z-index:1001;margin-right:2rem}.desktop-logo{height:36px;width:auto;cursor:pointer;transition:all .2s ease}.desktop-nav{display:flex;align-items:center;gap:.5rem;transition:all .3s ease;flex-wrap:nowrap}.desktop-header .desktop-nav-item{display:flex!important;align-items:center;gap:.25rem;padding:.5rem .275rem!important;border:none!important;background:transparent!important;color:#6b7280!important;font-size:.8rem!important;font-weight:500;border-radius:6px!important;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;min-width:92px;justify-content:center;white-space:nowrap}.desktop-nav-item .nav-icon{font-size:.85rem;margin-right:.1rem;transition:all .3s cubic-bezier(.4,0,.2,1);color:inherit}.desktop-nav-item .nav-text{transition:all .3s cubic-bezier(.4,0,.2,1);color:inherit}.desktop-nav-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#f3f4f6;border-radius:8px;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.desktop-header .desktop-nav-item:hover{color:#667eea!important;background:#f3f4f6!important;background-color:#f3f4f6!important;transition:all .2s ease!important}.desktop-nav-item:active{transform:scale(.98)}.desktop-nav-item.active{color:#667eea;background:#f3f4f6;background-color:#f3f4f6;font-weight:600}.desktop-nav-item.active .nav-icon,.desktop-nav-item.active .nav-text{color:#667eea}.desktop-nav-item.active:before{opacity:0}.desktop-hamburger-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #e5e7eb;background:#fff;color:#000;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.desktop-hamburger-btn:hover{color:#667eea;background:#f3f4f6;border-color:#e5e7eb}.desktop-hamburger-dropdown .ant-dropdown-menu{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(102,126,234,.2);border-radius:12px;box-shadow:0 10px 40px #00000026;min-width:200px;padding:.5rem}.desktop-hamburger-dropdown .ant-dropdown-menu-item{border-radius:8px;margin:.25rem 0;transition:all .2s ease}.mobile-menu-item{display:flex;align-items:center;gap:.75rem;font-weight:500;color:#374151}.mobile-menu-item:hover{color:#667eea}.desktop-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0;margin-left:auto;padding-left:2rem}.desktop-customer-service-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;border:1px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:36px;min-width:36px}.desktop-customer-service-btn:hover{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.desktop-customer-service-btn:active{transform:translateY(0);box-shadow:0 2px 8px #3b82f64d}.desktop-language-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem .625rem;border:1px solid #e5e7eb;background:#fff;color:#000;font-size:.8rem;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;min-height:36px}.desktop-user-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1.25rem;border:1px solid #e5e7eb;background:#fff;color:#000;font-size:.85rem;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;min-height:36px}.desktop-login-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1.25rem;border:1px solid #e5e7eb;background:#fff;color:#6b7280;font-size:.85rem;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;min-height:36px}.desktop-language-btn .language-text{font-weight:600;font-size:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.desktop-user-btn .user-text{transition:all .3s cubic-bezier(.4,0,.2,1)}.desktop-language-btn:hover,.desktop-user-btn:hover{color:#667eea;background:#f3f4f6;border-color:#e5e7eb;transition:all .2s ease}.desktop-login-btn{background:#667eea;border-color:#667eea;color:#fff;font-weight:600;min-width:fit-content;padding:.5rem 1.25rem;position:relative;overflow:hidden}.desktop-login-btn.ant-btn{background:#667eea!important;border-color:#667eea!important;color:#fff!important;font-weight:600!important;box-shadow:none!important;text-shadow:none!important;height:auto!important;line-height:1.4!important}.desktop-login-btn.ant-btn:hover,.desktop-login-btn.ant-btn:focus{background:#5a67d8!important;border-color:#5a67d8!important;color:#fff!important}.desktop-login-btn.ant-btn:active{background:#667eea!important;border-color:#667eea!important;color:#fff!important;transform:scale(.98)!important}.desktop-login-btn:hover{background:#5a67d8;border-color:#5a67d8}.desktop-login-btn:active{transform:scale(.98)}.desktop-login-btn .login-text{transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600}.desktop-login-btn .anticon{margin-right:.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.desktop-user-dropdown-overlay .ant-dropdown-menu{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 10px 40px #00000026;min-width:180px;padding:.5rem}.desktop-user-dropdown-overlay .ant-dropdown-menu-item{border-radius:8px;margin:.25rem 0;transition:all .2s ease}.desktop-user-dropdown-overlay .ant-dropdown-menu-item:hover,.desktop-user-dropdown-overlay .ant-dropdown-menu-item-danger:hover{background:#f8fafc;color:#667eea}.desktop-nav-stage1,.desktop-nav-stage2{display:none;align-items:center;gap:1.5rem;transition:all .3s ease;flex-wrap:nowrap}.desktop-header .desktop-actions-stage1,.desktop-header .desktop-hamburger-stage1,.desktop-header .desktop-hamburger-stage2,.desktop-header .desktop-hamburger-stage3{display:none;align-items:center;gap:.75rem}.desktop-notification{display:flex;align-items:center}@media (min-width: 1300px){.desktop-header-container{padding:0 2rem;min-height:55px}.desktop-nav-stage1{display:flex}.desktop-header .desktop-actions-stage1{display:flex;gap:1rem}.desktop-nav-item.active{color:#667eea!important;background:#f3f4f6!important;background-color:#f3f4f6!important}.desktop-nav-item .nav-text{display:inline}.desktop-login-btn{padding:.5rem 1.5rem;font-size:.85rem}}@media (min-width: 1100px) and (max-width: 1299px){.desktop-header-container{padding:0 1.5rem;min-height:55px}.desktop-nav-stage1,.desktop-header .desktop-hamburger-stage1{display:flex}.desktop-header .desktop-actions-stage1{display:none}.desktop-nav-item .nav-text{display:inline}.desktop-actions{gap:.5rem;padding-left:1.5rem}}@media (min-width: 800px) and (max-width: 1099px){.desktop-header-container{padding:0 1rem;justify-content:space-between;min-height:55px}.desktop-logo-section{margin-right:0;flex-shrink:0}.desktop-nav-stage2{display:flex;gap:.5rem;flex:1;justify-content:center;align-items:center}.desktop-header .desktop-hamburger-stage2{display:flex;flex-shrink:0}.desktop-header .desktop-nav-item{padding:.5rem!important;font-size:.7rem!important;border-radius:8px!important;min-width:40px!important;height:40px!important;display:flex!important;align-items:center;justify-content:center;color:#000!important}.desktop-nav-item.active{color:#667eea!important;background:#f3f4f6!important;background-color:#f3f4f6!important}.desktop-nav-item.active .nav-icon{color:#667eea!important}.desktop-nav-item .nav-text{display:none}.desktop-nav-item .nav-icon{font-size:1rem;margin-right:0}.desktop-actions{gap:.5rem;flex-shrink:0;padding-left:1.25rem}}@media (max-width: 799px){.desktop-header-container{padding:0 1rem;min-height:55px}.desktop-logo-section{margin-right:.5rem}.desktop-header .desktop-hamburger-stage3{display:flex}.desktop-actions{gap:.5rem;padding-left:1rem}.desktop-logo{height:32px}}@media (max-width: 600px){.desktop-header-container{padding:0 .75rem;min-height:55px}.desktop-logo{height:28px}.desktop-actions{gap:.375rem;padding-left:.75rem}.desktop-hamburger-btn{width:40px;height:40px}}.desktop-nav-item:focus,.desktop-language-btn:focus,.desktop-user-btn:focus,.desktop-login-btn:focus,.desktop-hamburger-btn:focus{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}@media (prefers-reduced-motion: reduce){.desktop-header,.desktop-logo{transition:none}.desktop-nav-item,.desktop-language-btn,.desktop-user-btn,.desktop-login-btn{transition:color .1s ease,background-color .1s ease,border-color .1s ease!important}}@media (prefers-contrast: high){.desktop-header{background:#000;border-bottom:2px solid #fff}.desktop-nav-item,.desktop-language-btn,.desktop-user-btn,.desktop-login-btn{border:2px solid #fff;color:#fff}}.desktop-hero-modern{position:relative;text-align:center;margin-bottom:0;padding:0;overflow:hidden;min-height:15vh;display:flex;align-items:center;justify-content:center}.hero-bg-elements{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.floating-circle{position:absolute;border-radius:50%;background:linear-gradient(135deg,#3b82f614,#6366f114);animation:float 6s ease-in-out infinite}.circle-1{width:80px;height:80px;top:10%;left:10%;animation-delay:0s}.circle-2{width:60px;height:60px;top:60%;right:15%;animation-delay:2s}.circle-3{width:40px;height:40px;bottom:20%;left:20%;animation-delay:4s}.floating-square{position:absolute;width:30px;height:30px;background:linear-gradient(135deg,#10b98114,#22c55e14);border-radius:6px;animation:float 8s ease-in-out infinite reverse}.square-1{top:30%;right:25%;animation-delay:1s}.square-2{bottom:30%;right:10%;animation-delay:3s}.floating-dots{position:absolute;width:40px;height:40px;background-image:radial-gradient(circle,rgba(59,130,246,.2) 1px,transparent 1px);background-size:8px 8px;animation:float 10s ease-in-out infinite}.dots-1{top:15%;right:30%;animation-delay:.5s}.dots-2{bottom:25%;left:30%;animation-delay:2.5s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(180deg)}}@keyframes subtle-glow{0%{box-shadow:0 4px 12px #667eea4d}to{box-shadow:0 4px 16px #667eea80}}.hero-content{position:relative;z-index:10;max-width:800px;margin:0 auto;padding:0 1.5rem}.hero-title{font-size:2.5rem;font-weight:800;line-height:1.1;margin-bottom:.75rem;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;animation:fadeInUp .6s ease-out 0s both}.title-line{background:linear-gradient(135deg,var(--text-primary) 0%,var(--brand-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-highlight{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}.title-highlight:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:120%;height:3px;background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));border-radius:2px;box-shadow:0 1px 4px #3b82f633}.bpay-logo-inline{height:1.2em;width:auto;display:inline-block;vertical-align:middle;margin:0 .2em;position:relative;top:-.05em}.hero-subtitle{font-size:1.125rem;color:var(--text-secondary);font-weight:400;max-width:500px;margin:0 auto .5rem;line-height:1.5;animation:fadeInUp .6s ease-out .1s both}.hero-advantages{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem;animation:fadeInUp .6s ease-out .3s both}.advantage-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-sm);transition:all .3s ease;text-align:left}.advantage-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--brand-primary)}.advantage-icon{font-size:1.25rem;flex-shrink:0}.advantage-content{flex:1;min-width:0}.advantage-title{font-size:.8rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem;line-height:1.2}.advantage-desc{font-size:.7rem;color:var(--text-secondary);line-height:1.3}.hero-bpay-support{margin-bottom:1.5rem;animation:fadeInUp .6s ease-out .2s both}.bpay-title{font-size:1rem;font-weight:600;color:var(--text-secondary);margin-bottom:.75rem;text-align:center;text-transform:uppercase;letter-spacing:.5px}.bpay-categories{display:flex;flex-wrap:nowrap;justify-content:center;gap:.5rem;max-width:100%;margin:0 auto}.bpay-category{display:inline-block;padding:.375rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:20px;font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:all .3s ease;white-space:nowrap}.bpay-category:hover{border-color:var(--brand-primary);color:var(--brand-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.bpay-category.tuition-highlight{background:linear-gradient(135deg,#9a73b5,#8b5fbf);border:1px solid #9A73B5;color:#fff;font-weight:600;padding:.375rem .75rem;position:relative;box-shadow:0 4px 12px #9a73b54d;animation:subtle-glow 2s ease-in-out infinite alternate}.bpay-category.tuition-highlight:hover{background:linear-gradient(135deg,#b08fcf,#9a73b5);border-color:#b08fcf;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #b08fcf66}.bpay-category.tuition-highlight .tuition-icon{font-size:.75rem;margin-right:.25rem;transition:all .3s ease}.bpay-category.tuition-highlight:hover .tuition-icon{transform:scale(1.05)}.hero-key-highlight{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1.5rem;margin:0 0 .5rem;animation:fadeInUp .6s ease-out .15s both}.highlight-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:8px;transition:all .2s ease;position:relative}.highlight-badge:hover{transform:translateY(-1px)}.highlight-icon{font-size:1.125rem;color:#6b73d9;transition:all .2s ease}.highlight-badge:hover .highlight-icon{color:#5b64c7;transform:scale(1.05)}.highlight-text{font-size:.9rem;font-weight:500;color:#475569;line-height:1.3;transition:color .2s ease}.highlight-badge:hover .highlight-text{color:#334155}.highlight-badge:nth-child(1){animation:fadeInUp .6s ease .7s both}.highlight-badge:nth-child(2){animation:fadeInUp .6s ease .8s both}.highlight-badge:nth-child(3){animation:fadeInUp .6s ease .9s both}.hero-actions{flex-shrink:0;display:flex;gap:.75rem;justify-content:center;animation:none}.hero-cta-primary{height:40px!important;padding:0 1rem!important;font-size:.875rem!important;font-weight:600!important;border-radius:8px!important;background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary))!important;border:none!important;box-shadow:var(--shadow-sm)!important;transition:all .3s ease!important;position:relative!important;overflow:hidden!important}.hero-cta-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .6s ease}.hero-cta-primary:hover:before{left:100%}.hero-cta-primary:hover{transform:translateY(-1px)!important;box-shadow:var(--shadow-md)!important;background:linear-gradient(135deg,#2563eb,#4f46e5)!important}.hero-cta-secondary{height:40px!important;padding:0 1rem!important;font-size:.875rem!important;font-weight:500!important;border-radius:8px!important;border:1.5px solid var(--border-light)!important;background:var(--bg-secondary)!important;color:var(--text-secondary)!important;transition:all .3s ease!important}.hero-cta-secondary:hover{border-color:var(--brand-primary)!important;color:var(--brand-primary)!important;transform:translateY(-1px)!important;box-shadow:var(--shadow-sm)!important;background:var(--hover-bg)!important}@media (max-width: 1200px){.hero-title{font-size:2.4rem}.hero-advantages{gap:.75rem}.hero-trust{gap:1rem}}@media (max-width: 992px){.desktop-hero-modern{min-height:12vh;padding:.75rem 0}.hero-title{font-size:2.2rem;gap:.375rem}.hero-subtitle{font-size:1.1rem;margin-bottom:.5rem}.hero-bpay-support{margin-bottom:.5rem}.bpay-categories{gap:.375rem}.bpay-category{padding:.25rem .5rem;font-size:.8rem}.bpay-category.tuition-highlight{padding:.375rem .875rem;font-size:.8rem}.hero-key-highlight{gap:1rem}.highlight-badge{padding:.5rem .75rem}.highlight-icon{font-size:1rem}.highlight-text{font-size:.85rem}}@media (max-width: 768px){.desktop-hero-modern{min-height:8vh;padding:.375rem 0;margin-bottom:.5rem}.hero-title{font-size:2.1rem;gap:.375rem;margin-bottom:1.25rem}.hero-subtitle{font-size:1.1rem;margin-bottom:1.5rem}.bpay-categories{gap:.4rem;justify-content:flex-start;padding:0 1rem}.bpay-category{padding:.25rem .5rem;font-size:.8rem;min-width:max-content}.bpay-category.tuition-highlight{padding:.3rem .6rem;font-size:.85rem}.hero-key-highlight{gap:.75rem;flex-wrap:nowrap;overflow-x:auto;padding:0 .5rem}.highlight-badge{padding:.375rem .5rem;flex-shrink:0;min-width:max-content}.highlight-icon{font-size:.875rem}.highlight-text{font-size:.75rem;white-space:nowrap}}@media (max-width: 480px){.desktop-hero-modern{min-height:6vh;padding:.25rem 0;margin-bottom:.375rem}.hero-title{font-size:1.9rem;gap:.375rem;margin-bottom:1.5rem}.hero-subtitle{font-size:1rem;margin-bottom:1.75rem}.bpay-categories{gap:.3rem;justify-content:flex-start;padding:0 .75rem}.bpay-category{padding:.2rem .4rem;font-size:.75rem;min-width:max-content}.bpay-category.tuition-highlight{padding:.25rem .5rem;font-size:.8rem}.hero-key-highlight{gap:.5rem;flex-wrap:nowrap;overflow-x:auto;padding:0 .25rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hero-key-highlight::-webkit-scrollbar{display:none}.highlight-badge{padding:.375rem .5rem;flex-shrink:0;min-width:max-content}.highlight-icon{font-size:.75rem}.highlight-text{font-size:.65rem;white-space:nowrap}}.referral-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:20px;margin:24px 0;max-width:100%;box-sizing:border-box;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.referral-banner-content{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:1}.referral-banner-left{display:flex;align-items:center;gap:12px;flex:1}.referral-icon{width:48px;height:48px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.referral-icon .anticon{font-size:24px;color:#fff}.referral-text{flex:1}.referral-title{font-size:16px;font-weight:600;color:#fff;margin:0 0 4px;line-height:1.3;letter-spacing:-.025em}.referral-subtitle{font-size:13px;color:#fffc;margin:0;line-height:1.4;font-weight:400}.referral-banner-right{flex-shrink:0}.referral-action-btn{height:32px!important;padding:0 12px!important;border-radius:8px!important;font-weight:600!important;font-size:12px!important;background:#fffffff2!important;border:1px solid rgba(255,255,255,.3)!important;color:#667eea!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;box-shadow:0 2px 4px #0000001a,0 1px 2px #0000000f!important;display:flex!important;align-items:center!important;gap:4px!important;white-space:nowrap!important}.referral-action-btn .anticon{font-size:12px}@media (max-width: 480px){.referral-banner{margin:12px;padding:16px}.referral-banner-content{flex-direction:row;align-items:center;gap:12px}.referral-banner-left{justify-content:flex-start;text-align:left}.referral-title{font-size:14px}.referral-subtitle{font-size:12px}.referral-action-btn{width:auto!important;justify-content:center!important;padding:0 10px!important;font-size:11px!important}}@media (min-width: 768px){.referral-banner{max-width:700px;margin:24px auto}.referral-title{font-size:18px}.referral-subtitle{font-size:14px}.referral-action-btn{height:40px!important;padding:0 20px!important;font-size:14px!important}}.payment-method-selector .mobile-payment-methods{display:flex;flex-direction:column;gap:.75rem;padding-left:1.25em}.payment-method-selector .mobile-view-payment-methods{display:flex;flex-direction:column;gap:.75rem;padding-left:0}.payment-method-selector .mobile-payment-method{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;background:#fff;min-height:30px}.payment-method-selector .mobile-payment-method:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.payment-method-selector .mobile-payment-method.selected{border-color:#2563eb;background:#eff6ff;box-shadow:0 4px 12px #2563eb26}.payment-method-selector .mobile-payment-method.disabled{pointer-events:none;opacity:.6;background:#f9fafb;border-color:#d1d5db}.payment-method-selector .payment-method-icon{width:5.5rem;height:2rem;font-size:1.25rem;display:flex;align-items:center;justify-content:center;border-radius:3px;margin-right:.5rem;background:transparent}.payment-method-selector .payment-method-name{font-size:.875rem;font-weight:500;color:#374151}.payment-method-selector .mobile-payment-method.selected .payment-method-name{color:#1d4ed8;font-weight:600}.payment-method-selector .payment-method-radio input[type=radio]{width:1rem;height:1rem;cursor:pointer}.payment-method-selector .payment-method-radio input[type=radio]:disabled{cursor:not-allowed;opacity:.5}.payment-method-selector .mobile-payment-method.disabled .payment-method-name,.payment-method-selector .mobile-payment-method.disabled .payment-method-icon{color:#9ca3af}.payment-method-selector .desktop-payment-method-label{font-size:13px;font-weight:500;color:#020817;margin-bottom:6px}.payment-method-selector .desktop-payment-options{display:flex;flex-direction:column;gap:6px;flex:1}.payment-method-selector .payment-methods-row{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.payment-method-selector .payment-methods-row .mobile-payment-method{width:100%}.payment-method-selector .mobile-view-payment-method-content{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:center;min-height:30px;z-index:2}@media (min-width: 768px){.payment-method-selector .mobile-payment-methods{display:flex;flex-direction:column;gap:6px;margin:0;padding-left:1.25em;max-width:none}.payment-method-selector .payment-methods-row{display:flex;flex-direction:row;gap:6px;margin-bottom:2px;align-items:center;min-height:20px}.payment-method-selector .payment-methods-row .mobile-payment-method{flex:1}.payment-method-selector .mobile-payment-method{padding:1px 4px 1px 14px;height:30px;border:1px solid hsl(214.3 31.8% 91.4%);border-radius:3px;background:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:space-between;cursor:pointer;position:relative}.payment-method-selector .mobile-payment-method:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#f8fafc,#fff);opacity:0;transition:opacity .2s ease;border-radius:12px}.payment-method-selector .mobile-payment-method:hover{border-color:#d0dae7;box-shadow:0 4px 12px #e2e8f066;transform:translateY(-1px)}.payment-method-selector .mobile-payment-method:hover:before{opacity:1}.payment-method-selector .mobile-payment-method.selected{border-color:#2563eb;background:#2563eb0a;box-shadow:0 0 0 1px #2563eb33,0 2px 8px #2563eb1a;transform:translateY(-1px)}.payment-method-selector .mobile-payment-method.selected:before{opacity:1;background:linear-gradient(135deg,#2563eb14,#2563eb05)}.payment-method-selector .payment-method-logo{width:32px;height:32px}.payment-method-selector .mobile-payment-method[data-method=wechatpay] .payment-method-logo{width:26px;height:26px;object-fit:contain;background:transparent}.payment-method-selector .mobile-payment-method[data-method=unionpay] .payment-method-logo{width:32px;height:32px;object-fit:contain;background:transparent}.payment-method-selector .mobile-payment-method[data-method=alipay] .payment-method-logo img{width:50px;height:38px;object-fit:contain;transform:scale(1)}.payment-method-selector .mobile-payment-method[data-method=unionpay] .payment-method-icon{background:transparent}.payment-method-selector .payment-method-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;min-height:40px;z-index:2}.payment-method-selector .payment-method-logo{display:flex;align-items:center;justify-content:center;object-fit:contain;height:30px;width:100%;margin-bottom:8px;background:transparent}.payment-method-selector .mobile-payment-method[data-method=alipay] .payment-method-logo{display:flex;align-items:center;justify-content:center;height:26px;width:100%;margin-bottom:8px;background:transparent}.payment-method-selector .mobile-payment-method[data-method=alipayPlus] .payment-method-content .payment-method-logo{display:flex;align-items:center;justify-content:center;height:30px;margin-bottom:0;width:100%;background:transparent}.payment-method-selector .payment-method-name{position:absolute!important;bottom:2px!important;left:50%!important;transform:translate(-50%)!important;line-height:1.2!important;font-size:11px!important;font-weight:500!important;margin:0!important;white-space:nowrap!important}.payment-method-selector .payment-method-radio{display:none}}.order-form{width:100%;box-sizing:border-box}.order-form .mobile-mode{padding:10px 20px;background-color:transparent}.order-form .desktop-mode{padding:0;background-color:transparent}.order-form .form-title{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin-bottom:1.5rem;text-align:center;position:relative}.order-form .mobile-mode .form-title{font-size:1.25rem;margin-bottom:1rem}.order-form .desktop-mode .form-title{font-size:1.75rem;margin-bottom:2rem;color:#2c3e50}.order-form .ant-form-item{margin-bottom:8px;padding:0!important;background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important}.order-form .ant-form-small .ant-form-item .ant-form-item-control-input{min-height:32px!important}.order-form .ant-form-item:has(.ant-auto-complete){margin-bottom:24px!important}.order-form .ant-form-item:has(.ant-auto-complete) .ant-form-item-control{margin-bottom:16px!important}.order-form .ant-form-item[name=billerCode],.order-form .ant-form-item[name=customerReference]{margin-bottom:24px!important}.order-form .ant-form-item[name=billerCode] .ant-form-item-control,.order-form .ant-form-item[name=customerReference] .ant-form-item-control{margin-bottom:16px!important}.order-form .ant-form-item-control,.order-form .ant-form-item-control-input{padding:0!important;background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important}.order-form .ant-form-item-control-input-content{padding:0!important;background:transparent!important;box-shadow:none!important}.order-form .ant-form-item-label{padding:0 0 .125rem;margin-bottom:0}@media (max-width: 639px){.order-form .ant-form-item{margin-bottom:8px!important}}.order-form .ant-form-item-label>label{color:#4b5563;font-weight:500;font-size:13px;height:auto;padding-top:8px!important;transition:color .2s cubic-bezier(.4,0,.2,1)}.order-form .desktop-mode .ant-form-item-label>label{color:#2c3e50;font-weight:600}.order-form .ant-input,.order-form .ant-input-sm,.order-form .ant-input.ant-input-sm,.order-form .ant-select-selector,.order-form .ant-select-sm .ant-select-selector,.order-form .ant-auto-complete,.order-form .ant-auto-complete .ant-input{height:32px!important;padding:6px 12px!important;font-size:13px!important;line-height:1.4!important;color:#1f2937!important;background-color:#fff!important;border:1px solid #e5e7eb!important;border-radius:6px!important;outline:none!important;box-shadow:none!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.order-form .ant-form-item-control-input-content{outline:none!important;box-shadow:none!important}.order-form .ant-select-selection-search-input{padding-left:12px!important}.order-form .ant-select-selection-placeholder{padding-left:12px!important;font-size:13px!important;color:#0000004d!important}.order-form .ant-select-auto-complete{display:block!important}.order-form .ant-form-item-has-error .ant-select-auto-complete,.order-form .ant-form-item-has-error .ant-select{margin-bottom:2px!important}.order-form .ant-input::placeholder{padding-left:0;font-size:13px;color:#0000004d;opacity:1}.order-form .ant-input:hover,.order-form .ant-input-sm:hover,.order-form .ant-input.ant-input-sm:hover,.order-form .ant-select:not(.ant-select-disabled):hover .ant-select-selector,.order-form .ant-auto-complete:hover .ant-input,.order-form .ant-auto-complete .ant-input:hover{border-color:#d1d5db!important;box-shadow:none!important}.order-form .ant-input:focus,.order-form .ant-input-sm:focus,.order-form .ant-input.ant-input-sm:focus,.order-form .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector,.order-form .ant-auto-complete.ant-auto-complete-focused .ant-input,.order-form .ant-auto-complete .ant-input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f633!important}.order-form .ant-form-item:hover,.order-form .ant-form-item:focus,.order-form .ant-form-item:focus-within{border:none!important;outline:none!important;box-shadow:none!important}.order-form .desktop-input,.order-form .desktop-input.ant-input-sm,.order-form .ant-auto-complete .desktop-input{height:32px!important;font-size:13px!important;line-height:1.4!important;color:#1f2937!important;background-color:#fff!important;border:1px solid #e5e7eb!important;border-radius:6px!important;outline:none!important;box-shadow:none!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.order-form .desktop-input:hover,.order-form .desktop-input.ant-input-sm:hover,.order-form .ant-auto-complete:hover .desktop-input{border-color:#d1d5db!important;background:#fff!important}.order-form .desktop-input:focus,.order-form .desktop-input:focus-within,.order-form .desktop-input.ant-input-sm:focus,.order-form .desktop-input.ant-input-sm:focus-within,.order-form .ant-auto-complete.ant-auto-complete-focused .desktop-input,.order-form .ant-auto-complete .desktop-input:focus{border-color:#3b82f6!important;background:#fff!important;box-shadow:0 0 0 2px #3b82f633!important;outline:none!important}.order-form .cost-summary{border-radius:12px;padding:.75rem}.order-form .cost-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.order-form .cost-item:not(:last-child){border-bottom:1px solid #e5e7eb;padding-bottom:.5rem}.order-form .rmb-total{background:linear-gradient(135deg,#c6cef1,#e8def1);color:#fff;padding:.75rem;border-radius:12px;margin-top:.75rem}.order-form .coupon-checkbox-container{margin:.75rem 0}.order-form .coupon-checkboxes{display:flex;flex-direction:column;gap:.5rem}.order-form .demo-checkbox{margin-left:1rem}.order-form .demo-checkbox .ant-checkbox-wrapper{font-size:.75rem;color:#6b7280}.order-form .coupon-option{display:flex;align-items:center;gap:8px}.order-form .coupon-option-code{font-weight:600;color:#764ba2;font-family:Courier New,monospace;background-color:#f0e6f5;padding:0;border-radius:4px;line-height:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.order-form .coupon-option-title{flex:1;font-size:.875rem;color:#1f2937}.order-form .coupon-option-warning{font-size:.75rem;color:#dc2626}.order-form .no-coupons-message{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:1rem;margin:1rem 0;display:flex;justify-content:space-between;align-items:center}.order-form .no-coupons-content{flex:1}.order-form .no-coupons-title{font-size:.875rem;font-weight:600;color:#92400e;margin:0 0 .25rem}.order-form .no-coupons-description{font-size:.75rem;color:#a16207;margin:0}.order-form .get-coupons-button{background:#f59e0b;border-color:#f59e0b;color:#fff;font-weight:500}.order-form .get-coupons-button:hover{background:#d97706;border-color:#d97706}.order-form .mobile-payment-method{display:flex;align-items:center;justify-content:space-between;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;background:#fff;min-height:30px}.order-form .mobile-payment-method:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.order-form .mobile-payment-method.selected{border-color:#2563eb;background:#eff6ff;box-shadow:0 4px 12px #2563eb26}.order-form .mobile-payment-method.disabled{pointer-events:none;opacity:.6;background:#f9fafb;border-color:#d1d5db}.order-form .payment-method-icon{font-size:1.75rem;display:flex;align-items:center;justify-content:center;width:3.5rem;height:1.75rem;border-radius:3px;margin-right:.5rem;background:transparent}.order-form .payment-method-name{font-size:.875rem;font-weight:500;color:#374151}.order-form .mobile-payment-method.selected .payment-method-name{color:#1d4ed8;font-weight:600}.order-form .payment-method-radio input[type=radio]{width:1rem;height:1rem;cursor:pointer}.order-form .payment-method-radio input[type=radio]:disabled{cursor:not-allowed;opacity:.5}.order-form .mobile-payment-method.disabled .payment-method-name,.order-form .mobile-payment-method.disabled .payment-method-icon,.order-form .desktop-payment-method.disabled .payment-name,.order-form .desktop-payment-method.disabled .payment-icon{color:#9ca3af}.order-form .desktop-payment-method-label{font-size:13px;font-weight:500;color:#020817;margin-bottom:6px}.order-form .desktop-input,.order-form .ant-input,.order-form .ant-input-number{border-radius:8px!important;border:1.5px solid #e5e7eb!important;padding:10px 12px!important;font-size:16px!important;height:auto!important;background:#fff!important;color:#000!important}.order-form .desktop-input:hover,.order-form .ant-input:hover,.order-form .ant-input-number:hover{border-color:#667eea!important}.order-form .desktop-input:focus,.order-form .desktop-input.ant-input-focused,.order-form .ant-input:focus,.order-form .ant-input-focused,.order-form .ant-input-number:focus,.order-form .ant-input-number-focused{border-color:#667eea!important;box-shadow:0 0 0 2px #667eea1a!important}.order-form .ant-input-number{width:100%!important}.order-form .ant-input-number-input{padding:0!important}@media (min-width: 768px){.order-form .mobile-payment-method{padding:1px 4px 1px 14px;min-height:30px;border:1px solid hsl(214.3 31.8% 91.4%);border-radius:3px;background:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer}.order-form .mobile-payment-method:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#f8fafc,#fff);opacity:0;transition:opacity .2s ease;border-radius:12px}.order-form .mobile-payment-method:hover{border-color:#d0dae7;box-shadow:0 4px 12px #e2e8f066;transform:translateY(-1px)}.order-form .mobile-payment-method:hover:before{opacity:1}.order-form .mobile-payment-method.selected{border-color:#2563eb;background:#2563eb0a;box-shadow:0 0 0 1px #2563eb33,0 2px 8px #2563eb1a;transform:translateY(-1px)}.order-form .desktop-input,.order-form .ant-input,.order-form .ant-input-number{border-radius:8px!important;border:1.5px solid #e5e7eb!important;padding:10px 12px!important;font-size:16px!important;height:auto!important;background:#fff!important;color:#000!important}.order-form .desktop-input:hover,.order-form .ant-input:hover,.order-form .ant-input-number:hover{border-color:#667eea!important}.order-form .desktop-input:focus,.order-form .desktop-input.ant-input-focused,.order-form .ant-input:focus,.order-form .ant-input-focused,.order-form .ant-input-number:focus,.order-form .ant-input-number-focused{border-color:#667eea!important;box-shadow:0 0 0 2px #667eea1a!important}.order-form .ant-input-number{width:100%!important}.order-form .ant-input-number-input{padding:0!important}.order-form .mobile-payment-method.selected:before{opacity:1;background:linear-gradient(135deg,#2563eb14,#2563eb05)}.order-form .mobile-payment-method[data-method=unionpay] .payment-method-icon{background:transparent}.order-form .payment-method-name{position:absolute!important;bottom:-7px!important;left:50%!important;transform:translate(-50%)!important;line-height:1.2!important;font-size:12px!important;font-weight:500!important;margin:0!important;white-space:nowrap!important}.order-form .payment-method-radio{display:none}}.order-form .desktop-qr-section{text-align:center;padding:2rem}.order-form .qr-header{margin-bottom:2rem}.order-form .desktop-section-title{text-align:center;font-size:.9rem;color:#6b7280;font-weight:500;margin-bottom:1.5rem;padding:0 1.5rem;line-height:1.4}.order-form .qr-subtitle{color:#6b7280;font-size:1rem}.order-form .qr-content{display:flex;gap:2rem;align-items:flex-start;justify-content:center;margin:2rem 0}.order-form .qr-code-placeholder{background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;padding:2rem;width:200px;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.order-form .qr-code-icon{font-size:2rem;margin-bottom:1rem}.order-form .qr-instructions{display:flex;flex-direction:column;gap:1rem;text-align:left}.order-form .instruction-item{display:flex;align-items:center;gap:1rem}.order-form .step-number{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#3b82f6;color:#fff;border-radius:50%;font-weight:600}.order-form .desktop-success-section{text-align:center;padding:3rem 2rem}.order-form .desktop-success-icon{font-size:4rem;margin-bottom:1rem}.order-form .desktop-success-title{font-size:1.75rem;font-weight:600;color:#059669;margin-bottom:.5rem}.order-form .desktop-success-message{color:#6b7280;font-size:1.125rem;margin-bottom:2rem}.order-form .desktop-success-actions{display:flex;gap:1rem;justify-content:center}.order-form .submit-button .ant-btn{height:auto;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #667eea4d;position:relative;overflow:hidden}.order-form .submit-button .ant-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66;background:linear-gradient(135deg,#5a67d8,#667eea)}.order-form .submit-button .ant-btn:active{transform:translateY(0);box-shadow:0 4px 12px #667eea4d}.order-form .submit-button .enabled-pay-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;cursor:pointer}.order-form .submit-button .enabled-pay-button:hover{background:linear-gradient(135deg,#5a67d8,#667eea);transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.order-form .submit-button .enabled-pay-button:focus{background:linear-gradient(135deg,#5a67d8,#667eea);box-shadow:0 4px 12px #667eea4d,0 0 0 2px #667eea33}.order-form .submit-button .disabled-pay-button{background:linear-gradient(135deg,#cbd5e1,#94a3b8)!important;border:none!important;color:#64748b!important;cursor:not-allowed!important;box-shadow:0 2px 8px #94a3b833!important;position:relative;opacity:.7}.order-form .submit-button .disabled-pay-button:hover{background:linear-gradient(135deg,#cbd5e1,#94a3b8)!important;transform:none!important;box-shadow:0 2px 8px #94a3b833!important;color:#64748b!important}.order-form .submit-button .disabled-pay-button:focus{background:linear-gradient(135deg,#cbd5e1,#94a3b8)!important;box-shadow:0 2px 8px #94a3b833!important;color:#64748b!important}.order-form .submit-button .disabled-pay-button .ant-btn-loading-icon{color:#64748b!important}.order-form .submit-button .disabled-pay-button .anticon{color:#64748b!important;opacity:.6}.order-form .submit-button .disabled-pay-button:active{animation:disabledPulse .3s ease-out}@keyframes disabledPulse{0%{transform:scale(1);box-shadow:0 2px 8px #94a3b833}50%{transform:scale(.98);box-shadow:0 1px 4px #94a3b84d}to{transform:scale(1);box-shadow:0 2px 8px #94a3b833}}.order-form .desktop-next-btn,.order-form .desktop-pay-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;font-weight:600;height:auto;padding:1rem 2rem;font-size:1.125rem;border-radius:12px;box-shadow:0 4px 16px #667eea4d;transition:all .3s cubic-bezier(.4,0,.2,1)}.order-form .desktop-next-btn:hover,.order-form .desktop-pay-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px #667eea66;background:linear-gradient(135deg,#5a67d8,#667eea)}.order-form .desktop-secondary-btn{background:transparent;border:2px solid #d1d5db;color:#374151;font-weight:500;padding:.875rem 1.5rem;border-radius:12px;transition:all .2s ease}.order-form .desktop-secondary-btn:hover{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}@media (max-width: 768px){.order-form .qr-content{flex-direction:column;align-items:center}.order-form .desktop-success-actions{flex-direction:column}.order-form .desktop-success-actions .ant-btn{width:100%}}@media (max-width: 480px){.order-form .submit-button .ant-btn{padding:1rem 1.25rem;font-size:.875rem}}.order-form .ant-form-item-has-error .ant-input,.order-form .ant-form-item-has-error .desktop-input,.order-form .ant-form-item-has-error .ant-select-selector,.order-form .ant-form-item-has-error .ant-select .ant-select-selector,.order-form .ant-form-item-has-error .ant-auto-complete .ant-input,.order-form .ant-form-item-has-error .ant-input:hover,.order-form .ant-form-item-has-error .desktop-input:hover,.order-form .ant-form-item-has-error .ant-select:hover .ant-select-selector,.order-form .ant-form-item-has-error .ant-select-selector:hover,.order-form .ant-form-item-has-error .ant-auto-complete:hover .ant-input{border-color:#dc2626!important;background-color:#fff;box-shadow:0 0 0 1px #dc2626!important}.order-form .ant-form-item-has-error .ant-input:focus,.order-form .ant-form-item-has-error .desktop-input:focus,.order-form .ant-form-item-has-error .ant-select-focused .ant-select-selector,.order-form .ant-form-item-has-error .ant-select:focus .ant-select-selector,.order-form .ant-form-item-has-error .ant-select-selector:focus,.order-form .ant-form-item-has-error .ant-auto-complete .ant-input:focus{border-color:#dc2626!important;background-color:#fff;box-shadow:0 0 0 2px #dc262633!important;outline:none}.order-form .ant-form-item-explain-error{color:#dc2626;font-size:14px;margin-top:4px;font-weight:400;display:block}.order-form .ant-form-item-has-error:has(.ant-select-auto-complete) .ant-form-item-explain-error,.order-form .ant-form-item-has-error:has(.ant-select) .ant-form-item-explain-error{margin-top:10px!important}.order-form .ant-form-item[name=billerCode] .ant-form-item-explain-error,.order-form .ant-form-item[name=customerReference] .ant-form-item-explain-error{margin-top:8px!important;margin-bottom:8px!important}.order-form .ant-form-item-has-success .ant-input,.order-form .ant-form-item-has-success .desktop-input,.order-form .ant-form-item-has-success .ant-auto-complete .ant-input{border-color:#52c41a!important;background-color:#f6ffed;box-shadow:0 0 0 2px #52c41a33}.order-form .ant-form-item-has-success .ant-input:hover,.order-form .ant-form-item-has-success .desktop-input:hover,.order-form .ant-form-item-has-success .ant-auto-complete:hover .ant-input{border-color:#52c41a!important;background-color:#f6ffed;box-shadow:0 0 0 2px #52c41a4d}.order-form .ant-form-item-has-success .ant-input:focus,.order-form .ant-form-item-has-success .desktop-input:focus,.order-form .ant-form-item-has-success .ant-auto-complete .ant-input:focus{border-color:#52c41a!important;background-color:#fff;box-shadow:0 0 0 3px #52c41a33}.order-form .error-alert,.order-form .desktop-section-title.error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;padding:12px 16px 12px 30px;margin-bottom:16px;font-size:14px;font-weight:400;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-align:center;position:relative}.order-form .error-alert:before,.order-form .desktop-section-title.error:before{content:"✕";font-size:7px;color:#fff;background-color:#dc2626;border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center;font-weight:700;line-height:1;position:absolute;left:6px;top:50%;transform:translateY(-50%)}.order-form .ant-input,.order-form .desktop-input,.order-form .ant-auto-complete .ant-input{transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease}.order-form .ant-auto-complete{width:100%!important;margin-bottom:8px!important}.order-form .ant-auto-complete .ant-input{width:100%!important;padding:0!important;outline:0!important}.order-form .ant-form-item .ant-auto-complete{margin-bottom:8px!important}.order-form .ant-auto-complete-dropdown{border-radius:6px!important;box-shadow:0 4px 12px #0000001a!important;border:1px solid #e5e7eb!important;background:#fff!important}.order-form .ant-auto-complete-dropdown .ant-select-item{padding:6px 10px!important;font-size:13px!important;line-height:1.4!important;color:#1f2937!important;transition:background-color .2s ease!important}.order-form .ant-auto-complete-dropdown .ant-select-item:hover{background-color:#f8fafc!important}.order-form .ant-auto-complete-dropdown .ant-select-item-option-selected{background-color:#eff6ff!important;color:#1d4ed8!important;font-weight:500!important}.order-form .ant-auto-complete-dropdown .ant-select-item-option-active{background-color:#f1f5f9!important}.order-form .ant-input{width:100%!important;padding:0!important;outline:0!important}.order-form .ant-auto-complete .ant-input-group{display:flex!important;width:100%!important}.order-form .ant-auto-complete .ant-input-group .ant-input{flex:1!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}.order-form .ant-auto-complete .ant-input-group-addon{border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-left:none!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 8px!important;background-color:#f8fafc!important;border-color:#e5e7eb!important}.order-form .ant-auto-complete-dropdown{z-index:1050!important}@media (max-width: 768px){.order-form .ant-form-item-explain-error{font-size:12px;margin-top:4px;display:block}.order-form .desktop-section-title.error{font-size:11px;padding:10px 12px}.order-form .ant-form-item[name=billerCode] .ant-form-item-explain-error,.order-form .ant-form-item[name=customerReference] .ant-form-item-explain-error{margin-top:6px!important;margin-bottom:6px!important}}.biller-code-tooltip .ant-tooltip-inner{background-color:#fff;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:0;max-width:320px}.biller-code-tooltip .ant-tooltip-arrow-content{--antd-arrow-background-color: #ffffff}.biller-code-tooltip .ant-tooltip-arrow{border-color:#e8e8e8}.biller-code-tooltip div{line-height:1.4}.biller-code-tooltip code{background:#f5f5f5;padding:1px 4px;border-radius:2px;font-family:Courier New,monospace;font-size:10px}.biller-code-tooltip.ant-tooltip-placement-topLeft{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.biller-code-tooltip .ant-tooltip-inner{max-width:280px}}.order-form .ant-input-prefix .upload-icon{cursor:pointer;transition:all .2s ease;border-radius:2px;padding:2px;margin:0 4px}.order-form .ant-input-prefix .upload-icon:hover{background-color:#f0f0f0;color:#1890ff;transform:scale(1.1)}.order-form .ant-input-prefix .upload-icon:active{transform:scale(.95)}.order-form .ant-input-suffix .anticon-info-circle{cursor:pointer;transition:color .2s ease}.order-form .ant-input-suffix .anticon-info-circle:hover{color:#1890ff}.biller-code-tooltip .ant-tooltip-inner,.reference-number-tooltip .ant-tooltip-inner,.amount-tooltip .ant-tooltip-inner{background-color:#fff!important;color:#333!important;border:1px solid #d9d9d9!important;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d!important}.biller-code-tooltip .ant-tooltip-arrow:before,.reference-number-tooltip .ant-tooltip-arrow:before,.amount-tooltip .ant-tooltip-arrow:before{background-color:#fff!important;border:1px solid #d9d9d9!important}.disabled-button-tooltip .ant-tooltip-inner{background-color:#374151!important;color:#fff!important;border-radius:8px!important;padding:8px 12px!important;font-size:12px!important;font-weight:500!important;line-height:1.4!important;max-width:280px!important;text-align:center!important;box-shadow:0 4px 12px #00000026!important}.disabled-button-tooltip .ant-tooltip-arrow:before{background-color:#374151!important;border:none!important}.disabled-button-tooltip.ant-tooltip-placement-top{animation:tooltipFadeIn .2s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.order-form .submit-button .disabled-pay-button.ant-btn-loading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}50%{left:0%}to{left:100%}}.order-form .ant-input-group-wrapper .ant-input-group .ant-input-group-addon,.order-form .ant-input-group .ant-input-group-addon,.order-form [class*=ant-input-group] .ant-input-group-addon{border-start-start-radius:0!important;border-end-start-radius:0!important;border-radius:8px!important}.order-form .ant-input-group-wrapper .ant-input-group>.ant-input:last-child,.order-form .ant-input-group>.ant-input:last-child,.order-form [class*=ant-input-group]>.ant-input:last-child{border-start-start-radius:0!important;border-end-start-radius:0!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}.order-form .ant-form-item .ant-input-group-wrapper .ant-input-group .ant-input-group-addon{border-start-start-radius:unset!important;border-end-start-radius:unset!important}.order-form .ant-input-group-addon,.order-form .ant-input-group .ant-input-group-addon,.order-form .ant-input-group-wrapper .ant-input-group-addon,.order-form .ant-input-group-wrapper .ant-input-group .ant-input-group-addon,.order-form [class*=ant-input] [class*=addon],.order-form .ant-form-item [class*=ant-input-group] [class*=addon]{height:32px!important;border-radius:6px!important}.order-form .ant-input-group>.ant-input,.order-form .ant-input-group-wrapper .ant-input-group>.ant-input{height:32px!important;border-radius:6px!important}.order-form [class*=ant-input]{border-start-start-radius:unset!important;border-end-start-radius:unset!important}@media (max-width: 768px){.disabled-button-tooltip .ant-tooltip-inner{font-size:11px!important;max-width:240px!important;padding:6px 10px!important}.order-form .submit-button .disabled-pay-button{opacity:.8}}.order-form .ant-select-dropdown .ant-select-item{padding:0!important}.order-form .coupon-select-dropdown .ant-select-selection-placeholder,.order-form .coupon-select-dropdown .ant-select-selection-item{padding-left:12px!important}.order-form .coupon-select-dropdown.ant-select-open .ant-select-arrow{transform:rotate(180deg);transition:transform .3s ease}.order-form .coupon-select-dropdown .ant-select-arrow{transition:transform .3s ease}.coupon-not-found-container{padding:12px 16px!important}.coupon-not-found-content{display:flex!important;align-items:center!important;gap:12px!important;margin-bottom:12px!important}.coupon-not-found-icon{font-size:20px!important;color:#d9d9d9!important;flex-shrink:0!important}.coupon-not-found-description{flex:1!important;text-align:left!important;font-size:13px!important;color:#8c8c8c!important;line-height:1.5!important}.coupon-not-found-button{padding:0!important;height:auto!important;display:block!important;width:100%!important;text-align:center!important;color:#1890ff!important;font-size:14px!important;border:none!important;outline:none!important;box-shadow:none!important}.coupon-not-found-button:hover,.coupon-not-found-button:focus,.coupon-not-found-button:active{color:#40a9ff!important;border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important}.order-form .coupon-option{display:flex;align-items:center;gap:12px;transition:all .2s ease}.order-form .coupon-option:hover{background-color:#f8fafc}.order-form .coupon-code-badge{font-weight:600;color:#764ba2;font-family:Courier New,monospace;background-color:#f0e6f5;padding:0;margin-left:6px;border-radius:4px;line-height:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.order-form .coupon-code-badge.disabled{background-color:#d1d5db;color:#6b7280}.order-form-coupon-title{color:#374151;font-size:14px;font-weight:500;flex:1}.order-form-coupon-title.disabled{color:#9ca3af}.order-form .coupon-invalid-badge{font-size:12px;color:#ef4444;font-weight:500;background-color:#fef2f2;padding:4px 8px;border-radius:4px;border:1px solid #fecaca}.order-form .coupon-option.disabled{opacity:.6}.order-form .ant-select-selector,.order-form .ant-select-sm .ant-select-selector,.order-form .desktop-mode .ant-select-selector,.order-form .desktop-mode .ant-select-sm .ant-select-selector{height:32px!important;padding:0!important}.desktop-payment-card .ant-card-body{padding:1.5rem;border:none;border-radius:0;background:transparent}.ant-select .ant-select-arrow{display:flex;align-items:center;color:#00000040;font-style:normal;line-height:1;text-align:center;text-transform:none;vertical-align:.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;top:50%;inset-inline-start:auto;inset-inline-end:11px;height:12px;margin-top:-6px;font-size:12px;pointer-events:none;transition:opacity .3s ease}.order-form *:not(.ant-checkbox):not(.ant-checkbox-inner):not(.ant-radio):not(.ant-radio-inner):not(.mobile-payment-method):not(.ant-input):not(.ant-input-number):not(.ant-select-selector){border:0!important;outline:0!important}.order-form .ant-checkbox .ant-checkbox-inner,.order-form .ant-radio .ant-radio-inner{border-width:1px!important;border-style:solid!important;border-color:#d9d9d9!important}.order-form .ant-checkbox-checked .ant-checkbox-inner{background-color:#1677ff!important;border-color:#1677ff!important}.order-form .ant-checkbox-checked .ant-checkbox-inner:after{border:2px solid #fff!important;border-top:0!important;border-left:0!important}.order-form .ant-input-number{width:100%!important;padding:0!important}.order-form .ant-input-number-input{height:32px!important;padding:0!important;border:0!important;outline:0!important;font-size:13px!important;line-height:1.4!important;color:#1f2937!important;background-color:#fff!important}.order-form .ant-input-number-handler-wrap{border:none!important;border-radius:0 8px 8px 0!important}.payment-amount-inline{display:flex;align-items:center;gap:8px}.payment-amount-inline .amount-inline-label{font-size:.875rem;color:#374151;white-space:nowrap}.payment-amount-inline .payment-amount-single-line{padding:6px 10px}@media (max-width: 639px){.payment-amount-inline{display:flex}.payment-amount-inline .amount-inline-label{display:flex;margin-bottom:4px}}@media (max-width: 639px){.payment-amount-inline{gap:6px!important}.payment-amount-single-line{padding:6px 10px}.payment-amount-inline .amount-inline-label{font-size:.8125rem}}.payment-amount-single-line .amount-value{font-size:.875rem;font-weight:400!important;color:#6b7280;white-space:nowrap;flex-shrink:0}.payment-amount-single-line .amount-note{font-size:.75rem;color:#9ca3af;white-space:nowrap;flex-shrink:0}.surcharge-tips-popover{max-width:300px}.surcharge-tips-popover p{margin:.5em 0;font-size:12px;color:#000}.surcharge-tips-popover .processing-fee{margin:8px 0}.surcharge-tips-popover .disclaimer{margin:0 0 8px}.surcharge-tips-popover .more-details{margin:0;color:#1890ff;cursor:pointer}.surcharge-tips-icon{margin-left:6px;cursor:pointer;color:#8c8c8c}.login-page-container{width:100%;margin:0;background-color:#f8fafc;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif}.login-page-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding-bottom:55px}.login-form-container{padding:20px;max-width:580px;margin:0 auto;position:relative}.login-content{background:#fff;border-radius:20px;padding:40px 32px;box-shadow:0 8px 30px #00000014;border:1px solid rgba(0,0,0,.05)}.login-header{text-align:center;margin-bottom:40px}.login-title{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 8px;letter-spacing:-.025em}.login-subtitle{font-size:16px;color:#6b7280;margin:0;line-height:1.5}.login-form{margin-bottom:32px}.login-form .ant-form-item{margin-bottom:24px}.login-form .ant-form-item-label>label{font-size:14px;font-weight:600;color:#374151;margin-bottom:8px;display:block}.login-input{border-radius:12px!important;border:1.5px solid #e5e7eb!important;padding:12px 16px!important;font-size:16px!important;height:48px!important;transition:all .2s ease}.login-input:focus,.login-input-focused{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important}.login-input:hover{border-color:#d1d5db!important}.login-button-container{margin-top:32px;margin-bottom:0}.login-button{height:48px!important;font-size:16px!important;font-weight:600!important;border-radius:12px!important}.login-button:active{transform:translateY(0)}.login-button:focus{outline:none!important;box-shadow:none!important}.register-btn{color:#1677ff!important;border:1px solid #1677ff!important}.login-button-error{border:3px solid #dc2626!important;box-shadow:0 0 0 3px #dc262633!important}.login-button-error:hover{border:3px solid #dc2626!important;box-shadow:0 0 0 3px #dc26264d!important;background:linear-gradient(135deg,#5a67d8,#6b46c1)!important}.register-link-container{text-align:center;padding-top:24px;border-top:1px solid #f3f4f6;margin-bottom:24px}.register-link-text{font-size:16px;color:#6b7280;margin-right:8px}.register-link{font-size:16px;font-weight:600;color:#667eea;text-decoration:none;transition:color .2s ease}.register-link:hover{color:#5a67d8;text-decoration:underline}.test-account-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;text-align:center}.test-account-title{font-size:14px;font-weight:600;color:#374151;margin:0 0 8px}.test-account-details{font-size:13px;color:#6b7280;margin:0;line-height:1.4;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}@media (min-width: 768px){.login-form-container{position:relative;padding:20px}.login-content{padding:48px 40px}.login-title{font-size:32px}.login-subtitle{font-size:18px}}@media (max-width: 480px){.login-form-container{position:relative;padding:24px 16px}.login-content{padding:32px 24px;border-radius:16px}.login-title{font-size:24px}.login-subtitle{font-size:14px}}.phone-input-group-migrated{display:flex!important;border-radius:12px!important;overflow:hidden;border:1.5px solid #e5e7eb!important;background:#fffc;box-shadow:0 1px 3px #0000000d;transition:all .3s ease}.phone-input-group-migrated:hover{border-color:#667eea!important;box-shadow:0 2px 8px #667eea1a!important}.phone-input-group-migrated:focus-within{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important;background:#fff}.phone-input-group-migrated .ant-select,.phone-input-group-migrated .ant-input,.phone-input-group-migrated .ant-select:hover,.phone-input-group-migrated .ant-input:hover{border:none!important;box-shadow:none!important}.phone-input-group-migrated .ant-select:focus,.phone-input-group-migrated .ant-input:focus{border:none!important;box-shadow:none!important}.country-code-select-migrated{width:155px!important;flex-shrink:0}.country-code-select-migrated .ant-select-selector{border:none!important;border-radius:0!important;height:46px!important;background:transparent!important;box-shadow:none!important;border-right:1px solid #e5e7eb!important}.country-code-select-migrated .ant-select-selection-item{line-height:44px!important;font-size:14px!important;font-weight:500!important}.phone-input-migrated{flex:1!important;border:none!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;height:48px!important;font-size:16px!important}.referral-code-field .login-input{background:#667eea0d!important;border-color:#667eea!important;color:#667eea!important}.input-icon{color:#9ca3af;margin-right:8px}.referral-notice-container{padding:32px 20px 0;max-width:480px;margin:0 auto}.referral-notice-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;margin-bottom:16px}.referral-notice-card .ant-card-body{padding:20px}.referral-notice-content{display:flex;align-items:flex-start;gap:12px}.referral-notice-icon{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0}.referral-notice-text{flex:1}.referral-notice-text h3{margin:0 0 4px;font-size:16px;font-weight:600;color:#1a1a1a}.referral-notice-text p{margin:0 0 4px;color:#1a1a1a;font-size:14px;line-height:1.4}.referral-benefit{color:#667eea!important;font-weight:500;font-size:13px!important;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.popup-auth-modal .ant-modal-content{border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000026}.popup-auth-modal .ant-modal-header{border-bottom:1px solid #f0f0f0;padding:20px 32px;background:#fff}.popup-auth-modal .ant-modal-title{font-size:20px;font-weight:600;color:#1f2937}.popup-auth-modal .ant-modal-body{padding:32px;background:#fff}.popup-auth-modal .login-page-container,.popup-auth-modal .register-page-container{min-height:auto;padding:0;width:100%;background:none;margin:0}.popup-auth-modal .login-form-container,.popup-auth-modal .register-form-container{padding:0;width:100%;max-width:none;margin:0}.popup-auth-modal .login-content,.popup-auth-modal .register-content{padding:0;width:100%;background:none;border-radius:0;box-shadow:none;border:none}.popup-auth-modal .ant-form{width:100%}.popup-auth-modal .ant-form-item{margin-bottom:24px}.popup-auth-modal .ant-form-item-label{padding-bottom:8px}.popup-auth-modal .ant-form-item-label>label{font-size:14px;font-weight:500;color:#374151;line-height:1.4}.popup-auth-modal .login-button-container,.popup-auth-modal .register-button-container{margin-top:32px;margin-bottom:0}.popup-auth-modal .register-link-container{display:none}.popup-auth-modal .login-input,.popup-auth-modal .register-input{height:44px!important;font-size:14px!important;border-radius:8px!important;border:1px solid #d1d5db!important;padding:8px 12px!important;background:#fff!important}.popup-auth-modal .login-button,.popup-auth-modal .register-button{height:44px!important;font-size:14px!important;font-weight:500!important;border-radius:8px!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important}.popup-auth-modal .ant-form-item{margin-bottom:24px!important}.popup-auth-modal .ant-form-item-label{padding-bottom:8px!important}.popup-auth-modal .ant-form-item-label>label{font-size:14px!important;font-weight:500!important;color:#374151!important;line-height:1.4!important}.popup-auth-modal .phone-input-group-migrated{display:flex;gap:8px}.popup-auth-modal .phone-input-group-migrated .ant-select{width:120px;flex-shrink:0}.popup-auth-modal .phone-input-group-migrated .ant-select .ant-select-selector{height:44px;border-radius:8px;border:1px solid #d1d5db;padding:8px 12px}.popup-auth-modal .phone-input-group-migrated .ant-input{flex:1}.popup-auth-modal .ant-alert{margin-bottom:24px;border-radius:8px}.popup-auth-modal .ant-row{gap:8px}.popup-auth-modal .ant-col{padding:0}.popup-auth-modal .ant-input,.popup-auth-modal .ant-input-password{font-size:14px;border-radius:8px;border:1px solid #d1d5db;padding:8px 12px;transition:all .2s ease}.popup-auth-modal .ant-input:focus,.popup-auth-modal .ant-input-password:focus,.popup-auth-modal .ant-input-focused,.popup-auth-modal .ant-input-password-focused{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.popup-auth-modal .ant-input:hover,.popup-auth-modal .ant-input-password:hover{border-color:#9ca3af}.popup-auth-modal .ant-btn{height:44px;font-size:14px;font-weight:500;border-radius:8px;transition:all .2s ease}.popup-auth-modal .ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.popup-auth-modal .ant-btn-primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.popup-auth-modal .login-button-error{border:2px solid #dc2626!important;box-shadow:0 0 0 1px #dc2626!important}@media (max-width: 600px){.popup-auth-modal .ant-modal{margin:16px;max-width:calc(100vw - 32px);width:calc(100vw - 32px)!important}.popup-auth-modal .ant-modal-content{border-radius:12px}.popup-auth-modal .ant-modal-body{padding:24px}.popup-auth-modal .ant-modal-header{padding:16px 24px}.popup-auth-modal .ant-input,.popup-auth-modal .ant-input-password{font-size:16px}.popup-auth-modal .ant-btn{height:40px;font-size:16px}}.send-receipt-desktop{margin-top:5px;padding:0 20px}.receipt-form-container{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 12px #0000001a;margin-bottom:25px}.receipt-form-header{text-align:center;margin-bottom:25px}.receipt-form-header h3{color:#2c3e50;font-size:20px;font-weight:600;margin:0}.receipt-form-content{max-width:500px;margin:0 auto}.email-input-section{margin-bottom:20px}.receipt-email-input{border-radius:8px;border:2px solid #e9ecef;transition:all .3s ease}.receipt-email-input:hover{border-color:#667eea}.receipt-email-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.receipt-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.send-receipt-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;min-width:160px;font-weight:600;transition:all .3s ease}.send-receipt-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-2px);box-shadow:0 6px 16px #667eea4d}.download-receipt-btn{border:2px solid #667eea;color:#667eea;border-radius:8px;min-width:160px;font-weight:600;transition:all .3s ease}.download-receipt-btn:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #667eea33}.navigation-buttons{display:flex;flex-direction:column;align-items:center;gap:15px;padding:20px}.return-home-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;min-width:200px;height:50px;font-size:16px;font-weight:600;transition:all .3s ease}.return-home-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-2px);box-shadow:0 6px 16px #667eea4d}.view-history-btn{color:#667eea;font-weight:500;text-decoration:underline;transition:all .3s ease}.view-history-btn:hover{color:#5a6fd8}.send-receipt-mobile{padding:20px 16px}.receipt-section{background:#fff;border-radius:12px;margin-bottom:20px;box-shadow:0 4px 12px #0000001a;overflow:hidden}.receipt-header{padding:20px 20px 0}.receipt-description{font-size:14px;color:#6c757d;margin:0;text-align:center}.receipt-form{padding:20px}.email-input-group{margin-bottom:20px}.email-label{display:block;font-size:14px;font-weight:600;color:#495057;margin-bottom:8px}.receipt-email-input-mobile{border-radius:8px;border:2px solid #e9ecef;transition:all .3s ease;height:45px}.receipt-email-input-mobile:hover{border-color:#667eea}.receipt-email-input-mobile:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.signup-section{margin-bottom:20px}.signup-toggle{padding:0;height:auto;color:#667eea;font-weight:500;text-decoration:underline}.signup-toggle:hover{color:#5a6fd8}.signup-form{margin-top:15px;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.password-input-group{margin-bottom:15px}.password-label{display:flex;align-items:center;font-size:14px;font-weight:600;color:#495057;margin-bottom:8px}.info-btn{padding:0;height:auto;margin-left:5px;font-size:12px}.password-input{border-radius:8px;border:2px solid #e9ecef;height:40px}.password-input:hover{border-color:#667eea}.password-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.terms-notice{margin-top:15px;padding:12px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px}.terms-notice p{font-size:12px;color:#856404;margin:0;line-height:1.4}.terms-notice a{color:#667eea;text-decoration:underline}.terms-notice a:hover{color:#5a6fd8}.send-receipt-btn-mobile{border:none;border-radius:8px;height:36px;font-size:14px;font-weight:600;transition:all .3s ease;width:140px!important}.navigation-section{padding:0 16px}.return-home-btn-mobile{border:none;border-radius:8px;height:38px;font-size:14px;font-weight:600;margin-bottom:15px;transition:all .3s ease}.return-home-btn-mobile.theme-unionpay{background:linear-gradient(135deg,#cd2928,#a51f1e)}.return-home-btn-mobile.theme-unionpay:hover{background:linear-gradient(135deg,#b52524,#8b1a19)}.view-history-link{color:#ecf0f4!important;font-size:14px;text-decoration:underline;padding:0;height:auto;text-align:center;display:block;transition:all .3s ease}.view-history-link:hover{color:#495057!important}@media (max-width: 480px){.receipt-buttons{flex-direction:column;gap:10px}.send-receipt-btn,.download-receipt-btn{width:100%;min-width:auto}.receipt-form-container{padding:20px}.receipt-form-header h3{font-size:18px}}.ant-modal-header{border-bottom:1px solid #f0f0f0;padding:16px 24px}.ant-modal-title{color:#2c3e50;font-weight:600}.ant-modal-body{padding:24px;color:#495057;line-height:1.6}.ant-modal-footer{border-top:1px solid #f0f0f0;padding:10px 16px;text-align:center}.ant-btn-loading{opacity:.8;cursor:not-allowed}.receipt-email-input:focus,.receipt-email-input-mobile:focus,.password-input:focus{outline:none}.send-receipt-mobile,.send-receipt-desktop{animation:fadeInUp .6s ease-out}.payment-success{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column}.payment-success-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;background:#f5f3f7}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:#fff;font-size:16px;font-weight:500}.top-section{display:flex;flex-direction:column;align-items:center;padding:20px 20px 10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center}.top-section-img{max-width:80px;max-height:80px;width:auto;height:auto;margin-bottom:5px;filter:brightness(0) invert(1);object-fit:contain}.top-section-title{font-size:24px;font-weight:600;margin-bottom:10px}.biller-info-container{background:#fff;margin:0 16px 8px;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden}.biller-amount-display{font-size:32px;font-weight:700;color:#2c3e50;text-align:center;padding:10px 20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.biller-info-divider{height:1px;background:linear-gradient(90deg,transparent 0%,#e0e0e0 50%,transparent 100%);margin:0 20px}.biller-info-wrapper{padding:20px}.biller-info-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding:8px 0}.biller-info-row:last-child{margin-bottom:0}.biller-info-label{font-weight:600;color:#6c757d;font-size:14px;min-width:120px;flex-shrink:0}.biller-info-content{font-weight:500;color:#2c3e50;font-size:14px;text-align:right;word-break:break-word;flex:1;margin-left:16px}.payment-success-actions{padding:20px;margin-top:auto}.return-home-button{width:100%;height:48px;border-radius:8px;font-size:16px;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 12px #667eea4d}.return-home-button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 6px 16px #667eea66;transform:translateY(-1px)}.dt-payment-success-wrapper{display:flex;justify-content:center;align-items:flex-start;width:100%;padding:10px 20px 0;box-sizing:border-box}.dt-payment-success-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:800px;background:#fff;padding:10px 40px 15px;box-sizing:border-box}.dt-success-title-row{display:flex;align-items:center;margin-bottom:25px}.dt-tick-logo{max-width:60px;max-height:60px;width:auto;height:auto;margin-right:16px;object-fit:contain}.dt-success-title{font-size:32px;font-weight:700;color:#2c3e50}.dt-table{width:100%;border-collapse:collapse;margin:20px 0 8px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.dt-cell1{padding:16px 20px;background:#f8f9fa;font-weight:600;color:#495057;border-bottom:1px solid #e9ecef;width:200px;vertical-align:top}.dt-cell2{padding:16px 20px;background:#fff;color:#2c3e50;font-weight:500;border-bottom:1px solid #e9ecef;word-break:break-word}.dt-table tr:last-child .dt-cell1,.dt-table tr:last-child .dt-cell2{border-bottom:none}@media (max-width: 768px){.dt-payment-success-container{margin:20px 16px;padding:20px}.dt-success-title{font-size:24px}.dt-tick-logo{width:40px;height:40px}.dt-cell1,.dt-cell2{padding:12px 16px;font-size:14px}.dt-cell1{width:140px}}.ant-alert{border-radius:8px;border:none;box-shadow:0 2px 8px #0000001a}.ant-alert-success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-radius:0}.ant-alert-info{background:linear-gradient(135deg,#d1ecf1,#bee5eb)}.ant-alert-warning{background:linear-gradient(135deg,#fff3cd,#ffeaa7)}.payment-success-skeleton{padding:20px;background:#fff;border-radius:12px;margin:16px}.skeleton-item{height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;margin-bottom:12px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.payment-success{animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app-footer{background:#1a202c;color:#e2e8f0;padding:.75rem 0;border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.mobile-footer{padding:.75rem 0}.mobile-footer-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0}.mobile-footer-header{display:flex;flex-direction:column;align-items:center}.mobile-footer-title{margin:0;font-size:1.1rem;font-weight:600;color:#f7fafc;line-height:1.3}.mobile-footer-description{max-width:90%;margin:0 auto}.mobile-footer-text{margin:0;font-size:.85rem;color:#cbd5e0;line-height:1.5;text-align:center}.mobile-footer-powered{margin-top:0;padding-top:0;border-top:none;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.powered-by-text{font-size:.875rem;color:#a0aec0;font-weight:400}.footer-logo{height:35px;width:auto;opacity:1;filter:brightness(0) invert(1)}.footer-container{max-width:1400px;margin:0 auto;padding:0 2rem}.footer-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-copyright{margin:0;font-size:.825rem;color:#a0aec0;font-weight:400}.footer-links{display:flex;gap:2rem;align-items:center;justify-content:center}.footer-link{color:#cbd5e0;text-decoration:none;font-size:.875rem;font-weight:400;transition:color .2s ease;min-height:unset;min-width:unset}.footer-link:hover{color:#f7fafc}.desktop-footer{background:#1a202c;color:#e2e8f0;padding:1.5rem 0;border-top:1px solid rgba(255,255,255,.1);margin-top:auto}@media (max-width: 768px){.mobile-footer{padding:.75rem 0}.mobile-footer .footer-container{padding:0 1rem}.mobile-footer-content{gap:0}.mobile-footer-title{font-size:1rem}.mobile-footer-text{font-size:.8rem;max-width:95%}.mobile-footer-description{max-width:95%}.powered-by-text{font-size:.8rem}.footer-logo{height:32px}}@media (min-width: 769px){.desktop-footer .footer-content{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.desktop-footer .footer-links{display:flex;gap:2rem;align-items:center;justify-content:center}}@media (max-width: 480px){.mobile-footer{padding:.5rem 0}.mobile-footer .footer-container{padding:0 .75rem}.mobile-footer-content{gap:0}.mobile-footer-title{font-size:.95rem;line-height:1.2}.mobile-footer-text{font-size:.75rem;line-height:1.4}.mobile-footer-description{max-width:98%}.mobile-footer-powered{padding-top:0;margin-top:0}.powered-by-text{font-size:.75rem}.footer-logo{height:28px}}.user-guide-inline{background:#fffffffa;border-radius:28px;padding:3rem;margin:24px auto 0;max-width:600px;width:100%;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp .5s ease-out;color:#212529!important;color-scheme:light!important;box-sizing:border-box}.user-guide-inline,.user-guide-inline *,.user-guide-inline p,.user-guide-inline div,.user-guide-inline span,.user-guide-inline strong,.user-guide-inline b,.user-guide-inline h1,.user-guide-inline h2,.user-guide-inline h3,.user-guide-inline h4,.user-guide-inline h5,.user-guide-inline h6,.user-guide-inline .guide-title{color:#212529!important;color-scheme:light!important}.user-guide-inline .guide-title{font-size:1.25rem;font-weight:600;margin-bottom:16px;color:#1f2937!important;line-height:1.4}.user-guide-inline .guide-features{margin-bottom:24px}.user-guide-inline .feature-description{box-sizing:border-box;text-rendering:optimizelegibility;margin:0 0 12px;color:#212529!important;font-family:-apple-system,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;text-align:left;line-height:1.5;font-size:.875rem}.user-guide-inline .feature-description:last-child{margin-bottom:0}.user-guide-inline .feature-description strong{box-sizing:border-box;text-rendering:optimizelegibility;font-weight:600;color:#1f2937!important}.user-guide-inline .instruction-steps-container{display:flex;flex-direction:row;gap:12px;justify-content:center;flex-wrap:nowrap}.user-guide-inline .instruction-step{height:300px;border-radius:16px;background-color:#f8fafc;text-align:center;padding:16px;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 8px #0000000f;transition:transform .2s ease,box-shadow .2s ease;border:1px solid rgba(0,0,0,.05)}.user-guide-inline .instruction-step:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.user-guide-inline .step-image{width:80%;height:120px;object-fit:contain;margin-bottom:12px;border-radius:8px}.user-guide-inline .instruction-step:nth-child(2) .step-image{height:110px}.user-guide-inline .instruction-step:nth-child(3) .step-image,.user-guide-inline .instruction-step:nth-child(4) .step-image{width:70%;height:120px}.user-guide-inline .step-content{display:flex;flex-direction:column;line-height:1.4;margin-top:auto;text-align:center;color:#374151!important;font-size:.8rem}.user-guide-inline .step-content b{font-weight:600;margin-bottom:6px;color:#1f2937!important;font-size:.85rem}.user-guide-inline .step-content div{margin-bottom:3px;font-size:.75rem;color:#374151!important}@media (max-width: 992px){.user-guide-inline{padding:2.5rem}.user-guide-inline .instruction-steps-container{gap:12px}.user-guide-inline .instruction-step{height:280px;padding:14px}.user-guide-inline .step-image{height:100px}.user-guide-inline .instruction-step:nth-child(2) .step-image,.user-guide-inline .instruction-step:nth-child(3) .step-image,.user-guide-inline .instruction-step:nth-child(4) .step-image{height:100px}}@media (max-width: 768px){.user-guide-inline{padding:2rem;margin:16px auto 0;border-radius:16px}}.user-guide-inline.desktop-view{max-width:600px;width:100%;margin:24px auto 0;padding:2.5rem}.user-guide-inline.desktop-view .instruction-steps-container{flex-direction:row;justify-content:center;gap:12px;flex-wrap:nowrap}.user-guide-inline.desktop-view .instruction-step{height:300px;padding:16px}.user-guide-inline.mobile-view{max-width:100%;width:calc(100% - 16px);margin:16px 8px 0;padding:2rem 1rem}.user-guide-inline.mobile-view .instruction-steps-container{flex-direction:column!important;align-items:center;gap:12px}.user-guide-inline.mobile-view .instruction-step{width:100%!important;max-width:300px;height:auto;min-height:240px;padding:12px}.user-guide-inline.mobile-view .step-image{height:80px;width:80%}.user-guide-inline.mobile-view .step-content{font-size:.75rem;margin-top:8px}.user-guide-inline.mobile-view .step-content b{font-size:.8rem;margin-bottom:4px}.user-guide-inline.mobile-view .step-content div{font-size:.7rem;margin-bottom:2px}@media (max-width: 768px){.user-guide-inline{padding:2rem 1rem!important;margin:16px 8px 0!important;max-width:100%!important;width:calc(100% - 16px)!important;box-sizing:border-box}.user-guide-inline .instruction-steps-container{flex-direction:column!important}.user-guide-inline .instruction-step{width:100%!important;max-width:300px!important}}@media (min-width: 769px){.user-guide-inline{max-width:600px!important;width:100%!important;margin:24px auto 0!important;padding:2.5rem!important}.user-guide-inline .instruction-steps-container{flex-direction:row!important;justify-content:center!important;gap:12px!important;flex-wrap:nowrap!important}.user-guide-inline .instruction-step{height:300px!important;padding:16px!important}}@media (min-width: 769px) and (max-width: 1024px){.user-guide-inline{padding:2rem!important}}@media (max-width: 768px){.user-guide-inline .guide-title{font-size:1.1rem;margin-bottom:12px;color:#1f2937!important}.user-guide-inline .guide-features{margin-bottom:16px}.user-guide-inline .feature-description{font-size:.8rem;margin-bottom:8px;color:#212529!important}.user-guide-inline .feature-description strong{color:#212529!important;font-weight:600}.user-guide-inline,.user-guide-inline *,.user-guide-inline p,.user-guide-inline div,.user-guide-inline span,.user-guide-inline strong,.user-guide-inline b,.user-guide-inline h1,.user-guide-inline h2,.user-guide-inline h3,.user-guide-inline h4,.user-guide-inline h5,.user-guide-inline h6{color:#212529!important;color-scheme:light!important}.user-guide-inline .guide-title,.user-guide-inline .guide-features .feature-description,.user-guide-inline .guide-features .feature-description strong{color:#212529!important;color-scheme:light!important;text-shadow:none!important;opacity:1!important}.user-guide-inline .instruction-steps-container{flex-direction:column;align-items:center;gap:12px}.user-guide-inline .instruction-step{width:100%!important;max-width:280px;height:240px;padding:12px}.user-guide-inline .step-image{height:80px}.user-guide-inline .instruction-step:nth-child(2) .step-image,.user-guide-inline .instruction-step:nth-child(3) .step-image,.user-guide-inline .instruction-step:nth-child(4) .step-image{height:80px}.user-guide-inline .step-content{font-size:.75rem;margin-top:8px;color:#374151!important}.user-guide-inline .step-content b{font-size:.8rem;margin-bottom:4px;color:#1f2937!important}.user-guide-inline .step-content div{font-size:.7rem;margin-bottom:2px;color:#374151!important}}@media (max-width: 480px){.user-guide-inline{padding:1.5rem 1rem!important;margin:16px 8px 0!important;border-radius:12px;max-width:100%!important;width:calc(100% - 16px)!important}.user-guide-inline .instruction-steps-container{flex-direction:column!important;align-items:center;gap:8px}.user-guide-inline .instruction-step{width:100%!important;max-width:260px;height:220px;padding:10px}.user-guide-inline .step-image{height:70px}.user-guide-inline .instruction-step:nth-child(2) .step-image,.user-guide-inline .instruction-step:nth-child(3) .step-image,.user-guide-inline .instruction-step:nth-child(4) .step-image{height:70px}}.desktop-page .user-guide-inline{background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(102,126,234,.1);box-shadow:0 8px 32px #667eea26;color:#212529!important;color-scheme:light!important;max-width:700px!important;margin:24px auto 0!important}@media (max-width: 992px) and (min-width: 769px){.desktop-page .user-guide-inline{padding:2.5rem!important;max-width:600px!important}}@media (max-width: 768px){.desktop-page .user-guide-inline{padding:2rem 1rem!important;margin:16px 8px 0!important;max-width:100%!important;width:calc(100% - 16px)!important}}.desktop-page .user-guide-inline .guide-title{margin-bottom:20px;color:#212529!important;color-scheme:light!important}.desktop-page .user-guide-inline .guide-features{margin-bottom:28px}.desktop-page .user-guide-inline .feature-description{font-size:.9rem;margin-bottom:14px;color:#212529!important;color-scheme:light!important}.desktop-page .user-guide-inline .feature-description strong{color:#212529!important;font-weight:600;color-scheme:light!important}.desktop-page .user-guide-inline,.desktop-page .user-guide-inline *,.desktop-page .user-guide-inline p,.desktop-page .user-guide-inline div,.desktop-page .user-guide-inline span,.desktop-page .user-guide-inline strong,.desktop-page .user-guide-inline b,.desktop-page .user-guide-inline h1,.desktop-page .user-guide-inline h2,.desktop-page .user-guide-inline h3,.desktop-page .user-guide-inline h4,.desktop-page .user-guide-inline h5,.desktop-page .user-guide-inline h6{color:#212529!important;color-scheme:light!important}.desktop-page .user-guide-inline .guide-title,.desktop-page .user-guide-inline .guide-features .feature-description,.desktop-page .user-guide-inline .guide-features .feature-description strong,div.desktop-page .user-guide-inline .guide-title,div.desktop-page .user-guide-inline .guide-features .feature-description{color:#212529!important;color-scheme:light!important;text-shadow:none!important;opacity:1!important}.desktop-page .user-guide-inline .instruction-steps-container{gap:20px}.desktop-page .user-guide-inline .instruction-step{height:320px;padding:20px;background-color:#f8fafccc;border:1px solid rgba(102,126,234,.08)}.desktop-page .user-guide-inline .instruction-step:hover{transform:translateY(-3px);box-shadow:0 6px 24px #667eea26}.desktop-page .user-guide-inline .step-content{font-size:.85rem;color:#374151!important}.desktop-page .user-guide-inline .step-content b{font-size:.9rem;color:#1f2937!important}.desktop-page .user-guide-inline .step-content div{font-size:.8rem;color:#374151!important}.user-guide-inline .instruction-step:nth-child(1){animation:stepFadeIn .6s ease-out .1s both}.user-guide-inline .instruction-step:nth-child(2){animation:stepFadeIn .6s ease-out .2s both}.user-guide-inline .instruction-step:nth-child(3){animation:stepFadeIn .6s ease-out .3s both}.user-guide-inline .instruction-step:nth-child(4){animation:stepFadeIn .6s ease-out .4s both}@keyframes stepFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}html body .user-guide-inline .guide-title,html body .desktop-page .user-guide-inline .guide-title,html body .user-guide-inline .guide-features .feature-description,html body .desktop-page .user-guide-inline .guide-features .feature-description,html body .user-guide-inline .guide-features .feature-description strong,html body .desktop-page .user-guide-inline .guide-features .feature-description strong,html body .user-guide-inline h4.guide-title,html body .desktop-page .user-guide-inline h4.guide-title,html body .user-guide-inline p.feature-description,html body .desktop-page .user-guide-inline p.feature-description{color:#212529!important;color-scheme:light!important;text-shadow:none!important;opacity:1!important;visibility:visible!important}html body .user-guide-inline,html body .desktop-page .user-guide-inline,html body .user-guide-inline *,html body .desktop-page .user-guide-inline *{color:#212529!important;color-scheme:light!important}.payment-qr-code{padding:20px;display:flex;justify-content:center;align-items:center;min-height:400px}.qr-code-container{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;justify-content:center}.qr-code-display{display:flex;flex-direction:column;align-items:center;gap:20px}.qr-code-image{width:235px;height:235px;border-radius:8px;box-shadow:0 4px 12px #0000001a;border:1px solid #e8e8e8}.qr-code-instruction{text-align:center;color:#666;font-size:14px;line-height:1.5;max-width:300px;margin-top:10px}.qr-code-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;width:235px;height:235px;border:1px solid #e8e8e8;border-radius:8px;background-color:#fafafa;gap:15px}.loading-text{color:#666;font-size:14px;text-align:center}.qr-code-error{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;padding:30px}.error-icon{font-size:48px;color:#ff4d4f;margin-bottom:10px}.error-text{color:#666;font-size:16px;line-height:1.5;margin-bottom:10px;max-width:300px}.retry-button{min-width:120px;height:40px;border-radius:6px;font-weight:500;border:none;background-color:#ff4d4f;color:#fff;transition:all .3s ease}.retry-button:hover{background-color:#ff7875!important;border-color:#ff7875!important;color:#fff!important}.retry-button:focus{background-color:#ff4d4f!important;border-color:#ff4d4f!important;color:#fff!important}@media (max-width: 768px){.payment-qr-code{padding:15px;min-height:350px}.qr-code-image,.qr-code-loading{width:200px;height:200px}.qr-code-instruction{font-size:13px;max-width:280px}.error-text{font-size:14px;max-width:280px}.error-icon{font-size:40px}}.payment-qr-code .ant-spin-dot-item{background-color:#1890ff}.payment-qr-code .ant-btn-primary{background-color:#1890ff;border-color:#1890ff}.payment-qr-code .ant-btn-primary:hover{background-color:#40a9ff;border-color:#40a9ff}.qr-code-display{animation:fadeInUp .5s ease-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.qr-code-error{animation:shake .5s ease-in-out}.mobile-banners{width:100%;margin:0 auto;text-align:center;border-radius:8px;overflow:hidden}@media screen and (min-width: 800px){.mobile-banners{width:560px}}@media screen and (max-width: 480px){.mobile-banners{padding-top:0;min-height:150px}}.mobile-banners.theme-alipay,.mobile-banners.theme-alipay_online,.mobile-banners.theme-alipay_app{background-color:#1677ff}.mobile-banners.theme-alipay_plus{background-color:#36a6f1}.mobile-banners.theme-unionpay_ucsp{background-color:#d5362e}.mobile-banners.theme-unionpay,.mobile-banners.theme-unionpay_ko{background-image:url(/assets/bpay-desktop/red_background.jpg);background-size:cover;background-color:#d5362e}.mobile-banners.theme-wechatpay{background-color:#62d576}.mobile-banners.theme-mobile,.mobile-banners.theme-intl_credit_card,.mobile-banners.theme-aus_credit_card{background-image:url(/assets/background-mobile.png);background-repeat:no-repeat;background-position:center;background-size:cover;background-color:#1677ff}.mobile-banners div img{width:100%}.mobile-banners .ant-carousel .slick-dots{bottom:12px}.mobile-banners .ant-carousel .slick-dots li button{background:#fff9;border-radius:50%;width:8px;height:8px}.mobile-banners .ant-carousel .slick-dots li.slick-active button{background:#fff;transform:scale(1.2)}.banner-item{position:relative;width:100%;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.banner-item.clickable{cursor:pointer;transition:transform .2s ease,opacity .2s ease}.banner-item.clickable:hover{transform:translateY(-2px);opacity:.95}.banner-item.clickable:focus{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}.banner-item.clickable:active{transform:translateY(0)}.banner-image{width:100%;margin:5px;max-height:150px;display:block;border-radius:8px;background:transparent;object-fit:contain}@media (max-width: 480px){.banner-item{min-height:150px}.banner-image{max-height:150px}}.home-ad-main{position:fixed;z-index:98}.home-ad-close{position:absolute;top:0;right:0;z-index:99;display:flex;padding:4px 8px;color:#fff;font-weight:700;background:linear-gradient(90deg,#ff971b,#f6472e);border-radius:16px;cursor:pointer;transition:all .2s ease-in-out}.home-ad-close:hover{transform:translateY(-2px);filter:saturate(1.2)}.home-ad-close svg{width:16px;margin-right:4px;fill:#fff}@media screen and (max-width: 1060px){.home-ad-main{display:none}}.promotion-banner{background:transparent;border-radius:0;padding:0;margin:16px 0;max-width:100%;box-sizing:border-box;position:relative;overflow:hidden;animation:slideDown .4s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.promotion-banner-content{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0;position:relative;z-index:1}.promotion-banner-left{display:flex;align-items:center;gap:10px;flex:1}.promotion-icon{width:36px;height:36px;background:transparent;border-radius:0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.promotion-icon .anticon{font-size:18px;color:#10b981}.promotion-text{flex:1;min-width:0}.promotion-title{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 2px;line-height:1.3;letter-spacing:-.025em}.promotion-subtitle{font-size:12px;color:#6b7280;margin:0;line-height:1.4;font-weight:400}.promotion-code{display:inline-block;background:#f0fdf4;padding:2px 6px;border-radius:0;font-weight:700;font-family:Courier New,monospace;letter-spacing:.5px;border:none;font-size:12px;margin:0 2px;color:#10b981}.promotion-banner-right{display:none}.promotion-close-btn{display:none!important}@media (max-width: 480px){.promotion-banner{margin:12px}.promotion-banner-content{gap:8px}.promotion-icon{width:32px;height:32px}.promotion-icon .anticon{font-size:16px}.promotion-title{font-size:13px}.promotion-subtitle{font-size:11px}.promotion-code{font-size:11px;padding:1px 5px}.promotion-close-btn{width:24px!important;height:24px!important}.promotion-close-btn .anticon{font-size:11px}}@media (min-width: 768px){.promotion-banner{max-width:700px;margin:0 auto 8px}.promotion-icon{width:40px;height:40px}.promotion-icon .anticon{font-size:20px}.promotion-title{font-size:15px}.promotion-subtitle{font-size:13px}.promotion-code{font-size:13px;padding:2px 8px}}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #3b82f6, #1d4ed8);--success-gradient: linear-gradient(135deg, #52c41a, #73d13d);--warning-gradient: linear-gradient(135deg, #faad14, #f5222d);--danger-gradient: linear-gradient(135deg, #ff4d4f, #ff7875);--primary-color: #667eea;--primary-dark: #764ba2;--secondary-color: #3b82f6;--secondary-dark: #1d4ed8;--brand-primary: #6b73d9;--brand-secondary: #61398f;--brand-success: #10b981;--background-color: #f8fafc;--surface-color: #ffffff;--text-primary: #1f2937;--text-secondary: #4b5563;--text-muted: #6b7280;--border-color: #e5e7eb;--border-focus: #667eea;--bg-primary: #fdfcfb;--bg-secondary: #faf9f7;--bg-tertiary: #f5f3f0;--bg-card: #fffffe;--border-light: #e8e5e0;--border-medium: #d6d1c9;--hover-bg: #f9f7f4;--focus-ring: rgba(107, 115, 217, .15);--coupon-bg-color-start: #e0324d;--coupon-bg-color-end: #764ba2;--coupon-text-color: #ffffff;--coupon-secondary-text-color: #f0e6f5;--accent-red: #ff4d4f;--primary-blue: #3b82f6;--primary-blue-dark: #1d4ed8;--primary-blue-darker: #1e40af;--gradient-start: #667eea;--gradient-end: #764ba2;--font-family-primary: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-xs: clamp(.75rem, 1.5vw, .875rem);--font-size-sm: clamp(.8125rem, 1.75vw, .9375rem);--font-size-base: clamp(.875rem, 2vw, 1rem);--font-size-md: clamp(1rem, 2.25vw, 1.125rem);--font-size-lg: clamp(1.125rem, 2.5vw, 1.25rem);--font-size-xl: clamp(1.25rem, 3vw, 1.5rem);--font-size-2xl: clamp(1.5rem, 4vw, 2rem);--font-size-3xl: clamp(2rem, 5vw, 3rem);--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 50%;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 25px rgba(0, 0, 0, .1);--z-dropdown: 1000;--z-modal: 1050;--z-tooltip: 1100;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}@media (prefers-color-scheme: dark){:root{--background-color: #1f2937;--surface-color: #374151;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-muted: #9ca3af;--border-color: #4b5563}}body{margin:0;padding:0;overflow-x:hidden}html{overflow-x:hidden}.home-page-container{width:100%;margin:0;background-color:#f8fafc;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;overflow-x:hidden}.home-page{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.desktop-page{background:#667eea;min-height:100vh;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.desktop-main{background:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px 20px 0 0}.desktop-header{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06);position:sticky;top:0;z-index:1000}.desktop-nav-left .desktop-logo{display:flex;align-items:center}.desktop-logo .logo-image{height:32px;width:auto}.desktop-nav-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;background:transparent;color:#64748b;font-size:.875rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.desktop-nav-item:hover{background:#3b82f61a;color:#3b82f6;transform:translateY(-1px)}.desktop-notification-btn,.desktop-language-btn,.desktop-user-btn,.desktop-login-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid rgba(0,0,0,.1);background:#fff;color:#374151;font-size:.875rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.desktop-notification-btn:hover,.desktop-language-btn:hover,.desktop-user-btn:hover,.desktop-login-btn:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-1px)}.desktop-user-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 10px 40px #00000026;min-width:150px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease}.desktop-user-menu:hover .desktop-user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.desktop-user-dropdown button{width:100%;padding:.75rem 1rem;border:none;background:transparent;color:#374151;font-size:.875rem;text-align:left;cursor:pointer;border-radius:8px;margin:.25rem}.desktop-user-dropdown button:hover{background:#f8fafc;color:#3b82f6}.desktop-main{padding:0}.desktop-content-container{max-width:900px;margin:0 auto}.desktop-hero{text-align:center}.desktop-hero-title{font-size:3rem;font-weight:700;color:#1e293b;line-height:1.2}.brand-highlight{color:#3b82f6;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.desktop-hero-subtitle{font-size:1.25rem;color:#64748b;font-weight:400}.desktop-payment-card .ant-card-body{padding:1.5rem}.desktop-steps-container{margin-bottom:.5rem;padding:0rem 1.5rem .5rem;background:transparent;border-radius:0;border:none;box-shadow:none}.desktop-steps .ant-steps-item-process .ant-steps-item-icon{background:#3b82f6;border-color:#3b82f6}.required{color:#ef4444;margin-left:.25rem}.desktop-next-btn,.desktop-pay-btn,.desktop-success-btn{height:56px;border-radius:12px;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;box-shadow:0 4px 20px #3b82f64d;transition:all .2s ease}.desktop-next-btn:hover,.desktop-pay-btn:hover,.desktop-success-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #3b82f666}.desktop-payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2rem 0 3rem;opacity:0;transform:translateY(20px);animation:fade-in-up .6s ease-out forwards}@keyframes fade-in-up{to{opacity:1;transform:translateY(0)}}@keyframes slide-in-card{to{opacity:1;transform:translateY(0)}}.desktop-payment-method:nth-child(1){animation-delay:.1s}.desktop-payment-method:nth-child(2){animation-delay:.2s}.desktop-payment-method:nth-child(3){animation-delay:.3s}.desktop-payment-method{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1.5rem;border:1px solid hsl(214.3 31.8% 91.4%);border-radius:12px;background:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateZ(0);overflow:hidden;opacity:0;transform:translateY(30px);animation:slide-in-card .5s cubic-bezier(.4,0,.2,1) forwards}.desktop-payment-method:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;padding:1px;background:linear-gradient(135deg,transparent,hsl(214.3 31.8% 91.4%) 25%,transparent 50%,hsl(214.3 31.8% 91.4%) 75%,transparent);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;opacity:0;transition:opacity .3s ease;animation:border-shimmer 3s linear infinite}@keyframes border-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.desktop-payment-method:hover:before{opacity:.6}.desktop-payment-method:hover{border-color:#2563eb;transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px #2563eb26,0 2px 4px #2563eb1a}.desktop-payment-method.selected{border-color:#2563eb;background:#2563eb0a;transform:translateY(-1px);box-shadow:0 0 0 1px #2563eb33,0 2px 8px #2563eb26;animation:selected-bounce .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes selected-bounce{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.02)}to{transform:translateY(-1px) scale(1)}}.desktop-payment-method.selected:after{content:"";position:absolute;top:12px;right:12px;width:20px;height:20px;border-radius:50%;background:#2563eb;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m13.854 3.646-7.5 7.5a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6 10.293l7.146-7.147a.5.5 0 0 1 .708.708z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:12px;transform:scale(0);animation:checkmark-appear .4s cubic-bezier(.68,-.55,.265,1.55) .2s forwards;box-shadow:0 2px 8px #2563eb4d}.desktop-payment-method.selected:after{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m13.854 3.646-7.5 7.5a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6 10.293l7.146-7.147a.5.5 0 0 1 .708.708z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:12px}@keyframes checkmark-appear{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.2) rotate(-90deg);opacity:.8}to{transform:scale(1) rotate(0);opacity:1}}.payment-icon{font-size:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);filter:grayscale(.3);position:relative;z-index:1}.desktop-payment-method:hover .payment-icon{transform:scale(1.1);filter:grayscale(0);animation:pulse-glow 2s ease-in-out infinite}.desktop-payment-method.selected .payment-icon{transform:scale(1.05);filter:grayscale(0);animation:selected-glow 1.5s ease-in-out infinite alternate}@keyframes pulse-glow{0%,to{filter:grayscale(0) drop-shadow(0 0 4px currentColor)}50%{filter:grayscale(0) drop-shadow(0 0 8px currentColor)}}@keyframes selected-glow{0%{filter:grayscale(0) drop-shadow(0 0 2px currentColor)}to{filter:grayscale(0) drop-shadow(0 0 6px currentColor)}}.payment-name{font-weight:600;font-size:1rem;color:#f8fafc;transition:color .3s ease;text-align:center}.desktop-payment-method.selected .payment-name{color:#2563eb}.desktop-payment-method[data-method=alipay]:hover,.desktop-payment-method[data-method=alipay].selected{border-color:#1677ff;box-shadow:0 0 0 1px #1677ff20,0 2px 8px #1677ff30}.desktop-payment-method[data-method=alipay].selected{background:#1677ff08}.desktop-payment-method[data-method=alipay].selected .payment-name{color:#1677ff}.desktop-payment-method[data-method=alipay].selected:after{background:#1677ff}.desktop-payment-method[data-method=wechatpay]:hover,.desktop-payment-method[data-method=wechatpay].selected{border-color:#07c160;box-shadow:0 0 0 1px #07c16020,0 2px 8px #07c16030}.desktop-payment-method[data-method=wechatpay].selected{background:#07c16008}.desktop-payment-method[data-method=wechatpay].selected .payment-name{color:#07c160}.desktop-payment-method[data-method=wechatpay].selected:after{background:#07c160}.desktop-payment-method[data-method=unionpay]:hover,.desktop-payment-method[data-method=unionpay].selected{border-color:#e6002d;box-shadow:0 0 0 1px #e6002d20,0 2px 8px #e6002d30}.desktop-payment-method[data-method=unionpay].selected{background:#e6002d08}.desktop-payment-method[data-method=unionpay].selected .payment-name{color:#e6002d}.desktop-payment-method[data-method=unionpay].selected:after{background:#e6002d}.desktop-payment-brands{display:flex;justify-content:center;align-items:center;margin:2rem 0;padding:1.5rem;background:#f8fafc;border:1px solid hsl(214.3 31.8% 91.4%);border-radius:12px;transition:all .3s ease}.desktop-payment-brands:hover{background:#f1f5f9;transform:translateY(-1px);box-shadow:0 4px 12px #e2e8f080}.payment-brand-logo{height:48px;width:auto;opacity:.8;transition:all .3s ease;filter:saturate(.8)}.desktop-payment-brands:hover .payment-brand-logo{opacity:1;filter:saturate(1);transform:scale(1.05)}@media (max-width: 992px){.desktop-payment-methods{grid-template-columns:repeat(2,1fr);gap:1rem}.desktop-payment-method{padding:1.5rem 1rem}.payment-icon{font-size:2rem}}@media (max-width: 768px){.desktop-payment-methods{grid-template-columns:1fr;gap:1rem}.desktop-payment-method{flex-direction:row;justify-content:flex-start;text-align:left;padding:1.5rem}.payment-icon{font-size:1.8rem}.payment-name{margin-left:1rem}}@media (prefers-color-scheme: dark){.desktop-payment-method{background:#020817;border-color:#1e293b;color:#f8fafc}.desktop-payment-method:hover{border-color:#2563eb;background:#020817}.desktop-payment-method.selected{background:#2563eb1a;border-color:#2563eb}.payment-name{color:#f8fafc}.desktop-payment-brands{background:#020817;border-color:#1e293b}}.desktop-link{color:#3b82f6;text-decoration:none;font-weight:500}.desktop-link:hover{text-decoration:underline}.desktop-success-icon{font-size:4rem;margin-bottom:1rem}.desktop-secondary-btn{height:56px;border-radius:12px;font-size:1rem;font-weight:600;border:2px solid #e2e8f0;background:#fff;color:#374151;transition:all .2s ease}.desktop-secondary-btn:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f626}.desktop-partners{background:#f8f9fa;padding:1rem 2rem 3.5rem;margin:0;display:flex;flex-direction:column;align-items:center}.partners-title{font-size:2.5rem;font-weight:800;color:#61398f;margin-bottom:1.5rem;line-height:1.1;letter-spacing:-.03em;text-align:center}.partners-content-wrapper{max-width:1100px;width:100%;margin:0 auto;display:flex;flex-direction:row;align-items:center;gap:3rem;position:relative}.partners-left{flex:1;display:flex;align-items:center;justify-content:center}.partners-logos{display:flex;align-items:center;justify-content:center;gap:2rem;padding:0}.partner-logo-card{width:80px;height:80px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #0000000f;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.partner-logo-card:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:linear-gradient(135deg,#667eea15,#764ba215);z-index:-1;opacity:0;transition:opacity .4s ease}.partner-logo-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #61398f26}.partner-logo-card:hover:before{opacity:1}.partner-logo-inline{width:52px;height:52px;object-fit:contain;filter:grayscale(.6) opacity(.8);transition:all .4s cubic-bezier(.4,0,.2,1)}.partner-logo-card:hover .partner-logo-inline{filter:grayscale(0) opacity(1);transform:scale(1.08)}.partner-logo-card:nth-child(3) .partner-logo-inline{width:68px;height:68px}.partners-divider-vertical{width:1px;height:100px;background:linear-gradient(to bottom,transparent,#d1d5db 20%,#d1d5db 80%,transparent);position:relative}.partners-divider-vertical:before{content:"✦";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.7rem;color:#61398f;opacity:.4;background:#f8f9fa;padding:.25rem}.partners-right{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.awards-section{width:100%;display:flex;flex-direction:column;align-items:center}.awards-description{text-align:center;font-size:.95rem;font-weight:600;color:#374151;margin-bottom:1rem;letter-spacing:0;line-height:1.5}.awards-container{display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:0}.award-item{transition:all .35s ease;display:flex;flex-direction:column;align-items:center;gap:.75rem}.award-item:hover{transform:translateY(-6px)}.award-item img{width:130px;height:130px;object-fit:cover;object-position:center;border-radius:10px;box-shadow:0 3px 14px #0000001a;transition:all .35s cubic-bezier(.4,0,.2,1);border:2px solid #ffffff}.award-item:hover img{box-shadow:0 12px 32px #61398f40;transform:scale(1.03)}.award-year{background:#f3f4f6;color:#374151;padding:4px 12px;border-radius:16px;font-size:.75rem;font-weight:700;box-shadow:0 1px 3px #0000001a;letter-spacing:.4px;margin:0;border:1px solid #e5e7eb}.desktop-feature-card{text-align:center;padding:2rem;background:#fff;border-radius:16px;border:1px solid #e2e8f0;transition:all .2s ease}.desktop-feature-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000001a}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.desktop-footer-container{max-width:1400px;margin:0 auto;padding:0 2rem}.desktop-footer-links a{color:#94a3b8;text-decoration:none;font-size:.875rem;transition:color .2s ease}.social-link{font-size:1.25rem;text-decoration:none;transition:transform .2s ease}.social-link:hover{transform:scale(1.1)}.user-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.user-avatar-container{display:flex;align-items:center}.user-avatar{width:48px;height:48px;border-radius:50%;margin-right:12px;border:2px solid rgba(255,255,255,.3)}.user-details{flex:1;min-width:0}.user-name{font-size:18px;font-weight:700;margin:0 0 2px}.user-level{font-size:13px;opacity:.8;margin:0}.header-actions{display:flex;align-items:center}.header-actions .ant-btn-link{color:#fff;font-weight:500;padding:4px 8px;border-radius:6px;background-color:#ffffff26;margin-left:8px;transition:background-color .2s ease}.header-actions .ant-btn-link:hover{background-color:#ffffff40;color:#fff}.notification-icon{position:relative;font-size:22px}.notification-badge{position:absolute;top:-4px;right:-4px;background-color:#ef4444;color:#fff;font-size:10px;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:2px solid white}.content-area{position:relative;z-index:10}.quick-functions{background:#fff;border-radius:0 0 16px 16px;padding:16px 0 2px;box-shadow:0 4px 12px #00000014;width:100%}.function-grid{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 16px;box-sizing:border-box;width:100%;max-width:100%}.function-item{text-align:center;cursor:pointer;flex:1;min-width:0;position:relative;padding:4px 2px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:80px}.coupon-function-item{position:relative}.coupon-badge{position:absolute;top:-4px;right:8px;background-color:#ef4444;color:#fff;font-size:10px;font-weight:600;border-radius:50%;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 4px #0000001a;z-index:10}.function-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;font-size:26px;flex-shrink:0}.payment-icon{background-color:#dbeafe;color:#3b82f6}.history-icon{background-color:#dcfce7;color:#22c55e}.coupon-icon{background-color:#ffedd5;color:#f97316}.gift-icon{background-color:#f3e8ff;color:#9333ea}.merchant-icon{background-color:#fef3c7;color:#d97706}.help-icon{background-color:#fef3c7;color:#f59e0b}.guide-icon{background-color:#dbeafe;color:#3b82f6}.guide-icon:hover{background-color:#bfdbfe;color:#2563eb}.promotion-carousel{width:100%;margin:0;padding:0;min-height:150px;overflow:hidden}.promotion-carousel .carousel-image{width:100%;height:auto;object-fit:cover}.promotion-carousel .mobile-banners{border-radius:0;box-shadow:none;transition:none;min-height:150px}.promotion-carousel .mobile-banners:hover{box-shadow:none}.ant-carousel .slick-dots li button{background:#a8a8a8!important;opacity:.5}.ant-carousel .slick-dots li.slick-active button{background:#667eea!important;opacity:1}.function-text{font-size:clamp(11px,2.7vw,13px);font-weight:500;color:#374151;margin:0;line-height:1.3;white-space:normal;text-align:center;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;padding:0 2px;flex:1;display:flex;align-items:flex-start;justify-content:center;min-height:32px;height:32px}.form-title{font-size:20px;font-weight:700;text-align:center;margin:0 0 24px;color:#1f2937;letter-spacing:-.025em}.ant-form-item-label>label{font-size:14px;font-weight:500;color:#4b5563}.submit-button{display:flex;justify-content:center;align-items:center}.submit-button .ant-btn{height:36px!important;font-size:16px!important;font-weight:600!important;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif!important;border-radius:50px!important;background:#1677ff!important;border:1px solid #1677ff!important;width:300px!important;max-width:100%!important;box-shadow:0 1px 3px #1677ff33,0 1px 2px #1677ff1a!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important;color:#fff!important;letter-spacing:.025em!important}.submit-button .ant-btn:hover{background:#0958d9!important;border-color:#0958d9!important;transform:translateY(-1px)!important;box-shadow:0 4px 6px #1677ff40,0 2px 4px #1677ff26!important}.submit-button .ant-btn:active{transform:translateY(0)!important;background:#1677ff!important;box-shadow:0 1px 2px #1677ff33!important}.submit-button .ant-btn:focus{outline:none!important;box-shadow:0 0 0 3px #1677ff33,0 1px 3px #1677ff33!important}.submit-button .ant-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .6s ease}.submit-button .ant-btn:hover:before{left:100%}@media (min-width: 481px) and (max-width: 639px){.submit-button .ant-btn{width:240px!important;height:32px!important}}@media (max-width: 480px){.submit-button .ant-btn{width:220px!important;height:32px!important;font-size:16px!important;border-radius:50px!important}}@media (min-width: 768px) and (max-width: 1023px){.home-page-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:0;margin:0}.home-page{max-width:100vw;overflow-x:hidden;box-sizing:border-box;padding:0}.promotion-carousel{padding:0;margin:0}.promotion-carousel .carousel-image{height:auto}.content-area{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;margin-top:0;padding:0}.quick-functions{grid-column:1 / -1}.function-grid{gap:8px;padding:0 16px}.function-icon{width:64px;height:64px;font-size:28px;flex-shrink:0}.function-text{font-size:12px;flex:1;display:flex;align-items:flex-start;justify-content:center}.coupon-badge{top:-6px;right:12px;font-size:11px;min-width:20px;height:20px}.referral-banner-bottom{grid-column:1 / -1;padding:24px 0 0;margin-top:24px}.form-title{font-size:22px}.no-coupons-title{font-size:17px}.no-coupons-description{font-size:14px}.submit-button .ant-btn{width:300px!important;height:36px!important;font-size:17px!important;border-radius:50px!important}}.cost-summary{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #f0f0f0}.cost-item{display:flex;align-items:center}.cost-item:not(:last-child){margin-bottom:12px}.cost-item span:first-child{font-size:.9rem;color:#64748b}.cost-item span:last-child{font-size:.9rem;font-weight:500;color:#0f172a}.cost-item.rmb-total{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;margin-top:0}.rmb-main-content{display:flex;align-items:center;gap:8px}.cost-item.rmb-total .rmb-label{font-size:.85rem;font-weight:500;color:#64748b;white-space:nowrap}.cost-item.rmb-total .rmb-value{font-size:1.05rem;font-weight:600;color:#0f172a;transition:all .3s ease}.payment-amount-inline .surcharge-info{display:flex;align-items:center;padding-right:12px}.rmb-discount-container{display:flex;flex-direction:row;align-items:center;gap:4px}.rmb-discount-wrapper{display:flex;flex-direction:column;gap:2px}.rmb-normal-container{display:flex;flex-direction:row;align-items:center;gap:8px}.rmb-surcharge-note{font-size:.75rem;color:#64748b}.rmb-original{font-size:.9rem;font-weight:400;color:#9ca3af;text-decoration:line-through;text-decoration-color:#9ca3af;text-decoration-thickness:1px;transition:all .3s ease}.rmb-discount-container .rmb-value{font-size:1.05rem;font-weight:600;color:#22c55e;animation:discount-applied .5s ease-out}@keyframes discount-applied{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}@media (max-width: 420px){.cost-item.rmb-total{flex-direction:column;align-items:flex-start;gap:4px}}.coupon-toggle-btn{padding:0;margin-bottom:16px}.coupon-checkbox-container{margin-bottom:16px}.coupon-checkboxes{display:flex;flex-direction:column;gap:8px}.demo-checkbox{margin-left:0!important}.demo-checkbox .ant-checkbox-wrapper{font-size:12px;color:#666}.coupon-checkbox-container+.ant-form-item{margin-top:16px}.no-coupons-message{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px}.no-coupons-content{flex:1;min-width:0}.no-coupons-title{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px;line-height:1.4}.no-coupons-description{font-size:13px;color:#6b7280;margin:0;line-height:1.4}.get-coupons-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border:none!important;color:#fff!important;font-weight:500!important;border-radius:6px!important;padding:4px 12px!important;font-size:12px!important;height:auto!important;transition:all .2s ease!important}.get-coupons-button:hover{background:linear-gradient(135deg,#2563eb,#1e40af)!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px #3b82f64d!important}.referral-banner-bottom{padding:20px 16px;margin-top:-20px}.ant-form-item[name=couponId]{margin-bottom:20px!important}.ant-form-item[name=couponId] .ant-select{height:44px!important}.ant-form-item[name=couponId] .ant-select .ant-select-selector{height:44px!important;padding:8px 12px!important;display:flex!important;align-items:center!important;min-height:44px!important}.coupon-option{display:flex;align-items:center;gap:8px}.coupon-option-code{font-weight:600;color:#764ba2;font-family:Courier New,monospace;background-color:#f0e6f5;padding:0;border-radius:4px;line-height:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.coupon-option-title{flex-grow:1}.coupon-option-warning{font-size:.8rem;color:#f5222d;margin-left:auto}.ant-select-item-option-disabled .coupon-option{opacity:.6;cursor:not-allowed}.ant-select-item-option-disabled .coupon-option-code{background-color:#e5e7eb;color:#6b7280}.ant-select-item-option-disabled .coupon-option-warning{color:#9ca3af}.floating-help-button{position:fixed;bottom:48px;right:20px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;cursor:pointer;box-shadow:0 8px 16px #3b82f64d,0 4px 8px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:floating-breathe 3s ease-in-out infinite;overflow:visible}.floating-help-button:active{transform:translateY(-2px) scale(.98);transition:all .1s ease}.floating-help-button i{font-size:18px;animation:icon-bounce 2s ease-in-out infinite;animation-delay:1s;z-index:1;position:relative}@keyframes floating-breathe{0%,to{transform:translateY(0);box-shadow:0 8px 16px #3b82f64d,0 4px 8px #0000001a}50%{transform:translateY(-2px);box-shadow:0 12px 24px #3b82f659,0 6px 12px #0000001f}}@keyframes icon-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.floating-help-button:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:#3b82f64d;border-radius:50%;transform:translate(-50%,-50%) scale(0);animation:pulse 2s ease-out infinite;animation-delay:.5s;pointer-events:none}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.help-button-tooltip{position:absolute;right:60px;top:50%;transform:translateY(-50%);background:#1f2937f2;color:#fff;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;white-space:nowrap;box-shadow:0 4px 12px #00000026;animation:tooltip-fade-in .2s ease-out;pointer-events:none;z-index:1001;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.help-button-tooltip:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid rgba(31,41,55,.95);border-top:6px solid transparent;border-bottom:6px solid transparent}@keyframes tooltip-fade-in{0%{opacity:0;transform:translateY(-50%) translate(10px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@media (max-width: 480px){.floating-help-button{bottom:40px;right:16px;width:44px;height:44px;animation:floating-breathe-mobile 3s ease-in-out infinite}.floating-help-button i{font-size:16px}.help-button-tooltip{right:52px;font-size:12px;padding:6px 12px}@keyframes floating-breathe-mobile{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}}@supports (padding-bottom: env(safe-area-inset-bottom)){.floating-help-button{bottom:calc(48px + env(safe-area-inset-bottom))}@media (max-width: 480px){.floating-help-button{bottom:calc(40px + env(safe-area-inset-bottom))}}}.settings-icon{background-color:#f3f4f6;color:#6b7280}.settings-icon:hover{background-color:#e5e7eb;color:#374151}@media (min-width: 640px){.function-text{font-size:12px}.form-title{font-size:22px}.no-coupons-title{font-size:17px}.no-coupons-description{font-size:14px}}@media (max-width: 480px){.function-text{font-size:11px;line-height:1.2;padding:0 1px}.form-title{font-size:18px}.no-coupons-title{font-size:15px}.no-coupons-description{font-size:12px}}@media (prefers-color-scheme: dark){.submit-button .ant-btn{background:#1677ff!important;border-color:#1677ff!important;color:#fff!important}.submit-button .ant-btn:hover{background:#0958d9!important;border-color:#0958d9!important}.submit-button .ant-btn:active{background:#1677ff!important}}.navigation-buttons{display:none}@media (min-width: 640px) and (max-width: 767px){.home-page-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:0;margin:0}.home-page{max-width:100vw;overflow-x:hidden;box-sizing:border-box;padding:0}.promotion-carousel{padding:0;margin:0}.promotion-carousel .carousel-image{height:auto}.content-area{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;margin-top:0;padding:0}.quick-functions{margin-bottom:0}.function-grid{gap:8px;padding:0 16px}.function-icon{width:64px;height:64px;font-size:28px;flex-shrink:0}.function-text{font-size:12px;flex:1;display:flex;align-items:flex-start;justify-content:center}.coupon-badge{top:-6px;right:12px;font-size:11px;min-width:20px;height:20px}.referral-banner-bottom{grid-column:1 / -1;padding:24px 0 0;margin-top:24px}.form-title{font-size:22px}.no-coupons-title{font-size:17px}.no-coupons-description{font-size:14px}}@media (min-width: 640px){.home-page-container:not(.desktop-page){display:none}}@media (max-width: 639px){.desktop-page{display:block;background:#667eea;min-height:100vh}.desktop-content-container{max-width:100%;padding:0}.desktop-hero{text-align:center}.desktop-hero-title{font-size:1.75rem;line-height:1.1}.desktop-hero-subtitle{font-size:.875rem;margin-bottom:1rem}.desktop-payment-card{margin-bottom:1.5rem}.desktop-payment-card .ant-card-body{padding:1rem}.desktop-form-grid,.desktop-features-grid{grid-template-columns:1fr;gap:.75rem}.desktop-feature-card{padding:.75rem;text-align:center}.desktop-footer{margin-top:1.5rem}.desktop-footer-content{flex-direction:column;text-align:center;gap:.75rem;padding:1rem .5rem}.desktop-footer-links{justify-content:center;flex-wrap:wrap;gap:.75rem;font-size:.875rem}}@media (max-width: 1200px){.desktop-features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 992px){.desktop-features-grid,.desktop-form-grid,.desktop-payment-methods{grid-template-columns:1fr}.desktop-hero-title{font-size:2.5rem}.desktop-main{padding:0}.desktop-payment-card .ant-card-body{padding:1.5rem}}@media (max-width: 768px){.desktop-nav-center{display:none}.desktop-hero-title{font-size:2rem}.desktop-main{padding:0}.desktop-payment-card .ant-card-body{padding:1.5rem}.desktop-success-actions{flex-direction:column}.desktop-footer-content{flex-direction:column;text-align:center}.desktop-footer-links{justify-content:center}}@media (min-width: 768px){.desktop-page .mobile-payment-methods{max-width:500px}.desktop-page .mobile-payment-method{padding:20px;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.desktop-page .mobile-payment-method:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f626}.desktop-page .payment-method-icon{font-size:28px;width:80px;height:32px;border-radius:12px}.desktop-page .payment-method-name{font-size:18px;font-weight:600}.desktop-page .payment-method-radio input[type=radio]{width:10px;height:10px}.desktop-page .payment-method-radio input[type=radio]:checked:after{width:10px;height:10px;content:"✓"}}.mobile-payment-method{display:flex;align-items:center;justify-content:space-between;padding:16px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.mobile-payment-method:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.mobile-payment-method.selected{border-color:#3b82f6;background:#3b82f60d;box-shadow:0 4px 12px #3b82f633}.payment-method-icon{font-size:24px;width:80px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease}.mobile-payment-method.selected .payment-method-icon{transform:scale(1.05)}.payment-method-name{font-size:16px;font-weight:500;color:#374151;transition:color .3s ease}.mobile-payment-method.selected .payment-method-name{color:#1e293b;font-weight:600}.payment-method-radio{display:flex;align-items:center}.payment-method-radio input[type=radio]{width:10px;height:10px;border:2px solid #d1d5db;border-radius:100%;background:#fff;cursor:pointer;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .2s ease}.payment-method-radio input[type=radio]:checked{border-color:#2563eb;background:#2563eb}.payment-method-radio input[type=radio]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:auto;font-size:8px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center}.mobile-payment-method[data-method=alipay].selected{border-color:#1677ff;background:#1677ff0d}.mobile-payment-method[data-method=alipay].selected .payment-method-radio input[type=radio]{border-color:#1677ff;background:#1677ff}.mobile-payment-method[data-method=wechatpay].selected{border-color:#07c160;background:#07c1600d}.mobile-payment-method[data-method=wechatpay].selected .payment-method-radio input[type=radio]{border-color:#07c160;background:#07c160}.mobile-payment-method[data-method=unionpay].selected{border-color:#e6002d;background:#e6002d0d}.mobile-payment-method[data-method=unionpay].selected .payment-method-radio input[type=radio]{border-color:#e6002d;background:#e6002d}@media (max-width: 480px){.mobile-payment-method{padding:14px}.payment-method-icon{font-size:20px;width:80px;height:40px}.payment-method-name{font-size:15px}.payment-method-radio input[type=radio]{width:18px;height:18px}}.desktop-qr-section{text-align:center;padding:2rem 0}.qr-header{margin-bottom:2rem}.qr-subtitle{color:#64748b;font-size:16px;margin-top:.5rem}.qr-content{display:flex;gap:3rem;align-items:flex-start;justify-content:center;margin-bottom:2rem}.qr-code-container{flex-shrink:0}.qr-code-placeholder{width:280px;height:280px;border:2px dashed #d1d5db;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8fafc;position:relative}.qr-code-icon{font-size:48px;margin-bottom:1rem;opacity:.6}.qr-code-placeholder p{margin:.5rem 0;color:#64748b;font-size:14px}.qr-amount{font-size:18px!important;font-weight:600;color:#1e293b!important;margin-top:1rem!important;padding:.5rem 1rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.qr-instructions{flex:1;max-width:300px;text-align:left}.instruction-item{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:16px;color:#374151}.step-number{width:32px;height:32px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.qr-footer{border-top:1px solid #e5e7eb;padding-top:1.5rem;display:flex;align-items:center;justify-content:space-between}.qr-timeout{color:#f59e0b;font-size:14px;margin:0;font-weight:500}.back-to-edit{color:#3b82f6;font-size:14px}.back-to-edit:hover{color:#2563eb}@media (max-width: 992px){.qr-content{flex-direction:column;gap:2rem;align-items:center}.qr-instructions{max-width:none;text-align:center}.qr-footer{flex-direction:column;gap:1rem;text-align:center}}@media (max-width: 768px){.qr-code-placeholder{width:240px;height:240px}.qr-code-icon{font-size:40px}.instruction-item{font-size:15px}}.desktop-page .payment-method-radio input[type=radio]:checked:after{width:10px;height:10px}.desktop-page .form-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:1rem;text-align:left;position:relative;padding-left:.75rem}.desktop-page .form-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:18px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1.5px;box-shadow:0 1px 4px #667eea4d}.desktop-page .submit-button{background:#ffffff08;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;padding:1rem;border:1px solid rgba(255,255,255,.08);margin-top:.5rem}.desktop-page .cost-summary,.desktop-page .coupon-checkbox-container,.desktop-page .no-coupons-message{background:#ffffff05;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;padding:1rem 1.25rem;border:1px solid rgba(255,255,255,.08);margin-bottom:1rem}@media (max-width: 639px){.submit-button,.cost-summary,.coupon-checkbox-container,.no-coupons-message{background:transparent!important;border:none!important;padding:0!important;margin-bottom:1rem!important}.form-title:before{display:none!important}}.desktop-page .cost-summary .cost-item{margin-bottom:.5rem}.desktop-page .cost-summary .cost-item:last-child{margin-bottom:0}.desktop-page .coupon-checkbox-container .ant-checkbox-wrapper{margin-bottom:.5rem}.desktop-page .coupon-checkbox-container .ant-checkbox-wrapper:last-child{margin-bottom:0}.desktop-page .submit-button .ant-btn{margin-top:0!important}.desktop-page .cost-summary+.coupon-checkbox-container,.desktop-page .cost-summary+.no-coupons-message{margin-top:-.5rem}.desktop-page .coupon-checkbox-container+.submit-button,.desktop-page .no-coupons-message+.submit-button{margin-top:-.25rem}@media (max-width: 768px){.desktop-page{background:#667eea;min-height:100vh}.desktop-hero-title{font-size:2rem;line-height:1.2;text-align:center}.desktop-main{padding:0;margin-top:1rem}.desktop-content-container{max-width:100%;padding:0}.desktop-payment-card{margin-bottom:2rem}.desktop-payment-card .ant-card-body{padding:1.5rem}.desktop-form-grid{grid-template-columns:1fr;gap:1rem}.desktop-success-actions{flex-direction:column;gap:1rem}.desktop-features-grid{grid-template-columns:1fr 1fr;gap:1rem}.desktop-feature-card{padding:1rem}.desktop-footer{margin-top:2rem}.desktop-footer-content{flex-direction:column;text-align:center;gap:1rem}.desktop-footer-links{justify-content:center;flex-wrap:wrap;gap:1rem}}.payment-form-container{padding:0 1.5rem;margin-top:16px}.desktop-payment-form-container{background:transparent!important;padding:0 1.5rem!important;border-radius:0!important;box-shadow:none!important;border:none!important;max-width:550px!important;margin:0 auto!important}.bpay-intro{background:#fff;padding:1rem 2rem 2.5rem;margin:0}.bpay-intro-content{color:#374151;max-width:1000px;margin:0 auto}.bpay-intro-main-title{font-size:2.5rem;font-weight:800;color:#61398f;text-align:left;margin-bottom:1rem;letter-spacing:-.02em}.bpay-intro-section-title{font-size:1.5rem;font-weight:700;color:#000;text-align:center;margin-bottom:1.5rem}.bpay-intro-two-column{display:flex;gap:3rem;align-items:flex-start;margin-bottom:2rem}.bpay-features-column{flex:1}.bpay-images-column{flex:0 0 280px;display:flex;justify-content:center;align-items:flex-start;padding-top:1rem}.description-text{font-size:1.1rem;font-weight:600;line-height:1.7;color:#1f2937;margin-bottom:1.5rem}.help-images-container{display:flex;flex-direction:row;gap:1.5rem;align-items:center;justify-content:flex-start;flex-wrap:nowrap}.bpay-intro-features{margin-bottom:2.5rem}.bpay-intro-features h3{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:#1f2937}.help-image{height:80px;width:auto;cursor:pointer;border-radius:8px;box-shadow:0 4px 12px #0000001a}.bpay-intro-list{margin:0;padding-left:0;list-style:none;color:#4b5563;font-size:1rem;line-height:1.8}.bpay-intro-list li{margin-bottom:.8rem;padding-left:2rem;position:relative;line-height:1.6;color:var(--text-secondary);font-size:.95rem}.bpay-intro-list li:before{content:"✓";position:absolute;left:0;top:0;width:1.5rem;height:1.5rem;background:#8b5fbf;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;box-shadow:0 2px 8px #6b73d94d;transition:all .3s ease}.bpay-intro-list li:hover{color:var(--text-primary)}.bpay-intro-list li:hover:before{box-shadow:0 4px 12px #6b73d966}.bpay-process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:2rem}.process-step-card{background:#fff;border:1px solid #d1d5db;border-radius:16px;padding:1.5rem 1rem;text-align:center;position:relative;box-shadow:0 2px 8px #0000000a;transition:all .3s ease;animation:fadeInUp .6s ease both}.process-step-card:nth-child(1){animation-delay:.4s}.process-step-card:nth-child(2){animation-delay:.5s}.process-step-card:nth-child(3){animation-delay:.6s}.process-step-card:nth-child(4){animation-delay:.7s}.process-step-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001f;border-color:#3b82f6}.step-icon{margin:1rem 0;height:80px;display:flex;align-items:center;justify-content:center}.step-icon img{height:80px;width:80px;object-fit:contain;filter:grayscale(.3)}.step-text{font-size:.9rem;color:#374151;font-weight:500;line-height:1.5;margin-top:.5rem}.desktop-stats{background:#fff;padding:2.5rem 2rem;margin:0;position:relative;overflow:hidden}.desktop-stats>*{max-width:1000px;margin-left:auto;margin-right:auto}.desktop-stats:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 80% 20%,rgba(99,102,241,.03) 0%,transparent 50%);pointer-events:none}.desktop-stats .desktop-section-title{text-align:center;margin-bottom:.875rem;margin-top:0rem;font-size:2.5rem;font-weight:800;color:#61398f;letter-spacing:-.03em;line-height:1.1}.desktop-stats .desktop-section-subtitle{text-align:center;font-size:1.15rem;font-weight:400;color:#4b5563;margin-bottom:3rem;line-height:1.7;max-width:700px;margin-left:auto;margin-right:auto;letter-spacing:.01em}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1000px;margin:0 auto;position:relative;z-index:1}.stat-item{display:flex;align-items:flex-start;gap:1.5rem;padding:2rem;background:var(--bg-secondary);border-radius:16px;border:1px solid transparent;box-shadow:var(--shadow-sm);text-align:left;transition:all .4s cubic-bezier(.4,0,.2,1)}.stat-item:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #667eea33;transition:all .4s cubic-bezier(.4,0,.2,1)}.stat-icon-home{flex-shrink:0;width:8px;height:48px;border-radius:4px;margin-right:1rem;transition:all .3s ease}.stat-icon-home.pioneer{background:linear-gradient(180deg,#f59e0b,#d97706)}.stat-icon-home.experience{background:linear-gradient(180deg,#3b82f6,#2563eb)}.stat-icon-home.volume{background:linear-gradient(180deg,#10b981,#059669)}.stat-icon-home.security{background:linear-gradient(180deg,#8b5cf6,#7c3aed)}.stat-icon-home.competitive{background:linear-gradient(180deg,#ec4899,#db2777)}.stat-icon-home.support{background:linear-gradient(180deg,#f97316,#ea580c)}.stat-item:hover .stat-icon-home{transform:scaleY(1.1);box-shadow:0 0 20px currentColor}.stat-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.stat-number{font-size:1.5rem;font-weight:700;color:#1f2937;line-height:1;letter-spacing:-.02em}.stat-label{font-size:.95rem;font-weight:500;color:#6b7280;line-height:1.4;letter-spacing:0}.about-us-cta{text-align:center;margin-top:1rem;opacity:0;transform:translateY(20px);transition:all .6s ease-out}.about-us-cta.in-view{opacity:1;transform:translateY(0)}.learn-more-btn.arrow-style{padding:11px 24px!important;height:auto!important;font-size:1rem!important;font-weight:600!important;border-radius:20px!important;background:#1677ff!important;border:none!important;box-shadow:0 3px 12px #1677ff4d!important;transition:all .3s ease!important;gap:6px!important;display:flex!important;align-items:center!important;justify-content:center!important}.learn-more-btn.arrow-style:hover{transform:translateY(-2px)!important;box-shadow:0 5px 18px #1677ff66!important;background:#40a9ff!important}.desktop-stats .stats-grid{opacity:0;transform:translateY(20px);transition:all .6s ease-out}.desktop-stats .stats-grid.in-view{opacity:1;transform:translateY(0)}.desktop-stats .stat-item{opacity:0;transform:translateY(20px);transition:all .4s ease-out}.desktop-stats .stat-item.in-view{opacity:1;transform:translateY(0)}@keyframes fadeInFallback{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.bpay-intro-two-column{gap:2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}}@media (max-width: 992px){.bpay-process-steps{grid-template-columns:repeat(2,1fr);gap:1rem}.bpay-intro-two-column{flex-direction:column;gap:1.5rem}.bpay-images-column{flex:none;width:100%;justify-content:center}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:800px}.stat-item{flex-direction:row;text-align:left;padding:1.5rem;gap:1.5rem}}@media (max-width: 768px){.bpay-process-steps{grid-template-columns:1fr;gap:1rem}.bpay-intro-main-title{font-size:2rem}.bpay-intro-section-title{font-size:1.25rem}.partners-logos{gap:1rem}.partner-logo-inline{height:30px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-item{padding:.75rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.75rem}}@media (max-width: 480px){.bpay-intro-main-title{font-size:1.75rem}.bpay-intro-section-title{font-size:1.125rem}.partners-logos{gap:.75rem}.partner-logo-inline{height:25px}.stats-grid{grid-template-columns:1fr;gap:.75rem}.stat-item{padding:.5rem}.stat-number{font-size:1.25rem}.stat-label{font-size:.7rem}}@media (max-width: 992px){.partners-logos{gap:1.5rem}.awards-title{font-size:1.3rem}.awards-container{gap:2rem}.award-item img{width:150px}}@media (max-width: 768px){.partners-logos{gap:.75rem}.partners-title{font-size:1.5rem}.awards-section{margin-top:2rem}.awards-title{font-size:1.2rem;margin-bottom:1.5rem}.awards-container{gap:1.5rem}.award-item img{width:120px}.award-year{font-size:.8rem;padding:3px 10px}.awards-description{font-size:1rem}}.mobile-home-description{padding:20px 16px;margin:0;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border:1px solid #e9ecef}.mobile-description-title{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 12px;line-height:1.3;text-align:center}.mobile-description-detail{font-size:14px;color:#4a4a4a;line-height:1.6;margin:0;text-align:left}:root{--primary-blue: #007aff;--primary-blue-dark: #0056cc;--primary-blue-darker: #004499;--gradient-start: #667eea;--gradient-end: #764ba2;--accent-red: #e0324c;--glass-white: rgba(255, 255, 255, .95);--glass-border: rgba(255, 255, 255, .2);--shadow-soft: rgba(0, 0, 0, .08);--shadow-medium: rgba(0, 0, 0, .12);--shadow-strong: rgba(0, 0, 0, .16)}.desktop-page{min-height:100vh;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden;background:linear-gradient(180deg,#f3f1f6,#f0edf4)}.desktop-page:before{content:"";position:fixed;top:-50%;right:-20%;width:100%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;animation:floatPattern 25s linear infinite;pointer-events:none;z-index:1;opacity:.7}@keyframes floatPattern{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-50px) rotate(360deg)}}.desktop-header,.desktop-main,.desktop-footer{position:relative;z-index:10}.desktop-header{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-backdrop-filter:blur(25px) saturate(180%);backdrop-filter:blur(25px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.1);position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1)}.desktop-header.scrolled{background:linear-gradient(135deg,#667eeafa,#764ba2fa);box-shadow:0 8px 32px #00000040}.desktop-nav-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:70px}.desktop-nav-left .desktop-logo{display:flex;align-items:center;transition:transform .3s ease}.desktop-nav-left .desktop-logo:hover{transform:scale(1.05)}.desktop-logo .logo-image{height:24px;width:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3)) brightness(1.1)}.desktop-nav-center{display:flex;align-items:center;gap:2rem}.desktop-nav-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;background:transparent;color:#ffffffe6;font-size:.875rem;font-weight:500;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.desktop-nav-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .6s ease}.desktop-nav-item:hover:before{left:100%}.desktop-nav-item:hover{background:#ffffff26;color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #fff3}.desktop-nav-item:active{transform:translateY(0)}.desktop-nav-right{display:flex;align-items:center;gap:1rem}.desktop-notification-btn,.desktop-language-btn,.desktop-user-btn,.desktop-login-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.2);background:#ffffff26;color:#fff;font-size:.875rem;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.desktop-notification-btn:hover,.desktop-language-btn:hover,.desktop-user-btn:hover,.desktop-login-btn:hover{border-color:#fff6;background:#ffffff40;box-shadow:0 8px 25px #fff3;transform:translateY(-2px)}.desktop-login-btn{background:#ffffffe6;color:var(--gradient-start);border:1px solid rgba(255,255,255,.5);font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.desktop-login-btn:hover{background:#fff;color:var(--gradient-end);border-color:#fff;box-shadow:0 8px 25px #ffffff4d}.desktop-user-menu{position:relative}.desktop-user-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fffffff2;border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 20px 60px #00000040,0 0 0 1px #ffffff1a inset;min-width:180px;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.desktop-user-menu:hover .desktop-user-dropdown{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.desktop-user-dropdown button{width:100%;padding:.75rem 1rem;border:none;background:transparent;color:#374151;font-size:.875rem;text-align:left;cursor:pointer;border-radius:12px;margin:.25rem;transition:all .2s ease}.desktop-user-dropdown button:hover{background:#667eea1a;color:var(--gradient-start)}.desktop-main{padding-top:90px;position:relative;background:#ffffff03;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.desktop-content-container{max-width:900px;margin:0 auto;position:relative;z-index:2}.desktop-hero{text-align:center;animation:fadeInUp .8s ease-out}.desktop-hero-title{font-size:3rem;font-weight:700;color:#1e293b;line-height:1.2;animation:fadeInUp .8s ease-out .2s both}.brand-highlight{background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.brand-highlight:after{content:attr(data-text);position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:blur(10px);opacity:.3;z-index:-1}.desktop-hero-subtitle{font-size:1.25rem;color:#64748b;font-weight:400;animation:fadeInUp .8s ease-out .4s both}.desktop-payment-card{background:#fffffffa!important;-webkit-backdrop-filter:blur(30px) saturate(180%)!important;backdrop-filter:blur(30px) saturate(180%)!important;border-radius:24px!important;border:1px solid rgba(255,255,255,.3)!important;overflow:hidden;animation:fadeInUp .8s ease-out .6s both;position:relative;max-width:700px;margin:0 auto 1.5rem}.desktop-payment-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);opacity:.5}.desktop-payment-card .ant-card-body{padding:1.5rem;position:relative;z-index:2}.desktop-steps-container{margin-bottom:.5rem;padding:.5rem 1.5rem;background:transparent;border-radius:0;border:none;box-shadow:none}.desktop-steps .ant-steps-item-title{font-weight:600;color:#1e293b}.desktop-steps .ant-steps-item-description{color:#64748b}.desktop-steps .ant-steps-item-process .ant-steps-item-icon{background:var(--primary-blue);border-color:var(--primary-blue)}.desktop-steps .ant-steps-item-process .ant-steps-item-title{color:var(--primary-blue)!important;font-weight:600}.desktop-steps .ant-steps-item-finish .ant-steps-item-icon{background:#10b981!important;border-color:#10b981!important;box-shadow:0 4px 12px #10b9814d;position:relative}.desktop-steps .ant-steps-item-finish .ant-steps-item-icon:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700}.desktop-steps .ant-steps-item-process .ant-steps-item-tail:after{background-color:var(--primary-blue)!important}.desktop-steps .ant-steps-item-process .ant-steps-item-description{color:#475569;font-weight:500}.desktop-steps .ant-steps-item-finish .ant-steps-item-description{color:#16a34a;font-weight:400}.desktop-steps .ant-steps-item-wait .ant-steps-item-description{color:#94a3b8}.desktop-steps .ant-steps-item-finish .ant-steps-item-title{color:#059669!important;font-weight:600}.desktop-steps .ant-steps-item-finish .ant-steps-item-tail:after{background-color:#10b981!important}.desktop-steps .ant-steps-item-wait .ant-steps-item-icon{background:#f1f5f9!important;border-color:#cbd5e1!important}.desktop-steps .ant-steps-item-wait .ant-steps-item-title{color:#94a3b8!important}.desktop-step-content{min-height:400px}.desktop-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.desktop-form-item{display:flex;flex-direction:column}.desktop-form-label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.required{color:var(--accent-red);margin-left:.25rem}.desktop-next-btn,.desktop-pay-btn,.desktop-success-btn{height:56px;border-radius:14px;font-size:1rem;font-weight:600;background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));border:none;box-shadow:0 8px 25px #007aff4d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.desktop-next-btn:before,.desktop-pay-btn:before,.desktop-success-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.desktop-next-btn:hover:before,.desktop-pay-btn:hover:before,.desktop-success-btn:hover:before{left:100%}.desktop-next-btn:hover,.desktop-pay-btn:hover,.desktop-success-btn:hover{background:linear-gradient(135deg,var(--primary-blue-dark),var(--primary-blue-darker));transform:translateY(-3px);box-shadow:0 12px 35px #007aff66}.desktop-next-btn:active,.desktop-pay-btn:active,.desktop-success-btn:active{transform:translateY(-1px)}.desktop-payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.desktop-payment-method{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1.5rem;border:2px solid rgba(0,0,0,.06);border-radius:20px;background:#fffc;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.desktop-payment-method:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#007aff08,#667eea08);opacity:0;transition:opacity .3s ease}.desktop-payment-method:hover:before{opacity:1}.desktop-payment-method:hover{border-color:var(--primary-blue);background:#fffffff2;transform:translateY(-px) scale(1.02);box-shadow:0 20px 40px #007aff26}.desktop-payment-method.selected{border-color:var(--primary-blue);background:#007aff0d;box-shadow:0 12px 30px #007aff33;transform:translateY(-4px)}.payment-icon{font-size:2.5rem;transition:transform .3s ease}.desktop-payment-method:hover .payment-icon{transform:scale(1.1)}.payment-name{font-weight:600;color:#1e293b;transition:color .3s ease}.desktop-payment-method:hover .payment-name{color:var(--primary-blue)}.desktop-payment-brands{display:flex;justify-content:center;margin-bottom:2rem;padding:1.5rem;background:#ffffff80;border-radius:16px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.payment-brand-logo{height:60px;width:auto;transition:transform .3s ease;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1))}.payment-brand-logo:hover{transform:scale(1.05)}.desktop-terms-section{margin-bottom:2rem;text-align:center}.desktop-checkbox .ant-checkbox-wrapper{font-size:.875rem;color:#64748b}.desktop-link{color:var(--primary-blue);text-decoration:none;font-weight:500;transition:color .3s ease}.desktop-link:hover{color:var(--primary-blue-dark);text-decoration:underline}.desktop-success-section{text-align:center;padding:2rem 0}.desktop-success-icon{font-size:4rem;margin-bottom:1rem;color:#22c55e;animation:successPulse 2s ease-in-out infinite}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.desktop-success-title{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.desktop-success-message{font-size:1.125rem;color:#64748b;margin-bottom:2rem}.desktop-success-actions{display:flex;gap:1rem;justify-content:center}.desktop-secondary-btn{height:56px;border-radius:14px;font-size:1rem;font-weight:600;border:2px solid #e2e8f0;background:#ffffffe6;color:#374151;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.desktop-secondary-btn:hover{border-color:var(--primary-blue);color:var(--primary-blue);background:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #007aff26}.desktop-features{margin-bottom:3rem}.desktop-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.desktop-feature-card{text-align:center;padding:2.5rem 2rem;background:#ffffffe6;border-radius:20px;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 30px #0000000f}.desktop-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));opacity:0;transition:opacity .3s ease}.desktop-feature-card:hover:before{opacity:1}.desktop-feature-card:hover{background:#fffffff5;transform:translateY(-8px);box-shadow:0 20px 60px #0000001f;border-color:#667eea40}.feature-icon{font-size:2.5rem;margin-bottom:1rem;transition:transform .3s ease}.desktop-feature-card:hover .feature-icon{transform:scale(1.1)}.desktop-feature-card h4{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.desktop-feature-card p{color:#64748b;font-size:.875rem;line-height:1.5}.desktop-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.desktop-footer-container{max-width:1400px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.desktop-footer-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.desktop-footer-links{display:flex;gap:2rem}.desktop-footer-links a{color:#94a3b8;text-decoration:none;font-size:.875rem;transition:all .3s ease;position:relative}.desktop-footer-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-start);transition:width .3s ease}.desktop-footer-links a:hover{color:#fff}.desktop-footer-links a:hover:after{width:100%}.desktop-footer-social{display:flex;gap:1rem}.social-link{font-size:1.25rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);padding:.5rem;border-radius:8px;background:#ffffff1a}.social-link:hover{transform:translateY(-2px) scale(1.1);background:#fff3}.scroll-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,var(--primary-blue),var(--gradient-start));z-index:9999;transition:width .1s ease}@media (max-width: 1024px){.desktop-features-grid{grid-template-columns:repeat(2,1fr)}.desktop-form-grid,.desktop-payment-methods{grid-template-columns:1fr}}@media (max-width: 768px){.desktop-nav-center{display:none}.desktop-hero-title{font-size:2rem}.desktop-payment-card .ant-card-body{padding:1.5rem}.desktop-features-grid{grid-template-columns:1fr}.desktop-footer-content{flex-direction:column;text-align:center}.desktop-success-actions{flex-direction:column}}@media (max-width: 639px){.desktop-page{background:#f8fafc}.desktop-page:before{display:none}}@media (prefers-color-scheme: dark){.desktop-page{background:linear-gradient(165deg,#0f172af2,#1e293bfa,#0f172aed)}.desktop-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-color:#ffffff1a}.desktop-header.scrolled{background:linear-gradient(135deg,#667eeafa,#764ba2fa)}.desktop-payment-card{background:#1e293bf2!important}.desktop-section-title,.desktop-hero-title{color:#fff}.desktop-hero-subtitle{color:#94a3b8}.desktop-feature-card{background:#1e293be6;border-color:#334155}.desktop-feature-card h4{color:#fff}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.desktop-payment-card,.desktop-feature-card{animation:fadeInUp .6s ease-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f8fafc4d}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea40,#764ba240);border-radius:4px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#667eea66,#764ba266)}.receipt-pdf-preview-modal .ant-modal-body{display:flex;flex-direction:column}.receipt-pdf-preview-modal iframe{flex:1;width:100%;border:none}@media (max-width: 768px){.receipt-pdf-preview-modal .ant-modal-body{padding:10px 0 0!important}.receipt-pdf-preview-modal iframe{min-height:60vh}}.history-page-container{background-color:#f0f2f5;min-height:100vh;display:flex;flex-direction:column}.history-page-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-shrink:0}.history-page-content{padding:70px 16px 20px;flex:1;display:flex;flex-direction:column}.history-page-content h1{color:#2d3748;font-size:24px;font-weight:600}.filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex-wrap:wrap;gap:12px}.filter-controls{display:flex;align-items:center;gap:12px}@media (max-width: 768px){.filter-bar{flex-direction:column;align-items:stretch;gap:12px}.filter-controls{width:100%}.filter-controls .ant-picker{width:100%;height:36px;font-size:13px}.filter-controls .ant-picker-input{height:36px}.filter-controls .ant-picker-input>input{height:36px;font-size:13px;padding:4px 6px}.filter-controls .ant-picker-separator{font-size:13px;padding:0 4px}.filter-controls .ant-picker-suffix{font-size:13px}.filter-bar .ant-input-search{width:100%;min-width:unset}.ant-picker-dropdown{position:fixed!important;left:50%!important;transform:translate(-50%)!important;max-width:calc(100vw - 32px)!important;width:auto!important}.ant-picker-panel-container{max-width:calc(100vw - 32px)!important;width:auto!important}.ant-picker-panel{width:100%!important}.ant-picker-panels{display:flex!important;flex-direction:column!important}.ant-picker-panel:not(:first-child){display:none!important}.ant-picker-header{display:flex!important;justify-content:space-between!important;align-items:center!important}.ant-picker-header-view{flex:1!important;text-align:center!important}.ant-picker-header-next-btn,.ant-picker-header-super-next-btn{display:inline-block!important;visibility:visible!important;opacity:1!important}.ant-picker-header-next-btn:before{content:">"!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;color:#00000073!important}.ant-picker-header-super-next-btn:before{content:">>"!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;color:#00000073!important}.ant-picker-header-next-btn span,.ant-picker-header-super-next-btn span{display:none!important}}.filter-bar .ant-input-search,.filter-bar .ant-input-search .ant-input,.filter-bar .ant-input-search .ant-input-search-button{height:32px}.history-page-content .ant-input{border-radius:6px 0 0 6px!important}.order-card-list{display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.order-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:25px;margin-bottom:1rem;transition:box-shadow .2s ease-in-out,border-color .2s ease-in-out}.order-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-1px)}.order-card-content{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:12px}.order-card-item{display:flex;justify-content:space-between;align-items:center;padding:3px 0}.order-card-item-label{color:#666;font-weight:500}.order-card-item-value{color:#333;font-weight:600}.order-card-item .ant-tag{margin:0;font-size:10px;padding:2px 6px;border-radius:4px}.order-card-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid #f1f5f9;text-align:right}.pay-again-btn.ant-btn{font-size:14px;height:36px;padding:0 16px;border:none;background:#3b82f6;color:#fff;font-weight:500;border-radius:.5rem;transition:all .2s ease-in-out;box-shadow:0 1px 2px #0000000d}.pay-again-btn.ant-btn:hover{background:#2563eb;color:#fff}@media (max-width: 480px){.order-card{padding:25px;margin-bottom:6px}.order-card-content{grid-template-columns:1fr;gap:4px}.order-card-actions{margin-top:10px;padding-top:6px}.filter-bar{padding:8px;gap:8px}.filter-controls .ant-picker{font-size:11px;height:32px;min-width:0}.filter-controls .ant-picker-input{height:32px}.filter-controls .ant-picker-input>input{font-size:11px;height:32px;padding:2px 4px;min-width:0}.filter-controls .ant-picker-separator{font-size:11px;padding:0 2px}.filter-controls .ant-picker-suffix{font-size:11px}.filter-controls .ant-picker-range{min-width:0;width:100%}.ant-picker-dropdown{position:fixed!important;left:50%!important;transform:translate(-50%)!important;max-width:calc(100vw - 16px)!important;width:auto!important;z-index:1050!important}.ant-picker-panel-container{max-width:calc(100vw - 16px)!important;width:auto!important}.ant-picker-panel{width:100%!important;min-width:280px!important}.ant-picker-panels{display:flex!important;flex-direction:column!important}.ant-picker-panel:not(:first-child){display:none!important}.ant-picker-header-next-btn,.ant-picker-header-super-next-btn{display:inline-block!important;visibility:visible!important;opacity:1!important}.ant-picker-header-next-btn:before{content:">"!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;color:#00000073!important}.ant-picker-header-super-next-btn:before{content:">>"!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;color:#00000073!important}.ant-picker-header-next-btn span,.ant-picker-header-super-next-btn span{display:none!important}}.table-container{background-color:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.ant-table-wrapper{background:transparent}.ant-table{background:transparent!important}.ant-table-thead>tr>th{background-color:#f8fafc!important;color:#4a5568!important;font-weight:600!important;border-bottom:1px solid #e2e8f0!important;border-top:none}.ant-table-tbody>tr>td{border-bottom:1px solid #f1f5f9!important;color:#2d3748}.ant-table-tbody>tr:last-child>td{border-bottom:none!important}.ant-table-tbody>tr.ant-table-row:hover>td{background:#f7f8ff!important}.infinite-scroll-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:#666;font-size:14px}.infinite-scroll-loading .ant-spin{margin-bottom:8px}.infinite-scroll-end{text-align:center;padding:20px;color:#666;font-size:14px;font-style:italic;border-top:1px solid #f1f5f9;margin-top:10px}.table-container::-webkit-scrollbar,.order-card-list::-webkit-scrollbar{width:6px}.table-container::-webkit-scrollbar-track,.order-card-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.table-container::-webkit-scrollbar-thumb,.order-card-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.table-container::-webkit-scrollbar-thumb:hover,.order-card-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}.initial-loading{display:flex;justify-content:center;align-items:center;min-height:200px;background:#fff;border-radius:12px;border:1px solid #e2e8f0}.history-tabs{margin-top:10px;flex:1;display:flex;flex-direction:column}.history-tabs .ant-tabs-content-holder,.history-tabs .ant-tabs-content{flex:1;display:flex;flex-direction:column}.history-tabs .ant-tabs-tabpane{display:flex;flex-direction:column;flex:1}.history-tabs .ant-tabs-tab{font-weight:500}.history-tabs .ant-tabs-tab-active{font-weight:600}.history-tabs .ant-tabs-tab .anticon{margin-right:8px}.history-tab-content,.saved-billers-tab-content{padding-top:16px;min-height:calc(100vh - 280px);display:flex;flex-direction:column}.table-container{flex:1;display:flex;flex-direction:column}.order-card-list{flex:1}.order-id-cell{display:flex;align-items:center;gap:8px}.payment-method-logo{width:24px;height:24px;object-fit:contain;border-radius:4px}.order-id-text{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;color:#374151;font-weight:500}.download-invoice-btn{background-color:#f8f9fa;border-color:#dee2e6;color:#495057}.download-invoice-btn:hover:not(:disabled){background-color:#e9ecef;border-color:#adb5bd;color:#495057}@media (min-width: 768px) and (max-width: 1199px){.download-invoice-btn{padding:4px 8px!important}.download-invoice-btn>span:last-child{display:none}.download-invoice-btn .anticon,.download-invoice-btn span[role=img]{display:inline-block!important;margin-right:0!important}.save-biller-btn{padding:4px 8px!important}.save-biller-btn>span:last-child{display:none}.save-biller-btn .anticon,.save-biller-btn span[role=img]{display:inline-block!important;margin-right:0!important}}.save-biller-btn{background-color:#f0f9ff;border-color:#0ea5e9;color:#0ea5e9}.save-biller-btn:hover{background-color:#e0f2fe;border-color:#0284c7;color:#0284c7}.desktop-pay-again-btn.ant-btn{font-size:12px;height:28px;padding:0 12px;border:none!important;background:#3b82f6!important;color:#fff!important;font-weight:500;border-radius:6px;box-shadow:0 1px 2px #0000000d}.desktop-pay-again-btn.ant-btn:hover{background:#3b82f6!important;color:#fff!important;border-color:transparent!important;transform:none!important;box-shadow:0 1px 2px #0000000d!important}.desktop-pay-again-btn.ant-btn:focus{background:#3b82f6!important;color:#fff!important;border-color:transparent!important;box-shadow:0 1px 2px #0000000d!important}.ant-table-cell-fix-right{background:#fff!important}.ant-table-cell-fix-right-first:after{box-shadow:-2px 0 4px #0000000d!important}.ant-table-cell[align=right]{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:13px;font-weight:500}.ant-table-cell-ellipsis,.ant-table-cell-ellipsis .ant-table-column-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-container .ant-pagination{margin:16px 0;padding:16px}.table-container .ant-pagination-total-text{font-weight:500;color:#666}.table-container .ant-pagination-item{border-radius:6px;font-weight:500}.table-container .ant-pagination-item-active{border-color:#667eea}.table-container .ant-pagination-item-active a{color:#667eea}.table-container .ant-pagination-prev .ant-pagination-item-link,.table-container .ant-pagination-next .ant-pagination-item-link{border-radius:6px}.mobile-pagination{display:flex;justify-content:space-between;align-items:center;padding:20px 16px;background:#fff;border-radius:8px;margin-top:16px;box-shadow:0 2px 4px #0000001a}.pagination-info{font-size:14px;color:#666;font-weight:500}.mobile-pagination .ant-btn{border-radius:6px;font-weight:500}@media (max-width: 768px){.history-page-content{padding-top:10px}.order-card-actions .ant-space{flex-wrap:wrap}.order-card-actions .ant-btn{flex:1;min-width:70px}.history-tabs .ant-tabs-tab{font-size:14px;padding:8px 16px}.mobile-pagination{padding:16px 12px}.pagination-info{font-size:13px}}.success-page-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f0f2f5;min-height:100vh;padding:16px}.success-page-content{background-color:#fff;text-align:center;padding:50px 30px;width:100%;max-width:400px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.success-icon{font-size:60px;color:#22c55e;margin-bottom:20px}.home-button{display:inline-block;margin-top:20px;padding:10px 20px;background-color:#667eea;color:#fff;text-decoration:none;border-radius:8px;font-weight:600}.primary-share-button{height:52px;border-radius:16px;font-weight:600;font-size:16px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border:none;box-shadow:0 4px 12px #3b82f64d;transition:all .2s ease;position:relative;overflow:hidden;color:#fff}.primary-share-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.primary-share-button:hover:before{left:100%}.primary-share-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666;background:linear-gradient(90deg,#2563eb,#7c3aed)}.primary-share-button:active{transform:translateY(0);box-shadow:0 4px 16px #3b82f64d}.alternative-share-methods{display:flex;justify-content:center;gap:12px}.qr-share-button{border-radius:8px;border:1px solid #e1e5e9;background:#fff;color:#666;transition:all .2s ease}.qr-share-button:hover{border-color:#667eea;color:#667eea;background:#f8f9ff}.qr-modal-content{padding:16px 0}.one-click-share.qr-only{margin-top:16px}.qr-share-button.standalone{height:44px;border-radius:12px;border:1px solid #e6e8ea;background:#f8f9fa;color:#495057;font-weight:500;transition:all .2s ease;box-shadow:0 2px 8px #0000000a}.qr-share-button.standalone:hover{border-color:#667eea;color:#667eea;background:#f8f9ff;transform:translateY(-1px);box-shadow:0 4px 16px #667eea1f}@media (max-width: 768px){.primary-share-button{height:48px;font-size:15px;border-radius:14px}.alternative-share-methods{gap:8px}.qr-share-button{font-size:14px}.qr-share-button.standalone{height:40px;border-radius:10px}}@media (min-width: 769px){.primary-share-button{height:52px;font-size:17px}}.referral-page-container{width:100%;margin:0;background-color:#f0f2f5;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;flex-direction:column}@media (min-width: 768px){.referral-page-container{padding-top:90px}}.nav-bar{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;min-height:56px;padding-top:env(safe-area-inset-top)}.nav-back,.nav-help{font-size:20px;color:#3b82f6;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.nav-help{color:#9ca3af}.nav-title{font-size:17px;font-weight:600;color:#1f2937;margin:0}.page-content{padding:24px 16px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.referral-page-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}@media (min-width: 768px){.referral-page-header{position:sticky;top:0;z-index:100}}.referral-content{padding:16px;max-width:600px;margin:0 auto;flex:1}@media (max-width: 767px){.referral-content{padding-top:20px}}.referral-content .ant-card-body{padding:0!important}.referral-code-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 6px 24px #0000001a;margin-bottom:16px;overflow:hidden}.referral-code-card.compact{margin-bottom:12px}.referral-code-header{display:flex;align-items:center;padding:16px 16px 0;gap:12px}.referral-code-header.compact{padding:12px 16px 0;gap:10px}.referral-code-icon{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.referral-code-icon.compact{width:36px;height:36px;font-size:14px;border-radius:8px}.referral-code-info{flex:1}.referral-code-title{margin:0 0 2px;font-size:18px;font-weight:600;color:#1a1a1a}.referral-code-title.compact{font-size:16px;margin:0 0 1px}.referral-code-subtitle{margin:0;color:#666;font-size:13px}.referral-code-subtitle.compact{font-size:12px}.referral-code-display{padding:12px 16px 16px;display:flex;align-items:center;gap:12px}.referral-code-display.compact{padding:8px 16px 12px;gap:10px}.code-container{flex:1;display:flex;align-items:center;gap:10px}.referral-code{font-size:20px;font-weight:700;color:#1a1a1a;letter-spacing:1px;font-family:SF Mono,Monaco,Inconsolata,monospace}.referral-code.compact{font-size:18px;letter-spacing:1px}.code-tag{font-size:11px;padding:1px 6px;border-radius:4px}.copy-code-button{height:36px;border-radius:8px;font-weight:500;background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 3px 10px #667eea4d;font-size:14px}.copy-code-button.compact{height:32px;font-size:13px}.copy-code-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.referral-link-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 6px 24px #0000001a;margin-bottom:16px}.referral-link-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:16px 16px 0}.link-icon{color:#667eea;font-size:16px}.referral-link-header h3{margin:0;font-size:15px;font-weight:600;color:#1a1a1a}.link-description{margin:0 0 12px;color:#666;font-size:13px;line-height:1.4;padding:0 16px}.copy-link-button{height:40px;border-radius:8px;font-weight:500;border:1px solid #e0e0e0;background:#fff;color:#1a1a1a;margin:0 16px 16px;max-width:calc(100% - 32px);width:auto}.copy-link-button:hover{border-color:#667eea;color:#667eea}.share-methods-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 6px 24px #0000001a;margin-bottom:16px}.share-title{margin:0 0 12px;font-size:15px;font-weight:600;color:#1a1a1a;padding:16px 16px 0}.share-buttons{display:flex;flex-direction:column;gap:10px;padding:0 16px 16px}.share-button{height:44px;border-radius:10px;font-weight:500;border:none;transition:all .3s ease;font-size:14px}.wechat-button{background:linear-gradient(135deg,#07c160,#00a854);box-shadow:0 3px 10px #07c1604d}.wechat-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #07c16066}.little-red-book-button{background:linear-gradient(135deg,#e6162d,#c41230);box-shadow:0 3px 10px #e6162d4d}.little-red-book-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #e6162d66}.share-card-redesign{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 6px 24px #0000001a;margin-bottom:16px}.share-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:16px 16px 0}.share-header-icon{color:#667eea;font-size:16px}.share-header-title{margin:0;font-size:15px;font-weight:600;color:#1a1a1a}.primary-share,.qr-section{padding:0 16px 16px}.quick-share-grid{display:flex;gap:12px;padding:0 16px 16px}.quick-share-btn{flex:1;height:44px;border-radius:10px;font-weight:600;border:none;transition:all .3s ease;font-size:14px;display:flex;align-items:center;justify-content:center;gap:6px}.quick-share-btn.wechat{background:#07c160;color:#fff;box-shadow:0 3px 10px #07c1604d}.quick-share-btn.wechat:hover{transform:translateY(-1px);box-shadow:0 4px 12px #07c16066}.quick-share-btn.rednote{background:#e6162d;color:#fff;box-shadow:0 3px 10px #e6162d4d}.quick-share-btn.rednote:hover{transform:translateY(-1px);box-shadow:0 4px 12px #e6162d66}.quick-share-btn.poster{background:#8b5cf6;color:#fff;box-shadow:0 3px 10px #8b5cf64d}.quick-share-btn.poster:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.referral-rules-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 6px 24px #0000001a;margin-bottom:16px}.rules-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:16px 16px 0}.rules-icon{color:#52c41a;font-size:16px}.rules-header h3{margin:0;font-size:15px;font-weight:600;color:#1a1a1a}.rules-content{display:flex;flex-direction:column;gap:12px;padding:0 16px 16px}.rule-item{display:flex;align-items:flex-start;gap:12px}.rule-number{width:24px;height:24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.rule-text{flex:1}.rule-text strong{display:block;margin-bottom:2px;color:#1a1a1a;font-size:13px;font-weight:600}.rule-text p{margin:0;color:#666;font-size:12px;line-height:1.4}.referral-stats-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 6px 24px #0000001a;margin-bottom:16px}.stats-title{margin:0 0 16px;font-size:15px;font-weight:600;color:#1a1a1a;padding:16px 16px 0}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 16px 16px}.stats-grid.detailed{gap:16px;padding:0 20px 20px}.stat-item{display:flex;align-items:center;gap:10px;padding:12px;background:#667eea0d;border-radius:10px;border:1px solid rgba(102,126,234,.1)}.stat-item.compact{padding:16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000d}.stat-icon{width:36px;height:36px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px}.stat-icon.small{width:40px;height:40px;border-radius:10px;font-size:16px}.stat-icon.small.savings{background:#10b981}.stat-icon.small.success{background:#f59e0b}.stat-icon.small.pending{background:#ef4444}.stat-icon.small.users{background:#06b6d4}.stat-icon.pending{background:linear-gradient(135deg,#faad14,#f5222d)}.stat-content{flex:1}.stat-value{font-size:18px;font-weight:700;color:#1a1a1a;line-height:1}.stat-label{font-size:11px;color:#666;margin-top:2px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.empty-state-hint{text-align:center;padding:20px 16px;background:#667eea0d;border-radius:12px;margin:16px 20px 0}.empty-state-hint p{margin:0 0 12px;color:#666;font-size:14px}@media (max-width: 480px){.referral-content{padding:12px}.referral-code-display{flex-direction:column;align-items:stretch;gap:10px}.code-container{justify-content:center}.stats-grid{grid-template-columns:1fr}.rule-item{gap:10px}.rule-number{width:20px;height:20px;font-size:11px}.quick-share-grid{flex-direction:column;gap:8px}.quick-share-btn{height:40px;font-size:13px;padding:.5rem}}.intro-section{text-align:center;margin-bottom:24px}.intro-icon{font-size:32px;margin-bottom:12px;color:#c084fc}.intro-title{font-size:22px;font-weight:700;margin-bottom:8px}.intro-description{color:#6b7280;line-height:1.6}.referral-card{background:#fff;border-radius:12px;padding:20px;text-align:center;box-shadow:0 4px 12px #0000000d;margin-bottom:24px}.referral-label{font-size:14px;color:#4b5563;margin-bottom:8px}.referral-code-display{border:2px dashed #d1d5db;border-radius:8px;padding:12px;margin-bottom:16px}.referral-code{font-size:24px;font-weight:700;color:#1f2937;letter-spacing:2px}.copy-button{background-color:#f3f4f6;color:#374151;border:1px solid #e5e7eb;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:600;width:100%}.share-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.share-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:8px;font-weight:600;border:none;cursor:pointer}.share-icon{font-size:18px}.wechat-button{background-color:#22c55e;color:#fff}.little-red-book-button{background-color:#ef4444;color:#fff}.link-button{background-color:#3b82f6;color:#fff}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat-card{background:#fff;padding:16px;border-radius:12px;text-align:center;box-shadow:0 4px 12px #0000000d}.stat-number{font-size:24px;font-weight:700;margin-bottom:4px}.referrals-count{color:#3b82f6}.total-earnings{color:#f97316}@media (min-width: 768px){.referral-page-content{max-width:1024px;margin:0 auto;padding:32px}.referral-toolkit-section{padding:32px 0}.referral-toolkit-banner{max-width:800px;margin:0 auto;padding:32px 24px 28px}.referral-stats-display{gap:20px}.stat-item{padding:20px 16px}.stat-value{font-size:32px}.stat-label{font-size:13px}.toolkit-actions{gap:16px}.toolkit-button{padding:20px 16px;font-size:15px}.toolkit-button i{font-size:24px}.template-selector{padding:20px}.template-header{margin-bottom:16px}.copy-template-button{padding:8px 16px;font-size:13px}.copy-template-button i{font-size:13px}.template-tabs{gap:12px}.template-tab{padding:10px 20px;font-size:13px}.template-content{font-size:14px}.template-tag{font-size:11px;padding:3px 10px}}.referral-page-banner-wrapper{padding:0 16px}.coupon-card{--coupon-bg-color-start: #e0324d;--coupon-bg-color-end: #764ba2;--coupon-text-color: #ffffff;--coupon-secondary-text-color: #f0e6f5;background:linear-gradient(135deg,var(--coupon-bg-color-start),var(--coupon-bg-color-end));border-radius:10px;color:var(--coupon-text-color);display:flex;flex-direction:column;position:relative;width:100%;max-width:400px;overflow:hidden;box-shadow:0 5px 18px -10px #764ba266;transition:all .3s cubic-bezier(.25,.8,.25,1);cursor:pointer}.coupon-card.new-user-coupon{--coupon-bg-color-start: #667eea !important;--coupon-bg-color-end: #764ba2 !important;--coupon-text-color: #ffffff;--coupon-secondary-text-color: #f0e6ff;background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 8px 32px #667eea59!important;position:relative;overflow:hidden}.coupon-card.new-user-coupon:before{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:rotate(45deg);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.coupon-card.new-user-coupon:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 40px #667eea73!important}.coupon-card.new-user-coupon .coupon-header{position:relative}.coupon-card.new-user-coupon .coupon-status-icon{font-size:1.4rem;filter:drop-shadow(0 0 8px rgba(255,255,255,.5));animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(5deg)}}.coupon-card.new-user-coupon .coupon-source-or-status{background:linear-gradient(135deg,#ffffff40,#ffffff26);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0000001a}.coupon-card.new-user-coupon .benefit-value{font-size:1.8rem;background:linear-gradient(180deg,#fff,#f0e6ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.coupon-card.new-user-coupon .code-value{background:#ffffff40;border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px 2px #0000001a}.coupon-card.new-user-coupon.expiring_soon{background:linear-gradient(135deg,#ff9a9e,#fecfef,#fecfef)!important}.coupon-card.new-user-coupon.expiring_soon .benefit-value,.coupon-card.new-user-coupon.expiring_soon .coupon-title{background:linear-gradient(180deg,#fff,#ffe0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.coupon-card.new-user-coupon.expiring_soon:hover{box-shadow:0 12px 40px #ff9a9e73!important}.coupon-card.referrer-coupon{--coupon-bg-color-start: #e0324d;--coupon-bg-color-end: #764ba2;--coupon-text-color: #ffffff;--coupon-secondary-text-color: #f0e6f5;box-shadow:0 5px 18px -10px #764ba266}.coupon-card.referrer-coupon:hover{box-shadow:0 10px 25px -10px #764ba280}.coupon-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 10px 25px -10px #764ba280}.coupon-card:before,.coupon-card:after{content:"";position:absolute;width:16px;height:32px;background:#f8fafc;z-index:1}.coupon-card:before{top:calc(50% + 20px);left:-8px;border-radius:0 16px 16px 0}.coupon-card:after{top:calc(50% + 20px);right:-8px;border-radius:16px 0 0 16px}.coupon-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px 0}.coupon-status-icon{font-size:1.2rem;opacity:.95;text-shadow:0 1px 2px rgba(0,0,0,.1)}.coupon-referral{font-size:.65rem;color:#fffc;background:#ffffff1a;padding:2px 4px;border-radius:5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.coupon-main{display:flex;align-items:center;padding:10px 16px;border-bottom:1px dashed rgba(255,255,255,.3)}.coupon-benefit{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-right:10px;border-right:1px solid rgba(255,255,255,.2);margin-right:10px;min-width:55px}.benefit-value{font-size:1.5rem;font-weight:700;line-height:1.1;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1)}.benefit-target{font-size:.7rem;font-weight:500;text-transform:uppercase;color:#fffc;margin-top:1px}.coupon-body{flex:1}.coupon-title{font-size:.95rem;font-weight:600;margin:0 0 3px;color:var(--coupon-text-color)}.coupon-description{font-size:.8rem;margin:0 0 5px;color:var(--coupon-secondary-text-color);line-height:1.2}.coupon-code{display:flex;align-items:center;gap:2px}.code-label{font-size:.75rem;color:var(--coupon-secondary-text-color)}.code-value{font-size:.8rem;font-weight:600;color:#fff;background:#ffffff26;padding:1px 4px;border-radius:3px;font-family:Courier New,monospace}.coupon-footer{padding:8px 16px;background-color:#0000001a}.coupon-condition,.coupon-expiry{font-size:.7rem;color:var(--coupon-secondary-text-color);margin:0}.coupon-condition{margin-bottom:1px;font-weight:500}.coupon-card.expiring_soon{--coupon-bg-color-start: #ff9500;--coupon-bg-color-end: #ffb340;box-shadow:0 8px 25px -12px #ff950066}.coupon-card.expiring_soon:hover{box-shadow:0 15px 35px -12px #ff950080}.coupon-card.used,.coupon-card.expired{background:#f3f4f6;cursor:default}.coupon-card.used *,.coupon-card.expired *{color:#6b7280!important}.coupon-card.used .coupon-source-or-status,.coupon-card.expired .coupon-source-or-status{font-weight:700;font-size:.7rem;background:#e5e7eb!important;color:#374151!important}.coupon-card.new-user-coupon.used,.coupon-card.new-user-coupon.expired{background:#f3f4f6!important;box-shadow:none!important}.coupon-card.new-user-coupon.used .coupon-source-or-status,.coupon-card.new-user-coupon.expired .coupon-source-or-status{background:#e5e7eb!important;color:#374151!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:none!important;box-shadow:none!important}.coupon-card.new-user-coupon.used .benefit-value,.coupon-card.new-user-coupon.expired .benefit-value{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:unset!important;color:#6b7280!important}.coupon-card.used .coupon-benefit,.coupon-card.expired .coupon-benefit{border-right-color:#d1d5db!important}.coupon-card.used .coupon-main,.coupon-card.expired .coupon-main{border-bottom-color:#d1d5db!important}.coupon-card.used .code-value,.coupon-card.expired .code-value{background:#e5e7eb!important}.coupon-card.used:hover,.coupon-card.expired:hover{transform:none;box-shadow:0 4px 12px -8px #0000001a}.coupon-source-or-status{font-size:.75rem;color:#fffffff2;background:#ffffff26;padding:3px 8px;border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.coupon-card{width:100%;border-radius:12px;box-shadow:0 3px 12px -8px #764ba259;margin-bottom:4px;transform:scale(.98);transition:all .2s cubic-bezier(.4,0,.2,1)}.coupon-card:hover{transform:scale(.99) translateY(-1px);box-shadow:0 6px 16px -8px #764ba266}.coupon-main{padding:12px 14px}.coupon-header{padding:8px 14px 0}.coupon-footer{padding:8px 14px 10px}.coupon-benefit{min-width:48px;padding-right:8px;margin-right:8px}.benefit-value{font-size:1.3rem}.benefit-target{font-size:.65rem}.coupon-title{font-size:.85rem;font-weight:600;margin-bottom:2px}.coupon-description{font-size:.72rem;margin-bottom:4px;line-height:1.1}.coupon-code{gap:1px}.code-label{font-size:.68rem}.code-value{font-size:.72rem;padding:1px 3px}.coupon-condition,.coupon-expiry{font-size:.65rem}.coupon-condition{margin-bottom:1px}.coupon-status-icon{font-size:1rem}.coupon-source-or-status{font-size:.68rem;padding:2px 6px;font-weight:600}.coupon-card.new-user-coupon{box-shadow:0 4px 20px #667eea4d!important}.coupon-card.new-user-coupon:hover{transform:scale(1) translateY(-2px);box-shadow:0 6px 24px #667eea59!important}.coupon-card.new-user-coupon .benefit-value{font-size:1.4rem}.coupon-card.new-user-coupon .coupon-status-icon{font-size:1.2rem}}.coupon-page-container{min-height:100vh;display:flex;flex-direction:column;background-color:#f8fafc}.coupon-page-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding-bottom:20px}.coupon-page-banner-wrapper{padding:0 16px}.coupon-page-content{flex:1;padding:90px 20px 20px;background-color:#f8fafc}.coupon-content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:16px}.coupon-page-title{font-size:2rem;font-weight:700;color:#111827;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.coupon-filters{display:flex;gap:8px;background-color:#f3f4f6;padding:6px;border-radius:12px}.coupon-filters button{font-family:inherit;padding:8px 16px;border:none;background-color:transparent;color:#4b5563;font-size:.9rem;font-weight:600;border-radius:8px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.coupon-filters button:focus{outline:none}.coupon-filters button:hover{background-color:#e5e7eb}.coupon-filters button.active{background-color:#fff;color:#111827;font-weight:700;box-shadow:0 1px 3px #0000001a;border:none;border-radius:8px}.expiring-soon-banner{background-color:#fffbeb;color:#b45309;padding:16px;border-radius:12px;margin-bottom:32px;display:flex;align-items:center;font-weight:500;border:1px solid #fde68a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.expiring-soon-banner .fa-exclamation-circle{margin-right:12px;font-size:1.2rem}.coupon-list{display:grid;grid-template-columns:1fr;gap:32px}.empty-state{grid-column:1 / -1;text-align:center;padding:80px 24px;background-color:#f9fafb;border-radius:16px;border:1px dashed #e5e7eb}.empty-state p{font-size:1rem;color:#6b7280;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.coupon-desktop-container{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#f8fafc,#e2e8f0);padding-top:60px}.coupon-desktop-header{color:#fff}.coupon-desktop-banner-wrapper{max-width:1400px;margin:0 auto;padding:0 24px}.coupon-desktop-banner-wrapper .referral-banner,.coupon-page-banner-wrapper .referral-banner{max-width:100%}.coupon-desktop-content{flex:1;padding:0 24px}.coupon-desktop-main-container{max-width:1400px;margin:0 auto}.coupon-desktop-sidebar{position:sticky;top:24px}.coupon-stats-card{border-radius:16px;border:none;box-shadow:0 4px 20px #00000014;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.coupon-stats-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:16px;font-weight:600;color:#1f2937}.coupon-desktop-sidebar .ant-card{border-radius:16px;border:none;box-shadow:0 4px 20px #00000014;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.coupon-desktop-sidebar .ant-tabs-tab{padding:12px 16px;font-weight:500}.coupon-desktop-sidebar .ant-tabs-tab-active{background:#1890ff1a;border-radius:8px}.coupon-desktop-main{padding-left:0}.coupon-desktop-toolbar{border-radius:16px;border:none;box-shadow:0 2px 12px #0000000f;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:24px}.coupon-desktop-title{font-size:2.25rem;font-weight:700;color:#111827;margin:0;display:flex;align-items:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.coupon-desktop-toolbar .ant-input-search,.coupon-desktop-toolbar .ant-select{border-radius:12px}.coupon-desktop-toolbar .ant-select-selector{border-radius:12px;border:2px solid #e5e7eb;transition:all .3s ease}.coupon-desktop-toolbar .ant-select-selector:hover{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.expiring-soon-alert{border-radius:16px;border:2px solid #fbbf24;background:linear-gradient(135deg,#fffbeb,#fef3c7);box-shadow:0 4px 20px #fbbf2426}.expiring-soon-content{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:500;color:#92400e}.coupon-desktop-header-section{margin-bottom:32px}.coupon-title-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.coupon-sort-section{display:flex;align-items:center}.coupon-filter-tabs{display:flex;gap:0;background:#f3f4f6;border-radius:8px;padding:4px;margin-bottom:16px}.filter-tab{flex:1;padding:12px 16px;border:none;background:transparent;color:#6b7280;font-size:.9rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease;text-align:center}.filter-tab:hover{background:#e5e7eb;color:#374151}.filter-tab.active{background:#fff;color:#111827;box-shadow:0 1px 3px #0000001a}.expiring-soon-banner{background:#fffbeb;color:#b45309;padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500;border:1px solid #fde68a;margin-bottom:24px}.coupon-desktop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:8px}.coupon-empty-state{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;min-height:300px;background:#ffffff80;border-radius:16px;border:2px dashed #d1d5db}.coupon-stats-card .ant-statistic{margin-bottom:16px}.coupon-stats-card .ant-statistic-title{font-size:14px;font-weight:500;color:#6b7280;margin-bottom:8px}.coupon-stats-card .ant-statistic-content{font-size:24px;font-weight:700}.coupon-desktop-grid .coupon-card{transition:all .3s ease}.coupon-desktop-grid .coupon-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.coupon-desktop-grid .coupon-card{animation:fadeInUp .5s ease-out}.coupon-desktop-grid .coupon-card:nth-child(1){animation-delay:.1s}.coupon-desktop-grid .coupon-card:nth-child(2){animation-delay:.2s}.coupon-desktop-grid .coupon-card:nth-child(3){animation-delay:.3s}.coupon-desktop-grid .coupon-card:nth-child(4){animation-delay:.4s}.coupon-desktop-grid .coupon-card:nth-child(5){animation-delay:.5s}.coupon-desktop-grid .coupon-card:nth-child(6){animation-delay:.6s}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.filter-option{animation:slideInLeft .4s ease-out}.filter-option:nth-child(1){animation-delay:.1s}.filter-option:nth-child(2){animation-delay:.2s}.filter-option:nth-child(3){animation-delay:.3s}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quick-stat-value{animation:countUp .6s ease-out .8s both}@media (min-width: 768px){.coupon-page-content{max-width:1024px;margin:0 auto;padding:32px}}@media (min-width: 900px) and (max-width: 1199px){.coupon-desktop-grid{grid-template-columns:repeat(2,1fr);gap:28px}}@media (min-width: 1600px){.coupon-desktop-grid{grid-template-columns:repeat(3,1fr);gap:36px}}@media (max-width: 1024px){.coupon-desktop-content .ant-col-6{flex:0 0 30%;max-width:30%}.coupon-desktop-content .ant-col-18{flex:0 0 70%;max-width:70%}.filter-option{padding:12px;gap:10px}.filter-option-icon{width:32px;height:32px;font-size:14px}.filter-option-label{font-size:13px}.filter-option-count{font-size:11px}}@media (max-width: 992px){.coupon-desktop-content .ant-col-6,.coupon-desktop-content .ant-col-18{flex:0 0 100%;max-width:100%}.coupon-desktop-sidebar{position:static}.coupon-desktop-grid{grid-template-columns:1fr;gap:20px}.coupon-filter-options{flex-direction:row;gap:8px}.filter-option{flex:1;flex-direction:column;text-align:center;padding:12px 8px}.filter-quick-stats{flex-direction:column;gap:8px}}.coupon-mobile-stats{display:flex;gap:12px;margin-bottom:20px;padding:16px;background:linear-gradient(135deg,#ffffffe6,#f8fafce6);border-radius:16px;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-stat-item{flex:1;display:flex;align-items:center;gap:8px;padding:12px;background:#fff9;border-radius:12px;border:1px solid rgba(255,255,255,.4);transition:all .3s ease}.mobile-stat-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a;background:#fffc}.mobile-stat-item .stat-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;font-size:14px;transition:all .3s ease}.mobile-stat-item .stat-icon.active-icon{background:linear-gradient(135deg,#52c41a,#73d13d);color:#fff}.mobile-stat-item .stat-icon.used-icon{background:linear-gradient(135deg,#1890ff,#40a9ff);color:#fff}.mobile-stat-item .stat-icon.expired-icon{background:linear-gradient(135deg,#ff4d4f,#ff7875);color:#fff}.mobile-stat-item .stat-content{display:flex;flex-direction:column;gap:2px}.mobile-stat-item .stat-label{font-size:11px;font-weight:500;color:#6b7280;line-height:1.2}.mobile-stat-item .stat-count{font-size:16px;font-weight:700;color:#111827;line-height:1.2}@media (max-width: 768px){.coupon-page-content{padding:24px 16px}.coupon-content-header{flex-direction:column;align-items:stretch;gap:24px}.coupon-mobile-stats{margin-bottom:16px;padding:12px;gap:8px}.mobile-stat-item{padding:10px;gap:6px}.mobile-stat-item .stat-icon{width:28px;height:28px;font-size:12px}.mobile-stat-item .stat-label{font-size:10px}.mobile-stat-item .stat-count{font-size:14px}.coupon-filters{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr}.coupon-filters button{text-align:center}.coupon-list{grid-template-columns:1fr;gap:20px}.coupon-filter-options{gap:8px}.filter-option{padding:12px;flex-direction:row;text-align:left}.filter-option-icon{width:28px;height:28px;font-size:12px}}.coupon-simple-filter-card{border-radius:16px;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #667eea14;border:1px solid rgba(255,255,255,.3);padding:20px;overflow:hidden;position:relative}.coupon-simple-filter-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2)}.simple-filter-header{margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid rgba(102,126,234,.1);position:relative}.simple-filter-header:after{content:"";position:absolute;bottom:-2px;left:0;width:50px;height:2px;background:linear-gradient(90deg,#667eea,#764ba2)}.simple-filter-header .filter-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#333;margin-bottom:6px}.simple-filter-header .filter-subtitle{font-size:12px;color:#666;margin-left:26px}.simple-filter-options{display:flex;flex-direction:column;gap:12px}.simple-filter-option{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;background:#f5f5f580;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.simple-filter-option:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;background:linear-gradient(135deg,#667eea4d,#764ba24d);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;opacity:0;transition:opacity .3s ease}.simple-filter-option:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea1f}.simple-filter-option:hover:before{opacity:1}.simple-filter-option.active{background:linear-gradient(135deg,#667eea1a,#764ba21a);transform:translateY(-2px);box-shadow:0 8px 24px #667eea26}.simple-filter-option.active:before{opacity:1}.simple-filter-option .filter-option-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#f0f0f0,#e8e8e8);color:#666;font-size:16px;transition:all .3s ease}.simple-filter-option .filter-option-icon.active-icon{background:linear-gradient(135deg,#52c41a,#73d13d);color:#fff}.simple-filter-option .filter-option-icon.used-icon{background:linear-gradient(135deg,#1890ff,#40a9ff);color:#fff}.simple-filter-option .filter-option-icon.expired-icon{background:linear-gradient(135deg,#ff4d4f,#ff7875);color:#fff}.simple-filter-option:hover .filter-option-icon{transform:scale(1.1)}.simple-filter-option .filter-option-content{flex:1}.simple-filter-option .filter-option-header{display:flex;justify-content:space-between;align-items:center}.simple-filter-option .filter-option-header .filter-option-label{font-size:14px;font-weight:600;color:#333}.simple-filter-option .filter-option-header .filter-option-count{font-size:12px;font-weight:700;color:#666;background:#667eea1a;padding:3px 10px;border-radius:12px;min-width:28px;text-align:center}.help-page-container{min-height:100vh;display:flex;flex-direction:column;background-color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.help-content{max-width:800px;margin:0 auto;padding:32px 16px 24px}@media (min-width: 768px){.help-content{padding-top:100px}}.help-hero{text-align:center;margin-bottom:32px}.help-title{font-size:32px;font-weight:700;color:#1f2937;margin:0 0 8px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.help-subtitle{font-size:16px;color:#6b7280;margin:0}.search-section{margin-bottom:32px}.help-search{border-radius:12px;box-shadow:0 4px 12px #00000014}.help-search .ant-input{border-radius:12px;border:1px solid #e5e7eb;padding:12px 16px;font-size:16px}.help-search .ant-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.section-title-help-page{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 32px;display:flex;align-items:center;gap:8px}.quick-actions{margin-bottom:32px}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.action-card{border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000f;transition:all .3s ease}.action-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f;border-color:#3b82f6}.action-content{display:flex;align-items:center;gap:16px}.action-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.action-text h4{margin:0 0 4px;font-size:16px;font-weight:600;color:#1f2937}.action-text p{margin:0;font-size:14px;color:#6b7280}.category-filter{margin-bottom:32px}.category-tags{display:flex;flex-wrap:wrap;gap:8px}.category-tag{padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .2s ease;border:1px solid #e5e7eb;background:#fff;color:#6b7280;font-weight:500}.category-tag:hover{border-color:#3b82f6;color:#3b82f6}.category-tag.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-color:#3b82f6}.faq-section{margin-bottom:32px}.faq-collapse{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000f}.faq-collapse .ant-collapse-item{border-bottom:1px solid #f3f4f6}.faq-collapse .ant-collapse-item:last-child{border-bottom:none}.faq-collapse .ant-collapse-header{padding:20px 24px!important;font-weight:500;color:#1f2937}.faq-collapse .ant-collapse-content{border-top:1px solid #f3f4f6}.faq-collapse .ant-collapse-content-box{padding:0 24px 20px!important}.faq-header{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%}.faq-question{font-weight:500;color:#1f2937;line-height:1.5;width:100%}.faq-tags{display:flex;flex-wrap:wrap;gap:4px;flex-shrink:0}.faq-tag{background:#f3f4f6;color:#6b7280;border:none;font-size:12px;padding:4px 8px;border-radius:6px}.faq-answer{color:#6b7280;line-height:1.6}.faq-answer p{margin:0 0 8px}.faq-answer p:last-child{margin-bottom:0}.faq-link{color:#3b82f6;text-decoration:none;transition:color .2s;word-break:break-all;font-weight:400}.faq-link:hover{color:#2563eb;text-decoration:underline}.contact-info-section{margin:24px 0 32px;padding:0 20px}.contact-header{text-align:center;margin-bottom:32px}.contact-header h3{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 8px}.contact-header p{color:#6b7280;font-size:16px;margin:0}.contact-layout-help-page{display:grid;grid-template-columns:1fr 400px;gap:40px}.contact-methods-panel{background:linear-gradient(135deg,#f0fdf4,#e0f2fe);border-radius:16px;padding:32px;border:1px solid rgba(16,185,129,.1);box-shadow:0 4px 12px #0000000d}.contact-method-item{display:flex;align-items:flex-start;gap:16px;padding:20px 0;border-bottom:1px solid rgba(16,185,129,.1)}.contact-method-item:last-child{border-bottom:none;padding-bottom:0}.method-icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;flex-shrink:0}.method-icon{font-size:24px;color:#10b981}.method-icon.wechat{color:#07c160}.method-content{flex:1;min-width:0}.method-content h4{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 8px}.method-value{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.email-link{color:#3b82f6;text-decoration:none;transition:color .2s}.email-link:hover{color:#2563eb;text-decoration:underline}.wechat-id{font-weight:500;color:#1f2937}.qrcode-panel{display:flex;justify-content:center;align-items:flex-start}.qrcode-container{background:#fff;border-radius:20px;padding:24px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-wechat-qrcode{width:300px;height:300px;border-radius:12px;padding:8px;display:block;margin-bottom:16px}.qrcode-hint{font-size:14px;color:#6b7280;font-weight:500;margin:0}.contact-section{margin-top:40px}.contact-card{text-align:center;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 4px 12px #00000014;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.contact-card h3{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 8px}.contact-card p{color:#6b7280;margin:0 0 24px;font-size:16px}.contact-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.contact-buttons .ant-btn{border-radius:8px;font-weight:500;padding:8px 20px;height:auto;display:flex;align-items:center;gap:6px}.contact-buttons .ant-btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;box-shadow:0 4px 12px #3b82f64d}.contact-buttons .ant-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}@media (max-width: 768px){.contact-info-section{padding:0 12px}.contact-layout,.contact-layout-help-page{grid-template-columns:1fr;gap:24px}.contact-methods-panel{padding:24px}.contact-method-item{padding:16px 0}.method-icon-wrapper{width:40px;height:40px}.method-icon{font-size:20px}.qrcode-container{padding:16px}.contact-wechat-qrcode{width:240px;height:240px}.help-title{font-size:28px}.action-grid{grid-template-columns:1fr}.faq-header{gap:8px}.contact-buttons{flex-direction:column}.contact-buttons .ant-btn{width:100%;justify-content:center}}@media (max-width: 480px){.help-title{font-size:24px}.section-title,.section-title-help-page{font-size:18px}.action-content{gap:12px}.action-icon{width:40px;height:40px;font-size:18px}}.payment-guide-container{min-height:100vh;display:flex;flex-direction:column;background:#f8fafc}.payment-guide-content{flex:1;max-width:1200px;margin:0 auto;padding:24px 20px 20px}.guide-hero{text-align:center;margin-bottom:16px}.guide-title{font-size:1.8rem;font-weight:700;margin-bottom:8px;color:#1f2937}.guide-subtitle{font-size:1rem;color:#6b7280;max-width:600px;margin:0 auto}.guide-card,.tips-card,.actions-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:16px;box-shadow:0 1px 3px #0000001a}.payment-guide-container .section-title{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 32px;text-align:center;border-bottom:none!important;padding-bottom:0}.payment-steps{margin-bottom:40px}.payment-step{margin-bottom:20px}.steps-content{margin-top:40px}.step-detail{margin-bottom:30px}.step-content h4{font-size:1.3rem;font-weight:600;color:#333;margin-bottom:15px}.step-content p{font-size:1rem;color:#666;line-height:1.6;margin-bottom:15px}.step-content ul{margin-bottom:20px;padding-left:20px}.step-content ul.no-bullets{list-style:none;padding-left:16px;line-height:1.3}.step-content li{margin-bottom:8px;color:#555;line-height:1.5}.step-tip{display:flex;align-items:flex-start;gap:12px;margin-top:8px;padding:14px 16px;border-radius:10px;border:1px solid transparent;background:linear-gradient(135deg,#fffffff2,#f8fafcf2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.step-tip:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;transition:all .3s ease}.step-tip.info{background:linear-gradient(135deg,#3b82f60d,#93c5fd0d);border-color:#3b82f626}.step-tip.info:before{background:linear-gradient(135deg,#3b82f6,#93c5fd)}.tip-icon{font-size:18px;line-height:1;flex-shrink:0;margin-top:1px}.tip-content{flex:1;min-width:0}.tip-title{font-size:.9rem;font-weight:600;color:#374151;margin-bottom:4px;line-height:1.3}.tip-desc{font-size:.85rem;color:#6b7280;line-height:1.4;margin:0}.step-tip:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a;border-color:#3b82f640;background:linear-gradient(135deg,#3b82f614,#93c5fd14)}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.tip-section{padding:20px;background:#f9fafb;border-radius:12px;border-left:4px solid #6366f1}.tip-title{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:15px}.tip-list{list-style:none;padding:0}.tip-list li{position:relative;padding-left:20px;margin-bottom:10px;color:#555;line-height:1.5}.tip-list li:before{content:"✓";position:absolute;left:0;color:#667eea;font-weight:700}.action-buttons{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.action-button{width:100%;max-width:280px;min-width:160px;height:44px;border-radius:12px;font-weight:500;font-size:.95rem}.action-button.ant-btn-primary{background:#6366f1;border:none;box-shadow:0 1px 2px #0000000d}.action-button.ant-btn-primary:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.bpay-intro-content{color:#374151;padding:0}.bpay-intro-title-with-images{margin-bottom:16px}.description-text{font-size:.95rem;font-weight:500;margin-bottom:12px;line-height:1.5;color:#1f2937}.help-images-container{display:flex;gap:1rem;justify-content:flex-start;flex-wrap:nowrap}.help-image{height:50px;width:auto;cursor:pointer}.bpay-intro-features{margin-bottom:16px}.bpay-intro-features h3{font-size:1rem;font-weight:600;margin-bottom:8px;color:#1f2937}.payment-guide-container .bpay-intro-list{margin:0;padding-left:0;list-style:none;color:#4b5563;font-size:.9rem;line-height:1.6}.payment-guide-container .bpay-intro-list li{margin-bottom:6px;padding-left:1.5rem;position:relative;line-height:1.4;color:#68645f;font-size:.9rem}.payment-guide-container .bpay-intro-list li:before{content:"✓";position:absolute;left:0;top:0;width:1.2rem;height:1.2rem;background:linear-gradient(135deg,#6b73d9,#8b5cf6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;box-shadow:0 2px 6px #6b73d94d}.payment-guide-container .bpay-intro-list li:hover{color:#2f2e2c;transform:translate(2px);transition:all .3s ease}.payment-guide-container .bpay-intro-list li:hover:before{transform:scale(1.1);box-shadow:0 4px 12px #6b73d966;transition:all .3s ease}.integrated-steps{margin-top:16px}.integrated-step-item{margin-bottom:12px}.integrated-step-item:last-child{margin-bottom:0}.step-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:4px}.step-icon-wrapper{width:32px;height:32px;border-radius:50%;background:#6366f1;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;margin-top:2px}.step-title-desc{flex:1;min-width:0}.step-title{font-size:1rem;font-weight:600;color:#333;line-height:1.3;margin:0 0 4px}.step-description{font-size:.85rem;color:#666;line-height:1.4;white-space:pre-line;margin:0}.step-detailed-content{margin-left:44px;padding-top:0;margin-top:-2px}.steps-content{padding:0}.step-detail{margin-bottom:8px}.step-detail:last-child{margin-bottom:0}.step-content p{font-size:.9rem;color:#666;line-height:1.4;margin-bottom:8px;margin-top:0}.step-content ul{margin-bottom:6px;margin-top:4px;padding-left:16px}.step-content li{margin-bottom:2px;color:#555;line-height:1.3;font-size:.85rem}.step-content strong{color:#333;font-weight:600}.step-alert{margin-top:4px;margin-bottom:0}@media (min-width: 480px){.step-title{font-size:1.1rem}.step-description{font-size:.9rem}.step-icon-wrapper{width:36px;height:36px;font-size:18px}.step-detailed-content{margin-left:48px}}@media (max-width: 768px){.step-tip{padding:12px 14px;gap:10px;margin-top:14px}.tip-icon{font-size:16px}.tip-title{font-size:.85rem}.tip-desc{font-size:.8rem}}@media (min-width: 768px){.guide-title{font-size:2.2rem}.guide-subtitle{font-size:1.1rem}.guide-hero{margin-bottom:24px}.integrated-steps{margin-top:20px}.integrated-step-item{margin-bottom:16px}.step-header{gap:16px;margin-bottom:6px}.step-title{font-size:1.2rem;margin-bottom:6px}.step-description{font-size:1rem}.step-icon-wrapper{width:40px;height:40px;font-size:20px}.step-detailed-content{margin-left:56px;padding-top:0;margin-top:0}.bpay-intro-title-with-images{margin-bottom:20px}.description-text{font-size:1.1rem;margin-bottom:16px}.help-images-container{gap:1.5rem}.help-image{height:60px}.bpay-intro-features{margin-bottom:20px}.payment-guide-container .bpay-intro-list{font-size:1rem}.payment-guide-container .bpay-intro-list li{margin-bottom:8px;font-size:1rem}.step-content p{font-size:1rem;margin-bottom:6px}.step-content ul{margin-bottom:8px}.step-content li{font-size:.9rem;margin-bottom:3px}.step-detail{margin-bottom:12px}.step-alert{margin-top:6px}}.payment-guide-content{padding:16px}.tips-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 768px){.payment-guide-content{padding:78px 24px 24px}.tips-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.action-buttons{flex-direction:row;justify-content:center;gap:16px}.action-button{width:auto;min-width:160px;height:48px;font-size:1rem}}@media (max-width: 480px){.guide-title{font-size:1.8rem}.step-content h4,.tip-title{font-size:1.1rem}}.admin-layout{min-height:100vh;background:#f5f5f5}.admin-header{background:linear-gradient(135deg,#1890ff,#096dd9);padding:0 24px;box-shadow:0 2px 8px #00000026;position:fixed;top:0;left:0;right:0;z-index:1000}.header-content{display:flex;align-items:center;justify-content:space-between;height:64px}.admin-content{padding:90px 24px 24px;min-height:calc(100vh - 64px)}.content-wrapper{max-width:1400px;margin:0 auto}.metrics-row{margin-bottom:24px}.metric-card{border-radius:12px;box-shadow:0 2px 8px #0000000f;border:none;transition:all .3s;height:100%}.metric-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.metric-card .ant-statistic-title{font-size:14px;color:#666;margin-bottom:8px}.metric-card .ant-statistic-content{font-size:24px;font-weight:600;color:#262626}.detail-card{border-radius:12px;box-shadow:0 2px 8px #0000000f;border:none;height:100%}.detail-card .ant-card-head{border-bottom:1px solid #f0f0f0;padding:0 24px}.detail-card .ant-card-head-title{font-size:16px;font-weight:600;color:#262626}.detail-card .ant-card-body{padding:24px}.coupon-search-card{background:linear-gradient(135deg,#f6f9fc,#fff);border:1px solid #e8f4f8;border-radius:12px;box-shadow:0 2px 8px #0000000a}.coupon-search-card .ant-card-body{padding:20px 24px}.coupon-list-card{border-radius:12px;box-shadow:0 2px 8px #0000000f;border:none}.coupon-list-card .ant-card-head{border-bottom:1px solid #f0f0f0;background:#fafafa}.coupon-list-card .ant-card-head-title{font-size:16px;font-weight:600;color:#262626}.coupon-code-cell{font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:#f5f5f5;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;color:#1890ff;border:1px solid #d9dce0}.coupon-title-cell{max-width:200px}.coupon-title-cell .title-en{font-weight:600;color:#262626;font-size:14px;margin-bottom:4px}.coupon-title-cell .title-zh{color:#8c8c8c;font-size:12px}.coupon-benefit-cell{text-align:center}.coupon-benefit-tag{margin-bottom:8px;border-radius:6px;font-weight:500}.coupon-benefit-value{font-size:16px;font-weight:600;color:#262626}.coupon-status-tag{cursor:pointer;border-radius:6px;font-weight:500;transition:all .3s}.coupon-status-tag:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.coupon-date-cell{text-align:center}.coupon-date-main{font-weight:500;color:#262626;font-size:13px}.coupon-date-relative{color:#8c8c8c;font-size:11px;margin-top:2px}.coupon-usage-cell{text-align:center}.coupon-usage-badge{background:#52c41a!important;border-radius:12px;font-weight:600}.coupon-usage-text{color:#8c8c8c;font-size:10px;margin-top:4px}.coupon-actions-cell{text-align:center}.coupon-action-btn{border:none;border-radius:6px;transition:all .3s}.coupon-action-btn:hover{background:#f0f0f0;transform:scale(1.1)}.ant-table-wrapper{border-radius:8px;overflow:hidden}.ant-table-thead>tr>th{background:#fafafa;font-weight:600;color:#262626;border-bottom:2px solid #f0f0f0}.ant-table-tbody>tr:hover>td{background:#f8f9fa}.ant-table-tbody>tr:nth-child(2n){background:#fafbfc}.ant-table-tbody>tr:nth-child(2n):hover{background:#f8f9fa}.ant-modal-header{background:linear-gradient(135deg,#1890ff,#096dd9);border-radius:8px 8px 0 0}.ant-modal-title{color:#fff;font-weight:600}.ant-modal-close{color:#fff}.ant-modal-close:hover{color:#f0f0f0}.ant-modal-body{padding:24px}.ant-form-item-label>label{font-weight:600;color:#262626}.admin-content .ant-input:focus,.admin-content .ant-select-focused .ant-select-selector,.admin-content .ant-picker:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.admin-content .ant-input-number:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.admin-content .ant-input-search .ant-input-search-button{border-radius:0 6px 6px 0}.admin-content .ant-input-search .ant-input-search-button:hover{border-color:#40a9ff}.admin-content .ant-select-selector{border-radius:6px}.admin-content .ant-select-selector:hover{border-color:#1890ff}.admin-content .ant-tag{border-radius:6px;font-weight:500;border:none;padding:4px 8px;font-size:12px}.ant-tag-success{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.ant-tag-warning{background:#fffbe6;color:#faad14;border:1px solid #ffe58f}.ant-tag-error{background:#fff2f0;color:#ff4d4f;border:1px solid #ffccc7}.ant-tag-default{background:#fafafa;color:#8c8c8c;border:1px solid #d9d9d9}.ant-tag-blue{background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.ant-tag-green{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.ant-progress-bg{border-radius:4px}.ant-progress-success-bg{background:linear-gradient(to right,#52c41a,#73d13d)}.ant-progress-normal .ant-progress-bg{background:linear-gradient(to right,#1890ff,#40a9ff)}.ant-progress-exception .ant-progress-bg{background:linear-gradient(to right,#ff4d4f,#ff7875)}.ant-badge-count{border-radius:10px;font-weight:600;min-width:24px;height:24px;line-height:24px;padding:0 8px;font-size:12px}.ant-btn-danger{background:linear-gradient(135deg,#ff4d4f,#f5222d);border:none;box-shadow:0 2px 8px #ff4d4f4d}.ant-btn-danger:hover{background:linear-gradient(135deg,#ff7875,#ff4d4f);transform:translateY(-1px);box-shadow:0 4px 12px #ff4d4f66}.ant-btn-text:hover{background:#1890ff1a;color:#1890ff}.ant-tooltip-inner{background:#262626;border-radius:6px;font-size:12px;font-weight:500}.ant-tooltip-arrow:before{background:#262626}.ant-dropdown-menu{border-radius:8px;box-shadow:0 4px 16px #00000026;border:none;padding:8px 0}.ant-dropdown-menu-item{padding:8px 16px;border-radius:0;transition:all .3s}.ant-dropdown-menu-item:hover{background:#f0f0f0}.ant-dropdown-menu-item-danger:hover{background:#fff2f0;color:#ff4d4f}.ant-dropdown-menu-divider{margin:8px 0;background:#f0f0f0}.ant-pagination{margin-top:24px}.ant-pagination-item{border-radius:6px;border:1px solid #d9d9d9}.ant-pagination-item-active{background:#1890ff;border-color:#1890ff}.ant-pagination-item-active a{color:#fff}@media (max-width: 1200px){.admin-content{padding:16px}.header-content{flex-direction:column;height:auto;padding:16px 0}.header-content .ant-space{margin-top:16px}.coupon-search-card .ant-card-body{padding:16px}}@media (max-width: 768px){.metrics-row .ant-col,.detail-card{margin-bottom:16px}.ant-table{font-size:12px}.coupon-title-cell{max-width:120px}.coupon-title-cell .title-en{font-size:12px}.coupon-title-cell .title-zh{font-size:10px}.coupon-benefit-value{font-size:14px}.coupon-date-main{font-size:11px}.coupon-date-relative{font-size:10px}}@media (prefers-color-scheme: dark){.admin-layout{background:#1f1f1f}.admin-header{background:linear-gradient(135deg,#1890ff,#096dd9)}.metric-card,.detail-card,.coupon-search-card,.coupon-list-card{background:#262626;border-color:#434343}.metric-card .ant-statistic-title{color:#bfbfbf}.metric-card .ant-statistic-content{color:#fff}.detail-card .ant-card-head{background:#1f1f1f;border-color:#434343}.detail-card .ant-card-head-title{color:#fff}.ant-table-thead>tr>th{background:#1f1f1f;color:#fff;border-color:#434343}.ant-table-tbody>tr>td{background:#262626;color:#fff;border-color:#434343}.ant-table-tbody>tr:hover>td{background:#1f1f1f}.coupon-code-cell{background:#1f1f1f;color:#40a9ff;border-color:#434343}.coupon-title-cell .title-en{color:#fff}.coupon-title-cell .title-zh{color:#8c8c8c}.coupon-benefit-value,.coupon-date-main{color:#fff}}.referral-search-card{background:linear-gradient(135deg,#fff5f5,#fff);border:1px solid #ffe4e6;border-radius:12px;box-shadow:0 2px 8px #0000000a}.referral-search-card .ant-card-body{padding:20px 24px}.referral-list-card{border-radius:12px;box-shadow:0 2px 8px #0000000f;border:none}.referral-list-card .ant-card-head{border-bottom:1px solid #f0f0f0;background:#fafafa}.referral-list-card .ant-card-head-title{font-size:16px;font-weight:600;color:#262626}.referral-top-card{border-radius:12px;box-shadow:0 2px 8px #0000000f;border:none}.referral-top-card .ant-card-head{background:linear-gradient(135deg,#f6f8ff,#fff);border-bottom:1px solid #e8f4f8}.referral-top-card .ant-card-head-title{font-size:15px;font-weight:600;color:#262626}.referral-stats-card{border-radius:12px;box-shadow:0 2px 8px #0000000f;border:none}.referral-stats-card .ant-card-head{background:linear-gradient(135deg,#f0fff4,#fff);border-bottom:1px solid #e8f8ed}.referral-stats-card .ant-card-head-title{font-size:15px;font-weight:600;color:#262626}.referral-user-cell{display:flex;align-items:center}.referral-user-avatar{margin-right:12px;flex-shrink:0}.referral-user-info{flex:1;min-width:0}.referral-user-name{font-weight:600;color:#262626;font-size:14px;margin-bottom:4px;display:block}.referral-user-email{color:#8c8c8c;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.referral-code-cell{font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:#f0f8ff;padding:4px 8px;border-radius:4px;font-size:13px;font-weight:600;color:#1890ff;border:1px solid #b3d9ff}.referral-tier-tag{border-radius:8px;font-weight:600;padding:4px 8px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.referral-status-tag{cursor:pointer;border-radius:6px;font-weight:500;transition:all .3s;font-size:11px;text-transform:uppercase;letter-spacing:.3px}.referral-status-tag:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.referral-stats-cell{text-align:center}.referral-stats-badge{margin-bottom:4px}.referral-stats-label{color:#8c8c8c;font-size:10px;text-transform:uppercase;letter-spacing:.3px}.referral-performance-cell{text-align:center}.referral-conversion-progress{margin-bottom:8px}.referral-rewards-amount{font-size:12px;font-weight:600;color:#52c41a}.referral-date-cell{text-align:center}.referral-date-main{font-weight:500;color:#262626;font-size:12px}.referral-date-relative{color:#8c8c8c;font-size:10px;margin-top:2px}.referral-actions-cell{text-align:center}.referral-action-btn{border:none;border-radius:6px;transition:all .3s}.referral-action-btn:hover{background:#1890ff1a;transform:scale(1.1)}.referral-top-list .ant-list-item{padding:12px 0;border-bottom:1px solid #f0f0f0;transition:all .3s}.referral-top-list .ant-list-item:hover{background:#f8f9fa;border-radius:8px;padding-left:12px;padding-right:12px}.referral-top-list .ant-list-item:last-child{border-bottom:none}.referral-top-avatar{position:relative}.referral-rank-badge{position:absolute;top:-8px;right:-8px;background:gold;color:#000;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;box-shadow:0 2px 4px #0003}.referral-rank-badge.rank-1{background:gold;color:#000}.referral-rank-badge.rank-2{background:silver;color:#000}.referral-rank-badge.rank-3{background:#cd7f32;color:#fff}.referral-stats-item{text-align:center;padding:16px;background:#fafafa;border-radius:8px;margin-bottom:12px;transition:all .3s}.referral-stats-item:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.referral-stats-value{font-size:20px;font-weight:700;color:#1890ff;margin-bottom:4px}.referral-stats-title{font-size:12px;color:#8c8c8c;text-transform:uppercase;letter-spacing:.5px}.referral-reward-modal .ant-modal-header{background:linear-gradient(135deg,#52c41a,#389e0d);border-radius:8px 8px 0 0}.referral-reward-modal .ant-modal-title{color:#fff;font-weight:600}.referral-reward-modal .ant-modal-close{color:#fff}.referral-reward-modal .ant-modal-close:hover{color:#f0f0f0}.referral-reward-form .ant-form-item-label>label{font-weight:600;color:#262626}.referral-reward-alert{border-radius:8px;border:none;background:#e6f7ff;border-left:4px solid #1890ff}.tier-bronze{background:#fff8e1;color:#e65100;border:1px solid #ffcc02}.tier-silver{background:#f3f4f6;color:#4b5563;border:1px solid #9ca3af}.tier-gold{background:#fffbeb;color:#d97706;border:1px solid #fbbf24}.tier-platinum{background:#f8fafc;color:#475569;border:1px solid #94a3b8}.about-us-page-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column}.about-us-content{flex:1;max-width:1200px;margin:0 auto;padding:20px}@media (min-width: 768px){.about-us-content{padding:78px 24px 24px}}@media (max-width: 767px){.about-us-content{padding:0 16px 20px;margin-top:0}.about-header{background:linear-gradient(135deg,#667eea,#764ba2);position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000001a}.about-us-content .ant-card{transition:all .2s ease}.about-us-content .ant-card:active{transform:scale(.98)}.timeline-item:active .timeline-content{background:#f8fafccc}.stat-item:active{transform:scale(.98);transition:transform .1s ease}}.about-us-content .ant-card{border-radius:20px;border:none;box-shadow:0 8px 30px #00000014;margin-bottom:32px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@media (max-width: 768px){.about-us-content .ant-card{border-radius:16px;margin-bottom:24px;box-shadow:0 4px 20px #0000000f}}.about-us-content .ant-card-body{padding:32px}.section-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.section-icon{font-size:28px;color:#667eea;background:#667eea1a;padding:12px;border-radius:12px}.about-us-section-title{font-size:1.75rem;font-weight:700;color:#262626;margin:0 0 16px;padding-bottom:8px}.section-header h2{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin:0}.overview-text{font-size:1.1rem;line-height:1.8;color:#4b5563;margin:0}.company-info{font-size:1rem;line-height:1.7;color:#667eea;margin:16px 0 0;font-weight:500}.company-info a{color:#667eea;text-decoration:none;font-weight:500;transition:all .3s ease}.company-info a:hover{color:#764ba2;text-decoration:underline}.overview-vision-card .ant-card-body{background:linear-gradient(135deg,#667eea05,#764ba205)}.vision-section{margin-top:40px;padding-top:32px;border-top:2px solid rgba(102,126,234,.1);position:relative}.vision-section:before{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.vision-section p{font-size:1.1rem;line-height:1.7;color:#4b5563;margin:0}.vision-note{font-size:1rem;line-height:1.6;color:#667eea;font-style:italic;margin-top:16px!important;padding:16px;background:#667eea0d;border-left:4px solid #667eea;border-radius:8px}.novatti-link{color:#667eea;text-decoration:none;font-weight:500;transition:all .3s ease}.novatti-link:hover{color:#764ba2;text-decoration:underline}.timeline{position:relative;padding:20px 0}.timeline:before{content:"";position:absolute;left:80px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#667eea,#764ba2)}.timeline-item{display:flex;align-items:flex-start;gap:32px;margin-bottom:40px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-year{flex-shrink:0;min-width:80px;max-width:120px;text-align:center;font-size:.9rem;font-weight:700;color:#667eea;background:#fffffff2;border:3px solid #667eea;border-radius:20px;padding:12px 8px;position:relative;z-index:1;line-height:1.2}.timeline-content{flex:1;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:24px;border-radius:16px;border:1px solid rgba(102,126,234,.1);position:relative}.timeline-content:before{content:"";position:absolute;left:-12px;top:20px;width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:12px solid #f8fafc}.timeline-content h4{font-size:1.2rem;font-weight:600;color:#1a1a1a;margin:0 0 12px}.timeline-content p{font-size:1rem;color:#4b5563;line-height:1.6;margin:0}@media (max-width: 768px){.about-us-content .ant-card-body{padding:20px 16px}.section-title{font-size:1.6rem;margin-bottom:24px}.section-header{gap:12px;margin-bottom:20px}.section-header h2{font-size:1.3rem}.overview-text,.vision-section p{font-size:1rem;line-height:1.6;margin-bottom:16px}.timeline{padding:16px 0}.timeline:before{left:35px;width:2px}.timeline-item{gap:16px;margin-bottom:24px}.timeline-year{min-width:60px;max-width:80px;font-size:.75rem;padding:8px 6px;line-height:1.1}.timeline-content{padding:16px;margin-left:-8px}.timeline-content:before{left:-10px;top:16px;border-right:10px solid #f8fafc}}@media (max-width: 480px){.about-us-page-container{min-height:100vh}.about-us-content{padding:0 12px 16px}.about-us-content .ant-card{margin-bottom:20px;border-radius:12px}.about-us-content .ant-card-body{padding:16px 14px}.section-title{font-size:1.4rem;margin-bottom:20px}.section-header{gap:10px;margin-bottom:16px}.section-header h2{font-size:1.2rem}.section-icon{font-size:20px;padding:8px}.overview-text,.vision-section p{font-size:.95rem;line-height:1.5;margin-bottom:14px}.company-info{font-size:.9rem;line-height:1.5}.vision-section{margin-top:24px;padding-top:20px}.vision-section:before{width:30px}.vision-note{font-size:.9rem;padding:12px}.timeline-year{min-width:55px;max-width:70px;font-size:.7rem;padding:6px 4px}.timeline:before{left:30px}.timeline-content{padding:14px;margin-left:-6px}.timeline-content h4{font-size:1.1rem;margin-bottom:8px}.timeline-content p{font-size:.9rem;line-height:1.4}}.static-page{min-height:100vh;background-color:#f5f5f5}.static-page-container{max-width:1200px;margin:0 auto;padding:90px 20px 20px}.static-page-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.page-header{display:flex;align-items:center;gap:16px;padding:24px 32px;background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;border-bottom:1px solid #e8e8e8}.back-button{color:#fff;transition:all .3s ease;padding-right:8px}.back-button:hover{color:#fff}.page-title{margin:0;font-size:28px;font-weight:600;color:#fff}.content-card{margin:0;border:none;border-radius:0;box-shadow:none}.content-card .ant-card-body{padding:32px}.page-content{line-height:1.8}.section-title{font-size:24px;font-weight:600;color:#262626;margin:0 0 16px;border-bottom:2px solid #1890ff;padding-bottom:8px}.subsection-title{font-size:18px;font-weight:600;color:#595959;margin:24px 0 12px}.section-text{font-size:16px;color:#595959;margin-bottom:16px;text-align:justify}.last-updated{background-color:#f0f9ff;padding:12px 16px;border-radius:6px;margin-bottom:24px;border-left:4px solid #1890ff}.last-updated p{margin:0;color:#096dd9;font-size:14px}.policy-list{margin:16px 0;padding-left:24px}.policy-list li{margin-bottom:8px;color:#595959;line-height:1.6}.services-list{margin:16px 0;padding-left:24px}.services-list li{margin-bottom:12px;color:#595959;line-height:1.6;font-size:16px}.contact-info{background-color:#fafafa;padding:20px;border-radius:8px;margin-top:16px;border:1px solid #e8e8e8}.contact-info p{margin:8px 0;color:#262626;font-size:16px}.milestones{margin:20px 0}.milestone-item{background-color:#fafafa;padding:20px;margin-bottom:16px;border-radius:8px;border-left:4px solid #1890ff}.milestone-title{font-size:16px;font-weight:600;color:#262626;margin:0 0 8px}.milestone-text{color:#595959;margin:0;line-height:1.6}.legal-documents{margin:20px 0}.document-item{display:flex;gap:16px;background-color:#fafafa;padding:20px;margin-bottom:16px;border-radius:8px;border:1px solid #e8e8e8;transition:all .3s ease}.document-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.document-icon{font-size:24px;color:#1890ff;margin-top:4px}.document-content{flex:1}.document-content h4{font-size:18px;font-weight:600;color:#262626;margin:0 0 8px}.document-content p{color:#595959;margin:0 0 12px;line-height:1.6}.document-content .ant-btn{margin-top:8px}.document-content .ant-btn a{color:inherit;text-decoration:none}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:32px}.contact-info-section,.contact-form-section{min-height:400px}.contact-item{display:flex;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.contact-item:last-child{border-bottom:none;margin-bottom:0}.contact-icon{font-size:24px;color:#1890ff;margin-top:4px}.contact-details h4{font-size:16px;font-weight:600;color:#262626;margin:0 0 8px}.contact-details p{color:#595959;margin:4px 0;line-height:1.5}.contact-form{margin-top:20px}.contact-form .ant-form-item{margin-bottom:20px}.contact-form .ant-form-item-label>label{font-weight:600;color:#262626}.submit-button{width:100%;height:48px;font-size:16px;font-weight:600}.novatti-link{color:#1890ff;text-decoration:none;font-weight:500}.novatti-link:hover{color:#096dd9;text-decoration:underline}@media (max-width: 768px){.static-page-container{padding:16px}.page-header{padding:20px 24px;flex-direction:column;align-items:flex-start;gap:12px}.page-title{font-size:24px}.content-card .ant-card-body{padding:24px 20px}.section-title{font-size:20px}.subsection-title{font-size:16px}.section-text{font-size:15px}.contact-layout{grid-template-columns:1fr;gap:20px;padding:24px 20px}.document-item{flex-direction:column;gap:12px}.document-icon{align-self:flex-start}}@media (max-width: 480px){.static-page-container{padding:12px}.page-header{padding:16px 20px}.page-title{font-size:20px}.content-card .ant-card-body,.contact-layout{padding:20px 16px}}.legal-page-wrapper{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.legal-content-area{flex:1}.legal-page-container{max-width:1200px;margin:0 auto;padding:90px 20px 20px}.legal-page-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.legal-page-header{display:flex;align-items:center;gap:16px;padding:24px 32px;background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;border-bottom:1px solid #e8e8e8}.legal-page-title{margin:0;font-size:28px;font-weight:600;color:#fff}.legal-content-card{margin:0;border:none;border-radius:0;box-shadow:none}.legal-content-card .ant-card-body{padding:32px}.legal-page-body{line-height:1.8}.legal-section-title{font-size:24px;font-weight:600;color:#262626;margin:0 0 16px;border-bottom:2px solid #1890ff;padding-bottom:8px}.legal-links{list-style:none;padding:0;margin:0 0 40px}.legal-links li{margin-bottom:12px;padding-left:20px;position:relative}.legal-links li:before{content:"•";position:absolute;left:0;color:#333}.legal-link{color:#1890ff;text-decoration:none;font-size:16px;line-height:1.5}.legal-link:hover{color:#40a9ff;text-decoration:underline}.legal-link:visited{color:#722ed1}@media (max-width: 768px){.legal-page-container{padding:16px}.legal-page-header{padding:20px 24px;flex-direction:column;align-items:flex-start;gap:12px}.legal-page-title{font-size:24px}.legal-content-card .ant-card-body{padding:24px 20px}.legal-section-title{font-size:20px}}@media (max-width: 480px){.legal-page-container{padding:12px}.legal-page-header{padding:16px 20px}.legal-page-title{font-size:20px}.legal-content-card .ant-card-body{padding:20px 16px}}.fees-page{min-height:100vh;background-color:#f5f5f9}.fees-header{position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000001a}.fees-content{padding:24px;max-width:1200px;margin:0 auto}.fees-card{border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:32px;margin-bottom:24px}.fees-card.chinese-section{margin-bottom:12px}.fees-card.english-section{margin-top:12px}.fees-card h1{color:#1890ff;font-size:32px;font-weight:700;margin-bottom:16px;text-align:center}.fees-card h2{color:#595959;font-size:24px;font-weight:600;margin-bottom:8px;text-align:center}.fees-card h3{color:#8c8c8c;font-size:18px;font-weight:500;margin-bottom:24px;text-align:center}.fees-card p{color:#595959;font-size:16px;margin-bottom:24px;text-align:center}.fees-table{margin:24px 0;border-radius:8px;overflow:hidden}.fees-table .ant-table{border:1px solid #d9d9d9}.fees-table .ant-table-thead>tr>th{background-color:#1890ff;color:#fff;font-weight:600;text-align:center;border-bottom:1px solid #1890ff}.fees-table .ant-table-tbody>tr>td{text-align:center;vertical-align:middle;padding:16px 8px}.fees-table .ant-table-tbody>tr:nth-child(2n){background-color:#fafafa}.fees-table .ant-table-tbody>tr:hover{background-color:#e6f7ff}.chinese-table .ant-table-thead>tr>th{background-color:#722ed1}.english-table{margin-top:32px}.processing-fee-notice{margin:16px 0;text-align:left}.processing-fee-notice p{font-size:14px;color:#595959;margin:0;font-style:italic;font-weight:700}.price-list-title{margin-top:32px;font-size:18px;font-weight:600;color:#1890ff;font-weight:700}.contact-info{margin-top:32px;padding:16px;background-color:#f0f8ff;border-radius:8px;text-align:center;font-size:16px;font-weight:700}.contact-info a{color:#1890ff;text-decoration:none;font-weight:500}.contact-info a:hover{text-decoration:underline}@media (max-width: 768px){.fees-content{padding:16px}.fees-card{padding:20px;margin:0 -4px}.fees-card h1{font-size:24px}.fees-card h2{font-size:20px}.fees-card h3{font-size:16px}.fees-table .ant-table-tbody>tr>td{padding:12px 4px;font-size:14px}.fees-table .ant-table-thead>tr>th{padding:12px 4px;font-size:14px}}.novabill-fees{background-color:#f5f5f9}.novabill-fees .fees-card h1{color:#722ed1}.novabill-fees .fees-table .ant-table-thead>tr>th{background-color:#722ed1}.novabill-fees .processing-fee-notice .ant-alert-message,.novabill-fees .price-list-title{color:#722ed1}.china-payments-fees .chinese-table .ant-table-thead>tr>th{background-color:#fa8c16}.china-payments-fees .english-table .ant-table-thead>tr>th{background-color:#1890ff}.profile-page{min-height:100vh;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;display:flex;flex-direction:column}.user-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding-top:env(safe-area-inset-top,0);position:relative;width:100%;box-sizing:border-box}.profile-container{flex:1;padding:4rem 1rem 1rem}.profile-content{width:100%;max-width:100%}.back-button-container{margin-bottom:1rem}.back-to-home-btn.ant-btn{color:#6b7280!important;background:transparent!important;border:none!important;padding:.5rem 0!important;height:auto!important;display:flex!important;align-items:center!important;gap:.5rem!important;font-size:.875rem!important;font-weight:500!important;transition:all .2s ease!important}.back-to-home-btn.ant-btn:hover,.back-to-home-btn.ant-btn:focus{color:#3b82f6!important;background:transparent!important}.back-to-home-btn.ant-btn .anticon{font-size:.875rem!important}.profile-info-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;overflow:hidden}.profile-info-card .ant-card-head{background:#fff;border-bottom:1px solid #e2e8f0;padding:1rem;min-height:auto}.profile-info-card .ant-card-head-title{font-size:1rem;font-weight:600;color:#1f2937}.profile-info-card .ant-card-body{padding:1rem 0 0}.profile-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;gap:1rem}.profile-avatar-section{display:flex;align-items:center;gap:.75rem}.profile-avatar{background:#667eea;border:2px solid #e2e8f0}.profile-basic-info{display:flex;flex-direction:column;gap:.25rem}.profile-name{font-size:1.125rem;font-weight:600;margin:0;color:#1f2937}.profile-role{color:#6b7280;font-size:.75rem;font-weight:500;padding:.125rem .375rem;background:#f3f4f6;border-radius:4px;border:1px solid #e5e7eb;width:fit-content}.edit-profile-btn.ant-btn{background:#667eea!important;border:1px solid #667eea!important;border-radius:6px;color:#fff!important;font-weight:500;height:32px;padding:0 .75rem;min-width:auto;transition:all .2s ease}.edit-profile-btn.ant-btn:hover,.edit-profile-btn.ant-btn:focus{background:#5a67d8!important;border-color:#5a67d8!important;color:#fff!important}.edit-profile-btn .anticon{margin-inline-end:0}.profile-divider{height:1px;background:#e2e8f0;margin:0 1rem 1rem}.profile-info-grid{display:flex;flex-direction:column}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;border-bottom:1px solid #f1f5f9;min-height:48px}.info-item:last-child{border-bottom:none}.info-label{font-size:.875rem;font-weight:500;color:#6b7280}.info-value{font-size:.875rem;font-weight:500;color:#1f2937;text-align:right;word-break:break-all;max-width:60%}.edit-profile-modal .ant-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026}.edit-profile-modal .ant-modal-header{background:#fff;border-bottom:1px solid #e2e8f0;border-radius:12px 12px 0 0;padding:1rem}.edit-profile-modal .ant-modal-title{font-size:1.125rem;font-weight:600;color:#1f2937}.edit-profile-modal .ant-modal-body{padding:1.5rem 1rem;max-height:70vh;overflow-y:auto}.edit-profile-form .ant-form-item-label{font-weight:500;color:#374151;padding-bottom:.25rem}.edit-profile-form .ant-form-item-label>label{font-size:.875rem;height:auto}.edit-profile-form .ant-input,.edit-profile-form .ant-input-password{border-radius:6px;border:1px solid #d1d5db;background:#fff;padding:.5rem .75rem;transition:all .2s ease;height:38px}.edit-profile-form .ant-input:focus,.edit-profile-form .ant-input-password:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.edit-profile-form .ant-select .ant-select-selector{border-radius:6px!important;border:1px solid #d1d5db!important;background:#fff;padding:0 .75rem!important;transition:all .2s ease;height:38px!important}.edit-profile-form .ant-select:hover .ant-select-selector{border-color:#3b82f6!important}.edit-profile-form .ant-select.ant-select-focused .ant-select-selector{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.form-row{display:flex;flex-direction:column;gap:0}.form-item-half{margin-bottom:16px}.phone-input-group{display:flex;width:100%;gap:2px}.phone-input-group .ant-select{flex:none;width:35%}.phone-input-group .ant-select .ant-select-selector{border-radius:6px!important;border:1px solid #d1d5db!important;background:#fff;padding:0 .75rem!important;height:38px!important;transition:all .2s ease}.phone-input-group .ant-input{flex:1;border-radius:6px!important;border:1px solid #d1d5db!important;background:#fff;padding:.5rem .75rem;height:38px!important;transition:all .2s ease}.phone-input-group .ant-select:hover .ant-select-selector,.phone-input-group .ant-input:hover{border-color:#3b82f6!important}.phone-input-group .ant-select.ant-select-focused .ant-select-selector{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.phone-input-group .ant-input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.password-input-group{display:flex;flex-direction:row;gap:.5rem;align-items:center}.password-input-group .ant-input-password{flex:1}.password-input-group .ant-input-affix-wrapper{border:1px solid #d1d5db!important;border-radius:6px!important;background:#fff!important;height:38px!important;padding:0!important;box-shadow:none!important}.password-input-group .ant-input-affix-wrapper .ant-input{border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important;padding:.5rem .75rem!important;height:36px!important;line-height:1.5!important}.password-input-group .ant-input-affix-wrapper .ant-input-suffix{padding-right:.75rem!important}.password-input-group .ant-input-affix-wrapper:hover{border-color:#3b82f6!important}.password-input-group .ant-input-affix-wrapper:focus,.password-input-group .ant-input-affix-wrapper.ant-input-affix-wrapper-focused,.password-input-group .ant-input-affix-wrapper:focus-within{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.password-input-group .ant-input-affix-wrapper.ant-input-status-success,.password-input-group .ant-input-affix-wrapper.ant-input-status-success:hover,.password-input-group .ant-input-affix-wrapper.ant-input-status-success:focus,.password-input-group .ant-input-affix-wrapper.ant-input-status-success.ant-input-affix-wrapper-focused{border-color:#d1d5db!important}.password-input-group .ant-input-affix-wrapper.ant-input-status-success:hover{border-color:#3b82f6!important}.password-input-group .ant-input-affix-wrapper.ant-input-status-success:focus,.password-input-group .ant-input-affix-wrapper.ant-input-status-success.ant-input-affix-wrapper-focused,.password-input-group .ant-input-affix-wrapper.ant-input-status-success:focus-within{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.generate-password-btn.ant-btn{border:1px solid #3b82f6!important;color:#3b82f6!important;background:#fff!important;font-weight:500;border-radius:6px!important;height:38px!important;padding:0 16px;white-space:nowrap;transition:all .2s ease;width:auto;min-width:90px}.generate-password-btn.ant-btn:hover,.generate-password-btn.ant-btn:focus,.generate-password-btn.ant-btn:active,.generate-password-btn.ant-btn:focus-visible{background:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important;outline:none!important;box-shadow:0 0 0 3px #3b82f633!important}.generate-password-btn.ant-btn:after{display:none!important}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.modal-actions .ant-btn{border-radius:6px;font-weight:500;padding:.5rem 1.5rem;height:42px;min-width:100px;flex:1;border:1px solid #d1d5db;transition:all .2s ease}.cancel-btn.ant-btn{border-color:#d1d5db!important;color:#6b7280!important;background:#fff!important}.cancel-btn.ant-btn:hover,.cancel-btn.ant-btn:focus,.cancel-btn.ant-btn:active,.cancel-btn.ant-btn:focus-visible{border-color:#9ca3af!important;color:#374151!important;background:#f3f4f6!important;outline:none!important;box-shadow:none!important}.cancel-btn.ant-btn:after{display:none!important}.save-btn.ant-btn-primary{background:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important}.save-btn.ant-btn-primary:hover{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}.save-btn.ant-btn-primary:focus,.save-btn.ant-btn-primary:active,.save-btn.ant-btn-primary:focus-visible,.save-btn.ant-btn-primary.ant-btn:focus,.save-btn.ant-btn-primary.ant-btn:active{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important;outline:none!important;box-shadow:0 0 0 3px #3b82f633!important}.save-btn.ant-btn-primary:after{display:none!important}.profile-unauthorized{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 200px);padding:2rem}.unauthorized-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000001a;max-width:400px;width:100%}.unauthorized-card .ant-card-body{padding:2rem}.unauthorized-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.unauthorized-icon{font-size:3rem;color:#9ca3af}.unauthorized-content h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.unauthorized-content p{color:#6b7280;margin:0;font-size:.875rem}.unauthorized-content .ant-btn{background:#667eea;border-color:#667eea;border-radius:8px;font-weight:500;padding:.5rem 1.5rem;height:36px}.unauthorized-content .ant-btn:hover{background:#5a67d8;border-color:#5a67d8}@media (min-width: 768px){.profile-container{padding:6rem 2rem 2rem}.profile-content{max-width:800px;margin:0 auto}.profile-info-card .ant-card-head{padding:0 2rem;min-height:60px}.profile-info-card .ant-card-head-title{font-size:1.125rem}.profile-header{padding:0 2rem 1.5rem;gap:2rem}.profile-avatar-section{gap:1rem}.profile-name{font-size:1.5rem}.profile-role{font-size:.875rem;padding:.25rem .5rem;border-radius:6px}.edit-profile-btn.ant-btn{height:36px;padding:0 1rem}.edit-profile-btn .anticon{margin-inline-end:8px}.profile-divider{margin:0 2rem 1.5rem}.profile-info-grid{display:grid;grid-template-columns:1fr 1fr}.info-item{display:grid;grid-template-columns:120px 1fr;padding:1rem 2rem;align-items:center}.info-item:nth-child(odd){border-right:1px solid #f1f5f9}.info-label{text-align:left}.info-value{text-align:left;max-width:none}.edit-profile-modal .ant-modal-body{padding:2rem;max-height:none}.form-row{flex-direction:row;gap:1rem}.password-input-group{flex-direction:row;align-items:center}.generate-password-btn.ant-btn{width:auto}.modal-actions .ant-btn{flex:none;min-width:100px}.unauthorized-card .ant-card-body{padding:3rem}}.edit-profile-btn:focus,.unauthorized-content .ant-btn:focus{outline:2px solid rgba(102,126,234,.5);outline-offset:2px}@media (prefers-contrast: high){.profile-info-card,.unauthorized-card{border:2px solid #000000}.info-item{border-bottom:1px solid #000000}}.notifications{position:fixed;top:0;z-index:1001;width:100%}.notification{padding:18px 24px;color:#fff;font-size:1em;text-align:center;background-color:#000000a6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.notification .anticon{position:absolute;top:12px;right:12px;cursor:pointer}.notification article{max-width:1280px;margin:0 auto}.notification a{color:#fff;text-decoration:underline}.notification a:hover{color:#fff;text-decoration:none}.welcome-popup-modal .ant-modal-content{border-radius:20px;padding:0;overflow:hidden;box-shadow:0 20px 60px #00000026;border:1px solid rgba(0,0,0,.05)}.welcome-popup-modal .ant-modal-body{padding:0}.welcome-popup-content{padding:40px 32px;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative}.welcome-icon{font-size:48px;color:#22c55e;margin-bottom:20px;animation:welcomeIconBounce .6s ease-out}.welcome-title{font-size:24px;font-weight:700;margin:0 0 12px;color:#fff;letter-spacing:-.025em}.welcome-message{font-size:16px;color:#ffffffe6;margin:0 0 16px;line-height:1.5}.welcome-email{font-size:14px;color:#fffc;margin:0;padding:8px 16px;background:#ffffff1a;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;word-wrap:break-word;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}@keyframes welcomeIconBounce{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.welcome-popup-modal .ant-modal{animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 480px){.welcome-popup-modal{width:90%!important;max-width:360px}.welcome-popup-content{padding:32px 24px}.welcome-title{font-size:20px}.welcome-message{font-size:14px}.welcome-icon{font-size:40px}}