@charset "UTF-8";

:root { --ink:#dce9f7; --muted:#97adc7; --lime:#b9ee57; --mint:#5bddc4; --blue:#4a82e5; --dark:#071324; --panel:#0e2240; --line:#284568; --content:1200px; --header:80px; }
* { box-sizing:border-box; }
html { min-width:320px; scroll-behavior:smooth; }
body { min-width:320px; margin:0; background:#08172b; color:var(--ink); font:16px/1.7 "Microsoft YaHei","PingFang SC",sans-serif; }
body.menu-open { overflow:hidden; }
a,button { -webkit-tap-highlight-color:transparent; }
a { color:inherit; text-decoration:none; }
button { appearance:none; font:inherit; }
img { display:block; max-width:100%; }
h1,h2,h3,p { margin-top:0; }
h1,h2,h3 { font-weight:900; letter-spacing:-.06em; }
main { padding-top:var(--header); }
.shell,.header-inner { width:min(var(--content),calc(100% - 48px)); margin:0 auto; }
.site-header { position:fixed; z-index:50; top:0; right:0; left:0; height:var(--header); border-bottom:1px solid rgba(185,238,87,.2); background:#08172b; }
.header-inner { display:flex; align-items:center; justify-content:space-between; height:100%; gap:28px; }
.brand,.footer-brand { display:inline-flex; flex:0 0 auto; align-items:center; gap:10px; }
.brand img,.footer-brand img { width:42px; height:42px; object-fit:contain; }
.brand span,.footer-brand span { display:grid; line-height:1.15; }
.brand strong,.footer-brand strong { color:#fff; font-size:18px; font-weight:900; }
.brand small,.footer-brand small { margin-top:4px; color:var(--muted); font-size:12px; white-space:nowrap; }
.main-nav ul { display:flex; gap:clamp(17px,2.4vw,38px); margin:0; padding:0; list-style:none; }
.main-nav a { display:block; padding:8px 0; color:#ccdaeb; font-size:14px; font-weight:800; }
.main-nav a:hover,.main-nav a:focus-visible { color:var(--lime); outline:0; }
.header-actions { display:flex; flex:0 0 auto; align-items:center; gap:10px; }
.header-download,.primary-download,.download-section > a { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:42px; border:1px solid var(--lime); background:var(--lime); color:#09203a; font-size:14px; font-weight:900; line-height:1; white-space:nowrap; }
.header-download { padding:0 14px; border-radius:4px; }
.header-download:hover,.header-download:focus-visible,.primary-download:hover,.primary-download:focus-visible,.download-section > a:hover,.download-section > a:focus-visible { background:#d8ff8e; outline:2px solid var(--mint); outline-offset:2px; }
.download-mobile,.menu-button { display:none; }
.menu-button { width:42px; height:42px; padding:8px; border:1px solid var(--lime); background:transparent; cursor:pointer; }
.menu-button i { display:block; width:19px; height:2px; margin:4px auto; background:var(--lime); }
.hero { overflow:hidden; border-bottom:1px solid var(--line); background:radial-gradient(circle at 83% 30%,#143d5c 0,transparent 29%),#071324; }
.hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(440px,.9fr); gap:clamp(55px,9vw,140px); align-items:center; min-height:640px; padding:75px 0; }
.eyebrow { margin:0 0 12px; color:var(--lime); font-size:12px; font-weight:900; letter-spacing:1.5px; }
h1 { margin-bottom:20px; color:#fff; font-size:clamp(52px,6vw,82px); line-height:.97; }
.hero-copy > p:not(.eyebrow) { max-width:540px; margin-bottom:0; color:#bacce0; font-size:17px; }
.hero-actions { display:grid; grid-template-columns:max-content max-content; gap:17px 22px; align-items:center; justify-content:start; margin-top:30px; }
.primary-download { grid-column:1; grid-row:1; min-height:48px; padding:0 20px; box-shadow:5px 5px 0 #25598b; }
.hero-anchor { grid-column:2; grid-row:1; display:inline-flex; align-items:center; gap:7px; color:#fff; font-size:14px; font-weight:900; }
.hero-anchor:hover,.hero-anchor:focus-visible { color:var(--mint); outline:0; }
.age-label { grid-column:1 / -1; grid-row:2; width:max-content; margin:0; padding:3px 9px; border:1px solid #5c7696; border-radius:99px; color:#b8c6d7; font-size:12px; line-height:1.5; }
.console { position:relative; min-height:470px; padding:18px; border:1px solid #47719d; background:#0b1d35; box-shadow:16px 16px 0 rgba(47,116,162,.38); }
.console-bar { display:flex; align-items:center; gap:7px; padding-bottom:14px; border-bottom:1px solid #294969; }
.console-bar span { width:8px; height:8px; border-radius:50%; background:var(--mint); }
.console-bar span:nth-child(2) { background:var(--lime); }.console-bar span:nth-child(3) { background:#6084ae; }
.console-bar b { margin-left:auto; color:#9ab1cc; font-size:11px; letter-spacing:1px; }
.console-main { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding-top:31px; }
.ring { display:grid; height:201px; place-content:center; border:19px solid #1e456b; border-top-color:var(--lime); border-right-color:var(--mint); border-radius:50%; text-align:center; }
.ring strong { color:var(--lime); font-size:19px; letter-spacing:1px; }.ring small { color:#9bb3cc; font-size:12px; }
.console-list { display:grid; align-content:center; gap:9px; }.console-list p { display:grid; grid-template-columns:25px 1fr; gap:7px; margin:0; padding:10px; border:1px solid #264a70; color:#dbe9f8; font-size:12px; line-height:1.35; }.console-list p b { grid-column:2; color:var(--mint); font-size:12px; }
.console-phone { position:absolute; right:-35px; bottom:-1px; width:154px; padding:7px 7px 0; border:7px solid #040d1a; border-bottom:0; border-radius:20px 20px 0 0; background:#040d1a; }.console-phone img { width:100%; aspect-ratio:9 / 16; border-radius:12px 12px 0 0; object-fit:contain; }
.section-head { margin-bottom:40px; }.section-head h2 { margin:0; color:#fff; font-size:clamp(39px,4.7vw,62px); line-height:1; }.section-head > p:last-child { max-width:610px; margin:18px 0 0; color:var(--muted); }.split-head { display:flex; align-items:end; justify-content:space-between; gap:55px; }.split-head > p { width:min(405px,100%); margin:0; }
.performance-section { padding:105px 0; }.mode-layout { display:grid; grid-template-columns:205px minmax(0,1fr) 225px; min-height:350px; border:1px solid var(--line); background:var(--panel); }.mode-tabs { display:grid; align-content:start; padding:20px; border-right:1px solid var(--line); gap:8px; }.mode-tabs button { padding:13px 12px; border:1px solid transparent; background:transparent; color:#b3c5d9; cursor:pointer; font-size:15px; font-weight:900; text-align:left; }.mode-tabs button.is-active,.mode-tabs button:hover,.mode-tabs button:focus-visible { border-color:#547aa1; background:#153456; color:var(--lime); outline:0; }.mode-panel { padding:46px 51px; }.mode-panel > span { color:var(--mint); font-size:12px; font-weight:900; letter-spacing:1px; }.mode-panel h3 { margin:13px 0; color:#fff; font-size:34px; line-height:1.15; }.mode-panel p { color:#b5c5d7; }.mode-panel ul { display:grid; gap:8px; padding:0; list-style:none; color:#e3ecf6; font-size:14px; }.mode-panel li::before { margin-right:9px; color:var(--lime); content:"/"; }.mode-side { display:grid; align-content:center; padding:28px; border-left:1px solid var(--line); background:#0a1a30; }.mode-side > i { width:43px; height:43px; margin-bottom:27px; background-size:35px; }.mode-side p { margin:0; color:var(--muted); font-size:13px; }.mode-side strong { color:var(--lime); font-size:27px; }.mode-side small { color:#a8b8ca; font-size:12px; }
.permission-section { padding:105px 0; background:#0d2443; }.step-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:#456687; }.step-grid article { min-height:231px; padding:27px; background:#0d2443; }.step-grid span { display:block; color:var(--lime); font-size:40px; font-weight:900; line-height:1; }.step-grid h3 { margin:34px 0 9px; color:#fff; font-size:24px; }.step-grid p { margin:0; color:#b5c7da; font-size:14px; }
.preview-section { padding:105px 0; }.preview-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }.preview-grid figure { margin:0; overflow:hidden; border:1px solid #385d82; background:#10294a; }.preview-grid figure > div { aspect-ratio:9 / 16; padding:10px; background:#d9e7f2; }.preview-grid img { width:100%; height:100%; object-fit:contain; }.preview-grid figcaption { min-height:55px; padding:15px; color:#e9f2fb; font-size:14px; font-weight:900; }.preview-grid figcaption span { margin-right:9px; color:var(--mint); font-size:12px; }
.news-section,.help-section { padding-top:105px; padding-bottom:105px; }.news-section { border-top:1px solid var(--line); }.centered { text-align:center; }.centered .eyebrow { color:var(--mint); }.centered > p:last-child { max-width:none; margin:0; }.title-rule { display:block; width:60px; height:4px; margin:17px auto 15px; background:linear-gradient(90deg,var(--lime) 0 50%,var(--mint) 50%); }.news-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }.news-grid article { min-height:249px; padding:27px 29px; border:1px solid #365b80; background:#0d2340; }.news-grid time { color:var(--mint); font-size:12px; font-weight:900; }.news-grid h3 { margin:10px 0; color:#fff; font-size:22px; }.news-grid article > p:not(.news-detail) { color:#b6c6d7; }.news-toggle { display:inline-flex; align-items:center; gap:7px; padding:0; border:0; background:transparent; color:var(--lime); cursor:pointer; font-size:14px; font-weight:900; }.news-toggle:focus-visible,.news-toggle:hover { color:#fff; outline:0; }.news-detail { margin:15px 0 0; padding-top:13px; border-top:1px dashed #4c6d8f; color:#b6c6d7; font-size:14px; }
.help-section { padding-bottom:38px; }.faq-list { border-top:1px solid #3b6085; }.faq-list article { border-bottom:1px solid #3b6085; }.faq-list button { display:grid; grid-template-columns:55px 1fr 27px; width:100%; padding:21px 0; border:0; background:transparent; color:#fff; cursor:pointer; font-size:18px; font-weight:900; text-align:left; }.faq-list button span { color:var(--lime); font-size:12px; }.faq-list button b,.official-toggle b { font-size:26px; font-weight:400; line-height:.75; text-align:right; }.faq-list button:hover,.faq-list button:focus-visible { color:var(--lime); outline:0; }.faq-list article.is-open button b,.official-section.is-open .official-toggle b { transform:rotate(45deg); }.faq-list article > div p { max-width:720px; margin:-2px 30px 24px 55px; color:#aebfd2; }
.official-section { padding-top:0; padding-bottom:105px; }.official-toggle { display:grid; grid-template-columns:36px 1fr 30px; align-items:center; width:100%; min-height:72px; padding:15px 21px; border:1px solid #3b6085; background:#0d2340; color:#fff; cursor:pointer; font-size:17px; font-weight:900; text-align:left; }.official-toggle:hover,.official-toggle:focus-visible { border-color:var(--mint); outline:2px solid var(--lime); outline-offset:2px; }.official-content { padding:20px 56px; border:1px solid #3b6085; border-top:0; background:#0d2340; }.official-content a { color:var(--mint); font-size:14px; font-weight:900; overflow-wrap:anywhere; }
.reviews-section { padding:105px 0; background:#0d2443; }.review-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }.review-grid article { display:flex; flex-direction:column; min-height:280px; padding:22px 24px; border:1px solid #477196; background:#0a1d35; }.review-grid header { display:flex; align-items:center; justify-content:space-between; gap:10px; }.review-grid header span { display:inline-flex; align-items:center; gap:8px; font-size:14px; font-weight:900; }.review-grid header em { color:#b3c5d8; font-size:12px; font-style:normal; white-space:nowrap; }.review-grid article > p { flex:1; margin:19px 0 17px; color:#e0eaf4; font-size:14px; font-weight:600; }.review-grid time { padding-top:12px; border-top:1px solid #355a7f; color:#a7bad0; font-size:12px; text-align:right; }
.download-section { display:flex; align-items:center; justify-content:space-between; gap:40px; margin-top:105px; margin-bottom:105px; padding:47px 55px; border:1px solid var(--lime); background:#112c4c; box-shadow:9px 9px 0 #276084; }.download-section h2 { margin:0 0 13px; color:#fff; font-size:clamp(32px,4vw,50px); line-height:1; white-space:nowrap; }.download-section > div > p:last-child { margin:0; color:#b6c8da; }.download-section > a { min-width:140px; padding:0 20px; }
.site-footer { padding:57px max(24px,calc((100% - var(--content))/2)) 17px; background:#040d19; }.footer-main { display:flex; justify-content:space-between; gap:65px; }.footer-brand { align-self:start; min-width:225px; }.footer-links { display:grid; grid-template-columns:repeat(4,minmax(100px,1fr)); flex:1; gap:clamp(21px,5vw,75px); }.footer-links section { display:grid; align-content:start; gap:6px; }.footer-links h3 { margin:0 0 8px; color:#fff; font-size:15px; letter-spacing:0; }.footer-links a { color:#b7c8da; font-size:13px; }.footer-links a:hover,.footer-links a:focus-visible { color:var(--lime); outline:0; }.footer-social div { display:flex; gap:8px; }.footer-social a { display:grid; width:37px; height:37px; place-items:center; border:1px solid #4a6380; border-radius:50%; }.footer-social a:hover,.footer-social a:focus-visible { background:#1c4968; outline:2px solid var(--lime); outline-offset:2px; }.footer-social i { filter:brightness(0) invert(1); }.footer-divider { width:100%; height:1px; margin-top:43px; background:rgba(255,255,255,.85); }.copyright { margin:14px 0 0; color:#afc1d4; font-size:12px; text-align:center; }.back-top { position:fixed; z-index:30; right:22px; bottom:22px; display:grid; width:44px; height:44px; place-items:center; border:1px solid var(--lime); border-radius:50%; background:var(--lime); box-shadow:3px 3px 0 #001426; }.back-top i { color:#09203a; font-size:23px; font-style:normal; font-weight:900; }.back-top i::before { content:"↑"; }
i[class^="icon-"] { display:inline-block; width:18px; height:18px; flex:0 0 18px; background-position:center; background-repeat:no-repeat; background-size:contain; }.icon-download { background-image:url("../icons/download.svg"); }.primary-download .icon-download { filter:none; }.icon-arrow { background-image:url("../icons/arrow.svg"); filter:brightness(0) invert(1); }.icon-shield { background-image:url("../icons/shield.svg"); }.icon-bolt { background-image:url("../icons/bolt.svg"); }.icon-pulse { background-image:url("../icons/pulse.svg"); }.icon-user { background-image:url("../icons/user.svg"); }.icon-globe { background-image:url("../icons/globe.svg"); }.icon-star { background-image:url("../icons/star.svg"); }.icon-bookmark { background-image:url("../icons/bookmark.svg"); }
@media (max-width:960px) { .header-inner{gap:16px}.main-nav ul{gap:14px}.main-nav a{font-size:13px}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.8fr);gap:40px}.console-phone{right:-14px}.footer-main{gap:36px}.footer-brand{min-width:170px}.footer-links{gap:20px}.mode-layout{grid-template-columns:180px minmax(0,1fr)}.mode-side{display:none} }
@media (max-width:700px) { :root{--header:68px}.shell,.header-inner{width:min(100% - 32px,560px)}.header-inner{gap:8px}.brand{gap:7px}.brand img{width:36px;height:36px}.brand strong{font-size:15px}.brand small{font-size:12px}.main-nav{position:absolute;top:100%;right:0;left:0;width:100%;padding:8px 32px;border:1px solid #47698b;background:#08172b;box-shadow:0 5px 12px #020914;opacity:0;pointer-events:none;transform:translateY(-7px)}.main-nav.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.main-nav ul{display:block}.main-nav li{border-bottom:1px solid #315374}.main-nav li:last-child{border-bottom:0}.main-nav a{padding:12px 0;font-size:15px;text-align:center}.download-desktop{display:none}.download-mobile{display:inline}.header-download{min-height:39px;padding:0 10px;font-size:13px}.menu-button{display:block;flex:0 0 40px;width:40px;height:40px}.hero-grid{grid-template-columns:1fr;justify-items:center;min-height:0;padding:55px 0 69px;text-align:center}.hero-copy{display:grid;justify-items:center}.hero-copy .eyebrow{justify-content:center}h1{font-size:clamp(47px,15vw,65px)}.hero-copy>p:not(.eyebrow){font-size:15px}.hero-actions{display:flex;flex-direction:column;justify-content:center;gap:18px}.hero-actions .primary-download{order:1}.hero-actions .age-label{order:2;margin-top:-3px}.hero-actions .hero-anchor{order:3}.console{width:100%;max-width:430px;min-height:410px}.console-phone{right:13px;width:125px}.console-main{grid-template-columns:1fr 1fr}.ring{height:170px;border-width:16px}.performance-section,.permission-section,.preview-section,.news-section,.help-section,.reviews-section{padding-top:69px;padding-bottom:69px}.official-section{padding-top:0;padding-bottom:69px}.split-head{display:block}.split-head>p{width:auto;margin-top:20px}.section-head h2{font-size:42px}.mode-layout{grid-template-columns:1fr}.mode-tabs{grid-template-columns:repeat(3,minmax(0,1fr));border-right:0;border-bottom:1px solid var(--line);padding:9px}.mode-tabs button{padding:10px 5px;font-size:13px;text-align:center}.mode-panel{padding:30px 23px}.mode-panel h3{font-size:29px}.step-grid,.news-grid,.review-grid{grid-template-columns:1fr}.step-grid{gap:1px}.step-grid article{min-height:0}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.preview-grid figure>div{padding:6px}.news-grid article{min-height:0;padding:23px 21px}.help-section{padding-bottom:29px}.faq-list button{grid-template-columns:40px 1fr 20px;font-size:16px}.faq-list article>div p{margin-left:40px}.official-toggle{grid-template-columns:30px 1fr 23px;min-height:65px;padding:13px 15px;font-size:15px}.official-content{padding:18px 20px}.download-section{display:grid;gap:28px;margin-top:69px;margin-bottom:69px;padding:40px 24px}.download-section h2{font-size:34px}.download-section>a{width:max-content}.site-footer{padding:47px 22px 15px}.footer-main{display:block}.footer-brand{display:flex;width:100%;justify-content:center;margin-bottom:31px}.footer-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px;text-align:center}.footer-links h3{font-size:14px}.footer-links a{font-size:12px}.footer-social{grid-column:1 / -1;margin-top:13px}.footer-social div{justify-content:center}.footer-divider{margin-top:30px}.back-top{right:14px;bottom:15px;width:40px;height:40px} }