:root{--ink:#1e1e1e;--muted:#666;--mint:#83efc8;--header:76px;--radius:18px;--max:1320px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;background:#f8f8f8;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit}
.site-header{height:var(--header);position:fixed;inset:0 0 auto;background:rgba(4,4,4,.92);backdrop-filter:blur(18px);z-index:20;color:#fff}
.nav-wrap{height:100%;max-width:var(--max);margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:11px;font-size:25px;font-style:italic;letter-spacing:-1px;white-space:nowrap}
.brand-mark{display:block;width:38px;height:38px;border-radius:11px;object-fit:cover}
.main-nav{display:flex;align-items:center;gap:48px;font-size:16px}
.main-nav>a,.language{padding:14px 0;white-space:nowrap}
.main-nav>a{transition:color .2s,transform .2s}
.main-nav>a:hover,.main-nav>a.active{color:var(--mint)}
.main-nav>a:active{transform:translateY(1px)}
.main-nav .nav-download{background:var(--mint);color:#10261e;border-radius:999px;padding:12px 27px;font-weight:700}
.main-nav .nav-download:hover{color:#10261e;background:#a2f7d8}
.menu-toggle{display:none;background:none;border:0;color:#fff;padding:10px}
.menu-toggle span{display:block;width:24px;height:2px;margin:5px;background:#fff}
.announcement{position:fixed;z-index:19;top:var(--header);left:0;right:0;background:#fff2b8;color:#4b3d00;text-align:center;padding:10px 20px;font-size:14px}
.hero{position:relative;margin-top:var(--header);height:min(720px,calc(100dvh - var(--header)));min-height:600px;background:#030303;overflow:hidden}
.hero-slides,.hero-slide{position:absolute;inset:0;width:100%;height:100%}
.hero-slide{opacity:0;transform:scale(1.015);transition:opacity .7s ease,transform 5.5s ease}
.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-slide.active{opacity:1;transform:scale(1)}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:150px;background:linear-gradient(transparent,rgba(0,0,0,.78));pointer-events:none}
.hero-dots{position:absolute;left:50%;bottom:119px;transform:translateX(-50%);display:flex;gap:11px;z-index:2}
.hero-dot{width:7px;height:7px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.38);cursor:pointer}
.hero-dot.active{width:23px;border-radius:10px;background:var(--mint)}
.download-row{position:absolute;z-index:3;bottom:28px;left:50%;width:min(448px,calc(100% - 32px));transform:translateX(-50%);display:grid;grid-template-columns:repeat(2,minmax(0,210px));justify-content:center;gap:28px}
.download-row.download-count-1{grid-template-columns:minmax(0,210px)}
.download-row a{height:62px;border-radius:999px;background:var(--mint);color:#101c18;display:flex;align-items:center;justify-content:center;gap:12px;font-size:18px;font-weight:700;box-shadow:0 12px 30px rgba(0,0,0,.18);transition:transform .2s,background .2s}
.download-row a:hover{transform:translateY(-3px);background:#a2f7d8}
.download-row a:active{transform:translateY(1px)}
.platform-icon{display:inline-grid;place-items:center;width:31px;height:31px;flex:0 0 31px;color:#101c18}
.platform-icon svg{display:block;width:100%;height:100%}.apple-icon path{fill:currentColor}.android-icon{overflow:visible}.android-icon path{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.feature{min-height:500px;overflow:hidden}
.feature-inner{max-width:var(--max);min-height:500px;margin:auto;padding:55px 40px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:30px}
.feature-inner.reverse{grid-template-columns:1.2fr .8fr}.feature-inner.reverse .feature-copy{order:2}.feature-inner.reverse img{order:1}
.feature-copy{position:relative;z-index:2}
.feature h2{font-size:52px;line-height:1.05;margin:0 0 24px;font-weight:850;font-style:italic;letter-spacing:-3px}
.feature h3{font-size:26px;margin:0 0 15px}
.feature p{max-width:440px;color:#5f5f5f;font-size:16px;line-height:1.9;margin:0}
.feature img{width:100%;max-height:390px;object-fit:contain;filter:drop-shadow(0 22px 30px rgba(25,58,50,.1))}
.feature-mint{background:linear-gradient(90deg,#fff 15%,#ebfff7 82%)}
.feature-peach{background:linear-gradient(90deg,#fff3ed 14%,#fff 81%)}
.feature-blue{background:linear-gradient(90deg,#fff 16%,#ebfaff 82%)}
.feature-gold{background:linear-gradient(90deg,#fffceb 15%,#fff 82%)}
.feature-pink{background:linear-gradient(90deg,#fff 15%,#fff0fa 82%)}
.section-wrap{max-width:var(--max);margin:auto;padding:90px 40px}
.section-wrap>h2{font-size:37px;text-align:center;margin:0 0 56px}
.ambassadors{background:#fff}
.ambassador-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;align-items:end}
.ambassador-grid figure{position:relative;margin:0;overflow:hidden;border-radius:var(--radius);background:#ededed;aspect-ratio:.54;transition:transform .3s,filter .3s}
.ambassador-grid figure:hover{transform:translateY(-8px)}
.ambassador-grid img{width:100%;height:100%;object-fit:cover;object-position:top}
.ambassador-grid figcaption{position:absolute;inset:auto 0 0;padding:50px 18px 22px;background:linear-gradient(transparent,rgba(0,0,0,.68));color:#fff;font-size:19px;font-weight:700;text-align:center}
.news-section{background:#f6f6f6}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:52px 22px}
.news-card{min-width:0}
.news-date{margin:0 0 14px;display:flex;align-items:baseline;gap:9px}.news-date strong{font-size:30px;font-weight:500}.news-date span{color:#b2b2b2;font-size:18px}
.news-card img{width:100%;aspect-ratio:1.78;object-fit:cover;border-radius:15px}
.news-card h3{font-size:17px;margin:15px 0 28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-card a{display:inline-flex;border:1px solid #d9d9d9;border-radius:999px;padding:8px 25px;font-size:13px;transition:background .2s,border .2s}.news-card a:hover{background:var(--mint);border-color:var(--mint)}
.site-footer{background:#f6f6f6;border-top:1px solid #ededed}
.footer-inner{max-width:760px;margin:auto;padding:65px 28px 80px;display:grid;grid-template-columns:auto 72px;gap:18px 38px;align-items:center}
.footer-brand{display:grid;grid-template-columns:38px auto;grid-template-rows:auto auto;column-gap:12px;align-items:center}.footer-brand .brand-mark{grid-row:1/3}.footer-brand strong{font-size:21px;font-style:italic}.footer-brand small{font-size:10px}
.footer-inner>img{width:72px;height:72px;object-fit:contain}.footer-inner>p{grid-column:1/-1;color:#999;font-size:12px;margin:0 0 0 46px}
.chat-widget{--chat-gold:#f1b321;position:fixed;right:22px;bottom:22px;z-index:40;color:#f7f7fb}
.chat-panel{position:absolute;right:0;bottom:0;width:min(390px,calc(100vw - 28px));height:min(650px,calc(100dvh - 96px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#0d0f17;border-radius:16px;overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,.38);opacity:0;visibility:hidden;transform:translateY(16px) scale(.97);transform-origin:bottom right;transition:opacity .22s ease,transform .38s cubic-bezier(.16,1,.3,1),visibility .22s}
.chat-widget.is-open .chat-panel{opacity:1;visibility:visible;transform:none}
.chat-header{min-height:78px;padding:14px 15px;display:grid;grid-template-columns:50px 1fr 38px;gap:11px;align-items:center;background:linear-gradient(125deg,#171513,#0c0d13 62%);border-bottom:1px solid rgba(241,179,33,.35)}
.chat-avatar,.mini-avatar{display:grid;place-items:center;overflow:hidden;background:#13bcb8}.chat-avatar{width:48px;height:48px;border-radius:12px}.chat-avatar img,.mini-avatar img{width:100%;height:100%;object-fit:cover}
.chat-header strong,.chat-header small{display:block}.chat-header strong{font-size:18px;line-height:1.35}.chat-header small{margin-top:3px;color:#9a9ca5;font-size:12px}
.chat-close{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:#b9bbc4;cursor:pointer}.chat-close:hover{background:#20222d;color:#fff}.chat-close:focus-visible,.chat-bubble:focus-visible,.chat-choices button:focus-visible,.chat-download-actions a:focus-visible,.contact-copy-list button:focus-visible,.contact-qr a:focus-visible{outline:3px solid #fff;outline-offset:2px}.chat-close svg{width:23px}.chat-close path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.chat-thread{overflow:auto;padding:18px 14px 24px;scrollbar-width:thin;scrollbar-color:#4c401e #12141c}.chat-thread::-webkit-scrollbar{width:8px}.chat-thread::-webkit-scrollbar-track{background:#12141c}.chat-thread::-webkit-scrollbar-thumb{background:#4c401e;border-radius:10px}
.chat-message{display:flex;align-items:flex-start;gap:9px;margin-bottom:18px}.chat-message>div{max-width:82%}.chat-message p{margin:0;padding:13px 14px;border-radius:5px 15px 15px;background:#1b1e29;color:#f2f2f5;font-size:14px;line-height:1.65;white-space:pre-line}.chat-message time{display:block;margin:6px 5px 0;color:#8a6b1c;font-size:10px;font-variant-numeric:tabular-nums}.mini-avatar{flex:0 0 34px;width:34px;height:34px;border-radius:10px}
.user-message{justify-content:flex-end}.user-message p{background:#303342;border-radius:15px 5px 15px 15px}.user-message time{text-align:right}.chat-dynamic:empty{display:none}
.chat-contact-card{margin-top:8px;padding:7px 12px 11px;border-radius:12px;background:#292c3b}.contact-copy-list{display:grid}.contact-copy-list button{min-width:0;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border:0;border-bottom:1px solid #3c4051;background:transparent;color:#f5f5f7;text-align:left;cursor:pointer}.contact-copy-list button:last-child{border-bottom:0}.contact-copy-list button span{min-width:0;display:flex;align-items:baseline;gap:5px;overflow-wrap:anywhere}.contact-copy-list strong{font-weight:600}.contact-copy-list b{font-weight:700}.contact-copy-list em{flex:0 0 auto;color:#f2b52a;font-size:12px;font-style:normal}.contact-copy-list button:hover em{color:#ffd36d}.contact-qr{margin:10px 0 0;padding-top:12px;border-top:1px solid #3c4051;text-align:center}.contact-qr img{width:min(190px,100%);aspect-ratio:1;object-fit:contain;margin:auto;border-radius:10px;background:#fff}.contact-qr figcaption{margin:8px 0;color:#b9bbc4;font-size:11px}.contact-qr a{min-height:42px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#f2b52a;color:#18140a;font-size:13px;font-weight:800}.contact-qr a:hover{background:#ffd36d}
.chat-download-actions{display:grid;gap:7px;margin-top:8px}.chat-download-actions a{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:9px 12px;border:1px solid rgba(241,179,33,.55);border-radius:9px;color:#ffc94f;font-size:13px;font-weight:700}.chat-download-actions a:after{content:"→"}.chat-download-actions a:hover{background:#2a2414}
.chat-choices{display:grid;gap:8px;padding:13px 14px max(14px,env(safe-area-inset-bottom));background:#101119;border-top:1px solid rgba(241,179,33,.25)}.chat-choices button{min-height:46px;border:1px solid rgba(241,179,33,.52);border-radius:10px;background:#17150f;color:#f4bb35;font-size:14px;font-weight:750;cursor:pointer;transition:background .18s,transform .18s}.chat-choices button:hover{background:#292113}.chat-choices button:active{transform:translateY(1px)}.chat-choices button:disabled{cursor:wait;opacity:.55}
.chat-bubble{position:relative;width:64px;height:64px;display:block;padding:0;border:0;border-radius:18px;background:#12bbb7;color:#fff;box-shadow:0 14px 36px rgba(0,0,0,.32);overflow:hidden;cursor:pointer;transition:transform .22s ease,opacity .18s}.chat-bubble:hover{transform:translateY(-3px)}.chat-bubble img{width:100%;height:100%;object-fit:cover}.chat-bubble span{position:absolute;inset:auto 0 0;display:block;padding:5px 2px 6px;background:rgba(7,14,20,.76);font-size:10px;font-weight:800;line-height:1;letter-spacing:.02em;white-space:nowrap}.chat-widget.is-open .chat-bubble{opacity:0;pointer-events:none;transform:scale(.8)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-slide,.reveal,.download-row a,.ambassador-grid figure,.chat-panel,.chat-bubble{transition:none!important}.reveal{opacity:1;transform:none}}
@media (max-width:900px){:root{--header:64px}.nav-wrap{padding:0 18px}.brand{font-size:21px}.brand-mark{width:30px;height:30px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:var(--header);left:0;right:0;background:#090909;padding:22px;gap:0;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav>a,.language{text-align:center;border-bottom:1px solid #222;padding:14px}.main-nav .nav-download{margin-top:12px}.hero{min-height:530px;height:68dvh}.hero-slide{object-position:center}.download-row{width:calc(100% - 28px);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;bottom:18px}.download-row.download-count-1{grid-template-columns:minmax(0,220px)}.download-row a{height:52px;font-size:13px;gap:7px}.platform-icon{width:25px;height:25px;flex-basis:25px}.hero-dots{bottom:89px}.feature,.feature-inner{min-height:auto}.feature-inner,.feature-inner.reverse{grid-template-columns:1fr;padding:52px 22px 30px;gap:5px}.feature-inner.reverse .feature-copy,.feature-inner.reverse img{order:initial}.feature-copy{text-align:left}.feature h2{font-size:38px;letter-spacing:-2px;margin-bottom:16px}.feature h3{font-size:21px}.feature p{font-size:14px}.feature img{max-height:320px}.section-wrap{padding:65px 20px}.section-wrap>h2{font-size:29px;margin-bottom:38px}.ambassador-grid{grid-template-columns:repeat(2,1fr);gap:14px}.news-grid{grid-template-columns:1fr;gap:45px}.footer-inner{padding-top:40px}}
@media (max-width:520px){.hero{height:590px;min-height:590px}.hero-slide img{object-fit:cover;object-position:center}.hero:after{height:180px}.download-row{bottom:18px}.download-row a{height:48px}.hero-dots{bottom:84px}.feature-inner{padding-top:44px}.feature img{max-height:245px}.ambassador-grid figure{border-radius:13px}.news-date strong{font-size:25px}.chat-widget{right:14px;bottom:max(14px,env(safe-area-inset-bottom))}.chat-panel{position:fixed;inset:auto 10px max(14px,env(safe-area-inset-bottom)) 10px;width:auto;height:min(620px,calc(100dvh - 156px));border-radius:14px}.chat-bubble{width:60px;height:60px;border-radius:17px}.chat-bubble span{font-size:9px;padding-bottom:5px}}