
:root,:root[data-theme="light"],:root[data-theme="dark"]{--acc:#0d509e;--acc-dk:#093e7c;--text:#19334f;--sub:#5c6f87;--hover:#f2f7fd;--hero:#f1f6fc;--brand-soft:#edf4fc;--line:#e1e5eb;--line2:#dce4ee;--weight:#487fc2;--radius-lg:16px;--radius-md:12px}
body.library-page{margin:0;background:#fff;color:#19334f;font:14px/1.65 "Segoe UI","Microsoft YaHei",system-ui,sans-serif}
.library-shell{width:calc(100% - 48px);max-width:1240px;margin:34px auto 48px}
.library-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
.library-kicker{color:#0d509e;font-size:12px;font-weight:700;letter-spacing:1px}
.library-page .library-heading h1{font-size:32px;letter-spacing:-.5px;margin:9px 0 8px}
.library-page .library-heading p{font-size:14px;color:#5c6f87;margin:0}
.library-action{display:inline-flex;align-items:center;gap:16px;flex:none;color:#0d509e;text-decoration:none;border:1px solid #d8e4f2;background:#f4f8fd;border-radius:10px;padding:10px 16px;font-weight:600}
.library-page #tabs{width:100%;margin:0 0 22px;padding:5px;display:flex;gap:6px;border:1px solid #e1e5eb;background:#f7f9fc;border-radius:12px;justify-content:flex-start;overflow:visible}
.library-page #tabs button{border:0;border-radius:8px;background:transparent;min-height:44px;padding:10px 24px;color:#5c6f87;font:600 14px/1.4 "Segoe UI","Microsoft YaHei",sans-serif;box-shadow:none}
.library-page #tabs button.on{background:#fff;color:#0d509e;box-shadow:0 1px 5px #19334f12}
.library-page #tabs small{display:none}
.library-page .library-shell main{width:100%;max-width:none;margin:0;padding:0}
.library-page .result.wide{padding:24px;border:1px solid #e1e5eb;border-radius:16px;box-shadow:0 4px 20px #19334f05;background:#fff}
.library-page .library-head h2{font-size:21px;margin:0 0 8px}
.library-page .library-head .eyebrow{display:none}
.library-page .filterbar{gap:12px;margin:20px 0 18px}
.library-page #hw-q{min-width:160px;max-width:none;flex:1;border-radius:10px;border:1px solid #dce4ee;background:#fbfcfe;padding:11px 14px;font:inherit}
.library-page .tblwrap{max-width:100%;overflow-x:auto;border:1px solid #e4eaf2;border-radius:12px}
.library-page .tbl{min-width:900px}
.library-page .tbl th{background:#f4f7fb;color:#526b87;font-size:12px}
.library-page .tbl td{border-color:#edf0f5}
.library-page .library-shell footer{width:100%;margin:22px 0 0;padding:16px 0 0;border-top:1px solid #e1e5eb;color:#738398;font-size:11px;line-height:1.8}
.library-page #v-perf>aside{border:1px solid #e1e5eb;border-radius:16px;background:#fafcff}
.library-page .hero{box-shadow:none;border-color:#d8e4f2}
.library-page button:focus-visible,.library-page a:focus-visible,.library-page input:focus-visible{outline:3px solid #78a5d6;outline-offset:2px}
@media(max-width:720px){.library-shell{width:calc(100% - 28px);margin-top:22px}.library-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:20px}.library-page .library-heading h1{font-size:27px}.library-page .library-heading p{font-size:13px}.library-action{font-size:12px;padding:8px 12px}.library-page .result.wide{padding:16px 12px}.library-page #tabs button{flex:1;padding:10px 14px}.library-page .filterbar{align-items:stretch;flex-direction:column}.library-page #hw-q{width:100%;min-width:0}.library-page .library-head p{font-size:12px}.library-page .library-shell footer{display:block}.library-page #v-perf{grid-template-columns:minmax(0,1fr)}.library-page #v-perf>aside,.library-page #v-perf>.result{min-width:0;width:100%}}
