:root{color-scheme:light dark;--bg:#f5f4ef;--ink:#203832;--muted:#5e6e68;--panel:#fff;--line:#d7e0da;--accent:#126b50;--wash:#eef5f0;--warn:#825a23;--focus:#e9f2eb}
@media(prefers-color-scheme:dark){:root{--bg:#151918;--ink:#e4ebe6;--muted:#acbcb4;--panel:#202825;--line:#3c4b44;--accent:#9ad7b6;--wash:#27362e;--warn:#e0b477;--focus:#293d31}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 system-ui,-apple-system,"Segoe UI","Noto Sans CJK SC",sans-serif}main{max-width:1280px;margin:auto;padding:42px 28px 80px}h1{font-size:clamp(29px,4vw,49px);line-height:1.25;letter-spacing:-1px;margin:14px 0 20px;font-weight:750}h2{font-size:26px;line-height:1.4;margin:0 0 12px}h3{font-size:17px;line-height:1.6;margin:25px 0 10px}p{margin:12px 0}a{color:var(--accent);text-underline-offset:4px;overflow-wrap:anywhere}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button,input,select{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:10px 11px;font-size:14px}button{cursor:pointer}button:hover{background:var(--wash)}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:2px}input[type=search]::-webkit-search-cancel-button{cursor:pointer}.eyebrow{font-size:12px;font-weight:750;letter-spacing:2px;color:var(--accent)}.lead,.muted{color:var(--muted)}.lead{max-width:1010px}.toplinks{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:14px}.panel,article{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:28px;margin:28px 0}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.count,.legend,.meta{font-size:13px;color:var(--muted)}.count{white-space:nowrap}.legend{margin:12px 0}.protocol-note{padding:12px 16px;background:var(--wash);border-left:3px solid var(--accent);font-size:14px}.scope-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:22px}.scope-grid h3{margin:0 0 7px}.scope-grid p{font-size:13px;margin:0;color:var(--muted)}.reading-routes{margin-top:23px;border-top:1px solid var(--line);padding-top:14px}.reading-routes p{font-size:14px}.reading-routes strong{display:inline-block;min-width:140px}.focus-links{display:flex;align-items:center;gap:8px 20px;flex-wrap:wrap;margin:22px 0 5px;font-size:14px}.focus-links span{color:var(--muted);font-size:12px}.controls{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 12px;align-items:end}.controls label{display:flex;flex:1;flex-direction:column;gap:5px;min-width:140px;font-size:12px;color:var(--muted)}.controls .wide{flex:2;min-width:240px}.controls button{align-self:end}.tag-filters{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.tag-filter{font-size:12px;padding:5px 11px;border-radius:999px;background:transparent}.tag-filter[aria-pressed=true]{color:var(--panel);background:var(--accent);border-color:var(--accent)}.filter-hint{font-size:12px;color:var(--muted)}.status{display:inline-flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap;color:var(--muted)}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--muted);flex:none}.status-training:before{background:var(--accent)}.status-partial:before{background:var(--warn)}.status-unreleased:before{background:transparent;border:1.5px solid var(--muted)}.status-unknown:before{width:6px;height:6px;background:var(--line);border-radius:0}.status-legend{display:flex;flex-wrap:wrap;gap:8px 18px}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:7px;scrollbar-color:var(--line) var(--panel)}table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;line-height:1.6}th,td{padding:12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}thead th{position:sticky;top:0;z-index:2;background:var(--wash);color:var(--muted);font-size:12px}tbody tr:last-child>*{border-bottom:0}tbody th{font-weight:650}small{display:block;font-size:11px;line-height:1.65;color:var(--muted);margin-top:5px}#overview-table{min-width:1120px}#overview-table td:nth-child(3){min-width:190px;max-width:240px}#overview-table td:nth-child(4){min-width:180px;max-width:245px}#overview-table td:nth-child(5){min-width:210px;max-width:260px}#overview-table th[scope=row]{min-width:165px}#overview-table .focus-row th{border-left:3px solid var(--accent);padding-left:9px}.overview-scroll{max-height:640px;overscroll-behavior:contain}.results-scroll{max-height:640px;overscroll-behavior:contain}#result-table{min-width:1300px}#result-table th[scope=row]{min-width:140px}#result-table .variant{min-width:200px;max-width:250px}#result-table .protocol{min-width:300px;max-width:350px}.metric{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;min-width:75px}.metric-sort{padding:4px 0;border:0;border-radius:2px;background:transparent;font-size:12px;min-height:28px}.metric-sort:hover{color:var(--accent);background:transparent}th[aria-sort=descending],th[aria-sort=ascending]{color:var(--accent)}.sort-arrow{display:inline-block;width:13px}.tag{display:inline-block;font-size:11px;padding:2px 8px;margin:2px 3px 2px 0;border:1px solid var(--line);border-radius:999px;background:var(--wash);color:var(--accent);line-height:1.7}.toc{display:flex;flex-wrap:wrap;gap:6px 20px;margin:20px 0}.toc a{font-size:13px;text-decoration:none}.toc a:hover{text-decoration:underline}.empty{padding:24px;color:var(--muted);text-align:center}.papers-head{margin:44px auto 0;max-width:1100px}.paper{max-width:1100px;margin:32px auto;padding:32px}.paper-top{display:flex;gap:18px;align-items:baseline}.number{font-size:22px;color:var(--accent);font-variant-numeric:tabular-nums;flex:none}.paper-top>div{min-width:0;flex:1}.paper-title-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:9px 16px}.paper-title-row h2{margin:0}.full-title{font-size:15px;color:var(--muted);margin:7px 0;line-height:1.65}.meta{margin:8px 0}.paper-links{display:flex;gap:10px 20px;flex-wrap:wrap;font-size:13px;margin:12px 0 0}.paper-tags{margin:11px 0}.keyfacts{display:grid;grid-template-columns:105px minmax(0,1fr);gap:10px 20px;font-size:14px;margin:24px 0}.keyfacts dt{color:var(--muted)}.keyfacts dd{margin:0;overflow-wrap:anywhere}.method-summary{background:var(--wash);border-left:3px solid var(--accent);padding:3px 18px 9px;margin:24px 0}.method-summary h3{margin:14px 0 7px}.method-summary p{font-size:14px}.interpretation{font-size:11px;color:var(--muted);font-weight:400;margin-left:9px}.paper figure{margin:25px 0}.paper figure img{display:block;width:100%;max-height:650px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:5px;min-height:100px}.paper figcaption{font-size:12px;color:var(--muted);margin-top:9px}.figure-fallback{font-size:13px;padding:22px;background:var(--wash)}.flow-summary{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr) 22px minmax(0,1fr);align-items:stretch;gap:10px;margin:20px 0}.flow-node{border:1px solid var(--line);padding:14px;font-size:13px;border-radius:6px}.flow-node span{display:block;color:var(--accent);font-size:11px;margin-bottom:6px}.flow-arrow{align-self:center;text-align:center;color:var(--muted)}.columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}.columns h3{color:var(--accent)}.steps{font-size:14px;padding-left:22px;margin:10px 0}.steps li{padding-left:4px;margin:10px 0}.components{margin:22px 0}.components table{min-width:620px}.components th:first-child{width:24%}.components th:last-child{width:30%}.paper h3{color:var(--accent)}.boundary{font-size:14px;padding:13px 17px;border-radius:6px;background:var(--wash)}.boundary strong{color:var(--accent)}.train-state{font-size:14px;line-height:1.8}.paper-results{font-size:13px;margin:18px 0}.paper-results table{min-width:570px}.paper-results summary{color:var(--accent);font-size:14px;cursor:pointer;padding:6px 0}.paper-results .table-scroll{margin:12px 0}.sources{border-top:1px solid var(--line);padding-top:15px;margin-top:22px;font-size:12px;color:var(--muted)}.sources ol{padding-left:20px;margin:8px 0}.sources li{margin:5px 0}.paper-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;font-size:12px;margin-top:18px}.article-limit{font-size:14px}.side-directory{position:fixed;inset:0 auto 0 0;width:min(320px,calc(100vw - 48px));height:100vh;height:100dvh;z-index:40;transform:translateX(-100%);transition:transform .22s ease;background:var(--panel);border-right:1px solid var(--line)}.side-directory.is-open{transform:translateX(0);box-shadow:10px 0 36px #0002}.directory-handle{position:absolute;left:100%;top:36%;width:38px;padding:18px 9px;writing-mode:vertical-rl;letter-spacing:3px;border-left:0;border-radius:0 10px 10px 0;background:var(--panel);color:var(--accent);box-shadow:3px 2px 14px #0001;font-weight:650}.directory-panel{height:100%;display:flex;flex-direction:column;padding:24px 18px 18px;visibility:hidden}.side-directory.is-open .directory-panel{visibility:visible}.directory-panel h2{font-size:19px;margin:0}.directory-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.directory-close{border:0;font-size:20px;line-height:1;padding:6px 10px}.directory-hint{font-size:12px;color:var(--muted);margin:6px 0 15px}.directory-sections{display:grid;gap:3px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px}.directory-sections a,.side-paper-list a{display:block;text-decoration:none;border-radius:5px;padding:7px 9px;font-size:13px;line-height:1.5}.directory-sections a:hover,.side-paper-list a:hover{background:var(--wash)}.directory-search{font-size:12px;color:var(--muted)}.directory-search input{display:block;width:100%;margin-top:5px}.directory-count{font-size:11px;color:var(--muted);margin:8px 0}.side-paper-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.side-paper-list a{display:flex;gap:10px;align-items:baseline}.side-paper-list a span{font-variant-numeric:tabular-nums;flex:none;color:var(--muted);font-size:11px}.side-paper-list a.focus-link{font-weight:650}.directory-shade{position:fixed;inset:0;background:#0004;z-index:39;border:0;border-radius:0}.note-list{padding-left:22px;font-size:14px}.note-list li{margin:9px 0}.downloads{display:flex;gap:10px 14px;flex-wrap:wrap;margin:18px 0}.downloads button{font-size:12px;padding:8px 12px}.foot{font-size:12px;color:var(--muted);max-width:1100px;margin:35px auto 0}code{font-size:.9em;background:var(--wash);padding:2px 5px;border-radius:3px}.skip-link{position:fixed;top:-100px;left:50px;z-index:100;padding:8px 16px;background:var(--panel)}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}:target{scroll-margin-top:24px}article:target{border-color:var(--accent)}.no-js .controls,.no-js .tag-filters,.no-js .side-directory,.no-js .downloads,.no-js .filter-hint{display:none}.no-js .overview-scroll,.no-js .results-scroll{max-height:none}
@media(max-width:900px){.scope-grid{grid-template-columns:1fr 1fr}.columns{gap:20px}.controls .wide{flex-basis:100%}}
@media(max-width:700px){main{padding:26px 15px 50px}.panel,.paper{padding:21px 16px}.section-head{display:block}.section-head .count{display:block;margin:6px 0 0}h2{font-size:23px}.columns{grid-template-columns:1fr;gap:0}.scope-grid{gap:20px}.keyfacts{grid-template-columns:1fr;gap:3px}.keyfacts dd{margin-bottom:10px}.paper-top{gap:11px}.number{font-size:18px}.controls{gap:10px}.controls label{min-width:135px}.controls .wide{min-width:0}.flow-summary{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg)}.reading-routes strong{display:block}.table-scroll{border-radius:5px}.results-scroll,.overview-scroll{max-height:530px}.directory-handle{width:30px;padding:15px 5px}.paper figure img{max-height:480px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.side-directory{transition:none}}
@media print{body{background:white;color:#111}main{max-width:none;padding:0}.side-directory,.directory-shade,.controls,.tag-filters,.toplinks,.downloads,.toc,.filter-hint,.paper-bottom,.skip-link{display:none!important}.panel,.paper{border:0;padding:12px 0;margin:20px 0}.paper{break-before:page}.paper h2,.paper h3{break-after:avoid}.paper figure{break-inside:avoid}.paper figure img{max-height:370px}.table-scroll{overflow:visible}.results-scroll,.overview-scroll{max-height:none}#result-table,#overview-table,.components table,.paper-results table{min-width:0;font-size:8px}th,td{min-width:0!important;max-width:none!important;padding:4px}thead th{position:static}.paper[hidden],tr[hidden]{display:revert!important}.columns{display:block}.scope-grid{display:grid;grid-template-columns:1fr 1fr}a{color:inherit}.metric-sort{font-size:8px;padding:0}.sources{font-size:9px}}

/* Blog identity for the standalone literature atlas; source content stays intact. */
:root {
  color-scheme: light;
  --bg: #f8f9fb;
  --ink: #202e41;
  --muted: #667489;
  --panel: #fff;
  --line: #dde3eb;
  --accent: #286fbd;
  --wash: #edf4fc;
  --warn: #8c622e;
  --mono: "SFMono-Regular", Consolas, monospace;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
[data-theme="dark"] {
  color-scheme: dark;
  --bg: #131a24;
  --ink: #e6edf7;
  --muted: #a4b3c7;
  --panel: #192330;
  --line: #344153;
  --accent: #89bcf6;
  --wash: #202f44;
  --warn: #e5bd8e;
}
html { scroll-padding-top: 104px; }
body { font-family: var(--sans); -webkit-font-smoothing: antialiased; }
:target { scroll-margin-top: 104px; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
::selection { background: #cde2fb; color: #1b365a; }
.skip { position: fixed; left: 16px; top: -90px; z-index: 100; background: var(--panel); padding: 12px; }
.skip:focus { top: 12px; }
.blog-header { position: sticky; top: 0; z-index: 40; background: var(--bg); border-bottom: 1px solid var(--line); }
.header-inner { max-width: 1280px; margin: auto; min-height: 78px; padding: 0 32px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.blog-header a { color: var(--ink); text-decoration: none; }
.blog-header a:hover { color: var(--accent); }
.blog-brand { display: flex; align-items: center; gap: 12px; font-size: 16px; font-weight: 600; }
.blog-brand small { display: block; color: var(--muted); font-family: var(--mono); font-size: 9px; letter-spacing: .1em; font-weight: 400; margin: 0; }
.seal { display: block; flex: none; width: 36px; height: 36px; background: var(--accent); mask: url("../../../assets/buaa-logo.png") left center / auto 36px no-repeat; -webkit-mask: url("../../../assets/buaa-logo.png") left center / auto 36px no-repeat; }
.header-inner nav { display: flex; align-items: center; gap: 28px; font-size: 12px; }
.header-inner nav a { padding: 14px 0; }
.header-inner .nav-current { color: var(--accent); font-family: var(--mono); letter-spacing: .08em; }
.blog-theme { min-width: 40px; height: 40px; border: 1px solid var(--line); border-radius: 50%; color: var(--ink); background: transparent; font-size: 20px; padding: 0; align-self: center; }
.blog-theme:hover { background: var(--wash); }
.reading-progress { position: fixed; height: 2px; top: 78px; left: 0; right: 0; z-index: 41; pointer-events: none; }
.reading-progress span { display: block; width: 100%; height: 100%; background: var(--accent); transform-origin: left; transform: scaleX(0); }
.vln-main { padding: 0 32px 52px; }
.vln-breadcrumbs { display: flex; flex-wrap: wrap; gap: 10px; padding-top: 28px; color: var(--muted); font-size: 11px; }
.vln-breadcrumbs a { text-decoration: none; color: inherit; }
.vln-breadcrumbs a:hover { color: var(--accent); }
.vln-heading { padding: 42px 0 40px; border-bottom: 1px solid var(--line); }
.vln-eyebrow, .eyebrow { color: var(--accent); font: 11px var(--mono); letter-spacing: .12em; }
.vln-eyebrow { text-transform: uppercase; }
.vln-heading h1 { margin: 22px 0; font-size: clamp(42px, 6vw, 72px); font-weight: 650; letter-spacing: -.055em; line-height: 1.1; }
.vln-subtitle { max-width: 820px; margin: 0; font-size: 16px; color: var(--muted); }
.vln-meta { display: flex; flex-wrap: wrap; gap: 12px 28px; margin-top: 28px; color: var(--muted); font-size: 12px; }
.vln-meta > span:first-child { color: var(--ink); }
.vln-source-intro { margin: 32px 0 14px; }
.vln-original-title { font-size: 21px; font-weight: 600; line-height: 1.5; margin: 10px 0; }
.toplinks { gap: 12px 24px; margin-bottom: 30px; }
.toplinks a { text-decoration: none; min-height: 32px; display: inline-flex; align-items: center; border-bottom: 1px solid var(--line); }
.toplinks a:hover { border-color: var(--accent); }
.panel, article { border-radius: 0; }
article { border-width: 1px 0 0; max-width: 1100px; padding: 36px 32px; margin: 34px auto; }
.panel { padding: 28px; }
.insights div { background: transparent; border-top: 2px solid var(--line); padding: 16px 0; border-radius: 0; }
.insights { gap: 28px; }
.table-scroll, input, select, button, .loop, .provenance, .directory-sections a, .side-paper-list a { border-radius: 2px; }
.table-scroll, .evidence { max-width: 100%; }
input, select { max-width: 100%; min-width: 0; }
.controls label { min-width: min(160px, 100%); }
figure img { border-radius: 0; }
.paper-top h2 { overflow-wrap: anywhere; }
.vln-main { overflow-wrap: anywhere; }
.vln-main .math-inline { max-width: 100%; overflow-x: auto; vertical-align: middle; }
.vln-main .math-display { display: block; max-width: 100%; overflow-x: auto; padding: 3px 0; }
.paper-tag { border-radius: 2px; font-size: 11px; }
.side-directory { z-index: 50; }
.directory-handle { width: 28px; padding: 18px 6px; border-radius: 0 3px 3px 0; box-shadow: none; font-size: 13px; }
.side-directory.is-open { box-shadow: 8px 0 24px #0001; }
.directory-panel { padding-top: 26px; }
.directory-panel input { min-height: 42px; }
.directory-sections a, .side-paper-list a { padding-top: 9px; padding-bottom: 9px; }
.vln-article-end { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px; padding: 30px 0; margin-top: 32px; border-top: 1px solid var(--line); font-size: 14px; }
.vln-article-end a { text-decoration: none; }
.vln-site-footer { max-width: 1280px; padding: 24px 32px 40px; margin: auto; display: flex; justify-content: space-between; gap: 20px; font-size: 11px; }
.vln-site-footer a { text-decoration: none; }
@media (max-width: 700px) {
  .header-inner { min-height: 68px; padding: 0 18px; gap: 12px; }
  .blog-brand { gap: 8px; font-size: 14px; }
  .blog-brand small { font-size: 8px; }
  .seal { width: 30px; height: 30px; mask-size: auto 30px; -webkit-mask-size: auto 30px; }
  .header-inner nav { gap: 18px; }
  .reading-progress { top: 68px; }
  .blog-theme { min-width: 36px; height: 36px; }
  .vln-main { padding: 0 18px 24px; }
  .vln-breadcrumbs { padding-top: 22px; }
  .vln-heading { padding: 30px 0 28px; }
  .vln-heading h1 { font-size: clamp(38px, 10vw, 54px); }
  .vln-subtitle { font-size: 14px; line-height: 1.8; }
  .vln-meta { gap: 8px 18px; margin-top: 22px; font-size: 11px; }
  .vln-original-title { font-size: 19px; }
  .vln-source-intro { margin-top: 24px; }
  .eyebrow { font-size: 9px; line-height: 1.7; }
  .toplinks { font-size: 12px; gap: 8px 18px; }
  .panel { padding: 20px 14px; }
  .results-panel { padding: 18px 12px; }
  article { padding: 24px 14px; margin-top: 24px; }
  .controls { gap: 12px; }
  .controls label { flex-basis: 100%; }
  .controls button { min-height: 42px; }
  .results-scroll { max-height: 520px; }
  #result-table th:first-child { width: 125px; max-width: 125px; overflow-wrap: anywhere; }
  dl { grid-template-columns: minmax(0, 1fr); }
  .links { flex-wrap: wrap; gap: 12px; }
  .directory-handle { top: auto; bottom: 24px; padding: 12px 7px; width: 32px; }
  .vln-site-footer { padding: 20px 18px 32px; font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: 0s !important; }
}
@media print {
  .blog-header, .reading-progress, .vln-breadcrumbs, .vln-article-end, .vln-site-footer, .skip { display: none; }
  .vln-main { padding: 0; }
  .vln-heading { padding-top: 0; }
}

/* Integration only: retain the source catalog's research and responsive grids. */
.columns > *, .scope-grid > *, .flow-summary > * { min-width: 0; }
.vln-previous { margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--line); font-size: 14px; }
.vln-previous a { text-decoration: none; }
.directory-shade { z-index: 49; }
.keyfacts { grid-template-columns: 105px minmax(0, 1fr); }
@media (max-width: 700px) {
  .keyfacts { grid-template-columns: minmax(0, 1fr); }
  .count { white-space: normal; }
  .paper { padding: 24px 14px; }
}