:root{--cinnabar:#D94B45;--cinnabar-deep:#B83A36;--cinnabar-soft:#F8E8E7;--ivory:#F7F1E8;--gold:#E8A09C;--jade:#E06B66;--jade-deep:#B83A36;--jade-soft:#F8E8E7;--honey:#D94B45;--honey-line:#B83A36;--honey-soft:#F8E8E7;--honey-tint:#FBF6F0;--honey-deep:#B83A36;--amber-ink:#202124;--bg:#F6F6F8;--surface:#ffffff;--surface-2:#F6F6F8;--ink:#202124;--ink-2:#5f6368;--muted:#9aa0a6;--line:#eceef2;--ok:#D94B45;--warn:#B83A36;--danger:#D94B45;--info:#C8553D;--radius:24px;--radius-sm:16px;--grad-brand:linear-gradient(135deg,#E06B66,#D94B45 44%,#B83A36);--shadow-btn:0 8px 18px rgba(184,58,54,0.34),inset 0 0 0 1px rgba(184,58,54,0.35),inset 0 1px 0 rgba(255,255,255,0.35);--shadow-btn-hover:0 12px 24px rgba(184,58,54,0.44),inset 0 0 0 1px rgba(184,58,54,0.35),inset 0 1px 0 rgba(255,255,255,0.35);--btn-radius:999px;--btn-radius-sm:999px;--shadow:0 1px 2px rgba(32,33,36,0.04),0 8px 24px rgba(32,33,36,0.05);--shadow-lift:0 10px 30px rgba(32,33,36,0.08);--font-display:"Be Vietnam Pro","Noto Sans SC",sans-serif;--font-body:"Be Vietnam Pro","Noto Sans SC",sans-serif;--font-pinyin:"Noto Sans","Be Vietnam Pro",sans-serif;--tone-1:#D9453F;--tone-2:#D97A10;--tone-3:#2E9A55;--tone-4:#2F6BD0;--tone-5:#6f7680;--sidebar-w:274px;--rail-w:400px;--main-max:1100px;--content-max:1500px;--topbar-h:68px}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.015em}.wls-app{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);min-height:100vh}.wls-body{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);grid-template-rows:1fr auto;min-height:calc(100vh - var(--topbar-h))}.wls-footer{grid-column:1/-1}.wls-body[data-rail=on]{grid-template-columns:var(--sidebar-w) minmax(0,1fr) var(--rail-w)}.wls-main{padding:22px max(28px,(100% - var(--content-max))/2) 56px;display:flex;flex-direction:column;gap:18px;width:100%;background:var(--surface-2);min-width:0}.wls-body[data-shell=today]{grid-template-columns:minmax(0,1fr)}.wls-body[data-shell=today-lesson],.wls-body[data-shell=today][data-rail=on]{grid-template-columns:minmax(0,1fr) minmax(0,var(--main-max)) var(--rail-w) minmax(0,1fr)}.wls-body[data-shell=today-lesson]>.wls-main,.wls-body[data-shell=today][data-rail=on]>.wls-main{grid-column:2}.wls-body[data-shell=today-lesson]>.wls-rail,.wls-body[data-shell=today][data-rail=on]>.wls-rail{grid-column:3}.wls-body[data-shell=today-lesson]>.wls-footer,.wls-body[data-shell=today][data-rail=on]>.wls-footer{grid-column:1/-1}.wls-app[data-chrome=today] .wls-exam,.wls-app[data-chrome=today] .wls-main{padding-left:24px;padding-right:20px}.wls-app[data-chrome=today] .wls-body[data-rail=off] .wls-exam,.wls-app[data-chrome=today] .wls-body[data-rail=off] .wls-main{padding-left:max(24px,(100% - var(--content-max))/2);padding-right:max(24px,(100% - var(--content-max))/2)}.wls-app[data-chrome=today] .wls-topbar{gap:16px;padding-left:28px;padding-right:28px}.wls-app[data-chrome=today] .wls-topbar .brand{width:auto;padding:0 12px 0 0}.wls-rail{border-left:1px solid var(--line);background:var(--surface);padding:18px 18px 48px;display:flex;flex-direction:column;gap:14px;position:-webkit-sticky;position:sticky;top:var(--topbar-h);height:calc(100vh - var(--topbar-h));overflow-y:auto}@media (max-width:1339px){.wls-body[data-rail=on]{grid-template-columns:var(--sidebar-w) minmax(0,1fr)}.wls-body[data-shell=today-lesson],.wls-body[data-shell=today][data-rail=on]{grid-template-columns:minmax(0,1fr)}.wls-body[data-shell=today-lesson]>.wls-footer,.wls-body[data-shell=today-lesson]>.wls-main,.wls-body[data-shell=today-lesson]>.wls-rail,.wls-body[data-shell=today][data-rail=on]>.wls-footer,.wls-body[data-shell=today][data-rail=on]>.wls-main,.wls-body[data-shell=today][data-rail=on]>.wls-rail{grid-column:1}.wls-rail{border-left:0;border-top:1px solid var(--line);background:var(--surface-2);position:static;height:auto;overflow:visible;padding:4px 26px 40px}.wls-app[data-chrome=today] .wls-exam,.wls-app[data-chrome=today] .wls-main,.wls-body[data-shell=today-lesson] .wls-rail,.wls-body[data-shell=today] .wls-rail{padding-left:max(28px,(100% - var(--content-max))/2);padding-right:max(28px,(100% - var(--content-max))/2)}}@media (max-width:1100px){:root{--sidebar-w:240px}}@media (max-width:1023px){:root{--topbar-h:56px;--tabbar-h:60px;--tabbar-space:calc(var(--tabbar-h) + env(safe-area-inset-bottom, 0px))}.wls-body,.wls-body[data-rail=on]{grid-template-columns:minmax(0,1fr)}.wls-body>.wls-sidebar{display:none}.wls-main{padding:14px 16px calc(28px + var(--tabbar-space));gap:14px}.wls-rail{grid-column:1;padding:4px 16px calc(28px + var(--tabbar-space))}.wls-exam{min-height:calc(100vh - var(--topbar-h));padding-bottom:var(--tabbar-space)}}@media (max-width:767px){.wls-main{padding:12px 14px calc(24px + var(--tabbar-space))}.wls-rail{padding:4px 14px calc(24px + var(--tabbar-space))}}body,html{overflow-x:clip}.wls-main img,.wls-rail img{max-width:100%}.wls-exam{min-width:0;min-height:calc(100vh - var(--topbar-h));background:var(--surface-2);display:flex;flex-direction:column}@media (max-width:1023px){.wls-rail-toc{display:none}html[data-rail-sheet=open]{overflow:hidden}html[data-rail-sheet=open] .wls-rail-toc{display:block;position:fixed;inset:auto 0 0 0;z-index:47;max-height:76vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--surface);border-top:1px solid var(--line);border-radius:20px 20px 0 0;box-shadow:var(--shadow-lift);padding:16px 16px calc(20px + var(--tabbar-space));animation:railSheetUp .24s cubic-bezier(.32,.72,0,1)}}@keyframes railSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}html[data-exam-sheet=open]{overflow:hidden}@media (prefers-reduced-motion:reduce){html[data-rail-sheet=open] .wls-rail-toc{animation:none}}.wls-app[data-exam=yes] .wls-exam{padding-bottom:0}@media (max-width:1023px){input,select,textarea{font-size:16px}}.wls-app[data-chrome=admin] .wls-main{padding-left:24px;padding-right:24px;max-width:1800px}@media (max-width:767px){.wls-app[data-chrome=admin] .wls-main{padding-left:14px;padding-right:14px}}.wls-body:has([data-exam-hub]),.wls-body:has([data-radicals]),.wls-body:has([data-review-focus]),.wls-body:has([data-search-results]),.wls-body:has([data-word-detail]){grid-template-columns:minmax(0,1fr)!important}.wls-body:has([data-exam-hub])>.wls-main,.wls-body:has([data-radicals])>.wls-main,.wls-body:has([data-review-focus])>.wls-main,.wls-body:has([data-search-results])>.wls-main,.wls-body:has([data-word-detail])>.wls-main{grid-column:1!important}.wls-body:has([data-exam-hub])>.wls-rail,.wls-body:has([data-radicals])>.wls-rail,.wls-body:has([data-review-focus])>.wls-rail,.wls-body:has([data-search-results])>.wls-rail,.wls-body:has([data-word-detail])>.wls-rail{display:none!important}.wls-app:has([data-exam-hub]) .wls-main,.wls-app:has([data-radicals]) .wls-main,.wls-app:has([data-review-focus]) .wls-main,.wls-app:has([data-search-results]) .wls-main,.wls-app:has([data-word-detail]) .wls-main{padding-left:max(24px,(100% - var(--content-max))/2);padding-right:max(24px,(100% - var(--content-max))/2)}@media (max-width:767px){.wls-rail:not(.wls-rail-toc){display:none!important}.wls-app[data-chrome=today] .wls-body[data-rail=off] .wls-exam,.wls-app[data-chrome=today] .wls-body[data-rail=off] .wls-main,.wls-app[data-chrome=today] .wls-exam,.wls-app[data-chrome=today] .wls-main,.wls-body[data-shell=today-lesson] .wls-rail,.wls-body[data-shell=today] .wls-rail{padding-left:14px;padding-right:14px}.wls-app[data-chrome=today] .wls-topbar{padding-left:12px;padding-right:12px;gap:10px}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]),select,textarea{font-size:16px}}.wls-hit{display:inline-flex;align-items:center;min-height:36px;padding:0 2px}@media (min-width:768px){.wls-hit{min-height:0;padding:0}}@media (max-width:1023px) and (max-height:500px){:root{--topbar-h:0px;--tabbar-h:46px}}input[type=checkbox].switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;flex:none;width:42px;height:24px;margin:0;padding:0;border:0;border-radius:999px;background:#c4c9d0;cursor:pointer;vertical-align:middle;transition:background .16s ease}input[type=checkbox].switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(16,24,40,.25);transition:transform .16s ease}input[type=checkbox].switch:checked{background:var(--cinnabar,#D94B45)}input[type=checkbox].switch:checked:after{transform:translateX(18px)}input[type=checkbox].switch:focus-visible{outline:2px solid var(--cinnabar-deep,#B83A36);outline-offset:2px}input[type=checkbox].switch:disabled{opacity:.5;cursor:default}