:root{--x-ink:#0b0b0c;--x-panel:#141416;--x-hair:#2a2a2e;--x-paper:#edebe4;--x-muted:#8a8a90;--x-lime:#c8ff2e;--x-red:#ff4d2e;--x-display:"Space Grotesk", "Noto Sans SC", system-ui, sans-serif;--x-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Noto Sans SC", monospace;--x-sans:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif}body.x-wire{background:var(--x-ink);color:var(--x-paper);font-family:var(--x-sans)}.x-wire *,.x-wire :before,.x-wire :after{border-radius:0}.x-wire :focus-visible{outline:2px solid var(--x-lime);outline-offset:2px;border-radius:0}.x-wire button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.x-intro{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;padding-top:8px;display:flex}.x-intro p:first-child{font:700 14px/1.3 var(--x-mono);letter-spacing:.06em;text-transform:uppercase}.x-intro p+p{font:400 12px/1.4 var(--x-mono);color:var(--x-muted)}.x-tabs{z-index:5;background:var(--x-ink);border:1px solid var(--x-hair);scrollbar-width:none;gap:0;display:flex;position:sticky;top:0;overflow-x:auto}.x-tabs button{min-height:var(--tap);font:500 13px/1 var(--x-mono);color:var(--x-muted);border-right:1px solid var(--x-hair);white-space:nowrap;flex:1 0 auto;padding:0 14px}.x-tabs button:last-child{border-right:0}.x-tabs button b{color:var(--x-paper);margin-right:6px;font-weight:500}.x-tabs button[aria-selected=true]{background:var(--x-lime);color:var(--x-ink)}.x-tabs button[aria-selected=true] b{color:var(--x-ink)}.x-phone{background:var(--x-ink);border:1px solid var(--x-hair);width:100%;max-width:390px;min-height:780px;box-shadow:0 0 0 6px var(--x-panel), 0 0 0 7px var(--x-hair);margin:0 auto;position:relative;overflow:hidden}.x-phone:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 3px);position:absolute;inset:0}.x-status{font:400 12px/1 var(--x-mono);color:var(--x-muted);border-bottom:1px solid var(--x-hair);justify-content:space-between;padding:10px 16px 8px;display:flex}.x-status span:last-child:before{content:"●";color:var(--x-lime);margin-right:6px}@media (width<=440px){.x-phone{width:auto;max-width:none;margin-inline:calc(-1 * var(--gutter));box-shadow:none;border-inline:0}}.x-screen{animation:x-in .22s var(--ease-out);gap:20px;padding:16px 16px 28px;display:grid}.x-screen[hidden]{display:none}@keyframes x-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.x-label{font:500 12px/1.4 var(--x-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--x-muted)}.x-label b{color:var(--x-lime);font-weight:500}.x-h1{font:700 40px/1.08 var(--x-display);letter-spacing:-.035em}.x-h2{font:700 22px/1.25 var(--x-display);letter-spacing:-.02em}.x-body{font:400 15px/1.6 var(--x-sans)}.x-muted{color:var(--x-muted)}.x-sechead{border-bottom:1px solid var(--x-hair);justify-content:space-between;align-items:baseline;gap:8px;padding-bottom:8px;display:flex}.x-sechead h2{font:700 18px/1.3 var(--x-display);letter-spacing:-.01em}.x-sechead h2 span{font:400 12px var(--x-mono);color:var(--x-muted);letter-spacing:.04em;margin-left:6px}.x-cursor{background:var(--x-lime);vertical-align:-.05em;width:.5em;height:.9em;margin-left:4px;animation:1s step-end infinite x-blink;display:inline-block}@keyframes x-blink{50%{opacity:0}}.x-logo{font:700 17px/1 var(--x-mono);letter-spacing:.04em;align-items:baseline;display:inline-flex}.x-logo__slash{color:var(--x-muted);margin:0 1px;position:relative}.x-logo__slash:before{content:"▲";color:var(--x-lime);animation:x-hop 2.4s var(--ease-out) infinite;font-size:.5em;position:absolute;top:-.75em;left:50%;transform:translate(-50%)}@keyframes x-hop{0%,60%,to{transform:translate(-50%)}72%{transform:translate(-50%,-6px)}84%{transform:translate(-50%)}}.x-header{justify-content:space-between;align-items:center;padding-top:6px;display:flex}.x-btn{background:var(--x-lime);min-height:48px;font:700 16px/1 var(--x-display);letter-spacing:-.01em;border:1px solid var(--x-lime);transition:transform var(--dur-quick) var(--ease-out);justify-content:center;align-items:center;gap:8px;padding:0 20px;text-decoration:none;display:inline-flex;color:var(--x-ink)!important}.x-btn:active{transform:translateY(1px)}.x-btn:disabled{background:var(--x-panel);border-color:var(--x-hair);cursor:not-allowed;color:var(--x-muted)!important}.x-btn--ghost{border-color:var(--x-hair);background:0 0;color:var(--x-paper)!important}.x-btn--block{width:100%}.x-tag{height:20px;font:700 12px/1 var(--x-mono);letter-spacing:.06em;color:var(--x-red);border:1px solid var(--x-red);align-items:center;padding:0 6px;display:inline-flex}.x-tag--solid{background:var(--x-red);color:var(--x-ink)}.x-rank{height:24px;font:500 12px/1 var(--x-mono);border:1px solid var(--x-lime);color:var(--x-lime);white-space:nowrap;align-items:center;gap:6px;padding:0 8px;display:inline-flex}.x-rank b{background:var(--x-lime);color:var(--x-ink);align-items:center;height:22px;margin-left:-8px;padding:0 6px;display:inline-flex}.x-chip{min-height:36px;font:500 13px/1 var(--x-mono);border:1px solid var(--x-hair);color:var(--x-paper);align-items:center;padding:0 12px;display:inline-flex}.x-chips{flex-wrap:wrap;gap:8px;display:flex}.x-up{color:var(--x-lime)}.x-ticker{border-block:1px solid var(--x-hair);align-items:stretch;margin-inline:-16px;display:flex;position:relative;overflow:hidden}.x-ticker__label{z-index:1;background:var(--x-red);color:var(--x-ink);font:700 12px/1 var(--x-mono);letter-spacing:.06em;flex:none;align-items:center;padding:0 10px;display:flex}.x-ticker__viewport{flex:1;overflow:hidden}.x-ticker__track{width:max-content;animation:32s linear infinite x-marquee;display:flex}.x-ticker__track span{font:400 13px/1 var(--x-mono);white-space:nowrap;border-right:1px solid var(--x-hair);padding:10px 14px}.x-ticker__track span i{color:var(--x-lime);margin-left:6px;font-style:normal}@keyframes x-marquee{to{transform:translate(-50%)}}.x-demo-note{font:400 12px/1 var(--x-mono);color:var(--x-muted);text-align:right;margin-top:-14px}.x-hero{gap:14px;padding:8px 0 4px;display:grid}.x-hero .x-body{color:var(--x-muted)}.x-stat{font:400 12px/1.4 var(--x-mono);color:var(--x-muted)}.x-stat b{color:var(--x-paper);font-weight:500}.x-wirelist{gap:10px;margin:0;padding-left:18px;list-style:none;display:grid;position:relative}.x-wirelist:before{content:"";background:var(--x-hair);width:1px;position:absolute;top:8px;bottom:8px;left:4px}.x-wirelist>li{position:relative}.x-wirelist>li:before{content:"";background:var(--x-ink);border:1px solid var(--x-lime);width:9px;height:9px;position:absolute;top:18px;left:-18px}.x-wirelist>li:after{content:"";background:var(--x-hair);width:9px;height:1px;position:absolute;top:22px;left:-9px}.x-card{text-align:left;background:var(--x-panel);border:1px solid var(--x-hair);width:100%;transition:border-color var(--dur-quick);gap:6px;padding:12px 14px;display:grid}.x-card:hover{border-color:var(--x-lime)}.x-card__top{justify-content:space-between;align-items:center;gap:8px;display:flex}.x-card__term{font:700 18px/1.2 var(--x-display);letter-spacing:-.015em}.x-card__gloss{font:400 14px/1.5 var(--x-sans);color:var(--x-paper);opacity:.86}.x-card__meta{font:400 12px/1 var(--x-mono);color:var(--x-muted);justify-content:space-between;align-items:center;display:flex}.x-spark{width:64px;height:18px}.x-spark polyline{fill:none;stroke:var(--x-lime);stroke-width:1.5px;stroke-linejoin:miter}.x-board{border:1px solid var(--x-hair);margin:0;padding:0;list-style:none}.x-board li{border-bottom:1px solid var(--x-hair);grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.x-board li:last-child{border-bottom:0}.x-board__pos{font:700 14px/1 var(--x-mono);color:var(--x-muted)}.x-board li:first-child .x-board__pos{color:var(--x-lime)}.x-board__handle{font:500 14px/1.3 var(--x-mono)}.x-board__handle small{color:var(--x-muted);font-size:12px;display:block}.x-sub{border:1px dashed var(--x-hair);gap:10px;padding:16px;display:grid}.x-sub form{display:flex}.x-sub input{background:var(--x-ink);min-width:0;min-height:48px;color:var(--x-paper);border:1px solid var(--x-hair);font:400 14px var(--x-mono);border-right:0;flex:1;padding:0 12px}.x-sub input::placeholder{color:var(--x-muted)}.x-appfoot{font:400 12px/1.6 var(--x-mono);color:var(--x-muted);text-align:center}.x-qtop{justify-content:space-between;align-items:center;display:flex}.x-qcount{font:700 16px/1 var(--x-mono);letter-spacing:.04em}.x-qcount span{color:var(--x-muted);font-weight:400}.x-timer{font:500 13px/1 var(--x-mono);border:1px solid var(--x-hair);padding:6px 8px}.x-timer:before{content:"◷ ";color:var(--x-lime)}.x-timer.is-low{border-color:var(--x-red);color:var(--x-red)}.x-progress{background:var(--x-hair);height:4px}.x-progress i{background:var(--x-lime);height:100%;transition:width .4s var(--ease-out);display:block}.x-ticks{grid-template-columns:repeat(10,1fr);gap:3px;margin-top:-14px;display:grid}.x-ticks i{background:var(--x-hair);height:2px}.x-ticks i.on{background:var(--x-lime)}.x-ticks i.miss{background:var(--x-red)}.x-options{gap:10px;display:grid}.x-opt{text-align:left;width:100%;min-height:58px;font:400 15px/1.45 var(--x-sans);transition:border-color var(--dur-quick);grid-template-columns:32px 1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid;border:1px solid var(--x-hair)!important;background:var(--x-panel)!important}.x-opt:hover:not(:disabled){border-color:var(--x-muted)!important}.x-opt:disabled{cursor:default}.x-opt__key{border:1px solid var(--x-hair);width:32px;height:32px;font:700 14px/1 var(--x-mono);place-items:center;display:grid}.x-opt__mark{font:700 14px var(--x-mono)}.x-opt.is-correct{border-color:var(--x-lime)!important}.x-opt.is-correct .x-opt__key{background:var(--x-lime);color:var(--x-ink);border-color:var(--x-lime)}.x-opt.is-correct .x-opt__mark{color:var(--x-lime)}.x-opt.is-wrong{border-color:var(--x-red)!important}.x-opt.is-wrong .x-opt__key{background:var(--x-red);color:var(--x-ink);border-color:var(--x-red)}.x-opt.is-wrong .x-opt__mark{color:var(--x-red)}.x-opt.is-dim{opacity:.45}.x-explain{border-left:2px solid var(--x-lime);background:var(--x-panel);font:400 14px/1.55 var(--x-sans);padding:12px 14px}.x-explain.is-wrong{border-left-color:var(--x-red)}.x-explain b{font:700 12px var(--x-mono);letter-spacing:.06em;margin-bottom:4px;display:block}.x-explain.is-wrong b{color:var(--x-red)}.x-explain:not(.is-wrong) b{color:var(--x-lime)}.x-share{aspect-ratio:1080/1350;background:var(--x-panel);border:1px solid var(--x-hair);border-top:3px solid var(--x-lime);grid-template-rows:auto auto 1fr auto;gap:12px;padding:16px;display:grid;position:relative}.x-share__head{border-bottom:1px solid var(--x-hair);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.x-share__rank{align-items:flex-end;gap:10px;display:flex}.x-share__rank strong{font:700 72px/.85 var(--x-display);letter-spacing:-.05em;color:var(--x-lime)}.x-share__rank span{font:700 22px/1.1 var(--x-display);padding-bottom:2px}.x-share__rank small{font:400 12px var(--x-mono);color:var(--x-muted);letter-spacing:.06em;display:block}.x-share__body{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}.x-ladder{border-left:1px solid var(--x-hair);margin:0;padding:0 0 0 16px;list-style:none;position:relative}.x-ladder li{height:21px;font:400 12px/1 var(--x-mono);color:var(--x-muted);white-space:nowrap;transition:color var(--dur-quick);align-items:center;gap:6px;display:flex}.x-ladder li b{width:20px;font-weight:700}.x-ladder li.is-lit{color:var(--x-paper)}.x-ladder li.is-you{color:var(--x-lime)}.x-ladder__marker{width:11px;height:21px;color:var(--x-lime);transform:translateY(var(--y,168px));place-items:center;font-size:11px;transition:transform .2s cubic-bezier(.3,1.6,.5,1);display:grid;position:absolute;top:0;left:-6px}.x-score{font:700 44px/1 var(--x-display);letter-spacing:-.04em}.x-score span{color:var(--x-muted);font-size:20px}.x-beat{font:500 14px/1.4 var(--x-sans);margin-top:4px}.x-beat b{color:var(--x-lime);font-family:var(--x-mono)}.x-missed{border-top:1px solid var(--x-hair);gap:4px;margin-top:12px;padding-top:10px;display:grid}.x-missed p:not(.x-label){font:500 13px/1.3 var(--x-mono)}.x-missed p:not(.x-label):before{content:"✕ ";color:var(--x-red)}.x-share__foot{border-top:1px solid var(--x-hair);justify-content:space-between;align-items:flex-end;padding-top:10px;display:flex}.x-share__foot p{font:400 12px/1.5 var(--x-mono);color:var(--x-muted)}.x-share__foot p b{color:var(--x-paper);font-size:14px;display:block}.x-qr{background:var(--x-paper);width:60px;height:60px;padding:4px}.x-qr svg{width:100%;height:100%;display:block}.x-actions{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.x-actions .x-btn{padding:0 6px;font-size:14px}.x-meta{font:400 12px/1.5 var(--x-mono);color:var(--x-muted);border-block:1px solid var(--x-hair);flex-wrap:wrap;gap:4px 14px;padding-block:8px;display:flex}.x-meta b{color:var(--x-paper);font-weight:500}.x-meta .x-up{color:var(--x-lime)}.x-def{gap:6px;display:grid}.x-def p.en{font:400 14px/1.6 var(--x-mono);color:var(--x-muted)}.x-trend{border:1px solid var(--x-hair);background:var(--x-panel);gap:8px;padding:12px;display:grid}.x-trend svg{width:100%;height:auto;display:block}.x-trend .grid{stroke:var(--x-hair);stroke-width:1px}.x-trend .area{fill:var(--x-lime);opacity:.12}.x-trend .line{fill:none;stroke:var(--x-lime);stroke-width:2px}.x-trend text{font:400 11px var(--x-mono);fill:var(--x-muted)}.x-trend .peak{fill:var(--x-lime)}.x-trend .peaklabel{fill:var(--x-lime);font-weight:700}.x-trend .draw{stroke-dasharray:600;stroke-dashoffset:600px;animation:x-draw 1.4s var(--ease-out) forwards}@keyframes x-draw{to{stroke-dashoffset:0}}.x-sources{border-top:1px solid var(--x-hair);margin:0;padding:0;list-style:none}.x-sources li{border-bottom:1px solid var(--x-hair);grid-template-columns:64px 1fr;gap:10px;padding:10px 0;display:grid}.x-sources__src{font:700 12px/1.5 var(--x-mono);color:var(--x-lime)}.x-sources__src small{color:var(--x-muted);font-size:12px;font-weight:400;display:block}.x-sources p{font:400 14px/1.5 var(--x-sans)}.x-sources p small{font:400 12px var(--x-mono);color:var(--x-muted);margin-top:2px;display:block}.x-swatches{grid-template-columns:1fr 1fr;gap:8px;display:grid}.x-swatch{border:1px solid var(--x-hair)}.x-swatch i{border-bottom:1px solid var(--x-hair);height:52px;display:block}.x-swatch p{font:500 13px/1.4 var(--x-sans);padding:8px 10px}.x-swatch p small{font:400 12px var(--x-mono);color:var(--x-muted);display:block}.x-typerow{border-bottom:1px solid var(--x-hair);gap:4px;padding:12px 0;display:grid}.x-typerow:first-child{border-top:1px solid var(--x-hair)}.x-gallery{background:var(--x-hair);border:1px solid var(--x-hair);gap:1px;display:grid}.x-gallery>div{background:var(--x-ink);gap:10px;padding:14px;display:grid}.x-gallery .x-label{font-size:12px}.x-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.x-principles{counter-reset:p;background:var(--x-hair);border:1px solid var(--x-hair);gap:1px;margin:0;padding:0;list-style:none;display:grid}.x-principles li{counter-increment:p;background:var(--x-panel);grid-template-columns:36px 1fr;gap:4px 10px;padding:14px;display:grid}.x-principles li:before{content:"0" counter(p);font:700 14px/1.4 var(--x-mono);color:var(--x-lime);grid-row:span 2}.x-principles h3{font:700 17px/1.4 var(--x-display)}.x-principles p{font:400 13px/1.55 var(--x-sans);color:var(--x-muted)}@media (prefers-reduced-motion:reduce){.x-ticker__track{flex-wrap:wrap;width:auto;animation:none}.x-ticker__track span[aria-hidden]{display:none}.x-cursor,.x-logo__slash:before,.x-screen{animation:none}.x-trend .draw{stroke-dashoffset:0;animation:none}.x-ladder__marker,.x-progress i{transition:none}}:root{--gutter:16px;--tap:44px;--dur-quick:.16s;--dur-draw:1.4s;--ease-out:cubic-bezier(.23,1,.32,1)}html{background:var(--x-ink)}body{margin:0}img,svg{max-width:100%}.x-site{gap:20px;max-width:640px;margin:0 auto;padding:16px 16px 48px;display:grid}@media (width>=720px){.x-site{padding-top:40px}}.x-wirelist{gap:8px;margin:0;padding:0;list-style:none;display:grid}a.x-card{color:inherit;text-align:left;width:100%;text-decoration:none;display:block}.x-intro p{margin:0}.x-site>*,.x-ticker{min-width:0}*,:before,:after{box-sizing:border-box}