:root{font-family:Microsoft YaHei,PingFang SC,sans-serif;color:#fff;background:#0f1a36;font-synthesis:none;text-rendering:optimizeLegibility;--navy: #0f1a36;--navy-deep: #06142d;--gold: #ffcc44;--muted: #b0b8d4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--navy)}body,button,a{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}#app,.home-page,.agreement-page{min-height:100vh}.home-page{width:min(1920px,100%);margin:0 auto;background:var(--navy)}.container{width:min(1760px,calc(100% - 160px));margin:0 auto}.site-header{background:var(--navy)}.header-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{width:40px;height:40px;overflow:hidden;border-radius:8px}.brand-mark img{width:100%;height:100%;object-fit:cover}.brand-copy{display:grid;gap:2px}.brand-copy strong{font-size:20px;font-weight:600}.brand-copy small{color:var(--muted);font-size:12px}.site-nav{display:flex;align-items:center;gap:36px;color:#d0d8f0;font-size:15px}.site-nav a{transition:color .2s ease}.site-nav a:hover{color:var(--gold)}.site-nav .nav-cta{padding:8px 18px;border:1px solid var(--gold);border-radius:6px;color:var(--gold)}.menu-toggle{display:none;width:42px;height:42px;padding:10px;border:0;border-radius:8px;background:#ffffff12}.menu-toggle span{display:block;height:2px;margin:5px 0;background:#fff}.hero-section{min-height:75vh}.hero-grid{min-height:720px;display:flex;align-items:center;justify-content:space-between;gap:60px;padding-top:40px;padding-bottom:40px}.hero-copy{width:50%}.hero-pill{display:inline-block;margin-bottom:24px;padding:6px 14px;border-radius:20px;background:#ffcc441f;color:var(--gold);font-size:13px}h1{font-size:clamp(54px,5.2vw,72px);line-height:1.1}.hero-subtitle{margin-top:12px;color:var(--gold);font-size:clamp(25px,2.5vw,34px);font-weight:500}.hero-description{max-width:600px;margin-top:24px;color:var(--muted);font-size:16px;line-height:1.8}.hero-actions{display:flex;gap:20px;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;border-radius:8px;font-size:16px;transition:transform .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--gold);color:var(--navy);font-weight:600}.button-quiet{border:1px solid #556088;color:#d0d8f0}.button-quiet:hover{background:#ffffff0d}.hero-metrics{display:flex;gap:40px;margin-top:48px}.hero-metrics div{text-align:center}.hero-metrics strong{display:block;margin-bottom:4px;font-size:28px}.hero-metrics span{color:var(--muted);font-size:13px}.hero-stage{width:45%;min-height:650px;display:grid;place-items:center}.phone-frame{width:320px;padding:12px;border-radius:36px;background:#fff;box-shadow:0 32px 70px #00000040}.phone-screen{height:620px;padding:16px;border-radius:24px;background:#f6f7fc;color:#222}.phone-time{text-align:right;color:#777;font-size:12px}.phone-balance{margin-top:30px;text-align:center}.phone-balance small{display:block;font-size:14px}.phone-balance strong{display:block;margin-top:5px;color:#2c3b64;font-size:36px}.mine-board{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:24px}.gem{display:block;aspect-ratio:1;border-radius:6px;background:#ffd147}.gem-2{background:#f76}.gem-3{background:#7d9}.gem-4{background:#a090ee}.phone-progress{height:10px;margin-top:30px;overflow:hidden;border-radius:10px;background:#e4e7f2}.phone-progress span{display:block;width:68%;height:100%;background:var(--gold)}.phone-progress-label{margin-top:8px;color:#666;font-size:12px;text-align:right}.phone-button{margin-top:24px;padding:10px;border-radius:8px;background:var(--gold);color:#222;font-weight:500;text-align:center}.section-light,.how-section{padding:80px 0}.section-light{background:var(--navy)}.how-section{background:#ffffff08}.section-title{margin-bottom:60px;font-size:36px;text-align:center}.feature-grid{display:flex;justify-content:center;gap:30px}.feature-card{width:280px;padding:30px;border-radius:12px;background:#ffffff0d}.feature-card h3{margin-bottom:12px;color:var(--gold);font-size:20px}.feature-card p{color:var(--muted);line-height:1.7}.steps-list{max-width:800px;margin:0 auto;padding-left:25px;color:var(--muted);line-height:2}.site-footer{border-top:1px solid #222d4e;background:var(--navy-deep);color:#78a0d0}.footer-inner{min-height:126px;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-brand{color:#fff;font-size:20px;font-weight:600}.footer-inner p{margin-top:8px;font-size:14px}.footer-links{display:flex;gap:36px;font-size:15px}.footer-links a:hover{color:#fff}.agreement-page{background:var(--navy)}.agreement-page .container{width:min(1160px,calc(100% - 48px))}.agreement-main{padding-top:46px;padding-bottom:80px}.back-link{color:#8ba9cf;font-size:13px}.back-link:hover{color:var(--gold)}.agreement-heading{margin:45px auto 30px;text-align:center}.agreement-heading .eyebrow{color:var(--gold);font-size:12px;letter-spacing:.16em}.agreement-heading h1{margin-top:12px;font-size:clamp(34px,5vw,54px)}.agreement-heading p{margin-top:12px;color:#8da7ca;font-size:13px}.agreement-frame{display:block;width:100%;height:800px;border:0;border-radius:14px;background:#fff}.reveal{animation:reveal-up .65s both}.reveal-delay-1{animation-delay:.12s}@keyframes reveal-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.container{width:min(100% - 64px,900px)}.site-nav,.hero-grid{gap:20px}.hero-copy{width:54%}.hero-stage{width:42%;transform:scale(.88)}}@media(max-width:680px){.container{width:min(100% - 36px,520px)}.header-inner{min-height:66px}.brand-copy strong{font-size:17px}.brand-copy small{font-size:10px}.menu-toggle{display:block}.site-nav{position:absolute;top:67px;right:18px;left:18px;z-index:10;display:none;padding:14px;border:1px solid #2c3858;border-radius:12px;background:#0f1a36fa;box-shadow:0 20px 40px #00000040}.site-nav.is-open{display:grid;gap:5px}.site-nav a{padding:12px}.site-nav .nav-cta{text-align:center}.hero-grid{min-height:auto;display:flex;flex-direction:column;align-items:stretch;gap:26px;padding-top:70px;padding-bottom:48px}.hero-copy,.hero-stage{width:100%}h1{font-size:50px}.hero-subtitle{font-size:25px}.hero-description{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch}.hero-metrics{justify-content:space-between;gap:12px}.hero-metrics strong{font-size:22px}.hero-metrics span{font-size:11px}.hero-stage{min-height:560px;transform:scale(.84);transform-origin:top center;margin-bottom:-80px}.section-light,.how-section{padding:68px 0}.section-title{margin-bottom:36px;font-size:30px}.feature-grid{display:grid;grid-template-columns:1fr}.feature-card{width:100%}.footer-inner{min-height:0;align-items:flex-start;flex-direction:column;justify-content:center;padding:28px 0}.footer-links{gap:24px}.agreement-main{padding-top:30px}.agreement-frame{height:680px}}