:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090a0d;--ink:#f3efe6;--muted:#a39c90;--faint:#746e64;--brass:#d4b072;--brass-2:#f3e2bc;--brass-dim:#d4b07229;--line:#ece0c624;--line-strong:#ece0c647;--paper:#f4efe4;--paper-ink:#1c1915;--paper-muted:#5e584e;--good:#9dceb4;--good-ink:#143126;--bad:#e59284;--bad-ink:#3a1612;--serif:"Fraunces", "Iowan Old Style", "Palatino Linotype", serif;--cjk:"Noto Serif SC", "Songti SC", "STSong", serif;--sans:"Noto Sans SC", "PingFang SC", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{min-height:100%}body{font-family:var(--sans);color:var(--ink);background:radial-gradient(980px 460px at 50% -12%, #d4b07229, transparent 58%), radial-gradient(720px 420px at 100% 110%, #56688424, transparent 52%), var(--bg);margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer}::selection{background:#d4b07259}[hidden]{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{flex-direction:column;width:min(1120px,100% - 28px);min-height:100dvh;margin:0 auto;padding:18px 0 10px;display:flex}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:18px;padding-bottom:14px;display:flex}.mark{font-family:var(--mono);letter-spacing:.18em;color:var(--brass);margin:0;font-size:11px}h1{letter-spacing:-.03em;margin:4px 0 0;font-size:clamp(30px,4vw,42px);font-weight:560;line-height:1.05}.latin{font-family:var(--serif)}.cjk{font-family:var(--cjk);font-weight:700}.subtitle{color:var(--muted);letter-spacing:.02em;margin:6px 0 0;font-size:13px}.modes{border:1px solid var(--line);background:#ffffff08;border-radius:999px;flex:none;padding:3px;display:flex}.mode{color:var(--muted);background:0 0;border:0;border-radius:999px;min-height:40px;padding:8px 16px}.mode[aria-pressed=true]{background:var(--paper);color:var(--paper-ink);font-weight:700}.chapter-head{justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 0 8px;display:flex}.tag{font-family:var(--mono);letter-spacing:.16em;color:var(--brass);margin:0;font-size:11px}h2{font-family:var(--cjk);margin:4px 0;font-size:clamp(24px,3vw,32px);font-weight:700;line-height:1.2}h2 small{font-family:var(--serif);color:var(--muted);margin-left:8px;font-size:15px;font-weight:520}.line{color:var(--muted);margin:0;line-height:1.55}.index-plate{font-family:var(--mono);color:var(--brass-2);border:1px solid var(--line-strong);letter-spacing:.08em;border-radius:10px;flex:none;margin:0;padding:8px 10px}.stage{border:1px solid var(--line);background:linear-gradient(var(--brass), var(--brass)) left 12px top 12px / 14px 1px no-repeat, linear-gradient(var(--brass), var(--brass)) left 12px top 12px / 1px 14px no-repeat, linear-gradient(var(--brass), var(--brass)) right 12px top 12px / 14px 1px no-repeat, linear-gradient(var(--brass), var(--brass)) right 12px top 12px / 1px 14px no-repeat, linear-gradient(var(--brass), var(--brass)) left 12px bottom 12px / 14px 1px no-repeat, linear-gradient(var(--brass), var(--brass)) left 12px bottom 12px / 1px 14px no-repeat, linear-gradient(var(--brass), var(--brass)) right 12px bottom 12px / 14px 1px no-repeat, linear-gradient(var(--brass), var(--brass)) right 12px bottom 12px / 1px 14px no-repeat, linear-gradient(180deg, #ffffff09, #ffffff03);border-radius:18px;margin-top:8px;padding:14px 16px 12px;position:relative}.explain{border-left:2px solid var(--brass);background:#d4b07212;border-radius:0 12px 12px 0;margin-top:12px;padding:12px 14px}.explain p{margin:0 0 8px;line-height:1.65}.explain p:last-child{margin:0}.note{border:1px solid var(--line);background:#ffffff08;border-radius:12px;margin-top:10px;padding:10px 12px;line-height:1.55}.note.good{color:var(--good);border-color:#9dceb48c}.note.bad{color:var(--bad);border-color:#e592848c}.note.info{color:var(--brass-2)}.actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.tools{flex-wrap:wrap;gap:8px;display:flex}.btn{border:1px solid var(--line-strong);color:var(--ink);background:#ffffff08;border-radius:999px;min-height:40px;padding:8px 14px}.btn:hover{border-color:var(--brass);color:var(--brass-2)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{color:#1b150c;background:linear-gradient(#f3e2bc,#c8964a);border-color:#0000;margin-left:auto;padding:10px 18px;font-weight:700}.btn.primary:hover{color:#1b150c;filter:brightness(1.05)}.btn.primary:disabled{color:var(--muted);border-color:var(--line);filter:none;background:0 0}.btn.tiny{min-height:32px;padding:4px 10px;font-size:13px}.btn:focus-visible,.mode:focus-visible,.chapter-tab:focus-visible,.choice:focus-visible,.chip-btn:focus-visible{outline:2px solid var(--brass-2);outline-offset:2px}.dock{z-index:4;background:linear-gradient(#090a0d00,#090a0d 26%);margin-top:auto;padding-top:12px;position:sticky;bottom:0}.tour{color:var(--muted);align-items:center;gap:10px;margin-bottom:8px;font-size:13px;display:flex}.tour-btn[aria-pressed=true]{background:var(--brass-dim);color:var(--brass-2);border-color:var(--brass)}.speeds{border:1px solid var(--line);border-radius:999px;margin-left:auto;display:flex;overflow:hidden}.speeds button{color:var(--muted);background:0 0;border:0;min-height:34px;padding:6px 10px}.speeds button[aria-pressed=true]{background:var(--brass-dim);color:var(--brass-2)}.chapters{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.chapter-tab{text-align:left;border:1px solid var(--line);background:#ffffff08;border-radius:12px;min-height:64px;padding:8px 10px 10px;position:relative;overflow:hidden}.chapter-tab .no{font-family:var(--mono);letter-spacing:.12em;color:var(--brass);font-size:10px}.chapter-tab .cn,.chapter-tab .en{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.chapter-tab .cn{margin-top:3px;font-size:13px}.chapter-tab .en{color:var(--faint);font-size:11px;font-family:var(--serif)}.chapter-tab[aria-pressed=true]{border-color:var(--brass);background:var(--brass-dim)}.chapter-tab .bar{background:var(--brass);width:0;height:2px;position:absolute;bottom:0;left:0}.disclaimer{text-align:center;color:var(--faint);margin:8px 0 0;font-size:12px}.paper{background:var(--paper);color:var(--paper-ink);border-radius:16px;padding:14px 16px 16px;box-shadow:0 18px 40px #00000047}.kicker{font-family:var(--mono);letter-spacing:.14em;color:var(--paper-muted);margin:0 0 8px;font-size:11px}.paper .kicker{color:var(--paper-muted)}.verdict{border-radius:999px;margin-top:10px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-flex}.verdict.good{color:var(--good-ink);background:#d9efe3}.verdict.bad{color:var(--bad-ink);background:#f8ddd8}.verdict.wait{color:var(--paper-muted);background:#ece6da}.math{width:100%;font-family:var(--serif);color:inherit;flex-wrap:wrap;justify-content:center;align-items:baseline;font-size:1.35rem;font-weight:560;line-height:1.25;display:inline-flex}.math.display{font-size:clamp(1.7rem,3vw,2.35rem)}.math .var{margin:0 .03em;font-style:italic}.math .op{margin:0 .28em}.math .eq{margin:0 .38em}.math .paren{margin:0 .02em}.center-math,.eq-hero,#ch3-tex,#ch4-eq,#eq1{text-align:center}.ch1{grid-template-columns:minmax(0,1.45fr) minmax(230px,.8fr);align-items:center;gap:16px;display:grid}.scale{--tilt:0;position:relative}.beam-svg{width:100%;height:auto;display:block}.beam-g{transform-box:fill-box;transform-origin:50%;transform:rotate(calc(var(--tilt) * 1deg));transition:transform .55s cubic-bezier(.2,.75,.2,1)}.scale[data-balance=ok] .beam-g{filter:drop-shadow(0 0 8px #9dceb473)}.hang{z-index:2;flex-direction:column;align-items:center;width:132px;transition:transform .55s cubic-bezier(.2,.75,.2,1);display:flex;position:absolute;top:17%}.hang.left{transform:translate(-50%, calc(var(--tilt) * -3.4px));left:12%}.hang.right{transform:translate(-50%, calc(var(--tilt) * 3.4px));left:88%}.chain{background:linear-gradient(#f0e0bc,#8a6b38);width:2px;height:28px}.basket{background:#0000002e;border:1px dashed #f2dfb847;border-radius:12px;flex-direction:column;justify-content:flex-end;align-items:center;width:124px;min-height:86px;padding:6px;display:flex}.hang.hot .basket,.tray.hot{border-color:var(--brass);background:#d4b0721f}.weights{flex-wrap:wrap;justify-content:center;gap:6px;min-height:44px;max-height:138px;display:flex;overflow:auto}.plate{background:linear-gradient(#e4ddd0,#8d8880);border-radius:0 0 40px 40px;width:100px;height:12px;margin-top:6px;box-shadow:0 5px #3a3834}.sum{font-family:var(--mono);color:var(--brass-2);margin-top:4px;font-size:12px}.side{gap:12px;display:grid}.tray{border:1px solid var(--line);background:#ffffff05;border-radius:16px;padding:12px}.tray .kicker{color:var(--muted)}.tray-empty{color:var(--faint);margin:8px 0 0;font-size:13px}.weight{color:#241c12;width:44px;height:44px;font-family:var(--serif);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:linear-gradient(#f7f1e4,#d9c7a1);border:0;border-radius:9px;font-size:18px;box-shadow:0 4px #8c7043,0 8px 14px #00000047}.weight.selected{outline:2px solid #1b150c;box-shadow:0 4px #8c7043,0 0 0 4px #f2dfb8cc}.weight.dragging{opacity:.35}.weight.ghost{z-index:80;pointer-events:none;opacity:1;cursor:grabbing;margin:0;position:fixed;transform:translate(-50%,-50%)scale(1.05)}.unknown,.check-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:stretch;gap:16px;display:grid}.sides{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:12px;display:grid}.sides div{text-align:center}.sides span{color:var(--paper-muted);font-size:12px;display:block}.sides strong{font-family:var(--serif);font-size:28px}.rel{font-family:var(--serif);font-size:30px}.plug{color:var(--paper-muted);margin-top:8px}.controls{flex-direction:column;justify-content:center;gap:12px;display:flex}.picker,.quick{flex-wrap:wrap;gap:8px;display:flex}.chip-btn{border:1px solid var(--line-strong);background:#ffffff08;border-radius:999px;min-height:38px;padding:8px 12px}.chip-btn[aria-pressed=true]{background:var(--brass);color:#1b150c;border-color:#0000;font-weight:700}.paper .chip-btn{color:var(--paper-ink);background:#ffffff8c;border-color:#1c19152e}.slider-row{justify-content:space-between;align-items:center;gap:12px;display:flex}input[type=range]{accent-color:#d4b072;width:100%}input[type=number],input[type=text],.fill input{color:var(--ink);border:1px solid var(--line-strong);background:#0e1014;border-radius:10px;width:96px;padding:8px 10px}.paper input[type=text]{color:var(--paper-ink);width:120px;font-family:var(--serif);background:#fff;border-color:#d9d0c0;font-size:22px}.sub-label{margin:12px 0 6px;display:block}.nline{margin-top:6px}.track{background:#ffffff29;border-radius:99px;height:4px;margin:22px 10px 0;position:relative}.xmark,.sol{border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%)}.xmark{background:var(--brass-2);box-shadow:0 0 0 5px #d4b0722e}.sol{border:2px solid var(--good);background:#10241b}.sol:after{content:"解";color:var(--good);font-size:12px;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.ticks{height:22px;margin:6px 10px 0;position:relative}.ticks span{color:var(--faint);font-family:var(--mono);font-size:11px;position:absolute;transform:translate(-50%)}.move-demo,.solve{gap:12px;display:grid}.solve{grid-template-columns:190px minmax(0,1fr);align-items:start}.term-scroller{overflow-x:auto}.term-bar{background:#1c19150a;border-radius:12px;min-width:520px;height:108px;margin:6px 0 10px;position:relative}.term{color:#f4efe4;text-align:center;min-width:54px;font-family:var(--serif);background:#1c1915;border-radius:10px;padding:8px 10px;font-size:22px;transition:left .7s cubic-bezier(.22,.7,.2,1),opacity .35s;position:absolute;top:50%;transform:translate(-50%,-50%)}.term.off{opacity:0}.term.emph{outline:2px solid var(--brass)}.term.bare{color:var(--paper-ink);background:0 0;outline:none;min-width:0;padding:0;font-size:28px}.term.varterm{font-style:italic}.term.flash{animation:.7s signflip}@keyframes signflip{0%{transform:translate(-50%,-50%)rotateY(0)}45%{transform:translate(-50%,-50%)rotateY(90deg)}to{transform:translate(-50%,-50%)rotateY(0)}}.caption,.say{margin:8px 0 0;line-height:1.6}.rule{text-align:center;letter-spacing:.14em;color:var(--brass-2);font-family:var(--cjk);margin:0}.step-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.dots{gap:8px;display:flex}.dots button{border:1px solid var(--brass);background:0 0;border-radius:50%;width:12px;height:12px;padding:0}.dots button[aria-pressed=true]{background:var(--brass)}.paper .btn{color:var(--paper-ink);background:0 0;border-color:#1c191533}.paper .btn:hover{color:#3d2c12;border-color:#8a6a32}.stepper{margin:8px 0 0;padding:0;list-style:none}.stepper li{border-left:2px solid #ffffff1f}.stepper li.done{border-color:var(--good)}.stepper li.now{border-color:var(--brass)}.stepper button{text-align:left;width:100%;color:var(--muted);background:0 0;border:0;padding:9px 0 9px 12px}.stepper li.now button{color:var(--brass-2);font-weight:700}.stepper li.done button{color:var(--good)}.checkline{min-height:1.4em;margin-top:10px;font-weight:700}.check-layout .result-panel{border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:8px;padding:16px;display:flex}.result-panel .kicker{color:var(--muted)}.work p{margin:0 0 8px;line-height:1.5}.judge{font-weight:700}.stamp{width:96px;height:96px;font-family:var(--cjk);letter-spacing:.12em;border:3px solid;border-radius:50%;align-self:flex-end;place-items:center;margin-top:auto;display:grid;transform:rotate(-12deg)}.stamp.good{color:var(--good)}.stamp.bad{color:var(--bad)}.stamp.wait{color:var(--faint)}.stamp.pop{animation:.35s cubic-bezier(.2,1.4,.3,1) pop}@keyframes pop{0%{transform:rotate(-12deg)scale(.8)}to{transform:rotate(-12deg)scale(1)}}.quiz h3{font-family:var(--cjk);margin:12px 0;font-size:22px;line-height:1.45}.quiz-top,.done{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;display:flex}.done{text-align:center;flex-direction:column;justify-content:center;min-height:280px}.done h3{font-family:var(--cjk);color:var(--ink);margin:8px 0;font-size:32px}.done p{max-width:36em;line-height:1.6}.choice{text-align:left;border:1px solid var(--line-strong);background:#ffffff08;border-radius:12px;align-items:center;gap:12px;width:100%;margin:8px 0;padding:12px 14px;display:flex}.choice-key{border:1px solid var(--line-strong);width:28px;height:28px;font-family:var(--mono);border-radius:50%;flex:none;place-items:center;display:grid}.choice.right{border-color:var(--good);background:#9dceb41f}.choice.wrong{border-color:var(--bad);background:#e592841a}.fill{font-family:var(--serif);font-size:28px}.feedback{border-radius:12px;margin-top:8px;padding:10px 12px;line-height:1.55}.feedback.good{color:var(--good);background:#9dceb41f}.feedback.bad{color:var(--bad);background:#e592841a}.about{padding:18px 0 8px}.about-hero h2{font-family:var(--cjk);margin:8px 0;font-size:clamp(28px,4vw,40px)}.about-hero p{max-width:46em;color:var(--muted);line-height:1.7}.about-hero .btn{margin-top:8px}.about-list{gap:8px;margin:18px 0;padding:0;list-style:none;display:grid}.about-list button{text-align:left;border:1px solid var(--line);background:#ffffff06;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:12px;display:grid}.about-list .no{font-family:var(--mono);color:var(--brass)}.about-list strong,.about-list em,.about-list small{display:block}.about-list em{font-family:var(--serif);color:var(--muted);font-size:13px;font-style:normal}.about-list small{color:var(--faint);margin-top:2px}.pill{font-family:var(--mono);letter-spacing:.12em;color:var(--brass-2);border:1px solid var(--line-strong);border-radius:999px;padding:4px 8px;font-size:11px}.about-notes{border-top:1px solid var(--line);padding-top:8px}.about-notes h3{font-family:var(--cjk);margin-bottom:8px}.about-notes li{color:var(--muted);margin:6px 0;line-height:1.55}@media (height<=860px){.dock{background:0 0;position:static}}@media (width<=860px){.header,.chapter-head{flex-direction:column;align-items:flex-start}.ch1,.unknown,.check-layout,.solve{grid-template-columns:1fr}.hang.left{left:18%}.hang.right{left:82%}.basket{width:108px}.chapters{scroll-snap-type:x mandatory;padding-bottom:4px;display:flex;overflow-x:auto}.chapter-tab{scroll-snap-align:start;min-width:148px}.btn.primary{margin-left:0}h2 small{margin:2px 0 0;display:block}.hang{width:112px}.about-list button{grid-template-columns:auto 1fr}.pill{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}