.lab{--paper: #faf7f0;--paper-2: #ffffff;--paper-3: #f2ece0;--ink: #1a1a1a;--ink-2: #5e5a52;--ink-3: #8c877c;--line: #e6dfcf;--kapok: #c8372d;--river: #2e6e6a;--amber: #e8a33d;--bad: #b23b3b;--serif: "Songti SC", "STSong", "SimSun", "Noto Serif SC", serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Consolas, "Courier New", monospace;min-height:100vh;padding:44px 16px 90px;color:var(--ink);background:radial-gradient(1200px 620px at 50% -180px,#f5efe3,#e9e3d6 52%,#e2dbc9);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.lab .serif{font-family:var(--serif)}.lab .mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.lab .lab-hero{max-width:720px;margin:0 auto 44px}.lab .lab-kicker{font-size:11px;letter-spacing:.22em;color:var(--ink-3)}.lab .lab-hero h1{font-size:28px;font-weight:600;letter-spacing:.02em;margin:8px 0 12px}.lab .lab-hero p{margin:0;max-width:620px;font-size:14px;line-height:1.9;color:var(--ink-2)}.lab .lab-sec{max-width:720px;margin:0 auto 52px}.lab .lab-sec-head{display:flex;gap:12px;align-items:baseline;margin-bottom:18px}.lab .lab-num{font-size:12px;color:var(--kapok);letter-spacing:.1em}.lab .lab-sec-head h2{margin:0;font-size:17px;font-weight:700;letter-spacing:.01em}.lab .lab-sec-head p{margin:5px 0 0;font-size:13px;line-height:1.75;color:var(--ink-2)}.lab .phone{position:relative;width:100%;max-width:392px;margin:0 auto;padding:20px 18px 86px;background:var(--paper);border:1px solid #e0d8c6;border-radius:26px;overflow:hidden;box-shadow:0 1px #fff inset,0 18px 40px -18px #463c2873,0 2px 6px #463c2814}.lab .phone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(rgba(140,120,80,.055) 1px,transparent 1px);background-size:4px 4px}.lab .phone>*{position:relative}.lab .ph-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.lab .ph-date{font-size:10.5px;letter-spacing:.14em;color:var(--ink-3)}.lab .ph-hi{font-size:26px;font-weight:600;letter-spacing:.06em;margin-top:5px}.lab .seg{display:flex;padding:3px;border-radius:999px;background:var(--paper-3);font-size:11px}.lab .seg span{padding:5px 11px;border-radius:999px;color:var(--ink-3)}.lab .seg span.on{background:var(--paper-2);color:var(--ink);box-shadow:0 1px 3px #00000014}.lab .hero{display:flex;align-items:center;gap:16px;margin:24px 0 16px}.lab .hero-k{font-size:10.5px;letter-spacing:.1em;color:var(--ink-3)}.lab .hero-v{font-size:34px;line-height:1.1;font-weight:600;letter-spacing:-.02em;margin-top:3px}.lab .hero-sub{font-size:12.5px;color:var(--ink-3);letter-spacing:0;margin-left:6px}.lab .hero-k2{font-size:11.5px;color:var(--ink-2);margin-top:5px}.lab .duo{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lab .stat{padding:12px 14px;background:var(--paper-2);border:1px solid var(--line);border-radius:14px;box-shadow:none}.lab .stat-k{font-size:10.5px;letter-spacing:.08em;color:var(--ink-3)}.lab .stat-v{font-size:24px;font-weight:600;margin-top:3px;letter-spacing:-.01em}.lab .stat-v span{font-size:11.5px;color:var(--ink-3);margin-left:2px}.lab .resume{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:13px 14px;background:var(--paper-2);border:1px solid var(--line);border-radius:14px}.lab .resume-k{font-size:10.5px;letter-spacing:.1em;color:var(--kapok)}.lab .resume-t{font-size:13.5px;font-weight:600;margin-top:3px}.lab .btn-ink{border:none;background:var(--ink);color:#faf7f0;font-size:13px;font-weight:600;letter-spacing:.04em;padding:10px 18px;border-radius:999px;cursor:pointer}.lab .btn-ink.sm{padding:8px 16px;font-size:12.5px}.lab .btn-ink.block{display:block;width:100%;margin-top:18px;padding:14px;font-size:14px;border-radius:14px}.lab .mini-head{display:flex;justify-content:space-between;align-items:baseline;margin:22px 0 9px;font-size:10.5px;letter-spacing:.12em;color:var(--ink-3)}.lab .mini-more{color:var(--kapok)}.lab .chips{display:flex;gap:8px;overflow:hidden}.lab .chip{flex:0 0 auto;min-width:86px;padding:9px 12px;background:var(--paper-2);border:1px solid var(--line);border-radius:12px}.lab .chip-n{font-size:12px;font-weight:600}.lab .chip-c{display:block;margin-top:3px;font-size:11px;color:var(--ink-3)}.lab .floatnav{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:flex;gap:4px;padding:8px 10px;background:#1a1a1aed;border-radius:999px;box-shadow:0 12px 26px -10px #0000008c}.lab .fnav{display:flex;flex-direction:column;align-items:center;gap:3px;width:50px;padding:3px 0;color:#faf7f080;font-size:9.5px;letter-spacing:.04em}.lab .fnav.on{color:#faf7f0}.lab .qbar{display:flex;align-items:center;gap:10px}.lab .qbar-n,.lab .qbar-t{font-size:11px;color:var(--ink-3)}.lab .qbar-line{flex:1;height:2px;border-radius:2px;background:var(--line);overflow:hidden}.lab .qbar-line i{display:block;height:100%;border-radius:2px;background:var(--ink)}.lab .qtags{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 18px}.lab .tag{font-size:10.5px;padding:3px 9px;border:1px solid var(--line);border-radius:999px;color:var(--ink-2);background:transparent;font-weight:500}.lab .tag.solid{background:var(--ink);border-color:var(--ink);color:#faf7f0}.lab .qstem{margin:0 0 20px;font-size:16px;line-height:1.95;letter-spacing:.01em;white-space:pre-wrap}.lab .opts{display:flex;flex-direction:column}.lab .opt{display:flex;align-items:flex-start;gap:12px;width:100%;min-height:0;padding:14px 12px 14px 13px;border:none;border-bottom:1px solid var(--line);border-left:3px solid transparent;border-radius:0;background:transparent;color:var(--ink);font-size:14.5px;line-height:1.75;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease}.lab .opt:last-child{border-bottom:none}.lab .opt.on{border-left-color:var(--kapok);background:#fdf5f3}.lab .opt-k{flex:0 0 22px;height:22px;margin-top:2px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;font-size:11px;color:var(--ink-2);background:transparent}.lab .opt.on .opt-k{background:var(--kapok);border-color:var(--kapok);color:#fff}.lab .feedback-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:520px;margin:0 auto}.lab .fb-card{padding:20px 16px;text-align:center;background:var(--paper-2);border:1px solid var(--line);border-radius:16px}.lab .fb-mark{width:52px;height:52px;margin:0 auto 12px;display:grid;place-items:center;border-radius:50%}.lab .fb-card.ok .fb-mark{color:var(--river);background:#eaf1ef;border:1.5px solid var(--river);animation:lab-pop .32s ease-out}.lab .fb-card.bad .fb-mark{color:var(--bad);background:#f8ecea;border:1.5px solid var(--bad)}.lab .fb-t{font-size:14px;font-weight:700}.lab .fb-card.ok .fb-t{color:var(--river)}.lab .fb-card.bad .fb-t{color:var(--bad)}.lab .fb-s{margin-top:5px;font-size:11px;color:var(--ink-3)}.lab .shake{animation:lab-shake .38s ease}.lab .fb-note{max-width:520px;margin:14px auto 0;font-size:12.5px;line-height:1.85;color:var(--ink-2)}@keyframes lab-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}@keyframes lab-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.lab .st-head{font-size:18px;font-weight:600;letter-spacing:.05em}.lab .st-hero{display:flex;align-items:baseline;gap:14px;margin:10px 0 24px}.lab .st-big{font-size:52px;line-height:1;font-weight:600;letter-spacing:-.035em}.lab .st-big span{font-size:20px;color:var(--ink-3)}.lab .st-hero-k{font-size:10.5px;letter-spacing:.1em;color:var(--ink-3)}.lab .st-hero-s{margin-top:4px;font-size:11.5px;color:var(--river)}.lab .st-rows{display:flex;flex-direction:column;gap:15px}.lab .st-row{display:flex;align-items:center;gap:10px}.lab .st-name{flex:0 0 62px;font-size:12px;color:var(--ink-2)}.lab .st-bar{flex:1;height:6px;border-radius:3px;background:var(--paper-3);overflow:hidden}.lab .st-bar i{display:block;height:100%;border-radius:3px}.lab .st-bar i.river{background:var(--river)}.lab .st-bar i.amber{background:var(--amber)}.lab .st-bar i.bad{background:var(--bad)}.lab .st-val{flex:0 0 22px;text-align:right;font-size:12px;font-weight:600}.lab .st-foot{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.lab .st-mini{padding:10px 12px;background:var(--paper-2);border:1px solid var(--line);border-radius:12px}.lab .st-mini-k{font-size:10.5px;color:var(--ink-3)}.lab .st-mini-v{margin-top:3px;font-size:20px;font-weight:600}.lab .st-mini-v span{font-size:11px;color:var(--ink-3);margin-left:2px}.lab .swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.lab .sw-chip{height:56px;border-radius:12px;border:1px solid rgba(0,0,0,.06)}.lab .sw-name{margin-top:7px;font-size:12px;font-weight:600}.lab .sw-hex{font-size:10px;color:var(--ink-3)}.lab .sw-use{font-size:10px;color:var(--ink-2)}.lab .type-demo{margin-top:20px;padding:16px 18px;background:var(--paper-2);border:1px solid var(--line);border-radius:14px}.lab .td-row{display:flex;align-items:baseline;gap:16px;padding:11px 0;border-bottom:1px dashed var(--line)}.lab .td-row:last-child{border-bottom:none}.lab .td-label{flex:0 0 92px;font-size:10px;letter-spacing:.1em;color:var(--ink-3)}.lab .td-h{font-size:24px}.lab .td-body{font-size:14.5px;line-height:1.85}.lab .td-num{font-size:34px;font-weight:600;letter-spacing:-.02em}.lab .td-unit{font-size:14px;color:var(--ink-3)}.lab .nav-demos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lab .nav-demo-k{margin-bottom:8px;font-size:10.5px;letter-spacing:.12em;color:var(--ink-3);text-align:center}.lab .nav-frame{background:var(--paper);border:1px solid #e0d8c6;border-radius:18px;overflow:hidden;box-shadow:0 10px 24px -18px #463c28a6}.lab .nav-demo-p{margin:9px 0 0;font-size:11.5px;line-height:1.7;color:var(--ink-2);text-align:center}.lab .sealbar{display:flex;justify-content:space-between;padding:13px 10px 15px}.lab .seal{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;background:none;border:none;cursor:pointer}.lab .seal-box{width:34px;height:34px;display:grid;place-items:center;border:1.5px solid var(--kapok);border-radius:6px;color:var(--kapok);font-size:17px;font-weight:600;transition:all .18s ease}.lab .seal.on .seal-box{background:var(--kapok);color:#fff;transform:rotate(-3deg);box-shadow:0 3px 8px -2px #c8372d73}.lab .seal-lbl{font-size:9.5px;letter-spacing:.06em;color:var(--ink-3)}.lab .seal.on .seal-lbl{color:var(--kapok);font-weight:600}.lab .ribbonbar{display:flex;padding:0 8px 10px}.lab .rtab{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:17px 0 8px;background:none;border:none;color:var(--ink-3);font-size:9.5px;cursor:pointer}.lab .rtab:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:20px;height:4px;border-radius:0 0 3px 3px;background:var(--line);transition:height .2s ease,background .2s ease}.lab .rtab.on:before{height:13px;background:var(--kapok)}.lab .rtab.on{color:var(--ink)}.lab .capwrap{display:grid;place-items:center;padding:18px 12px}.lab .capbar{display:flex;gap:2px;padding:7px;background:#1a1a1af0;border-radius:999px;box-shadow:0 12px 24px -14px #000000b3}.lab .citem{display:flex;flex-direction:column;align-items:center;gap:2px;width:52px;padding:6px 0;border:none;border-radius:999px;background:none;color:#faf7f080;font-size:9px;cursor:pointer}.lab .citem.on{background:#faf7f026;color:#fcf9f2}.lab .shine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lab .shinebar{display:flex;gap:8px;padding:14px;border-radius:20px}.lab .shinebar.holo{background:#0e0e14}.lab .shinebar.foil{background:#2a2114}.lab .shinebar.glass{background:linear-gradient(135deg,#33404d,#1b232b)}.lab .scard{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 0 9px;border:none;border-radius:14px;overflow:hidden;isolation:isolate;cursor:pointer;font-family:inherit;color:#edeaf4;background:linear-gradient(150deg,#2b2b38,#1b1b25);box-shadow:inset 0 1px #ffffff24,0 4px 12px -8px #000c;transition:transform .2s ease,box-shadow .2s ease}.lab .shinebar.foil .scard{background:linear-gradient(150deg,#f8eacb,#ddbb7c 60%,#f3e2bb);color:#3b2c12;box-shadow:inset 0 1px #ffffffbf,0 4px 12px -8px #46321499}.lab .shinebar.glass .scard{background:#ffffff21;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}.lab .shinebar.holo .scard:before,.lab .hero-shine.holo:before{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:conic-gradient(from 0deg,#ff6ec7,#6ee7ff,#a3ff6e,#ffe66e,#ff6ec7);opacity:.3;mix-blend-mode:screen;animation:lab-holo 11s linear infinite;pointer-events:none}.lab .scard:after,.lab .hero-shine:after{content:"";position:absolute;top:-60%;left:-80%;width:45%;height:220%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.5) 45%,rgba(255,255,255,.92) 50%,rgba(255,255,255,.5) 55%,transparent 100%);transform:rotate(14deg);animation:lab-shine 4.2s ease-in-out infinite;animation-delay:inherit;pointer-events:none}.lab .scard.on{transform:translateY(-4px) scale(1.05);box-shadow:inset 0 1px #ffffff80,0 12px 22px -10px #000000bf,0 0 0 1.5px #ffffff73}.lab .shinebar.holo .scard.on{box-shadow:inset 0 1px #ffffff80,0 12px 24px -10px #000c,0 0 0 1.5px #ffffff80,0 0 24px -4px #78c8ffb3}.lab .scard-ch{font-size:17px;font-weight:600;line-height:1}.lab .scard-lb{font-size:9px;letter-spacing:.06em;opacity:.72}.lab .scard.on .scard-lb{opacity:1}.lab .shine-hero-wrap{margin-top:26px}.lab .hero-shine-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.lab .hero-shine{position:relative;display:flex;justify-content:space-between;align-items:center;min-height:96px;padding:16px 18px;border-radius:18px;overflow:hidden;isolation:isolate}.lab .hero-shine.holo{background:linear-gradient(150deg,#22222d,#141420);color:#f2eefa}.lab .hero-shine.foil{background:linear-gradient(150deg,#f8eacb,#ddbb7c 60%,#f3e2bb);color:#3b2c12}.lab .hero-shine.glass{background:#ffffff1f;border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}.lab .hero-shine>*{position:relative}.lab .hs-k{font-size:10px;letter-spacing:.12em;opacity:.7}.lab .hs-v{font-size:34px;font-weight:600;line-height:1.1;letter-spacing:-.02em}.lab .hs-v span{font-size:13px;opacity:.6;margin-left:2px}.lab .hs-s{font-size:11px;opacity:.75;margin-top:3px}.lab .hs-badge{font-size:13px;font-weight:700;padding:6px 11px;border-radius:999px;background:#ffffff2e}.lab .hero-shine.foil .hs-badge{background:#3b2c1224}@keyframes lab-shine{0%{transform:rotate(14deg) translate(0)}55%{transform:rotate(14deg) translate(330%)}to{transform:rotate(14deg) translate(330%)}}@keyframes lab-holo{to{transform:rotate(360deg)}}@media (max-width: 720px){.lab .shine-grid,.lab .hero-shine-row{grid-template-columns:1fr}}.lab .lab-foot{max-width:720px;margin:0 auto;padding-top:18px;border-top:1px solid rgba(0,0,0,.08);font-size:13px;text-align:center;color:var(--ink-2)}@media (max-width: 560px){.lab .swatches{grid-template-columns:repeat(3,1fr)}.lab .lab-hero h1{font-size:23px}.lab .feedback-grid{grid-template-columns:1fr}}:root{--paper: #faf7f0;--paper-2: #ffffff;--paper-3: #f2ece0;--bg: #faf7f0;--card: #ffffff;--text: #1a1a1a;--muted: #6b6459;--muted-2: #8c877c;--line: #e6dfcf;--line-strong: #d9d1be;--primary: #c8372d;--primary-weak: #fbefec;--ok: #2e6e6a;--ok-weak: #eaf1ef;--bad: #b23b3b;--bad-weak: #f8ecea;--warn: #c8871f;--warn-weak: #fbf1df;--ink: #1a1a1a;--ink-2: #5e5a52;--ink-3: #8c877c;--serif: "Songti SC", "STSong", "SimSun", "Noto Serif SC", serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Consolas, "Courier New", monospace;--fs: 16px;--radius: 16px;--shadow: 0 1px 0 rgba(255, 255, 255, .9) inset, 0 6px 18px -12px rgba(70, 60, 40, .55), 0 1px 2px rgba(70, 60, 40, .06)}:root[data-theme=dark]{--paper: #14120f;--paper-2: #1c1915;--paper-3: #221e19;--bg: #14120f;--card: #1c1915;--text: #ece6da;--muted: #a49b8b;--muted-2: #7c7466;--line: #2c2721;--line-strong: #3a342b;--primary: #e0604f;--primary-weak: #2c1d1a;--ok: #5aa79f;--ok-weak: #16261f;--bad: #e06666;--bad-weak: #2b1817;--warn: #e2ac5c;--warn-weak: #2a2214;--ink: #ece6da;--ink-2: #b3a898;--ink-3: #857c6d;--shadow: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 8px 22px -14px rgba(0, 0, 0, .9)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{background-color:var(--bg);background-image:radial-gradient(rgba(140,120,80,.05) 1px,transparent 1px);background-size:4px 4px;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:var(--fs);line-height:1.7;-webkit-font-smoothing:antialiased}:root[data-theme=dark] body{background-image:none}button{font-family:inherit}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(rgba(140,120,80,.05) 1px,transparent 1px);background-size:4px 4px}:root[data-theme=dark] body:before{display:none}.app{max-width:720px;margin:0 auto;padding:0 16px calc(112px + env(safe-area-inset-bottom));min-height:100vh}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.serif{font-family:var(--serif)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0 10px;background:var(--bg);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:8px;font-family:var(--serif);font-weight:600;font-size:1.08em;letter-spacing:.06em}.brand-dot{width:7px;height:7px;border-radius:2px;background:var(--primary);transform:rotate(45deg)}.card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.card+.card{margin-top:12px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:26px 0 10px;font-size:.72em;font-weight:700;color:var(--muted-2);letter-spacing:.18em}.section-title:before{content:"";width:3px;height:12px;border-radius:2px;background:var(--primary);margin-right:-4px}.section-title>span:first-child{margin-right:auto}.muted{color:var(--muted)}.small{font-size:.82em}.row{display:flex;align-items:center;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--text);font-size:.94em;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:transform .08s ease,background .15s ease,border-color .15s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}.icon-btn{flex:0 0 auto;width:46px;height:46px;display:grid;place-items:center;padding:0;border-radius:13px;border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;transition:transform .08s ease,background .15s ease}.icon-btn:active{transform:translateY(1px);background:var(--paper-3)}.btn-block{width:100%}.btn:disabled{opacity:.4;cursor:not-allowed}.segmented{display:inline-flex;padding:3px;gap:2px;border-radius:999px;background:var(--paper-3)}.segmented button{border:none;background:transparent;color:var(--muted-2);font-size:.78em;font-weight:700;padding:7px 13px;border-radius:999px;cursor:pointer;transition:all .16s ease}.segmented button.on{background:var(--card);color:var(--text);box-shadow:0 1px 3px #463c2824}.hero{display:flex;align-items:center;gap:18px;margin:16px 0 12px;padding:18px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-txt{min-width:0}.hero-k{font-size:.66em;letter-spacing:.16em;color:var(--muted-2)}.hero-v{font-size:2.1em;font-weight:600;line-height:1.05;letter-spacing:-.02em;margin-top:2px}.hero-v span{font-size:.42em;color:var(--muted-2);margin-left:4px;letter-spacing:0}.hero-k2{font-size:.76em;color:var(--muted);margin-top:4px}.duo{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;box-shadow:var(--shadow)}.stat .num{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:1.5em;font-weight:600;letter-spacing:-.02em;line-height:1.15}.stat .lbl{font-size:.7em;color:var(--muted-2);margin-top:3px;letter-spacing:.06em}.bar{height:6px;border-radius:3px;background:var(--paper-3);overflow:hidden}.bar>i{display:block;height:100%;border-radius:3px;background:var(--primary);transition:width .4s ease}.bar>i.ok{background:var(--ok)}.bar>i.bad{background:var(--bad)}.qhead{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:12px}.tag{font-size:.68em;font-weight:600;padding:3px 9px;border-radius:999px;background:transparent;border:1px solid var(--line);color:var(--muted);letter-spacing:.02em}.tag.gray{border-color:var(--line);color:var(--muted-2)}.tag.warn{border-color:color-mix(in srgb,var(--warn) 45%,transparent);color:var(--warn);background:var(--warn-weak)}.material{background:var(--paper-3);border-left:3px solid var(--primary);border-radius:0 10px 10px 0;padding:13px 15px;margin-bottom:16px;font-size:.92em;color:var(--ink-2);line-height:1.85}.material-tag{font-weight:800;color:var(--primary);letter-spacing:.04em}.stem{font-size:1.02em;font-weight:500;line-height:1.95;letter-spacing:.005em;white-space:pre-wrap;word-break:break-word}.figures{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.figures img{width:58px;height:58px;border:1px solid var(--line);border-radius:10px;background:#fff}.opts{display:flex;flex-direction:column;margin-top:18px;border-top:1px solid var(--line)}.opt{display:flex;align-items:flex-start;gap:12px;width:100%;min-height:52px;padding:14px 12px 14px 13px;border:none;border-bottom:1px solid var(--line);border-left:3px solid transparent;border-radius:0;background:transparent;color:var(--text);font-size:.97em;line-height:1.7;text-align:left;cursor:pointer;transition:background .14s ease,border-color .14s ease}.opt .k{flex:0 0 22px;height:22px;margin-top:3px;display:grid;place-items:center;border-radius:6px;border:1px solid var(--line);font-family:var(--mono);font-size:.7em;font-weight:700;color:var(--muted)}.opt.on{border-left-color:var(--primary);background:var(--primary-weak)}.opt.on .k{background:var(--primary);border-color:var(--primary);color:#fff}.opt.right{border-left-color:var(--ok);background:var(--ok-weak)}.opt.right .k{background:var(--ok);border-color:var(--ok);color:#fff}.opt.wrong{border-left-color:var(--bad);background:var(--bad-weak)}.opt.wrong .k{background:var(--bad);border-color:var(--bad);color:#fff}.opt.dim{opacity:.5}.opt img{width:58px;height:58px}.reveal{margin-top:18px;border-top:1px dashed var(--line);padding-top:16px;animation:fade .22s ease}.verdict{display:flex;align-items:center;gap:10px;font-weight:700;margin-bottom:6px}.verdict .ok{color:var(--ok);animation:pop .3s ease-out}.verdict .bad{color:var(--bad);animation:shake .4s ease}.answer-line{font-size:.84em;color:var(--muted);margin-bottom:14px}.explain-block{margin-top:12px}.explain-label{display:inline-block;font-size:.66em;font-weight:800;letter-spacing:.14em;color:var(--primary);background:var(--primary-weak);padding:2px 8px;border-radius:5px;margin-bottom:5px}.explain-text{margin-top:4px;font-size:.93em;line-height:1.85;white-space:pre-wrap;word-break:break-word}.explain-block.tips{background:var(--paper-3);border:1px solid var(--line);border-radius:12px;padding:13px 15px;margin-top:18px}.explain-block.tips .explain-label{background:var(--ink);color:var(--paper)}.explain-block.tips .explain-text{font-size:.91em;line-height:1.95}.points{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.points span{font-size:.7em;padding:3px 9px;border-radius:999px;border:1px solid var(--line);color:var(--muted-2)}.confidence{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.hint-next{text-align:center;margin:8px 0 0}.explain-sep{height:0;margin:20px 0 4px;border-top:1px dashed var(--line)}.confidence.two{grid-template-columns:repeat(2,1fr)}.confidence button{min-height:46px;border-radius:12px;border:1.5px solid var(--line);background:var(--card);color:var(--text);font-weight:700;font-size:.9em;cursor:pointer;transition:transform .08s ease}.confidence button:active{transform:translateY(1px)}.confidence button.good{border-color:var(--ok);color:var(--ok)}.confidence button.mid{border-color:var(--warn);color:var(--warn)}.confidence button.poor{border-color:var(--bad);color:var(--bad)}.dock{position:fixed;left:0;right:0;bottom:calc(14px + env(safe-area-inset-bottom));z-index:40;display:flex;justify-content:center;pointer-events:none}.dock-inner{display:flex;gap:2px;padding:7px 9px;border-radius:999px;background:color-mix(in srgb,#171512 94%,transparent);box-shadow:0 16px 34px -14px #0000008c,0 0 0 1px #ffffff0f inset;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto}:root[data-theme=dark] .dock-inner{background:color-mix(in srgb,#2a251e 96%,transparent);box-shadow:0 16px 34px -14px #000c,0 0 0 1px #ffffff14 inset}.dock-btn{display:flex;flex-direction:column;align-items:center;gap:2px;width:58px;padding:6px 0 5px;border:none;border-radius:999px;background:none;color:#faf7f080;font-size:.6em;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:color .16s ease,background .16s ease}.dock-btn.on{color:#fcf9f2;background:#faf7f024}.practice-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;overflow-y:auto;background:var(--bg);-webkit-overflow-scrolling:touch}.practice-inner{max-width:720px;margin:0 auto;padding:0 16px calc(36px + env(safe-area-inset-bottom))}.practice-top{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:14px 0 10px;background:var(--bg);background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.progress{flex:1;height:2px;border-radius:2px;background:var(--line);overflow:hidden}.progress>i{display:block;height:100%;background:var(--ink);border-radius:2px;transition:width .25s ease}.timer{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.78em;color:var(--muted-2);font-weight:600;letter-spacing:.02em}.timer.over{color:var(--bad)}.countdown-slot{min-width:48px;margin-left:auto;display:flex;align-items:center;justify-content:flex-end}.countdown-badge{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.72em;font-weight:800;color:#fff;background:var(--bad);padding:3px 8px;border-radius:999px;white-space:nowrap}.toast{position:fixed;left:50%;top:64px;transform:translate(-50%);z-index:60;background:var(--ink);color:var(--paper);padding:9px 16px;border-radius:999px;font-size:.8em;font-weight:700;white-space:nowrap;box-shadow:0 10px 24px -12px #0009}.list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.list-item:last-child{border-bottom:none}.empty{text-align:center;padding:40px 16px;color:var(--muted-2);font-size:.9em;line-height:1.8}.empty .big{font-size:2em;display:block;margin-bottom:10px;opacity:.32}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border-bottom:none}.boot{display:grid;place-items:center;min-height:100vh;color:var(--muted);font-size:.9em}.boot-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}.boot-msg{font-size:1em;font-weight:600;color:var(--text);letter-spacing:.04em}.notice{display:flex;gap:10px;align-items:flex-start;background:var(--warn-weak);border:1px solid color-mix(in srgb,var(--warn) 28%,transparent);border-radius:12px;padding:12px 14px;font-size:.8em;line-height:1.7;color:var(--text)}.result-num{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:2.6em;font-weight:600;letter-spacing:-.03em;line-height:1.1}.spark{width:100%;height:90px;display:block}.weak-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.weak-item:last-child{border-bottom:none}.search{width:100%;margin-top:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--text);font-size:.92em;outline:none;transition:border-color .15s ease}.search:focus{border-color:var(--ink)}.sucai-card{cursor:default}.sucai-head{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:0;background:none;border:none;color:inherit;cursor:pointer}.sucai-title{display:flex;align-items:center;gap:6px;font-weight:700;font-size:.98em}.fav-dot{color:var(--warn);font-size:.8em}.sucai-body{margin-top:16px;animation:fade .2s ease}.deep-label{margin:18px 0 6px;font-size:.66em;font-weight:800;letter-spacing:.14em;color:var(--primary)}.sucai-body>.deep-label:first-child{margin-top:0}.item-row{display:flex;gap:10px;align-items:flex-start;padding:5px 0}.item-text{flex:1;font-size:.91em;line-height:1.85}.quote-text{border-left:2px solid var(--line-strong);padding-left:10px;color:var(--ink-2)}.mini-copy{flex:0 0 auto;font-size:.66em;padding:3px 9px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--muted-2);cursor:pointer;opacity:.85;transition:opacity .15s ease}.mini-copy:active{opacity:1;transform:translateY(1px)}.pitfall{display:flex;gap:10px;align-items:flex-start;margin-top:18px;padding:11px 13px;border-radius:10px;background:var(--warn-weak);border:1px solid color-mix(in srgb,var(--warn) 30%,transparent);font-size:.85em;line-height:1.75}.pitfall-k{flex:0 0 auto;font-weight:800;color:var(--warn)}.rel-row{display:flex;flex-wrap:wrap;gap:8px}.rel-chip{font-size:.76em;padding:6px 11px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer}.rel-chip:active{background:var(--paper-3)}.field{margin-bottom:14px}.field:last-child{margin-bottom:0}.field-label{display:block;margin-bottom:6px;font-size:.68em;letter-spacing:.12em;color:var(--muted-2)}.input,.textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--text);font-family:inherit;font-size:.92em;line-height:1.7;outline:none;transition:border-color .15s ease}.textarea{min-height:96px;resize:vertical}.input:focus,.textarea:focus{border-color:var(--ink)}.input::placeholder,.textarea::placeholder{color:var(--muted-2);opacity:.7}.sticky-action{position:sticky;bottom:0;z-index:5;margin-top:16px;padding:14px 0 calc(14px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 62%,transparent)}.sticky-action .btn{min-height:50px;box-shadow:0 10px 24px -14px #00000080}.dot-list{margin:0;padding-left:20px;font-size:.92em;line-height:1.85}.dot-list li{margin-bottom:6px}.dot-list li:last-child{margin-bottom:0}.quote-item{font-size:.9em;line-height:1.8;padding:9px 13px;margin-bottom:7px;border-left:3px solid var(--primary);background:var(--paper-3);border-radius:0 8px 8px 0;color:var(--text)}.quote-item:last-child{margin-bottom:0}.fmt-part{display:flex;gap:12px;padding:9px 0;border-bottom:1px dashed var(--line);align-items:flex-start}.fmt-part:last-child{border-bottom:none}.fmt-part .p{flex:0 0 64px;font-weight:700;font-size:.8em;color:var(--primary);padding-top:2px}.fmt-part .c{flex:1;font-size:.9em;line-height:1.75}.sl-material{max-height:320px;overflow-y:auto;font-size:.92em;line-height:1.95;color:var(--text);padding-right:4px;white-space:pre-wrap}.sl-answer{font-size:.91em;line-height:1.9;white-space:pre-wrap;color:var(--text)}.point-row{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-bottom:1px dashed var(--line);cursor:pointer}.point-row:last-child{border-bottom:none}.point-row input[type=checkbox]{flex:0 0 auto;width:20px;height:20px;margin-top:2px;accent-color:var(--primary);cursor:pointer}.point-text{font-size:.93em;font-weight:600;line-height:1.65}.rt-f{display:inline;height:1.25em;width:auto;vertical-align:-.22em;margin:0 2px}.rt-b{display:block;max-width:100%;height:auto;margin:10px 0;border-radius:8px}.rt-u{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}.rt-blank{display:inline-block;width:4.5em;height:1em;vertical-align:-.12em;border-bottom:1.5px solid currentColor}.rt-missing{display:inline-block;padding:1px 7px;margin:0 2px;font-size:.76em;color:var(--warn);background:var(--warn-weak);border-radius:4px;vertical-align:.1em}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.72);opacity:0}62%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
