:root{color-scheme:light;--c-brand: #1a56db;--c-brand-pressed: #1746b0;--c-brand-soft: #e9effc;--c-brand-ring: rgba(26, 86, 219, .18);--c-on-brand: #ffffff;--c-success: #2ea121;--c-success-soft: #e8f7e6;--c-warning: #de7802;--c-warning-soft: #fff3e8;--c-danger: #d83931;--c-danger-soft: #fdecec;--c-text: #1f2329;--c-text-2: #646a73;--c-text-3: #8f959e;--c-bg: #f5f6f7;--c-surface: #ffffff;--c-surface-glass: rgba(255, 255, 255, .94);--c-fill-1: #f2f3f5;--c-fill-2: #e9ebee;--c-line: #e5e6eb;--c-line-strong: #d0d3d9;--c-scrim: rgba(0, 0, 0, .45);--c-dark: #0e0f12;--c-on-dark: #ffffff;--c-on-dark-2: rgba(255, 255, 255, .62);--c-on-dark-3: rgba(255, 255, 255, .12);--c-line-dark: rgba(255, 255, 255, .1);--font-sans: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--fs-hero: 32px;--lh-hero: 42px;--fs-h2: 24px;--lh-h2: 32px;--fs-h3: 19px;--lh-h3: 26px;--fs-lead: 16px;--lh-lead: 26px;--fs-body: 15px;--lh-body: 24px;--fs-sub: 13px;--lh-sub: 20px;--fs-tag: 12px;--lh-tag: 16px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--tracking-display: -.4px;--tracking-title: -.2px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--r-8: 8px;--r-10: 10px;--r-12: 12px;--r-16: 16px;--r-20: 20px;--r-full: 999px;--h-lg: 48px;--h-md: 40px;--hit: 44px;--header-h: 56px;--t-press: 80ms ease;--t-state: .16s ease;--t-sheet: .24s ease;--t-page: .3s cubic-bezier(.22, .61, .36, 1);--container: 1080px;--gutter: 20px}@media (min-width: 720px){:root{--fs-hero: 44px;--lh-hero: 58px;--fs-h2: 30px;--lh-h2: 40px;--fs-h3: 21px;--lh-h3: 30px;--fs-lead: 17px;--lh-lead: 28px;--fs-body: 15px;--lh-body: 25px;--header-h: 64px;--gutter: 32px}}@media (min-width: 1080px){:root{--fs-hero: 52px;--lh-hero: 66px;--fs-h2: 34px;--lh-h2: 46px}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased}img,svg{display:block}a{color:var(--c-brand);text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}ul,ol{list-style:none}strong,b{font-weight:var(--fw-semibold)}:focus-visible{outline:none;border-radius:var(--r-8);box-shadow:0 0 0 3px var(--c-brand-ring)}.container{max-width:var(--container);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}.section{padding:var(--sp-12) 0}@media (min-width: 720px){.section{padding:var(--sp-16) 0}}.section--surface{background:var(--c-surface);border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line)}.section-head{max-width:640px;margin-bottom:var(--sp-8)}.section-head--center{margin-left:auto;margin-right:auto;text-align:center}.section-tag{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-tag);line-height:var(--lh-tag);font-weight:var(--fw-medium);color:var(--c-brand);background:var(--c-brand-soft);border-radius:var(--r-full);padding:5px 12px;margin-bottom:var(--sp-4);letter-spacing:.2px}h1,h2,h3{font-weight:var(--fw-semibold)}.h2{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--tracking-display)}.h3{font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--tracking-title)}.lead{font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--c-text-2);margin-top:var(--sp-3)}.muted{color:var(--c-text-3);font-size:var(--fs-sub);line-height:var(--lh-sub)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--h-lg);padding:0 22px;border-radius:var(--r-12);font-size:16px;font-weight:var(--fw-medium);border:1px solid transparent;transition:background var(--t-state),color var(--t-state),border-color var(--t-state),transform var(--t-press);user-select:none;white-space:nowrap}.btn:active{transform:scale(.98)}.btn--primary{background:var(--c-brand);color:var(--c-on-brand)}.btn--primary:hover{background:var(--c-brand-pressed)}.btn--secondary{background:var(--c-surface);color:var(--c-text);border-color:var(--c-line-strong)}.btn--secondary:hover{border-color:var(--c-brand);color:var(--c-brand)}.btn--soft{background:var(--c-brand-soft);color:var(--c-brand)}.btn--soft:hover{background:#dde7fa}.btn--white{background:var(--c-surface);color:var(--c-brand)}.btn--white:hover{background:#f0f4fe}.btn--block{display:flex;width:100%}.btn--sm{min-height:var(--h-md);padding:0 16px;font-size:14px;border-radius:var(--r-10)}.btn .btn-sub{display:block;font-size:11px;line-height:14px;font-weight:var(--fw-regular);opacity:.85;text-align:left}.site-header{position:sticky;top:0;z-index:40;height:var(--header-h);background:var(--c-surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--c-line)}.site-header__inner{max-width:var(--container);margin:0 auto;padding:0 var(--gutter);height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--c-text);min-height:var(--hit)}.brand__name{display:flex;flex-direction:column;line-height:1.15}.brand__zh{font-size:17px;font-weight:var(--fw-semibold);letter-spacing:var(--tracking-title)}.brand__en{font-size:10px;letter-spacing:2.6px;color:var(--c-text-3);font-weight:var(--fw-medium)}.site-nav{display:none;align-items:center;gap:var(--sp-1)}.site-nav a{color:var(--c-text-2);font-size:15px;padding:0 14px;min-height:var(--hit);display:inline-flex;align-items:center;border-radius:var(--r-10);transition:color var(--t-state),background var(--t-state)}.site-nav a:hover{color:var(--c-text);background:var(--c-fill-1)}.site-nav a.is-active{color:var(--c-brand);font-weight:var(--fw-medium)}.header-cta{display:none}.header-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--hit);height:var(--hit);border-radius:var(--r-10);color:var(--c-text);transition:background var(--t-state)}.header-menu-btn:hover{background:var(--c-fill-1)}@media (min-width: 960px){.site-nav{display:flex}.header-cta{display:inline-flex}.header-menu-btn{display:none}}.mobile-menu{position:fixed;inset:var(--header-h) 0 0 0;z-index:39;background:var(--c-scrim);opacity:0;visibility:hidden;transition:opacity var(--t-sheet),visibility var(--t-sheet)}.mobile-menu.is-open{opacity:1;visibility:visible}.mobile-menu__panel{background:var(--c-surface);border-radius:0 0 var(--r-20) var(--r-20);padding:var(--sp-4) var(--gutter) var(--sp-6);transform:translateY(-8px);transition:transform var(--t-sheet);border-bottom:1px solid var(--c-line)}.mobile-menu.is-open .mobile-menu__panel{transform:translateY(0)}.mobile-menu__link{display:flex;align-items:center;justify-content:space-between;min-height:var(--hit);padding:0 4px;font-size:16px;color:var(--c-text);border-bottom:1px solid var(--c-line)}.mobile-menu__link:last-of-type{border-bottom:0}.mobile-menu__link svg{color:var(--c-text-3)}.mobile-menu__link.is-active{color:var(--c-brand);font-weight:var(--fw-medium)}.hero{position:relative;overflow:hidden;background:var(--c-surface);border-bottom:1px solid var(--c-line)}.hero__inner{max-width:var(--container);margin:0 auto;padding:var(--sp-12) var(--gutter) var(--sp-10);display:grid;gap:var(--sp-10)}@media (min-width: 960px){.hero__inner{grid-template-columns:minmax(0,1fr) 460px;align-items:center;padding:var(--sp-16) var(--gutter);gap:var(--sp-12)}}.hero__badge{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-tag);line-height:var(--lh-tag);color:var(--c-text-2);background:var(--c-fill-1);border:1px solid var(--c-line);border-radius:var(--r-full);padding:6px 12px;margin-bottom:var(--sp-5)}.hero__badge .dot{width:6px;height:6px;border-radius:50%;background:var(--c-success)}.hero__title{font-size:var(--fs-hero);line-height:var(--lh-hero);letter-spacing:var(--tracking-display)}.hero__title em{font-style:normal;color:var(--c-brand)}.hero__lead{margin-top:var(--sp-4);max-width:520px}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-6)}.hero__meta{margin-top:var(--sp-4);display:flex;flex-wrap:wrap;gap:6px 16px}.trust-strip{border-top:1px solid var(--c-line);background:var(--c-surface)}.trust-strip__inner{max-width:var(--container);margin:0 auto;padding:var(--sp-5) var(--gutter);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3) var(--sp-4)}@media (min-width: 720px){.trust-strip__inner{grid-template-columns:repeat(4,1fr)}}.trust-item{display:flex;align-items:center;gap:10px;color:var(--c-text-2);font-size:var(--fs-sub)}.trust-item svg{color:var(--c-brand);flex:none}.grid{display:grid;gap:var(--sp-4)}@media (min-width: 720px){.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--56{gap:var(--sp-6)}}.card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-16);padding:var(--sp-6);transition:border-color var(--t-state)}.card:hover{border-color:var(--c-line-strong)}.card--brand{background:var(--c-brand-soft);border-color:transparent}.icon-chip{width:44px;height:44px;border-radius:var(--r-12);background:var(--c-brand-soft);color:var(--c-brand);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-4);flex:none}.icon-chip--success{background:var(--c-success-soft);color:var(--c-success)}.icon-chip--warning{background:var(--c-warning-soft);color:var(--c-warning)}.card p{color:var(--c-text-2);margin-top:var(--sp-2);font-size:var(--fs-body)}.card .card-more{margin-top:var(--sp-4);font-size:var(--fs-sub);color:var(--c-brand);font-weight:var(--fw-medium);display:inline-flex;align-items:center;gap:4px}.steps{display:grid;gap:var(--sp-4);counter-reset:step}@media (min-width: 720px){.steps{grid-template-columns:repeat(4,1fr)}}@media (min-width: 720px){.steps--3{grid-template-columns:repeat(3,1fr)}}.step{position:relative;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-16);padding:var(--sp-5)}.step__no{font-family:var(--font-mono);font-size:var(--fs-tag);color:var(--c-brand);background:var(--c-brand-soft);border-radius:var(--r-full);width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-3);font-weight:var(--fw-semibold)}.step h3{font-size:16px;margin-bottom:6px}.step p{color:var(--c-text-2);font-size:var(--fs-sub);line-height:var(--lh-sub)}.sample-card{display:flex;flex-direction:column;gap:var(--sp-3)}.sample-card__head{display:flex;align-items:center;gap:var(--sp-3)}.sample-card__avatar{width:48px;height:48px;border-radius:var(--r-12);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:var(--fw-semibold);flex:none}.sample-card__tag{font-size:var(--fs-tag);line-height:var(--lh-tag);color:var(--c-text-3);background:var(--c-fill-1);padding:3px 10px;border-radius:var(--r-full)}.sample-card ul{display:flex;flex-direction:column;gap:8px}.sample-card li{display:flex;gap:8px;color:var(--c-text-2);font-size:var(--fs-sub);line-height:var(--lh-sub)}.sample-card li svg{flex:none;margin-top:2px;color:var(--c-brand)}.security-band{background:var(--c-dark);color:var(--c-on-dark);border-radius:0}.security-band .h2{color:var(--c-on-dark)}.security-band .lead{color:var(--c-on-dark-2)}.security-band .section-tag{background:var(--c-on-dark-3);color:var(--c-on-dark)}.security-grid{display:grid;gap:var(--sp-4)}@media (min-width: 720px){.security-grid{grid-template-columns:repeat(2,1fr);gap:var(--sp-6)}}.security-item{border-top:1px solid var(--c-line-dark);padding-top:var(--sp-4);display:flex;gap:var(--sp-4)}.security-item svg{color:var(--c-on-dark-2);flex:none;margin-top:2px}.security-item h3{font-size:16px;margin-bottom:6px}.security-item p{color:var(--c-on-dark-2);font-size:var(--fs-sub);line-height:var(--lh-sub)}.compare{border:1px solid var(--c-line);border-radius:var(--r-16);overflow:hidden;background:var(--c-surface)}.compare table{width:100%;border-collapse:collapse;font-size:var(--fs-body)}.compare th,.compare td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--c-line);vertical-align:top}.compare thead th{font-size:var(--fs-sub);color:var(--c-text-3);font-weight:var(--fw-medium);background:var(--c-fill-1)}.compare td:first-child{color:var(--c-text-2);font-size:var(--fs-sub);width:34%}.compare .yes{color:var(--c-brand);font-weight:var(--fw-medium)}.compare .no{color:var(--c-text-3)}.compare tr:last-child td{border-bottom:0}.compare-note{padding:12px 16px;background:var(--c-brand-soft);color:var(--c-brand);font-size:var(--fs-sub);display:flex;gap:8px;align-items:flex-start}.compare-note svg{flex:none;margin-top:1px}.faq{border:1px solid var(--c-line);border-radius:var(--r-16);background:var(--c-surface);overflow:hidden}.faq details+details{border-top:1px solid var(--c-line)}.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-height:var(--hit);padding:var(--sp-4) var(--sp-5);font-size:16px;font-weight:var(--fw-medium);cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary svg{color:var(--c-text-3);transition:transform var(--t-state);flex:none}.faq details[open] summary svg{transform:rotate(180deg)}.faq__a{padding:0 var(--sp-5) var(--sp-4);color:var(--c-text-2);font-size:var(--fs-body);max-width:640px}.cta-band{background:var(--c-brand);color:var(--c-on-brand)}.cta-band__inner{max-width:var(--container);margin:0 auto;padding:var(--sp-12) var(--gutter);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--sp-4)}@media (min-width: 720px){.cta-band__inner{padding:var(--sp-16) var(--gutter)}}.cta-band .h2{color:var(--c-on-brand)}.cta-band p{color:#ffffffc7;max-width:480px}.cta-band .hero__meta{justify-content:center;margin-top:0;color:#ffffffa8}.site-footer{background:var(--c-dark);color:var(--c-on-dark-2)}.site-footer__inner{max-width:var(--container);margin:0 auto;padding:var(--sp-10) var(--gutter) var(--sp-6);display:grid;gap:var(--sp-8)}@media (min-width: 720px){.site-footer__inner{grid-template-columns:1.4fr 1fr 1fr 1fr}}.site-footer .brand__zh{color:var(--c-on-dark)}.site-footer .brand__en{color:var(--c-on-dark-2)}.site-footer__slogan{margin-top:var(--sp-3);font-size:var(--fs-sub);max-width:280px}.site-footer__cols{display:grid;gap:var(--sp-6);grid-template-columns:repeat(2,1fr)}@media (min-width: 720px){.site-footer__cols{display:contents}}.site-footer__col h3{color:var(--c-on-dark);font-size:var(--fs-sub);font-weight:var(--fw-medium);margin-bottom:var(--sp-3);letter-spacing:.4px}.site-footer__col ul{display:flex;flex-direction:column;gap:10px}.site-footer__col a{color:var(--c-on-dark-2);font-size:var(--fs-sub);transition:color var(--t-state)}.site-footer__col a:hover{color:var(--c-on-dark)}.site-footer__bottom{max-width:var(--container);margin:0 auto;padding:var(--sp-4) var(--gutter) var(--sp-6);border-top:1px solid var(--c-line-dark);display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;font-size:12px;color:var(--c-on-dark-2)}.phone{width:280px;margin:0 auto;border:1px solid var(--c-line-strong);border-radius:36px;background:var(--c-surface);padding:10px;box-shadow:0 24px 48px -24px #1f23292e}.phone__screen{border:1px solid var(--c-line);border-radius:28px;background:var(--c-bg);overflow:hidden;height:596px;display:flex;flex-direction:column;font-size:13px;position:relative}.phone__notch{position:absolute;top:8px;left:50%;transform:translate(-50%);width:84px;height:20px;border-radius:var(--r-full);background:var(--c-dark);z-index:5}.phone__status{display:flex;justify-content:space-between;align-items:center;padding:10px 18px 0;color:var(--c-text-2);font-size:11px;font-weight:var(--fw-medium)}.phone__body{flex:1;padding:14px 14px 0;overflow:hidden}.mock-nav{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.mock-nav b{font-size:19px;letter-spacing:var(--tracking-title)}.mock-nav span{color:var(--c-text-3);font-size:11px}.mock-search{display:flex;align-items:center;gap:8px;background:var(--c-fill-1);color:var(--c-text-3);border-radius:var(--r-12);padding:10px 12px;font-size:12px;margin-bottom:12px}.mock-segs{display:flex;gap:5px;margin-bottom:12px}.mock-seg{padding:5px 8px;border-radius:var(--r-full);background:var(--c-fill-1);color:var(--c-text-2);font-size:10px;white-space:nowrap;flex:none}.mock-seg.is-on{background:var(--c-surface);color:var(--c-text);border:1px solid var(--c-line);font-weight:var(--fw-medium)}.mock-card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-12);padding:10px 12px;display:flex;align-items:center;gap:10px;margin-bottom:8px}.mock-avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:var(--fw-semibold);flex:none}.mock-app-name{font-size:13px;font-weight:var(--fw-medium);display:flex;align-items:center;gap:6px}.mock-app-meta{color:var(--c-text-3);font-size:10.5px;margin-top:2px}.mock-badge{font-size:9.5px;padding:2px 6px;border-radius:var(--r-full);background:var(--c-success-soft);color:var(--c-success);font-weight:var(--fw-medium)}.mock-chevron{margin-left:auto;color:var(--c-text-3)}.mock-tabbar{border-top:1px solid var(--c-line);background:var(--c-surface-glass);display:flex;padding:8px 8px 14px}.mock-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--c-text-3);font-size:9.5px}.mock-tab.is-on{color:var(--c-brand)}.mock-demo-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.mock-demo-head b{font-size:17px}.mock-demo-tip{background:var(--c-warning-soft);color:var(--c-warning);border-radius:var(--r-10);padding:8px 12px;font-size:10.5px;margin-bottom:14px;display:flex;gap:6px;align-items:center}.mock-code{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-16);padding:18px 0;text-align:center;margin-bottom:10px}.mock-code__label{color:var(--c-text-3);font-size:10.5px;margin-bottom:8px;letter-spacing:1px}.mock-code__digits{font-family:var(--font-mono);font-size:23px;letter-spacing:5px;white-space:nowrap;font-weight:var(--fw-semibold);color:var(--c-brand);padding-left:5px}.mock-code__expire{color:var(--c-text-3);font-size:10.5px;margin-top:10px}.mock-visit{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-12);padding:10px 12px;font-size:11px;color:var(--c-text-2);display:flex;justify-content:space-between;align-items:center}.mock-visit .on{color:var(--c-success);font-weight:var(--fw-medium)}.mock-btn-primary{margin-top:12px;background:var(--c-brand);color:#fff;border-radius:var(--r-12);text-align:center;padding:11px 0;font-size:12.5px;font-weight:var(--fw-medium)}.phone-stage{position:relative}.phone-stage:before{content:"";position:absolute;inset:-36px 0 -40px;background:var(--c-brand-soft);border-radius:var(--r-20);z-index:0}.phone-stage .phone{position:relative;z-index:1}.phone-stage__decor{position:absolute;inset:-36px 0 -40px;border-radius:var(--r-20);overflow:hidden;z-index:0;pointer-events:none}.phone-stage__decor:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(26,86,219,.13) 1.2px,transparent 1.3px);background-size:18px 18px;-webkit-mask-image:radial-gradient(ellipse 78% 82% at 50% 50%,#000 30%,transparent 100%);mask-image:radial-gradient(ellipse 78% 82% at 50% 50%,#000 30%,transparent 100%);animation:stage-breathe 9s ease-in-out infinite alternate}.phone-stage__ring{position:absolute;left:50%;top:50%;width:min(460px,88%);aspect-ratio:1;transform:translate(-50%,-50%);border:1.5px solid rgba(26,86,219,.16);border-radius:50%}.phone-stage__ring:after{content:"";position:absolute;inset:36px;border:1px dashed rgba(26,86,219,.14);border-radius:50%;animation:stage-spin 36s linear infinite}.phone-stage__sat{position:absolute;left:50%;top:50%;width:min(460px,88%);aspect-ratio:1;transform:translate(-50%,-50%);animation:stage-orbit 22s linear infinite}.phone-stage__sat:before{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--c-brand);opacity:.5}@keyframes stage-spin{to{transform:rotate(360deg)}}@keyframes stage-orbit{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes stage-breathe{0%{opacity:1}to{opacity:.55}}.split{display:grid;gap:var(--sp-8);align-items:center}@media (min-width: 960px){.split{grid-template-columns:minmax(0,1fr) 460px;gap:var(--sp-12)}.split--flip{grid-template-columns:460px minmax(0,1fr)}}.rules-list{display:flex;flex-direction:column;gap:var(--sp-3)}.rules-list li{display:flex;gap:10px;align-items:flex-start;color:var(--c-text-2);font-size:var(--fs-body)}.rules-list li svg{flex:none;color:var(--c-brand);margin-top:3px}.scene-block{margin-bottom:var(--sp-12)}.scene-block:last-child{margin-bottom:0}.scene-no{display:inline-block;font-family:var(--font-mono);font-size:var(--fs-tag);font-weight:600;color:var(--c-brand);background:var(--c-brand-soft);border-radius:var(--r-full);padding:4px 12px;margin-bottom:var(--sp-3)}.scene-head .h2{margin-top:2px}.scene-q{margin-top:var(--sp-2);font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--c-text-2);max-width:560px}.scene-block .grid{margin-top:var(--sp-5)}.scene-block .card--brand{margin-top:var(--sp-4)}.vs{display:grid;gap:var(--sp-3);margin-top:var(--sp-4)}@media (min-width: 720px){.vs{grid-template-columns:1fr 1fr}}.vs-col{border-radius:var(--r-12);padding:var(--sp-4) var(--sp-5);border:1px solid var(--c-line)}.vs-col .vs-tag{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-tag);line-height:var(--lh-tag);font-weight:600;margin-bottom:6px}.vs-col p{font-size:var(--fs-sub);line-height:var(--lh-sub)}.vs-store{background:var(--c-fill-1)}.vs-store .vs-tag,.vs-store p{color:var(--c-text-3)}.vs-can{background:var(--c-brand-soft);border-color:transparent}.vs-can .vs-tag{color:var(--c-brand)}.vs-can p{color:var(--c-text)}.scene-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:var(--sp-8)}.scene-nav a{display:inline-flex;align-items:center;gap:7px;min-height:var(--hit);padding:0 16px;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-full);color:var(--c-text-2);font-size:14px;transition:border-color var(--t-state),color var(--t-state)}.scene-nav a span{font-family:var(--font-mono);font-size:11px;color:var(--c-brand);font-weight:600}.scene-nav a:hover{border-color:var(--c-brand);color:var(--c-brand)}.can-actions{margin-top:auto;display:flex;align-items:center;gap:10px;padding-top:var(--sp-3);border-top:1px solid var(--c-line);flex-wrap:wrap}.qr-hint{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:10.5px;line-height:14px;color:var(--c-text-3)}.qr-hint img{width:52px;height:52px;border:1px solid var(--c-line);border-radius:8px;background:#fff;padding:3px}.divider{border:0;border-top:1px solid var(--c-line)}.stack{display:flex;flex-direction:column;gap:var(--sp-4)}.center{text-align:center}.page-hero{background:var(--c-surface);border-bottom:1px solid var(--c-line);padding:var(--sp-10) 0 var(--sp-8)}@media (min-width: 720px){.page-hero{padding:var(--sp-16) 0 var(--sp-10)}}.page-hero .h2{max-width:640px}.page-hero .lead{max-width:560px}.download-card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-20);padding:var(--sp-8) var(--sp-6);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--sp-4)}@media (min-width: 720px){.download-card{padding:var(--sp-10) var(--sp-8)}}.download-card__version{display:inline-flex;gap:6px 14px;flex-wrap:wrap;justify-content:center;color:var(--c-text-3);font-size:var(--fs-sub)}.install-steps{display:grid;gap:var(--sp-4)}@media (min-width: 720px){.install-steps{grid-template-columns:repeat(3,1fr);gap:var(--sp-6)}}.os-req{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.os-req li{background:var(--c-fill-1);border:1px solid var(--c-line);color:var(--c-text-2);border-radius:var(--r-full);padding:6px 14px;font-size:var(--fs-sub);display:inline-flex;align-items:center;gap:6px}.os-req svg{color:var(--c-brand)}.reveal{opacity:0;transform:translateY(12px);transition:opacity var(--t-page),transform var(--t-page)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important}.phone-stage__decor:before,.phone-stage__ring:after,.phone-stage__sat{animation:none}}.mock-strip{display:flex;align-items:center;gap:6px;margin-bottom:10px;overflow:hidden}.mock-can{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex:none;border:1px solid transparent}.mock-can.is-on{transform:scale(1.12);border-color:currentColor;background:#fff!important}.mock-can-add{background:var(--c-fill-1);color:var(--c-text-3);border:1px dashed var(--c-line-strong)}.mock-hero{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-16);padding:12px}.mock-hero__head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.mock-can-lg{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;flex:none}.mock-hero__name b{font-size:14px;font-weight:600;display:block;line-height:18px}.mock-hero__name .mock-run{font-style:normal;font-size:9.5px;color:var(--c-success);background:var(--c-success-soft);border-radius:var(--r-full);padding:1px 6px;display:inline-block;margin-top:3px}.mock-hint{font-size:10.5px;color:var(--c-text-3);background:var(--c-fill-1);border-radius:var(--r-full);padding:5px 10px;display:inline-block;margin-bottom:8px}.mock-meta{font-size:10px;color:var(--c-text-3);margin-bottom:10px}.mock-orbs{display:flex;flex-wrap:wrap;gap:8px}.mock-orb{position:relative;width:46px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9px;color:var(--c-text-2);text-align:center;padding-top:44px}.mock-orb svg{position:absolute;top:12px;left:50%;transform:translate(-50%)}.mock-orb:before{content:"";position:absolute;top:0;left:4px;width:38px;height:38px;border-radius:50%;background:var(--c-fill-1)}.mock-orb.is-danger{color:var(--c-danger)}.mock-orb.is-danger:before{background:var(--c-danger-soft)}.mock-orb.is-primary{color:var(--c-brand)}.mock-orb.is-primary:before{background:var(--c-brand)}.mock-orb.is-primary svg{color:#fff}.mock-orb.is-soft{color:var(--c-brand)}.mock-orb.is-soft:before{background:var(--c-brand-soft)}.mock-back{width:26px;height:26px;border-radius:50%;background:var(--c-fill-1);display:flex;align-items:center;justify-content:center;color:var(--c-text-2)}.mock-demo-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.mock-demo-head b{font-size:17px;flex:none}.mock-demo-head .mock-badge{margin-left:auto}.mock-row{display:flex;justify-content:space-between;align-items:center;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-10);padding:9px 12px;font-size:11.5px;color:var(--c-text-2);margin-bottom:8px}.mock-row b{color:var(--c-text);font-weight:500}.mock-qr-row{display:flex;align-items:center;gap:10px;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-10);padding:9px 12px;margin-bottom:10px}.mock-qr{flex:none;border-radius:6px}.mock-qr-addr{flex:1;font-size:10px;color:var(--c-text-3);line-height:1.5}.mock-qr-addr b{display:block;font-family:var(--font-mono);font-size:11px;color:var(--c-text);font-weight:500}.mock-copy{flex:none;font-size:10px;color:var(--c-brand);background:var(--c-brand-soft);border-radius:var(--r-full);padding:4px 10px}.mock-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.mock-title-row b{font-size:17px;font-weight:600;letter-spacing:-.3px}.mock-add-btn{width:28px;height:28px;border-radius:50%;background:var(--c-fill-1);color:var(--c-text-3);display:flex;align-items:center;justify-content:center}.mock-sub{font-size:11px;color:var(--c-text-3);margin:0 0 14px;display:flex;align-items:center;gap:5px}.mock-live-dot{width:5px;height:5px;border-radius:50%;background:var(--c-success);display:inline-block}.mock-strip{display:flex;gap:9px;margin-bottom:14px}.mock-strip .mock-can{width:30px;height:30px;border-radius:9px;font-size:12px;border:1px solid transparent}.mock-strip .mock-can.is-on{transform:scale(1.06);background:#fff!important;box-shadow:0 0 0 1.5px currentColor}.mock-hero{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-16);padding:14px;margin-bottom:12px}.mock-hero__head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.mock-can-lg{width:38px;height:38px;border-radius:11px;font-size:16px;font-weight:600;flex:none;display:flex;align-items:center;justify-content:center}.mock-hero__name{flex:1;min-width:0}.mock-hero__name b{display:block;font-size:14.5px;font-weight:600;line-height:19px}.mock-hero__src{font-size:10.5px;color:var(--c-text-3)}.mock-run{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-style:normal;color:var(--c-success);white-space:nowrap}.mock-open{display:flex;align-items:center;justify-content:center;gap:7px;height:38px;border-radius:11px;background:var(--c-brand);color:#fff;font-size:13.5px;font-weight:500;margin-bottom:4px}.mock-quiet{display:flex;justify-content:space-around}.mock-quiet span{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--c-text-2)}.mock-group{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-16)}.mock-mini{display:flex;align-items:center;gap:9px;padding:11px 13px}.mock-mini+.mock-mini{border-top:1px solid var(--c-line)}.mock-mini__name{font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-mini__meta{margin-left:auto;font-size:10px;color:var(--c-text-3)}.mock-avatar{width:28px;height:28px;border-radius:9px;font-size:12px;font-weight:600;flex:none;display:flex;align-items:center;justify-content:center}.mock-chevron{color:var(--c-text-3)}.phone__shot{width:100%;flex:1;object-fit:cover;object-position:top;display:block}.case-head{display:flex;align-items:center;gap:10px;margin-bottom:var(--sp-3)}.case-head .h3{flex:1;min-width:0;font-size:15.5px;line-height:20px;margin:0}.version-card .icon-chip--soon{background:var(--c-fill-1);color:var(--c-text-3)}.soon-badge{display:inline-flex;align-items:center;gap:6px;margin-top:var(--sp-4);padding:4px 12px;border:1px dashed var(--c-line-strong);border-radius:var(--r-full);color:var(--c-text-3);font-size:var(--fs-tag)}.soon-badge svg{color:var(--c-text-3)}.download-card__soon{display:inline-flex;align-items:center;gap:6px;color:var(--c-text-3);font-size:var(--fs-sub)}.download-card__soon:hover{color:var(--c-brand)}.version-contact{margin-top:var(--sp-6);display:flex;gap:var(--sp-5);align-items:flex-start;flex-wrap:wrap}.version-contact>.icon-chip{background:var(--c-surface);margin-bottom:0}.version-contact__body{flex:1 1 320px;min-width:0}.case-head .sample-card__tag{white-space:nowrap;flex:none}
