@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Noto+Serif+TC:wght@600;700;900&family=Noto+Sans+TC:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg: #16130e;--bg-2: #1e1a13;--raised: #262017;--raised-2: #2e2719;--line: #3a3223;--line-soft: #2c2619;--ink-hi: #f3ebd9;--ink: #c9bda6;--ink-dim: #8d8270;--lamp: #f0a93c;--lamp-hi: #ffc45e;--lamp-deep: #c9821a;--lamp-soft: rgba(240, 169, 60, .13);--paper: #f6efdd;--paper-2: #eee5cc;--paper-line: #ddd1b2;--p-ink: #2c2517;--p-ink-soft: #6b6047;--mark-red: #c24328;--mark-blue: #33639f;--mark-green: #4d7a3a;--mark-plum: #8a5a9e;--ok: #7fae5c;--zh-serif: "Noto Serif TC", serif;--zh-sans: "Noto Sans TC", sans-serif;--en-serif: "Fraunces", "Noto Serif TC", serif;--mono: "IBM Plex Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--zh-sans);color:var(--ink);background:radial-gradient(1100px 600px at 12% -8%,rgba(240,169,60,.1),transparent 60%),radial-gradient(900px 700px at 108% 112%,rgba(240,169,60,.05),transparent 55%),linear-gradient(180deg,#1a1610 0%,var(--bg) 40%);min-height:100vh;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");z-index:999}.wrap{max-width:1120px;margin:0 auto;padding:0 32px}svg{flex:none}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.rise{animation:rise .55s cubic-bezier(.2,.7,.2,1) both}.d1{animation-delay:.06s}.d2{animation-delay:.13s}.d3{animation-delay:.2s}.d4{animation-delay:.28s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.topbar{display:flex;align-items:center;gap:14px;padding:22px 0 18px}.wordmark{display:flex;align-items:center;gap:12px;text-decoration:none}.wordmark .lamp{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#201708;background:linear-gradient(145deg,var(--lamp-hi),var(--lamp-deep));box-shadow:0 4px 18px #f0a93c59,inset 0 1px #fff6}.wordmark b{font-family:var(--en-serif);font-weight:620;font-size:1.35rem;letter-spacing:-.01em;color:var(--ink-hi);font-variation-settings:"opsz" 40}.wordmark small{display:block;font-size:.72rem;color:var(--ink-dim);letter-spacing:.32em;margin-top:1px}.topbar .spacer{flex:1}.top-link{display:inline-flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-size:.88rem;padding:9px 16px;border:1px solid var(--line);border-radius:999px;background:#ffffff05}.top-link .count{color:var(--lamp);font-family:var(--mono);font-size:.82rem}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--ink-dim);text-decoration:none;font-size:.88rem}.back-link:hover{color:var(--ink-hi)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--zh-sans);font-size:.95rem;font-weight:500;border-radius:14px;border:1px solid var(--line);padding:13px 22px;cursor:pointer;color:var(--ink-hi);background:var(--raised);text-decoration:none;white-space:nowrap;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-1px)}.btn-primary{border:none;color:#241806;font-weight:700;background:linear-gradient(160deg,var(--lamp-hi) 0%,var(--lamp) 55%,var(--lamp-deep) 130%);box-shadow:0 6px 22px #f0a93c4d,inset 0 1px #ffffff73}.btn-ghost{background:transparent}.btn-hero{position:relative;display:inline-flex;align-items:center;gap:12px;font-size:1.22rem;font-weight:700;font-family:var(--zh-sans);color:#241806;border:none;cursor:pointer;padding:20px 34px;border-radius:999px;background:linear-gradient(160deg,var(--lamp-hi) 0%,var(--lamp) 55%,var(--lamp-deep) 130%);box-shadow:0 0 0 1px #ffd68c59,0 10px 38px #f0a93c61,inset 0 2px #ffffff80;animation:heartbeat 2.6s ease-in-out infinite}@keyframes heartbeat{0%,to{box-shadow:0 0 0 1px #ffd68c59,0 10px 38px #f0a93c57,inset 0 2px #ffffff80}50%{box-shadow:0 0 0 1px #ffd68c80,0 10px 52px #f0a93c85,inset 0 2px #ffffff80}}.kbd{font-family:var(--mono);font-size:.72rem;font-weight:500;padding:3px 8px;border-radius:6px;border:1px solid rgba(36,24,6,.35);border-bottom-width:2.5px;color:#241806bf}.chip{display:inline-flex;align-items:center;gap:7px;font-size:.8rem;color:var(--ink);padding:6px 13px;border-radius:999px;border:1px solid var(--line);background:#ffffff05}.chip .num{font-family:var(--mono);color:var(--lamp)}.chip-time{font-family:var(--mono);font-size:.78rem}.chip-ok{color:var(--ok);border-color:#7fae5c59}.card{background:linear-gradient(180deg,#ffffff06,#fff0 45%),var(--bg-2);border:1px solid var(--line-soft);border-radius:20px}.scene{position:relative;overflow:hidden;background:linear-gradient(180deg,#f5d9a8,#eec287 46%,#b98c56)}.scene .win{position:absolute;left:8%;top:10%;width:26%;height:55%;border-radius:6%/4%;background:linear-gradient(180deg,#fdf2cf,#fbd992);box-shadow:0 0 0 .6vmin #a97e4c,0 1vmin 5vmin #ffe29ecc}.scene .win:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:5%;background:#a97e4c;transform:translate(-50%)}.scene .ray{position:absolute;left:12%;top:12%;width:46%;height:70%;background:linear-gradient(105deg,rgba(255,244,200,.55),transparent 65%);transform:skew(-18deg)}.scene .counter{position:absolute;left:0;right:0;bottom:0;height:26%;background:linear-gradient(180deg,#7c5433,#5d3d22)}.scene .cup{position:absolute;right:30%;bottom:22%;width:9%;aspect-ratio:1 / .82;background:linear-gradient(180deg,#fdfaf2,#e8dfc8);border-radius:8% 8% 42% 42%/10% 10% 55% 55%;box-shadow:inset 0 -1vmin 1.5vmin #00000014,0 .8vmin 1.2vmin #0000002e}.scene .cup:before{content:"";position:absolute;right:-26%;top:18%;width:30%;height:48%;border:.55vmin solid #e8dfc8;border-left:none;border-radius:0 60% 60% 0/0 50% 50% 0}.scene .steam{position:absolute;right:32.5%;bottom:32%;width:4%;height:16%;border-left:.5vmin solid rgba(255,255,255,.75);border-radius:50%;filter:blur(.15vmin);transform:rotate(6deg)}.scene .steam.s2{right:35.5%;height:12%;bottom:34%;transform:rotate(-8deg);opacity:.6}.scene .plant{position:absolute;left:42%;bottom:24%;width:7%;aspect-ratio:1/1.1;background:radial-gradient(circle at 30% 25%,#7d9e5a,#52713a 70%);border-radius:50% 50% 8% 8%}.scene .plant:after{content:"";position:absolute;left:22%;right:22%;bottom:-34%;height:40%;background:linear-gradient(180deg,#b06a3b,#8f5028);border-radius:0 0 22% 22%}.scene .vig{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 14vmin #3c1e0573}.scene--desk{background:linear-gradient(180deg,#2e3550,#1f2438 55%,#171a29)}.scene--desk .win{background:linear-gradient(180deg,#46527a,#2c3554);box-shadow:0 0 0 .6vmin #141827}.scene--desk .ray{background:linear-gradient(105deg,rgba(120,140,210,.25),transparent 60%)}.scene--desk .counter{background:linear-gradient(180deg,#3a2c20,#241a10)}.scene--desk .cup{background:linear-gradient(180deg,#f2b95a,#c98a2c)}.scene--desk .cup:before{border-color:#c98a2c}.scene--desk .steam,.scene--desk .plant,.scene--desk .plant:after{display:none}.scene--desk .lampglow{position:absolute;right:18%;bottom:24%;width:22%;height:40%;background:radial-gradient(closest-side,rgba(255,200,110,.85),transparent)}.player{border-radius:22px;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 80px #0000008c;background:#000}.player .stage{aspect-ratio:16 / 9;position:relative}.player .chrome{display:flex;align-items:center;gap:16px;padding:12px 18px;background:#100d08;border-top:1px solid rgba(255,255,255,.05);color:var(--ink-dim)}.player .chrome .t{font-family:var(--mono);font-size:.8rem}.progress{flex:1;height:5px;border-radius:99px;background:#ffffff1a;position:relative}.progress i{position:absolute;left:0;top:0;bottom:0;width:29%;border-radius:99px;background:linear-gradient(90deg,var(--lamp-deep),var(--lamp))}.progress i:after{content:"";position:absolute;right:-6px;top:50%;width:13px;height:13px;border-radius:50%;transform:translateY(-50%);background:var(--lamp-hi);box-shadow:0 0 10px #f0a93ccc}.speed-chip{font-family:var(--mono);font-size:.76rem;padding:4px 10px;border-radius:8px;border:1px solid var(--line);color:var(--ink)}.sub-zone{margin-top:22px;padding:26px 30px;border:1.5px dashed var(--line);border-radius:18px;text-align:center;position:relative}.sub-zone .state{display:inline-flex;align-items:center;gap:9px;font-size:.86rem;color:var(--ink-dim);margin-bottom:14px}.sub-blur{font-family:var(--en-serif);font-size:1.3rem;line-height:1.7;color:var(--ink);filter:blur(7px);-webkit-user-select:none;user-select:none}.peek{position:absolute;right:18px;bottom:14px;font-size:.78rem;color:var(--ink-dim);text-decoration:none}.peek:hover{color:var(--lamp)}.dock{display:flex;align-items:center;gap:14px;margin-top:26px}.dock .grp{display:flex;gap:12px}.dock .spacer{flex:1}.hero-note{font-size:.78rem;color:var(--ink-dim);text-align:right;margin-top:10px}.paper-card{position:relative;background:linear-gradient(180deg,#ffffff80,#fff0 120px),var(--paper);color:var(--p-ink);border-radius:18px;box-shadow:0 1px #ffffff14,0 34px 90px #0009,inset 0 0 60px #b4965a1f;overflow:hidden}.paper-card:before{content:"";position:absolute;left:58px;top:0;bottom:0;width:1.5px;background:#c2432838}.paper-head{display:flex;align-items:center;gap:12px;padding:22px 30px 18px 84px;border-bottom:1px solid var(--paper-line)}.paper-head .who{display:inline-flex;align-items:center;gap:9px;font-family:var(--zh-serif);font-weight:700;font-size:1.05rem;color:var(--p-ink)}.paper-head .who svg{color:var(--mark-red)}.paper-head .range{font-family:var(--mono);font-size:.78rem;color:var(--p-ink-soft);padding:4px 11px;border:1px solid var(--paper-line);border-radius:999px;background:var(--paper-2)}.paper-head .x{margin-left:auto;color:var(--p-ink-soft);font-size:1.1rem;text-decoration:none;line-height:1}.paper-body{padding:26px 34px 30px 84px}.paper-sec{margin-bottom:26px}.paper-sec:last-child{margin-bottom:0}.sec-title{display:flex;align-items:center;gap:8px;font-family:var(--zh-serif);font-weight:700;font-size:.95rem;color:var(--mark-red);margin-bottom:12px}.sec-title.blue{color:var(--mark-blue)}.sec-title.green{color:var(--mark-green)}.context-line{font-family:var(--en-serif);font-size:1.02rem;font-style:italic;color:var(--p-ink-soft);margin-bottom:14px;font-variation-settings:"opsz" 20}.big-sentence{font-family:var(--en-serif);font-weight:480;font-size:1.9rem;line-height:2.1;color:var(--p-ink);font-variation-settings:"opsz" 60;padding-bottom:20px}.slash{color:#c243288c;font-weight:300;padding:0 .12em}.liai{position:relative;display:inline-block;padding-bottom:2px}.liai .arc{position:absolute;left:6%;right:6%;bottom:-.12em;height:.34em;border:2px solid var(--mark-blue);border-top:none;border-radius:0 0 999px 999px/0 0 130% 130%;opacity:.85}.liai .say{position:absolute;left:50%;top:calc(100% + .18em);transform:translate(-50%);font-family:var(--mono);font-style:normal;font-size:.62rem;color:var(--mark-blue);white-space:nowrap}.circle-mark{position:relative}.circle-mark:before{content:"";position:absolute;top:.04em;right:-.22em;bottom:-.04em;left:-.2em;border:2.5px solid rgba(194,67,40,.8);border-radius:58% 45% 55% 48%/52% 60% 44% 56%;transform:rotate(-1.6deg)}.stuck{display:grid;gap:10px}.stuck .item{display:flex;gap:12px;align-items:flex-start;background:var(--paper-2);border:1px solid var(--paper-line);border-radius:12px;padding:13px 16px;font-size:.92rem;line-height:1.65}.stuck .item b.en{font-family:var(--en-serif);font-weight:600}.stuck .n{flex:none;width:22px;height:22px;margin-top:2px;display:grid;place-items:center;border-radius:50%;background:var(--mark-red);color:var(--paper);font-family:var(--mono);font-size:.72rem}.anatomy{display:grid;gap:8px}.anatomy .row{display:grid;grid-template-columns:96px 1fr 1fr;gap:14px;align-items:baseline;padding:9px 4px 9px 0;border-bottom:1px dashed var(--paper-line)}.anatomy .row:last-child{border-bottom:none}.anatomy .role{font-size:.78rem;font-weight:700;text-align:center;padding:4px 0;border-radius:8px;color:var(--paper)}.anatomy .en{font-family:var(--en-serif);font-size:1.05rem;font-weight:550}.anatomy .zh{font-size:.88rem;color:var(--p-ink-soft)}.r-blue{background:var(--mark-blue)}.r-plum{background:var(--mark-plum)}.r-red{background:var(--mark-red)}.r-green{background:var(--mark-green)}.plain-say{margin-top:14px;padding:14px 18px;background:#c2432812;border-left:3px solid var(--mark-red);border-radius:0 10px 10px 0;font-family:var(--zh-serif);font-weight:700;font-size:1.05rem}.vocab{display:flex;flex-wrap:wrap;gap:10px}.vocab .v{display:flex;align-items:center;gap:10px;border:1px solid var(--paper-line);background:#fffdf6;padding:10px 14px;border-radius:12px;box-shadow:0 2px 6px #785a2814}.vocab .v b{font-family:var(--en-serif);font-size:1.02rem;font-weight:620}.vocab .v .ipa{font-family:var(--mono);font-size:.7rem;color:var(--p-ink-soft)}.vocab .v .zh{font-size:.85rem}.vocab .v .add{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;border:1px dashed var(--mark-green);color:var(--mark-green);cursor:pointer;background:transparent}.paper-actions{display:flex;align-items:center;gap:12px;padding:18px 34px 24px 84px;border-top:1px solid var(--paper-line);background:var(--paper-2)}.pbtn{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500;cursor:pointer;padding:11px 18px;border-radius:12px;border:1px solid #cbbd97;background:#fffdf6;color:var(--p-ink);text-decoration:none}.pbtn-primary{border:none;color:#241806;font-weight:700;background:linear-gradient(160deg,var(--lamp-hi),var(--lamp) 60%,var(--lamp-deep) 140%);box-shadow:0 4px 14px #c9821a59}.field{display:flex;align-items:center;gap:12px;background:var(--raised);border:1.5px solid var(--line);border-radius:16px;padding:6px 6px 6px 20px;transition:border-color .2s,box-shadow .2s}.field:focus-within{border-color:var(--lamp);box-shadow:0 0 0 4px var(--lamp-soft)}.field svg{color:var(--ink-dim)}.field input{flex:1;border:none;outline:none;background:transparent;color:var(--ink-hi);font-size:1rem;font-family:var(--mono);padding:12px 0}.field input::placeholder{color:var(--ink-dim)}textarea.paste{width:100%;min-height:300px;resize:vertical;background:var(--raised);color:var(--ink);border:1.5px solid var(--line);border-radius:16px;font-family:var(--mono);font-size:.82rem;line-height:1.9;padding:18px 20px;outline:none}textarea.paste:focus{border-color:var(--lamp);box-shadow:0 0 0 4px var(--lamp-soft)}.sec-h{display:flex;align-items:baseline;gap:12px;margin:40px 0 16px}.sec-h h2{font-family:var(--zh-serif);font-size:1.1rem;color:var(--ink-hi)}.sec-h .sub{font-size:.8rem;color:var(--ink-dim)}.foot{margin:60px 0 30px;text-align:center;font-size:.75rem;color:var(--ink-dim);letter-spacing:.08em}@media(max-width:760px){.wrap{padding:0 18px}.big-sentence{font-size:1.35rem;line-height:2.2}.paper-card:before{left:26px}.paper-head{padding:18px 20px 14px 42px}.paper-body{padding:20px 20px 24px 42px}.paper-actions{padding:16px 20px 20px 42px;flex-wrap:wrap}.anatomy .row{grid-template-columns:72px 1fr}.anatomy .zh{grid-column:2}.dock{flex-direction:column;align-items:stretch}.dock .grp{justify-content:center;flex-wrap:wrap}.btn-hero{justify-content:center}.hero-note{text-align:center}}.hero{text-align:center;margin:72px auto 0;max-width:720px}.hero h1{font-family:var(--zh-serif);font-weight:900;font-size:2.6rem;color:var(--ink-hi);line-height:1.3}.hero h1 em{font-family:var(--en-serif);font-style:italic;font-weight:480;color:var(--lamp);font-variation-settings:"opsz" 72}.hero p{margin-top:14px;color:var(--ink-dim);font-size:1rem}.url-row{margin:34px auto 0;max-width:640px;display:flex;min-width:0}.url-row .field{flex:1;min-width:0}.url-row .field input{min-width:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:56px}.step{padding:22px 22px 20px;position:relative}.step .no{font-family:var(--en-serif);font-style:italic;font-size:2.2rem;color:var(--lamp);opacity:.8;line-height:1;font-variation-settings:"opsz" 72}.step h3{display:flex;align-items:center;gap:8px;font-family:var(--zh-serif);font-size:1.02rem;color:var(--ink-hi);margin:12px 0 8px}.step h3 svg{color:var(--lamp)}.step p{font-size:.85rem;line-height:1.7;color:var(--ink-dim)}.recent{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.r-card{display:flex;gap:16px;padding:14px;text-decoration:none;align-items:center;cursor:pointer;min-width:0}.r-card .thumb{flex:none;width:148px;aspect-ratio:16/9;border-radius:12px;overflow:hidden;position:relative;border:1px solid var(--line);background:#000}.thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.r-card .meta{min-width:0;flex:1}.r-card .meta b{display:block;color:var(--ink-hi);font-size:.95rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r-card .meta .ch{font-size:.78rem;color:var(--ink-dim);margin-top:3px}.r-card .stats{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.r-card:hover{border-color:var(--lamp-deep)}.empty-hint{color:var(--ink-dim);font-size:.85rem;padding:18px 4px}.video-head{display:flex;gap:18px;align-items:center;padding:16px;margin-top:8px}.video-head .thumb{flex:none;width:190px;aspect-ratio:16/9;border-radius:12px;overflow:hidden;position:relative;border:1px solid var(--line);background:#000}.video-head b{display:block;font-size:1.15rem;color:var(--ink-hi);font-weight:500}.video-head .ch{font-size:.84rem;color:var(--ink-dim);margin-top:4px}.video-head .chips{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.chip-warn{color:var(--lamp);border-color:#f0a93c66}.grid2{display:grid;grid-template-columns:5fr 7fr;gap:22px;margin-top:22px;align-items:start}.howto{padding:24px 26px}.howto h2{font-family:var(--zh-serif);font-size:1.08rem;color:var(--ink-hi);margin-bottom:16px;display:flex;align-items:center;gap:9px}.howto h2 svg{color:var(--lamp)}.howto ol{list-style:none;display:grid;gap:13px}.howto li{display:flex;gap:12px;font-size:.88rem;line-height:1.7}.howto li .n{flex:none;width:22px;height:22px;margin-top:2px;display:grid;place-items:center;border-radius:50%;background:var(--lamp-soft);color:var(--lamp);font-family:var(--mono);font-size:.72rem}.howto li b{color:var(--ink-hi);font-weight:500}.yt-mini{margin-top:18px;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#0d0d0d;font-size:.72rem}.yt-mini .bar{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;border-bottom:1px solid #222;color:#eee;font-weight:500}.yt-mini .bar span{color:#888;letter-spacing:.1em}.yt-mini .row{display:flex;gap:12px;padding:7px 13px;color:#bbb}.yt-mini .row i{font-style:normal;color:#3ea6ff;font-family:var(--mono);flex:none}.yt-mini .row.hl{background:#3ea6ff14}.tipbox{margin-top:16px;padding:12px 15px;border-left:3px solid var(--lamp);background:var(--lamp-soft);border-radius:0 10px 10px 0;font-size:.82rem;line-height:1.7;color:var(--ink)}.paste-side .parse{margin-top:14px;padding:16px 18px;border:1px solid rgba(127,174,92,.35);background:#7fae5c12;border-radius:14px}.paste-side .parse.parse-err{border-color:#c2432873;background:#c2432814}.paste-side .parse .ok-line{display:flex;align-items:center;gap:9px;color:var(--ok);font-weight:500;font-size:.92rem}.paste-side .parse.parse-err .ok-line{color:#d8765d}.cue-preview{margin-top:12px;display:grid;gap:6px}.cue-preview .cue{display:flex;gap:12px;align-items:baseline;font-size:.84rem}.cue-preview .cue i{font-style:normal;font-family:var(--mono);font-size:.74rem;color:var(--lamp);flex:none;width:44px}.cue-preview .cue span{color:var(--ink);font-family:var(--en-serif);font-size:.92rem}.cue-preview .more{font-size:.76rem;color:var(--ink-dim);padding-left:56px}.cta-row{display:flex;gap:12px;margin-top:18px}.model-pick{display:flex;gap:6px;justify-content:flex-end;margin-top:8px}.model-opt{display:inline-flex;align-items:baseline;gap:5px;padding:4px 10px;border-radius:999px;cursor:pointer;background:none;border:1px solid var(--line);color:var(--ink-dim);font-size:.74rem;font-family:inherit;transition:border-color .15s,color .15s}.model-opt i{font-style:normal;font-size:.64rem;opacity:.7}.model-opt:hover{border-color:var(--lamp-deep);color:var(--ink)}.model-opt.on{border-color:var(--lamp-deep);color:var(--lamp-hi);background:var(--lamp-soft)}@media(max-width:720px){.model-pick{justify-content:center}}.practice-top{display:flex;align-items:center;gap:14px;min-width:0}.practice-top .title{min-width:0;flex:0 1 auto;overflow:hidden}.practice-top .title b{display:block;color:var(--ink-hi);font-weight:500;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.practice-top .title span{font-size:.76rem;color:var(--ink-dim)}.practice-top .chips{display:flex;gap:8px}.stage-wrap{max-width:920px;margin:18px auto 0}.stage-wrap.dimmed{filter:blur(5px) brightness(.5);pointer-events:none}.player .stage iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.progress{cursor:pointer}.session-strip{display:flex;justify-content:center;gap:26px;margin-top:26px;font-size:.8rem;color:var(--ink-dim)}.session-strip b{color:var(--lamp);font-family:var(--mono);font-weight:500}.sub-zone .state button.peek-btn,.peek{background:none;border:none;cursor:pointer;font-family:var(--zh-sans)}.sub-plain{font-family:var(--en-serif);font-size:1.3rem;line-height:1.7;color:var(--ink-hi)}.chip-btn{cursor:pointer;font-family:inherit}.chip-btn:hover{border-color:var(--lamp-deep)}.qlist-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#0c090599;display:flex;align-items:flex-end;justify-content:center}.qlist{width:100%;max-width:560px;max-height:calc(100dvh - 90px);display:flex;flex-direction:column;background:var(--raised);border:1px solid var(--line);border-radius:18px 18px 0 0;box-shadow:0 -20px 60px #00000080;animation:rise .35s cubic-bezier(.2,.7,.2,1) both}.qlist header{flex:none;display:flex;align-items:center;gap:9px;padding:16px 18px 12px;border-bottom:1px solid var(--line-soft);color:var(--ink-hi);font-size:.95rem}.qlist header svg{color:var(--lamp)}.qlist header .cnt{font-family:var(--mono);color:var(--lamp);font-size:.82rem}.qlist header .x{margin-left:auto;background:none;border:none;cursor:pointer;color:var(--ink-dim);font-size:1.05rem;font-family:inherit;line-height:1}.qlist .items{overflow-y:auto;overscroll-behavior:contain;padding:6px 0 calc(10px + env(safe-area-inset-bottom))}.qlist .empty{color:var(--ink-dim);font-size:.85rem;padding:22px 18px}.q-item{display:block;width:100%;text-align:left;cursor:pointer;background:none;border:none;border-bottom:1px solid var(--line-soft);padding:12px 18px;font-family:inherit}.q-item:last-child{border-bottom:none}.q-item:hover{background:var(--raised-2)}.q-item .t{font-family:var(--mono);font-size:.78rem;color:var(--lamp);margin-right:9px}.q-item .s{color:var(--ink-hi);font-size:.88rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px}.q-item .m{display:block;font-size:.74rem;color:var(--ink-dim);margin-top:4px}.stuck button.item-play{cursor:pointer;width:100%;text-align:left;font:inherit;color:inherit;transition:border-color .15s,background .15s}.stuck button.item-play:hover{border-color:#c9a227;background:#fbf3df}.stuck .item-play>svg{flex:none;align-self:center;color:#a08434;opacity:.75}.gen-toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(18px + env(safe-area-inset-bottom));z-index:9;display:flex;align-items:center;gap:9px;padding:13px 20px;border-radius:999px;background:var(--raised-2);border:1px solid var(--line);color:var(--ink-hi);font-size:.85rem;font-family:inherit;cursor:pointer;white-space:nowrap;box-shadow:0 14px 44px #0000008c;animation:rise .4s cubic-bezier(.2,.7,.2,1) both;overflow:hidden}.gen-toast svg{color:var(--lamp);flex:none}.gen-toast.loading svg{animation:toast-pulse 1.2s ease-in-out infinite}.gen-toast.ready{border-color:var(--lamp-deep)}.gen-toast.ready:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--lamp);animation:toast-count 10s linear forwards}.gen-toast.error{border-color:#8a3b2c;color:#e2a091;max-width:90vw;white-space:normal}@keyframes toast-pulse{50%{opacity:.3}}@keyframes toast-count{to{width:0}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#0c09058c;display:flex;align-items:center;justify-content:center;padding:24px 20px}.overlay .paper-card{width:100%;max-width:820px;display:flex;flex-direction:column;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);animation:rise .5s cubic-bezier(.2,.7,.2,1) both}.overlay .paper-head,.overlay .paper-actions{flex:none}.overlay .paper-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.overlay .paper-actions{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.paper-actions .pbtn-icon{padding:11px 13px}.paper-actions .pbtn.on{border-color:#c24328;color:#c24328;background:#fbeee8}.bg-player{position:fixed;right:0;bottom:0;width:2px;height:2px;opacity:.01;pointer-events:none;overflow:hidden}.bg-player iframe{width:2px;height:2px}@media(max-width:720px){.overlay{padding:12px 10px}.overlay .paper-card{max-height:calc(100dvh - 24px)}}.paper-head .x{background:none;border:none;cursor:pointer;font-family:inherit}.writing{display:flex;flex-direction:column;align-items:center;gap:18px;padding:70px 30px;color:var(--p-ink-soft);font-size:.95rem}.writing .pencil{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--paper-2);color:var(--mark-red);animation:scribble 1.1s ease-in-out infinite}@keyframes scribble{0%,to{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(10deg) translateY(-4px)}}.err-box{margin:30px;padding:16px 18px;border:1px solid rgba(194,67,40,.4);background:#c2432812;border-radius:12px;color:var(--mark-red);font-size:.9rem;line-height:1.7}.vocab .v .add.added{border-style:solid;background:var(--mark-green);color:var(--paper);cursor:default}.page-h{display:flex;align-items:baseline;gap:14px;margin-top:26px}.page-h h1{font-family:var(--zh-serif);font-size:1.7rem;color:var(--ink-hi)}.grid2-notebook{display:grid;grid-template-columns:7fr 5fr;gap:22px;margin-top:22px;align-items:start}.vgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vcard{padding:18px 20px 16px;position:relative}.vcard .w{font-family:var(--en-serif);font-size:1.35rem;font-weight:620;color:var(--ink-hi)}.vcard .ipa{font-family:var(--mono);font-size:.72rem;color:var(--ink-dim);margin-left:8px}.vcard .zh{margin-top:4px;font-size:.9rem;color:var(--ink)}.vcard .src{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:.74rem;color:var(--ink-dim)}.vcard .src i{font-style:normal;font-family:var(--mono);color:var(--lamp)}.vcard .del{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;color:var(--ink-dim);font-size:.9rem;opacity:0}.vcard:hover .del{opacity:1}.vcard .del:hover{color:var(--mark-red)}.fam{display:flex;gap:4px;margin-top:12px;align-items:center}.fam i{width:22px;height:5px;border-radius:99px;background:var(--line);cursor:pointer;border:none;padding:0;display:inline-block}.fam i.on{background:var(--lamp)}.fam small{margin-left:8px;font-size:.7rem;color:var(--ink-dim)}.hist{padding:22px 24px}.hist h2{display:flex;align-items:center;gap:9px;font-family:var(--zh-serif);font-size:1.05rem;color:var(--ink-hi);margin-bottom:16px}.hist h2 svg{color:var(--lamp)}.day{font-size:.74rem;color:var(--ink-dim);letter-spacing:.18em;margin:16px 0 10px}.day:first-of-type{margin-top:0}.h-item{display:block;text-decoration:none;padding:13px 15px;border-radius:13px;border:1px solid var(--line-soft);background:#ffffff04;margin-bottom:9px;cursor:pointer;width:100%;text-align:left;font-family:inherit}.h-item:hover{border-color:var(--lamp-deep)}.h-item .q{font-family:var(--en-serif);font-size:.98rem;color:var(--ink-hi);font-style:italic;line-height:1.5}.h-item .m{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:.72rem;color:var(--ink-dim)}.h-item .m i{font-style:normal;font-family:var(--mono);color:var(--lamp)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-box{width:100%;max-width:400px;text-align:center}.login-box h1{font-family:var(--zh-serif);font-weight:900;font-size:1.8rem;color:var(--ink-hi);margin:18px 0 8px}.login-box .sub{color:var(--ink-dim);font-size:.88rem;margin-bottom:26px}.login-box .gis{display:flex;justify-content:center;margin:18px 0;min-height:44px}.login-note{font-size:.76rem;color:var(--ink-dim);margin-top:14px}.login-warn{margin-top:18px;padding:14px 16px;text-align:left;border:1px solid rgba(240,169,60,.4);border-radius:12px;background:var(--lamp-soft);color:var(--ink);font-size:.82rem;line-height:1.7}.login-err{margin-top:14px;padding:12px 15px;border:1px solid rgba(194,67,40,.45);border-radius:12px;background:#c2432814;color:#d8765d;font-size:.85rem}@media(max-width:860px){.grid2,.grid2-notebook,.vgrid{grid-template-columns:1fr}.video-head{flex-direction:column;align-items:flex-start}}@media(max-width:760px){.hero h1{font-size:1.9rem}.steps{grid-template-columns:1fr}.recent{grid-template-columns:minmax(0,1fr)}}