:root{--reader:"Noto Serif SC","Songti SC","SimSun",serif;--ui:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;--nav:#152d37;--ink:#243039;--muted:#74818a;--line:#dce1e3;--accent:#254e57}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:#f4f5f6;color:var(--ink);font-family:var(--ui);line-height:1.6}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #9a7045;outline-offset:3px}[hidden]{display:none!important}
.gate{min-height:100svh;display:grid;place-items:center;padding:2rem 1.25rem;background:linear-gradient(120deg,#edf0f0,#f9f8f3)}.gate-card{width:100%;max-width:430px;background:#fefdf9;border:1px solid #d6dedc;padding:2.8rem 2.5rem;box-shadow:0 15px 60px #152d370a}.gate-mark{font:1.8rem var(--reader);display:grid;place-items:center;width:3.2rem;height:3.2rem;border:1px solid #617c7c;color:var(--accent);margin-bottom:1.6rem}.eyebrow{font-size:.875rem;letter-spacing:.12em;color:#7b858b}.gate h1{font:600 2rem/1.5 var(--reader);letter-spacing:.08em;margin:.7rem 0}.gate h1 span{display:block;font-size:1.25rem;font-weight:400;color:#627c77;letter-spacing:.15em;margin-top:.35rem}.gate-note{color:#738088;font-size:.9375rem;line-height:1.9;margin:1.5rem 0}#unlock-form>label:first-child{display:block;font-size:.875rem;color:#51646a;margin-bottom:.45rem}#password{width:100%;border:1px solid #cdd8d9;background:#fff;height:3rem;border-radius:.25rem;padding:0 .8rem;font-size:1rem}.remember{display:flex;align-items:center;gap:.55rem;font-size:.875rem;color:#748187;margin:1rem 0 1.5rem}.remember input{width:1.05rem;height:1.05rem;accent-color:var(--accent)}.primary-button{border:0;background:var(--accent);color:#fff;border-radius:.25rem;width:100%;padding:.8rem 1rem;font-size:1rem}.primary-button:disabled{opacity:.6;cursor:wait}.gate-error{min-height:1.6rem;font-size:.875rem;line-height:1.8;color:#9c4d3d;margin:.8rem 0 0}.gate-foot{border-top:1px solid #e0e4df;padding-top:1.3rem;margin:1.5rem 0 0;color:#8a9694;font-size:.875rem}
.sidebar{position:fixed;inset:0 auto 0 0;width:18.5rem;display:flex;flex-direction:column;background:var(--nav);color:#e4e9eb;z-index:20}.library-brand{display:flex;align-items:center;gap:.9rem;padding:2.2rem 1.9rem 1.7rem;border-bottom:1px solid #2e4750}.brand-mark{display:grid;place-items:center;width:2.7rem;height:2.7rem;border:1px solid #90a4a7;color:#d6e0de;font:1.6rem var(--reader)}.library-brand strong{display:block;font:600 1.4rem var(--reader);letter-spacing:.12em}.library-brand small{display:block;font-size:.875rem;color:#9db1b8;margin-top:.3rem;letter-spacing:.12em}.overview{padding:1.5rem 1.9rem 0;font-size:.875rem;color:#bfd0d4}.overview strong{color:#fff;font-weight:500}.navigation{overflow-y:auto;flex:1;padding:1.5rem 1rem;scrollbar-width:thin;scrollbar-color:#566e77 transparent}.nav-group{margin-bottom:1.6rem}.nav-group h2{font-size:.875rem;color:#91a8af;font-weight:400;padding:0 .85rem;margin:0 0 .7rem}.topic{width:100%;display:flex;justify-content:space-between;align-items:center;gap:.8rem;background:none;border:0;color:#dce5e8;padding:.7rem .85rem;font-size:.9375rem;border-left:2px solid transparent;line-height:1.6;text-align:left}.topic small{font-size:.875rem;color:#9fb4bb}.topic:hover{background:#203b45}.topic.active{background:#29464f;color:#fff;border-left-color:#d4b889}.sidebar-footer{padding:1.3rem 1.9rem;border-top:1px solid #2e4750}.sidebar-footer button{display:block;background:none;border:0;color:#cad9dd;padding:0;font-size:.9375rem;margin-bottom:.75rem}.sidebar-footer span{color:#96abb3;font-size:.875rem}#main{margin-left:18.5rem;min-width:0}.topbar{height:4.75rem;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.2rem,4vw,4rem);border-bottom:1px solid var(--line);font-size:.875rem;background:#fcfcfc;color:#616e76}.topbar>div{display:flex;align-items:center;gap:.65rem}.slash{color:#b5bfc4;margin:0 .8rem}.topbar-right{font-size:.875rem;color:#7d898f}.menu{display:none;background:none;border:0;color:#526d72;font-size:1.3rem;padding:.2rem .4rem}.catalog-shell{max-width:1100px;margin:auto;padding:3rem clamp(1.2rem,4vw,4rem) 2.5rem}.catalog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.catalog-heading h1{font:600 2.1rem/1.55 var(--reader);letter-spacing:.035em;margin:.5rem 0 .6rem}.catalog-heading p{font-size:.875rem;color:#738088;margin:0}.catalog-seal{font:1.2rem/1.25 var(--reader);color:#9b5d42;border:1px solid #a77862;text-align:center;padding:.4rem .55rem;transform:rotate(-4deg);opacity:.85;margin-right:.3rem}.catalog-controls{display:flex;align-items:center;gap:1rem;margin-bottom:1.8rem}#search{flex:1;min-width:0;max-width:480px;height:2.75rem;padding:.6rem .85rem;background:#fff;border:1px solid #d6dfe2;border-radius:.3rem;font-size:.9375rem}.filters{display:flex;white-space:nowrap;border:1px solid #d6dfe2;border-radius:.3rem;overflow:hidden;background:#fff}.filters button{border:0;background:none;padding:.65rem .85rem;color:#6c7a82;font-size:.875rem}.filters button[aria-pressed=true]{background:var(--accent);color:#fff}.refresh{height:2.7rem;width:2.7rem;border:1px solid #d6dfe2;background:white;border-radius:.3rem;color:#5f747d;font-size:1.2rem}.outline{background:#fff;border:1px solid #dee4e6;border-radius:.35rem;overflow:hidden}.outline-head{display:flex;justify-content:space-between;padding:.9rem 1.7rem;background:#f9fafb;border-bottom:1px solid #e3e8ea;font-size:.875rem;color:#7a878e}.outline-row{display:flex;align-items:center;gap:1.1rem;padding:1.25rem 1.7rem;border-bottom:1px solid #edf0f1;min-height:6.2rem}.outline-row:last-child{border:0}.outline-row:hover{background:#f4f8f7}.lesson-number{flex:0 0 2.5rem;font:1rem Georgia,serif;font-variant-numeric:tabular-nums;color:#9aa7ac}.lesson-content{display:flex;flex-direction:column;min-width:0;flex:1;gap:.5rem}.lesson-content strong{font:500 1.05rem/1.75 var(--reader);color:#303c43;overflow-wrap:anywhere}.lesson-content small{font-size:.875rem;color:#8a959a;line-height:1.5}.lesson-state{font-size:.875rem;color:#909da4;white-space:nowrap}.is-ready .lesson-state{color:#2c675c}.is-ready .lesson-content strong{color:#173e41}.catalog-empty{padding:3rem 1.7rem;color:#74838b;font-size:1rem;line-height:1.8}.catalog-footnote{display:flex;justify-content:space-between;gap:1rem;color:#89969c;font-size:.875rem;padding:1.3rem .15rem}.notice{font-size:.875rem;color:#55736b;min-height:1.5rem}
.reader-shell{padding:2rem clamp(1rem,4vw,4rem) 4rem;max-width:1110px;margin:auto}.back-link{display:block;color:#6c7c83;font-size:.9375rem;margin-bottom:1.5rem}.reader-paper{background:#fefdf9;border:1px solid #e2e4de;padding:3.5rem clamp(1.6rem,5vw,5rem) 4rem;box-shadow:0 3px 20px #25333a03}.reader-kicker{font-size:.875rem;color:#6e837e;line-height:1.8}.reader-paper h1{font:600 clamp(1.6rem,2.8vw,2.25rem)/1.65 var(--reader);color:#253c3b;margin:1rem 0 1.3rem;letter-spacing:.01em;overflow-wrap:anywhere}.reader-meta{color:#929b95;font-size:.875rem;line-height:1.7}.reader-rule{height:1px;background:#d7dfd9;margin:2rem 0 1.4rem}.transcript-note{font-size:.875rem;color:#959c95;margin:0 0 2.2rem}.reader-text{font:1.1875rem/2.15 var(--reader);letter-spacing:.025em;color:#34413b}.reader-paragraph{margin-bottom:1.65rem}.reader-paragraph p{margin:0;overflow-wrap:anywhere}.time-stamp{display:block;font: .875rem/1.5 var(--ui);color:#8e9b91;letter-spacing:0;margin-bottom:.5rem;font-variant-numeric:tabular-nums}.reader-end{text-align:center;color:#9da59c;font-size:.875rem;letter-spacing:.2em;margin-top:4rem;padding-top:1.5rem;border-top:1px solid #e1e5de}.backdrop{position:fixed;inset:0;background:#152d3770;border:0;z-index:19}
@media(min-width:1400px){.reader-paper{padding-left:5.4rem;padding-right:5.4rem}.reader-text{font-size:1.25rem;line-height:2.2}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:transform .2s;max-width:85vw}.sidebar.open{transform:translateX(0)}#main{margin-left:0}.menu{display:inline-block}.topbar{height:3.8rem;padding:0 1.1rem}.topbar-right{display:none}}
@media(max-width:600px){.gate-card{padding:2.2rem 1.6rem}.catalog-shell{padding:1.9rem 1rem}.catalog-heading{margin-bottom:1.6rem}.catalog-heading h1{font-size:1.8rem}.catalog-controls{gap:.55rem;flex-wrap:wrap}#search{max-width:none;flex-basis:100%}.filters button{padding:.55rem 1.2rem}.refresh{margin-left:auto;height:2.45rem;width:2.45rem}.outline-head{padding:.8rem 1rem}.outline-row{padding:1rem .9rem;gap:.7rem;align-items:flex-start}.lesson-number{font-size:.875rem;flex-basis:1.8rem;line-height:1.9;padding-top:.05rem}.lesson-content strong{font-size:1rem;line-height:1.85}.lesson-state{font-size:.875rem;align-self:center;flex-shrink:0}.catalog-footnote{flex-direction:column;gap:.4rem}.reader-shell{padding:1.4rem .7rem 2rem}.reader-paper{padding:2rem 1.25rem 2.6rem}.reader-text{font-size:1.125rem;line-height:2.05;letter-spacing:.015em}.reader-paper h1{font-size:1.7rem}.reader-rule{margin:1.5rem 0}.reader-paragraph{margin-bottom:1.6rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.sidebar,.topbar,.back-link,.backdrop{display:none!important}#main{margin:0}.reader-shell{padding:0;max-width:none}.reader-paper{border:0;box-shadow:none;padding:0}.reader-text{font-size:12pt;line-height:1.9}body{background:white}#catalog{display:none}}