:root{--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--bar: 58px;--side: 300px;--radius: 14px;--maxw: 780px}html[data-theme=light]{--bg: #ffffff;--bg-alt: #f7f7f8;--bg-elv: #ffffff;--bg-mute: #f1f1f3;--divider: #e4e4e7;--t1: rgba(28, 28, 32, .95);--t2: rgba(40, 40, 46, .72);--t3: rgba(60, 60, 67, .5);--brand: #3451b2;--brand-2: #3a5ccc;--brand-soft: rgba(100, 108, 255, .12);--green: #18794e;--green-soft: rgba(16, 185, 129, .13);--yellow: #915930;--yellow-soft: rgba(234, 179, 8, .16);--red: #b8272c;--red-soft: rgba(244, 63, 94, .12);--gray: #565a5f;--gray-soft: rgba(142, 150, 170, .16);--mark: rgba(234, 179, 8, .38);--shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 8px 24px rgba(0, 0, 0, .05)}html[data-theme=dark]{--bg: #1b1b1f;--bg-alt: #161618;--bg-elv: #212227;--bg-mute: #2b2b30;--divider: #2f2f34;--t1: rgba(255, 255, 245, .9);--t2: rgba(235, 235, 245, .64);--t3: rgba(235, 235, 245, .4);--brand: #a8b1ff;--brand-2: #c3c9ff;--brand-soft: rgba(100, 108, 255, .18);--green: #3dd68c;--green-soft: rgba(16, 185, 129, .16);--yellow: #f9b44e;--yellow-soft: rgba(234, 179, 8, .16);--red: #f66f81;--red-soft: rgba(244, 63, 94, .16);--gray: #a4a8ae;--gray-soft: rgba(142, 150, 170, .16);--mark: rgba(234, 179, 8, .3);--shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .35)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--t1);font:15px/1.75 var(--font);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:2px}button{font:inherit;color:inherit;cursor:pointer}mark{background:var(--mark);color:inherit;border-radius:3px;padding:0 2px}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--divider);border-radius:9px}::-webkit-scrollbar-thumb:hover{background:var(--t3)}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:12px;min-height:var(--bar);padding:0 16px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--divider)}.brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:15px;white-space:nowrap;letter-spacing:-.2px}.brand .logo{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;font-size:14px;font-weight:800}.brand small{font-weight:400;font-size:12px;color:var(--t3);margin-left:2px}.icon-btn{height:34px;min-width:34px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border-radius:9px;border:1px solid var(--divider);background:var(--bg-elv);color:var(--t2);font-size:12.5px;font-weight:500;transition:all .16s}.icon-btn:hover{border-color:var(--brand);color:var(--t1)}.icon-btn[aria-pressed=true]{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}.spacer{flex:1}.search-box{position:relative;width:320px;max-width:40vw}.search-box input{width:100%;height:36px;padding:0 34px;border-radius:10px;border:1px solid var(--divider);background:var(--bg-alt);color:var(--t1);font:inherit;font-size:13px}.search-box input:focus{outline:0;border-color:var(--brand);background:var(--bg-elv)}.search-box .sicon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--t3);font-size:14px;pointer-events:none}.search-box kbd{position:absolute;right:9px;top:50%;transform:translateY(-50%);font:500 10px/1 var(--mono);color:var(--t3);border:1px solid var(--divider);border-radius:5px;padding:3px 5px;background:var(--bg-elv)}.menu-wrap{position:relative}.menu{position:absolute;right:0;top:calc(100% + 8px);min-width:268px;padding:7px;border-radius:13px;border:1px solid var(--divider);background:var(--bg-elv);box-shadow:var(--shadow);z-index:60;animation:pop .14s ease}@keyframes pop{0%{opacity:0;transform:translateY(-4px)}}.menu .mtitle{font-size:11px;color:var(--t3);padding:7px 10px 4px;letter-spacing:.04em}.menu button{display:flex;width:100%;align-items:center;gap:10px;padding:9px 10px;border:0;background:transparent;border-radius:9px;text-align:left;font-size:13px;color:var(--t1)}.menu button:hover{background:var(--bg-mute)}.menu button small{display:block;font-size:11px;color:var(--t3);margin-top:1px}.menu .mi{width:26px;height:26px;flex:none;display:grid;place-items:center;border-radius:7px;background:var(--brand-soft);color:var(--brand);font-size:13px}.menu .sep{height:1px;background:var(--divider);margin:6px 4px}.shelf{max-width:980px;margin:0 auto;padding:54px 24px 90px}.shelf .hero h1{font-size:34px;line-height:1.3;margin:0 0 12px;letter-spacing:-.6px}.shelf .hero p{color:var(--t2);font-size:15px;margin:0 0 6px;max-width:660px}.shelf .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:40px}.book-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--divider);background:var(--bg-elv);border-radius:18px;padding:24px;text-align:left;overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s}.book-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--brand)}.book-card .cover{height:8px;border-radius:6px;margin:-24px -24px 20px;background:linear-gradient(90deg,var(--brand),var(--brand-2))}.book-card.b .cover{background:linear-gradient(90deg,var(--green),#38b2ac)}.book-card h2{font-size:21px;margin:0 0 6px;letter-spacing:-.3px}.book-card .sub{font:400 12px/1 var(--mono);color:var(--t3);margin-bottom:14px}.book-card .desc{color:var(--t2);font-size:14px;margin:0 0 18px;flex:1}.book-card .stats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.stat{font-size:12px;padding:5px 10px;border-radius:999px;background:var(--bg-mute);color:var(--t2);font-variant-numeric:tabular-nums}.book-card .open{color:var(--brand);font-weight:600;font-size:14px}.legend{margin-top:34px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--t3);font-size:12.5px}.layout{display:flex;align-items:flex-start}.sidebar{position:sticky;top:var(--bar);flex:none;width:var(--side);height:calc(100vh - var(--bar));overflow-y:auto;overscroll-behavior:contain;padding:18px 12px 90px 16px;background:var(--bg-alt);border-right:1px solid var(--divider)}.sb-head{display:flex;align-items:baseline;justify-content:space-between;margin:0 6px 8px}.sb-head b{font-size:13px}.sb-head small{font-size:11px;color:var(--t3)}.toc-item{display:flex;gap:8px;align-items:baseline;width:100%;padding:6px 8px;border:0;background:transparent;border-radius:8px;font-size:12.5px;line-height:1.5;color:var(--t2);text-align:left}.toc-item:hover{background:var(--bg-elv);color:var(--t1)}.toc-item.active{background:var(--brand-soft);color:var(--brand);font-weight:600}.toc-item i{font-style:normal;flex:none;min-width:20px;text-align:right;color:var(--t3);font-variant-numeric:tabular-nums}.toc-item.active i{color:var(--brand)}.toc-item span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toc-item .prog{flex:none;font-size:10.5px;color:var(--t3)}.progress-line{height:3px;background:var(--divider);border-radius:3px;margin:14px 8px 4px;overflow:hidden}.progress-line>div{height:100%;background:linear-gradient(90deg,var(--brand),var(--brand-2));transition:width .25s}.progress-cap{font-size:11px;color:var(--t3);margin:0 8px 14px}.reader{flex:1;min-width:0;display:flex;justify-content:center;padding:30px 32px 160px}.reader-inner{width:100%;max-width:var(--maxw)}.sec-head{padding-bottom:12px;border-bottom:2px solid var(--divider);margin-bottom:4px}.sec-head .kicker{font:500 12px/1 var(--mono);color:var(--brand);letter-spacing:.06em}.sec-head h2{font-size:27px;line-height:1.3;margin:8px 0 6px;letter-spacing:-.6px}.sec-head .meta{font-size:12px;color:var(--t3)}.sec-intro{color:var(--t2);font-size:14px;margin:16px 0 26px;padding-left:14px;border-left:2px solid var(--divider)}.card{position:relative;background:var(--bg-elv);border:1px solid var(--divider);border-radius:var(--radius);padding:18px 20px 16px;margin-bottom:14px;scroll-margin-top:calc(var(--bar) + 16px)}.card.flash{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.card .head{display:flex;gap:11px;align-items:flex-start}.card .num{flex:none;min-width:26px;height:26px;padding:0 7px;border-radius:8px;background:var(--bg-mute);color:var(--t3);font:600 12px/26px var(--mono);text-align:center}.card h3{margin:0;font-size:16.5px;line-height:1.55;letter-spacing:-.1px;flex:1}.bm{flex:none;border:0;background:transparent;color:var(--t3);font-size:16px;padding:2px 4px;border-radius:7px;line-height:1}.bm:hover{background:var(--bg-mute)}.bm.on{color:var(--yellow)}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:11px 0 13px 37px}.badge{font-size:11px;font-weight:500;padding:4px 9px;border-radius:999px;border:1px solid transparent;white-space:nowrap}.gA{background:var(--green-soft);color:var(--green)}.gB{background:var(--yellow-soft);color:var(--yellow)}.gC{background:var(--gray-soft);color:var(--gray)}.r0{background:var(--brand-soft);color:var(--brand)}.r1{background:var(--green-soft);color:var(--green)}.r2{background:var(--gray-soft);color:var(--gray)}.tag{font-size:11px;padding:4px 9px;border-radius:999px;background:var(--bg-mute);color:var(--t3);white-space:nowrap}.hl{margin:0 0 13px 37px;padding:12px 15px;background:var(--brand-soft);border-left:3px solid var(--brand);border-radius:0 10px 10px 0;font-size:15px;line-height:1.85;color:var(--t1)}.hl .hl-tag{display:block;font-size:11px;font-weight:600;color:var(--brand);letter-spacing:.08em;margin-bottom:5px}.fields{margin-left:37px}.f{display:grid;grid-template-columns:54px 1fr;gap:10px;padding:8px 0;border-top:1px solid var(--divider);font-size:13.5px;line-height:1.8;color:var(--t2)}.f b{font-weight:500;font-size:12.5px;color:var(--t3);padding-top:2px}.f.note b{color:var(--yellow)}.f>div{min-width:0;overflow-wrap:anywhere}details.src{margin:11px 0 0 37px;border-top:1px solid var(--divider);padding-top:9px}details.src summary{cursor:pointer;font-size:12.5px;color:var(--t3);list-style:none;-webkit-user-select:none;user-select:none}details.src summary::-webkit-details-marker{display:none}details.src summary:before{content:"▸ "}details.src[open] summary:before{content:"▾ "}details.src summary:hover{color:var(--brand)}details.src .sbody{font-size:12.5px;line-height:1.85;color:var(--t2);padding:9px 0 2px;overflow-wrap:anywhere}body.compact .fields,body.compact details.src{display:none}.search-panel{max-width:860px;margin:0 auto;padding:26px 24px 120px}.sp-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}.sp-head h2{font-size:19px;margin:0}.sp-head span{font-size:12.5px;color:var(--t3)}.hit{display:block;width:100%;text-align:left;border:1px solid var(--divider);background:var(--bg-elv);border-radius:12px;padding:14px 16px;margin-bottom:10px}.hit:hover{border-color:var(--brand);background:var(--bg-alt)}.hit .ht{font-size:15px;font-weight:600;margin-bottom:4px}.hit .hs{font-size:12.5px;color:var(--t3);margin-bottom:6px;display:flex;flex-wrap:wrap;gap:8px}.hit .hc{font-size:13px;color:var(--t2);line-height:1.75;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.empty{text-align:center;color:var(--t3);padding:70px 0;font-size:14px}.drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000006b;z-index:70;animation:fade .18s}@keyframes fade{0%{opacity:0}}.drawer{position:fixed;top:0;left:0;bottom:0;width:min(84vw,330px);z-index:71;background:var(--bg-alt);border-right:1px solid var(--divider);padding:16px 12px 40px;overflow-y:auto;animation:slide .2s ease}@keyframes slide{0%{transform:translate(-100%)}}.drawer .dhead{display:flex;align-items:center;justify-content:space-between;margin:0 6px 12px}.drawer .dhead b{font-size:13px}.foot{border-top:1px solid var(--divider);margin-top:40px;padding-top:18px;color:var(--t3);font-size:12px;line-height:2}.foot a{color:var(--t2)}.foot-bar{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:45;display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;border:1px solid var(--divider);background:color-mix(in srgb,var(--bg-elv) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.foot-bar button{height:32px;min-width:32px;padding:0 10px;border:0;background:transparent;border-radius:999px;color:var(--t2);font-size:13px}.foot-bar button:hover{background:var(--bg-mute);color:var(--t1)}.foot-bar .pct{font-size:11.5px;color:var(--t3);font-variant-numeric:tabular-nums;padding:0 4px}.toast{position:fixed;left:50%;bottom:78px;transform:translate(-50%);z-index:90;background:var(--t1);color:var(--bg);padding:10px 18px;border-radius:999px;font-size:13px;box-shadow:var(--shadow);animation:pop .18s}@media (max-width: 1080px){.sidebar{display:none}.search-box{max-width:46vw}}@media (max-width: 860px){.shelf .grid{grid-template-columns:1fr}}@media (max-width: 720px){.brand small,.tool-label{display:none}.topbar{padding:8px 10px;gap:8px;flex-wrap:wrap;min-height:0}.search-box{order:9;width:100%;max-width:none;flex:1 1 100%}.search-box kbd{display:none}.reader{padding:20px 13px 150px}.sec-head h2{font-size:21px}.card{padding:15px 14px 13px}.card h3{font-size:15.5px}.chips,.hl,.fields,details.src{margin-left:0}.hl{font-size:14.5px}.f{grid-template-columns:46px 1fr;font-size:13px}.shelf{padding:30px 16px 80px}.shelf .hero h1{font-size:26px}}@media print{.topbar,.sidebar,.foot-bar,.bm{display:none!important}.card{break-inside:avoid;border-color:#ccc}body{font-size:11pt}}