:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fbf6f0;--bg-alt:#f4ebe1;--surface:#fff;--ink:#231f1c;--ink-2:#5d544e;--line:#e5d7c9;--grid:#df623d12;--brand:#df623d;--brand-ink:#b8461f;--brand-soft:#f1a37c;--brand-wash:#fbe3d6;--on-brand:#fff;--tile:#fffaf4;--tile-line:#efdccb;--shadow:#231f1c;--water-a:#4c9ea6;--water-b:#2f7c87;--water-c:#1f5c67;--wave:#a9e0e1;--sand:#ebcd9e;--sand-dark:#cfa572;--plant:#6cba6f;--plant-dark:#2f7d4a;--rock:#7b746d;--rock-dark:#57514c;--fish:#df623d;--fish-hi:#f8c8aa;--fish-eye:#231f1c;--bubble:#e3f7f5;--screen:#12191b;--screen-ink:#e8f1ee;--screen-dim:#8fa6a3;--sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Mono", Menlo, Consolas, monospace;--gutter:16px;--max:1160px;--notch:6px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#141210;--bg-alt:#1b1815;--surface:#211d1a;--ink:#f3ece5;--ink-2:#b4a99f;--line:#362f29;--grid:#ec755014;--brand:#ec7550;--brand-ink:#f39272;--brand-soft:#f1a37c;--brand-wash:#3a2219;--on-brand:#1a0f0a;--tile:#f6eee6;--tile-line:#f6eee6;--shadow:#000;--water-a:#357f89;--water-b:#23636d;--water-c:#17474f;--wave:#7cc4c7;--sand:#c9a676;--sand-dark:#a6814f;--plant:#5aa45f;--plant-dark:#2a6b40;--rock:#69625b;--rock-dark:#48423d;--fish:#ec7550;--fish-eye:#141210;--screen:#0b1012}}html:not([data-lang=en]) [data-l=en],html[data-lang=en] [data-l=zh]{display:none!important}html:not([data-lang]) body{visibility:hidden;animation:0s linear 1.2s forwards reveal}@keyframes reveal{to{visibility:visible}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:76px}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.65;overflow-x:clip}img,svg{max-width:100%;display:block}a{color:inherit}h1,h2,h3,p{margin:0}:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.wrap{width:100%;max-width:var(--max);padding-inline:var(--gutter);margin-inline:auto}@media (width>=720px){:root{--gutter:32px}}.sprite{width:0;height:0;position:absolute;overflow:hidden}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:50;background:var(--ink);color:var(--bg);padding:8px 14px;text-decoration:none;position:absolute;top:-60px;left:8px}.skip:focus{top:8px}.notice{padding:7px var(--gutter);background:repeating-linear-gradient(-45deg, var(--brand-wash) 0 10px, color-mix(in srgb, var(--brand-wash) 70%, var(--bg)) 10px 20px);color:var(--ink);font-family:var(--mono);letter-spacing:.02em;text-align:center;justify-content:center;align-items:center;gap:10px;font-size:12.5px;display:flex}.notice-dot{background:var(--brand);flex:none;width:8px;height:8px}.top{z-index:20;background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.top-row{align-items:center;gap:20px;height:64px;display:flex}.brand{letter-spacing:.01em;align-items:center;gap:10px;font-size:19px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{width:34px;height:34px;image-rendering:pixelated}.nav{gap:4px;margin-left:auto;display:none}.nav a{color:var(--ink-2);border-radius:4px;padding:6px 12px;font-size:15px;text-decoration:none}.nav a:hover{color:var(--ink);background:var(--bg-alt)}@media (width>=860px){.nav{display:flex}}.lang{border:1.5px solid var(--ink);font-family:var(--mono);margin-left:auto;display:inline-flex}@media (width>=860px){.lang{margin-left:8px}}.lang-btn{appearance:none;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:5px 11px;font-size:13px;line-height:1.3}.lang-btn[aria-pressed=true]{background:var(--ink);color:var(--bg)}.eyebrow{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--brand-ink);align-items:center;gap:10px;margin-bottom:14px;font-size:13px;display:inline-flex}.eyebrow:before{content:"";background:var(--brand);width:10px;height:10px;box-shadow:12px 0 0 var(--brand-soft);margin-right:12px}.section{padding-block:72px}@media (width>=900px){.section{padding-block:112px}}.section-alt{background:var(--bg-alt)}.section-title{letter-spacing:-.01em;text-wrap:balance;font-size:clamp(30px,5vw,46px);font-weight:800;line-height:1.15}:lang(en) .section-title,.section-title:lang(en){letter-spacing:-.02em}.body{color:var(--ink-2);max-width:34em;margin-top:18px;font-size:18px}.narrow{max-width:40em}.note{font-family:var(--mono);color:var(--ink-2);margin-top:22px;font-size:13px}.note:before{content:"// ";color:var(--brand)}.split{align-items:center;gap:48px;display:grid}@media (width>=900px){.split{grid-template-columns:1fr 1fr;gap:72px}.split-rev>:first-child{order:2}}.cta-row{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.btn{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--shadow);align-items:center;gap:8px;padding:12px 22px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .12s steps(2,end),box-shadow .12s steps(2,end);display:inline-flex}.btn:hover{box-shadow:6px 6px 0 var(--shadow);transform:translate(-2px,-2px)}.btn:active{box-shadow:1px 1px 0 var(--shadow);transform:translate(3px,3px)}.btn-primary{background:var(--brand-ink);color:#fff}@media (prefers-color-scheme:dark){.btn{border-color:var(--brand)}.btn-primary{background:var(--brand);color:var(--on-brand)}}.btn-ghost{background:var(--surface);color:var(--ink)}.ext{font-size:.9em}.hero{background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-position:-1px -1px;background-size:24px 24px;padding-block:48px 64px;position:relative}@media (width>=900px){.hero{padding-block:88px 104px}}.hero-grid{align-items:center;gap:40px;display:grid}@media (width>=900px){.hero-grid{grid-template-columns:1.05fr 1fr;gap:56px}}.hero-title{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(38px,8.4vw,72px);font-weight:850;line-height:1.08}.hero-title [data-l=zh]{letter-spacing:0;line-height:1.16}.lead{max-width:32em;color:var(--ink-2);margin-top:22px;font-size:18.5px}.hero-art{aspect-ratio:5/4;width:100%;max-width:560px;margin-inline:auto;position:relative}.tank{aspect-ratio:16/9;background:var(--brand);box-shadow:8px 8px 0 color-mix(in srgb, var(--shadow) 18%, transparent);--notch:10px;padding:2.4%;position:absolute;top:19%;left:11%;right:11%}.tank,.mod-icon,.screen,.wiki-card,.scan-screen{clip-path:polygon(0 var(--notch), var(--notch) var(--notch), var(--notch) 0, calc(100% - var(--notch)) 0, calc(100% - var(--notch)) var(--notch), 100% var(--notch), 100% calc(100% - var(--notch)), calc(100% - var(--notch)) calc(100% - var(--notch)), calc(100% - var(--notch)) 100%, var(--notch) 100%, var(--notch) calc(100% - var(--notch)), 0 calc(100% - var(--notch)))}.tank .scene{width:100%;height:100%}.dock{width:17%;animation:3.2s steps(4,end) infinite alternate bob;position:absolute}.dock-top-a{top:5%;left:24%}.dock-top-b{animation-delay:-1.1s;top:5%;left:52%}.dock-left{animation-delay:-2s;top:38%;left:0}.dock-right{animation-delay:-.6s;top:30%;right:0}.dock-bottom{animation-delay:-1.6s;bottom:4%;left:41.5%}.hero-mark{width:13%;height:auto;image-rendering:pixelated;position:absolute;bottom:4%;left:4%;transform:rotate(-6deg)}@keyframes bob{to{transform:translateY(-6px)}}.scene .px-a{fill:var(--water-a)}.scene .px-b{fill:var(--water-b)}.scene .px-c{fill:var(--water-c)}.scene .px-w{fill:var(--wave)}.scene .px-s{fill:var(--sand)}.scene .px-S{fill:var(--sand-dark)}.scene .px-g{fill:var(--plant)}.scene .px-G{fill:var(--plant-dark)}.scene .px-r{fill:var(--rock)}.scene .px-R{fill:var(--rock-dark)}.scene .px-f{fill:var(--fish)}.scene .px-h{fill:var(--fish-hi)}.scene .px-e{fill:var(--fish-eye)}.scene .px-o{fill:var(--bubble)}.scene .fish-a{animation:9s steps(18,end) infinite alternate swim-a}.scene .fish-b{animation:7s steps(12,end) infinite alternate swim-b}.scene .fish-c{animation:11s steps(14,end) infinite alternate swim-c}.scene .bubbles{animation:2.4s steps(6,end) infinite rise}@keyframes swim-a{0%{transform:translate(-6px)}to{transform:translate(12px,1px)}}@keyframes swim-b{0%{transform:translate(4px,1px)}to{transform:translate(-8px)}}@keyframes swim-c{0%{transform:translate(-4px)}to{transform:translate(10px,-1px)}}@keyframes rise{0%{opacity:1;transform:translateY(0)}to{opacity:.2;transform:translateY(-6px)}}.mod-icon{--notch:4px;aspect-ratio:1;background:var(--tile);box-shadow:inset 0 0 0 2px var(--tile-line);flex:none;place-items:center;display:grid}.mod-icon svg{width:72%;height:auto}.steps{border-block:1px solid var(--line);background:var(--surface)}.step-list{margin:0;padding:0;list-style:none;display:grid}@media (width>=760px){.step-list{grid-template-columns:repeat(3,1fr)}}.step{border-bottom:1px dashed var(--line);padding:28px 0}.step:last-child{border-bottom:0}@media (width>=760px){.step{border-bottom:0;border-right:1px dashed var(--line);padding:36px 28px}.step:first-child{padding-left:0}.step:last-child{border-right:0}}.step-no{font-family:var(--mono);color:var(--brand-ink);font-size:15px;font-weight:700;display:block}.step h3{margin-top:8px;font-size:22px;line-height:1.3}.step p{color:var(--ink-2);margin-top:6px;font-size:16px}.points{gap:12px;margin:28px 0 0;padding:0;list-style:none;display:grid}.points li{padding-left:26px;position:relative}.points li:before{content:"";background:var(--brand);width:9px;height:9px;box-shadow:3px 3px 0 var(--brand-soft);position:absolute;top:.62em;left:2px}.screen-fig{margin:0}.screen-fig figcaption{font-family:var(--mono);color:var(--ink-2);text-align:center;margin-top:14px;font-size:12.5px}.screen{--notch:10px;aspect-ratio:960/400;background:var(--screen);color:var(--screen-ink);grid-template-columns:1fr auto;gap:4cqi;padding:5cqi 5.5cqi;display:grid;box-shadow:inset 0 0 0 6px #2a3335;container-type:inline-size}.screen-main{flex-direction:column;justify-content:space-between;min-width:0;display:flex}.screen-time{font-family:var(--mono);letter-spacing:-.02em;font-size:11cqi;font-weight:700;line-height:1}.screen-readings{gap:6cqi;display:flex}.reading{flex-direction:column;display:flex}.reading-k{color:var(--screen-dim);font-size:2.6cqi;line-height:1.3}.reading-v{font-family:var(--mono);color:#ffb08f;font-size:5.4cqi;font-weight:700;line-height:1.15}.reading-v small{color:var(--screen-dim);font-size:.5em}.screen-next{color:var(--screen-ink);font-size:2.8cqi;line-height:1.3}.screen-next .reading-k{margin-right:1cqi}.screen-mods{grid-template-columns:repeat(2,12cqi);align-content:center;gap:2.4cqi;display:grid}.screen-mod{background:#f4ede6;border-radius:1.2cqi;padding:1.6cqi;display:block}.screen-mod svg{width:100%;height:auto}.mod-group{margin-top:48px}.mod-group-title{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;padding-bottom:10px;font-size:20px;display:flex}.mod-count{font-family:var(--mono);color:var(--brand-ink);font-size:14px}.mod-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.mod-card{background:var(--surface);border:1.5px solid var(--line);align-items:center;gap:14px;padding:12px;transition:transform .12s steps(2,end),box-shadow .12s steps(2,end),border-color .12s;display:flex}.mod-card:hover{border-color:var(--ink);box-shadow:4px 4px 0 var(--brand);transform:translate(-2px,-2px)}.mod-card .mod-icon{width:64px}.mod-text{flex-direction:column;min-width:0;display:flex}.mod-name{font-size:16.5px;font-weight:700;line-height:1.35}.mod-desc{color:var(--ink-2);margin-top:2px;font-size:14.5px;line-height:1.45}.chips{flex-wrap:wrap;gap:10px;margin:28px 0 0;padding:0;list-style:none;display:flex}.chips li{border:1.5px solid var(--ink);background:var(--surface);padding:7px 14px;font-size:15px;font-weight:600}.phone{width:min(100%,290px);box-shadow:0 0 0 2px #3a3633, 12px 12px 0 color-mix(in srgb, var(--brand) 55%, transparent);background:#1b1918;border-radius:40px;margin-inline:auto;padding:12px}.phone-screen{color:#231f1c;background:#fbf6f0;border-radius:30px;padding-bottom:18px;overflow:hidden}.phone-live{position:relative}.phone-live .scene{width:100%;height:auto}.live-badge{color:#fff;font-family:var(--mono);background:#0000008c;align-items:center;gap:6px;padding:2px 8px;font-size:11px;display:inline-flex;position:absolute;top:12px;left:12px}.live-badge:before{content:"";background:#ff5a4f;width:6px;height:6px;animation:1.2s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.2}}.phone-readings{grid-template-columns:1fr 1fr;gap:8px;padding:14px 14px 0;display:grid}.phone-reading{font-family:var(--mono);background:#fff;border:1.5px solid #ebdfd3;flex-direction:column;padding:10px 12px;font-size:17px;font-weight:700;line-height:1.25;display:flex}.phone-reading small{font-family:var(--sans);color:#6f655d;font-size:11.5px;font-weight:500}.phone-actions{grid-template-columns:1fr 1fr;gap:8px;padding:8px 14px 0;display:grid}.phone-btn{background:#fff;border:1.5px solid #231f1c;align-items:center;gap:8px;padding:8px 10px;font-size:14px;font-weight:700;display:flex;box-shadow:3px 3px #df623d}.phone-btn svg{width:26px;height:26px}.wiki-card{--notch:12px;background:var(--brand-ink);color:#fff;align-items:end;gap:28px;padding:40px 28px;display:grid;position:relative;overflow:hidden}@media (prefers-color-scheme:dark){.wiki-card{background:var(--brand);color:var(--on-brand)}}@media (width>=900px){.wiki-card{grid-template-columns:1fr auto;padding:64px}}.wiki-card:after{content:"";opacity:.16;pointer-events:none;background:linear-gradient(currentColor 0 0) 144px 0/24px 24px no-repeat,linear-gradient(currentColor 0 0) 120px 0/24px 24px no-repeat,linear-gradient(currentColor 0 0) 144px 24px/24px 24px no-repeat,linear-gradient(currentColor 0 0) 96px 24px/24px 24px no-repeat,linear-gradient(currentColor 0 0) 144px 72px/24px 24px no-repeat,linear-gradient(currentColor 0 0) 72px 0/24px 24px no-repeat;width:168px;height:96px;position:absolute;top:0;right:0}.wiki-card .eyebrow,.wiki-card .body{color:inherit}.wiki-card .body{opacity:.9}.wiki-card .eyebrow:before{box-shadow:12px 0 0 color-mix(in srgb, currentColor 50%, transparent);background:currentColor}.wiki-card .btn{color:#231f1c;background:#fff;border-color:#231f1c;justify-self:start;box-shadow:4px 4px #231f1c}.wiki-url{font-family:var(--mono);opacity:.75;grid-column:1/-1;font-size:13px}.expo-steps{counter-reset:s;gap:12px;margin:28px 0 0;padding:0;list-style:none;display:grid}.expo-steps li{counter-increment:s;grid-template-columns:36px 1fr;align-items:baseline;gap:12px;display:grid}.expo-steps li:before{content:counter(s, decimal-leading-zero);font-family:var(--mono);color:var(--brand-ink);font-weight:700}.scan{aspect-ratio:1;width:min(100%,420px);margin-inline:auto;position:relative}.scan-screen{--notch:10px;background:var(--screen);place-items:center;display:grid;position:absolute;inset:0 18% 18% 0;box-shadow:inset 0 0 0 6px #2a3335}.scan-mark{width:46%;height:auto;image-rendering:pixelated}.scan-corner{aspect-ratio:1;border:4px solid var(--brand-soft);width:14%;position:absolute}.scan-corner.tl{border-bottom:0;border-right:0;top:14%;left:14%}.scan-corner.tr{border-bottom:0;border-left:0;top:14%;right:14%}.scan-corner.bl{border-top:0;border-right:0;bottom:14%;left:14%}.scan-corner.br{border-top:0;border-left:0;bottom:14%;right:14%}.scan-beam{background:var(--brand);height:4px;box-shadow:0 0 12px var(--brand);animation:2.6s steps(16,end) infinite alternate beam;position:absolute;top:18%;left:16%;right:16%}@keyframes beam{to{top:80%}}.scan-phone{aspect-ratio:9/16;background:#1b1918;border-radius:18px;width:38%;padding:7%;position:absolute;bottom:0;right:0;box-shadow:0 0 0 2px #3a3633}.scan-pass{background:linear-gradient(90deg, var(--brand) 0 62%, #e9ddd2 62%) left 14% top 14% / 72% 6% no-repeat, linear-gradient(#cfe8e6 0 0) left 14% top 32% / 72% 34% no-repeat, linear-gradient(#ebdfd3 0 0) left 14% top 74% / 34% 10% no-repeat, linear-gradient(#ebdfd3 0 0) right 14% top 74% / 34% 10% no-repeat, #fbf6f0;border-radius:10px;height:100%;display:block}.foot{border-top:1px solid var(--line);padding-block:56px 64px}.foot-row{align-items:end;gap:28px;display:grid}@media (width>=760px){.foot-row{grid-template-columns:minmax(0,300px) 1fr;gap:48px}}.foot-wordmark{width:min(100%,300px);height:auto}.foot-meta{color:var(--ink-2);font-size:15px}@media (width>=760px){.foot-meta{text-align:right}}.foot-small{font-family:var(--mono);margin-top:4px;font-size:12.5px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}html:not([data-lang]) body{animation:0s linear 1.2s forwards reveal!important}}