/* ============================================================
   FJOJO 个人网站 · 设计系统 v0.2（框架）
   依据《FJOJO 个人网站内容架构与视觉执行策划书（增补版）》及 2026-09-14 修订：
   双轨简化（Dossier→简历；Collection→展厅）、阅览室并入展厅、
   中德双语题词（德语衬线）、夜间模式。
   规则：页面按内容分色；字体、网格、导航全站统一。
   ============================================================ */

/* ---------- 基础与令牌 ---------- */
:root{
  --space-unit:4px;
  --page-max:1240px;
  --reading-max:680px;
  --gutter:40px;
  color-scheme:light;

  /* 字体栈（策划 §9.1；在线字体失败时按此回退） */
  --font-serif-cn:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif;
  --font-sans-cn:"Noto Sans SC","PingFang SC","Microsoft YaHei","Helvetica Neue",sans-serif;
  --font-display:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --font-ui:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
  /* 德语衬线（题词专用）：EB Garamond 为德国语境常用的 Garamond 复刻，覆盖 ß 等字符 */
  --font-ge:"EB Garamond","Cormorant Garamond","Noto Serif","Georgia",serif;
  /* 霞鹜文楷（自托管分片 webfont；书目页句子与引文用） */
  --font-wenkai:"LXGW WenKai","Noto Serif SC","Songti SC",serif;

  --radius:2px;
  --tr:150ms ease;
}
html[data-theme="dark"]{color-scheme:dark}

/* 作者标记字体：星云文楷希腊字母（Nebulas WenKai Greek）
   OFL 1.1 授权，授权文件见 assets/fonts/LICENSE.txt；用于 ζβω 落款 */
@font-face{
  font-family:"Nebulas WenKai Greek";
  src:url("../fonts/NebulasWenKaiGreek.woff2") format("woff2"),
      url("../fonts/NebulasWenKaiGreek.otf") format("opentype");
  font-weight:400;font-style:normal;font-display:swap;
}

/* ---------- 页面分色 · 日间（v0.4：拉开各页色相差异） ---------- */
.theme-entrance{--bg:#F5F0E3;--ink:#2B2B26;--soft:#6D675A;--line:#D8CEB9;--card:#F9F5EA;--panel:#EDE5D2;--accent:#8C4A37;}
.theme-cabinet {--bg:#E7EDF3;--ink:#22374B;--soft:#587082;--line:#C3D2DD;--card:#F0F5F9;--panel:#DAE4EC;--accent:#35597B;--body-font:var(--font-sans-cn);}
.theme-archive {--bg:#F0E6CF;--ink:#3B3428;--soft:#75674A;--line:#D5C29D;--card:#F6EFDD;--panel:#E6D8BB;--accent:#7A5727;}
.theme-gallery {--bg:#E9EFE4;--ink:#2D332B;--soft:#626B5A;--line:#C8D3C0;--card:#F2F6EE;--panel:#DDE7D6;--accent:#4C5F44;}
.theme-work    {--bg:#E0EBE7;--ink:#21332E;--soft:#547068;--line:#BFD3CD;--card:#ECF4F1;--panel:#D3E3DD;--accent:#2C5F56;}

/* ---------- 页面分色 · 夜间（v0.4：与日间同样拉开色相） ---------- */
html[data-theme="dark"] .theme-entrance{--bg:#1A1915;--ink:#EAE4D6;--soft:#A8A091;--line:#3C382F;--card:#22201B;--panel:#2A2721;--accent:#CD8B74;}
html[data-theme="dark"] .theme-cabinet {--bg:#131820;--ink:#E2E9F0;--soft:#98A9B8;--line:#313D49;--card:#1B2229;--panel:#222A33;--accent:#8FB6DC;}
html[data-theme="dark"] .theme-archive {--bg:#1F1A10;--ink:#EAE1CE;--soft:#B3A384;--line:#3E3524;--card:#272115;--panel:#2F281A;--accent:#D4B173;}
html[data-theme="dark"] .theme-gallery {--bg:#171C15;--ink:#E6E9DF;--soft:#A2AB97;--line:#333D2E;--card:#1F251C;--panel:#262D22;--accent:#A8C795;}
html[data-theme="dark"] .theme-work    {--bg:#121E1B;--ink:#DFEAE6;--soft:#93A9A2;--line:#2E423C;--card:#1A2825;--panel:#21312D;--accent:#7FC7B2;}

/* 专题系列色（仅作小色签与封面，不改页面主色；策划 §10.1） */
.cover--xiangxue {--cover-bg:#F7F2E8;--cover-line:#DFCDB9;--cover-accent:#8B463A;}
.cover--zhuangzi {--cover-bg:#EFF1E8;--cover-line:#C9D2BE;--cover-accent:#52644A;}
.cover--bowu     {--cover-bg:#F2F0E6;--cover-line:#D6D2BE;--cover-accent:#5E6B4A;}
.cover--bdsm     {--cover-bg:#F1ECEB;--cover-line:#D8C7CB;--cover-accent:#755361;}
html[data-theme="dark"] .cover--xiangxue {--cover-bg:#262119;--cover-line:#4A3D2E;--cover-accent:#C98A78;}
html[data-theme="dark"] .cover--zhuangzi {--cover-bg:#1F241D;--cover-line:#38452F;--cover-accent:#9DB292;}
html[data-theme="dark"] .cover--bowu     {--cover-bg:#21241C;--cover-line:#3C4232;--cover-accent:#A3B58C;}
html[data-theme="dark"] .cover--bdsm     {--cover-bg:#251F22;--cover-line:#463A40;--cover-accent:#B08A99;}

/* 刊架新增（2026-09-17 第二批）：ADHD／风格／亲密关系／Mixology */
.cover--adhd      {--cover-bg:#F6EFE4;--cover-line:#E0CBB4;--cover-accent:#B4652F;}
.cover--style     {--cover-bg:#F2EFEC;--cover-line:#D8CFD4;--cover-accent:#7A5E70;}
.cover--intimate  {--cover-bg:#F7EFEE;--cover-line:#E0C9C6;--cover-accent:#9C5B54;}
.cover--mixology  {--cover-bg:#F5F0E4;--cover-line:#DCCDB0;--cover-accent:#8A6A2F;}
html[data-theme="dark"] .cover--adhd      {--cover-bg:#251D14;--cover-line:#4A3927;--cover-accent:#D8935C;}
html[data-theme="dark"] .cover--style     {--cover-bg:#221F24;--cover-line:#443B44;--cover-accent:#B698AC;}
html[data-theme="dark"] .cover--intimate  {--cover-bg:#271D1D;--cover-line:#4C3836;--cover-accent:#D19A92;}
html[data-theme="dark"] .cover--mixology  {--cover-bg:#241F14;--cover-line:#4A4028;--cover-accent:#C9A868;}

/* ---------- 底纹 · 矿石（v0.7：程序化生成的矿石纹理；文字与配色不变） ----------
   入口＝虎眼石｜作者柜＝大理石｜档案室＝砂岩｜展厅＝花岗岩｜数字作品＝黑曜石；明暗各一套 */
.theme-entrance{background-image:url("../textures/tigereye-light.webp")}
html[data-theme="dark"] .theme-entrance{background-image:url("../textures/tigereye-dark.webp")}
.theme-cabinet{background-image:url("../textures/marble-light.webp")}
html[data-theme="dark"] .theme-cabinet{background-image:url("../textures/marble-dark.webp")}
.theme-archive{background-image:url("../textures/sandstone-light.webp")}
html[data-theme="dark"] .theme-archive{background-image:url("../textures/sandstone-dark.webp")}
.theme-gallery{background-image:url("../textures/granite-light.webp")}
html[data-theme="dark"] .theme-gallery{background-image:url("../textures/granite-dark.webp")}
.theme-work{background-image:url("../textures/obsidian-light.webp")}
html[data-theme="dark"] .theme-work{background-image:url("../textures/obsidian-dark.webp")}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}
body{
  margin:0;
  background-color:var(--bg);
  color:var(--ink);
  font-family:var(--body-font,var(--font-serif-cn));
  font-size:16px;
  line-height:1.7;
  transition:background-color 200ms ease,color 200ms ease;
}
img,svg{max-width:100%}

/* 全站中文标题统一宋体家族（策划 §9.2）；英文展示体由 .wordmark/.page-title/.track__en 等类覆盖 */
h1,h2,h3,h4{font-family:var(--font-serif-cn)}

a{color:inherit;text-decoration:none;text-underline-offset:3px}
a:hover{text-decoration:underline;text-decoration-thickness:1px}
p{margin:0 0 12px}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
::selection{background:var(--accent);color:var(--bg)}

.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--bg);padding:10px 16px;font-family:var(--font-ui);font-size:14px;z-index:100}
.skip-link:focus{left:8px;top:8px}

/* ---------- 布局 ---------- */
.wrap{max-width:var(--page-max);margin:0 auto;padding:0 var(--gutter)}
.section{padding:56px 0}
.section--line{border-top:1px solid var(--line)}
.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin:0 0 24px}
.section-title{font-size:clamp(22px,3vw,28px);font-weight:600;letter-spacing:.02em;line-height:1.45;margin:0}
.note{font-family:var(--font-sans-cn);font-size:13.5px;color:var(--soft);line-height:1.65}
.meta{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.02em;color:var(--soft)}
.is-pending{color:var(--soft)}
.star{width:12px;height:12px;flex:0 0 auto;vertical-align:-1px}

/* ---------- 页头与导航（SiteHeader） ---------- */
.site-header{border-bottom:1px solid var(--line);background:transparent;position:relative;z-index:20;transition:background-color 200ms ease,border-color 200ms ease}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px}
.wordmark{font-family:var(--font-display);font-weight:500;letter-spacing:.08em;line-height:1;margin:0}
.site-header .wordmark{font-size:22px}
.header-right{display:flex;align-items:center;gap:10px;margin-left:auto}
.nav-actions{display:flex;align-items:center;gap:8px}
.site-nav{display:flex;align-items:center;gap:2px}
.site-nav a{
  font-family:var(--font-ui);font-size:13.5px;letter-spacing:.02em;color:var(--soft);
  display:inline-flex;align-items:center;min-height:44px;padding:10px 12px;
}
.site-nav a:hover{color:var(--ink);text-decoration:none}
.site-nav a[aria-current="page"]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent)}
.nav-cn{
  font-family:var(--font-sans-cn);font-size:11.5px;color:var(--soft);
  margin-left:6px;letter-spacing:.06em;
}
.site-nav a:hover .nav-cn{color:var(--ink)}
.site-nav a[aria-current="page"] .nav-cn{color:var(--accent)}
.nav-toggle{
  display:none;align-items:center;justify-content:center;min-width:44px;min-height:44px;
  background:transparent;border:1px solid var(--line);border-radius:var(--radius);
  color:var(--ink);font-family:var(--font-ui);font-size:13px;cursor:pointer;padding:0 12px;
}

/* 夜间模式切换 */
.theme-toggle{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:44px;min-height:44px;padding:0 12px;
  background:transparent;border:1px solid var(--line);border-radius:var(--radius);
  color:var(--soft);cursor:pointer;
  transition:border-color var(--tr),color var(--tr);
}
.theme-toggle:hover{border-color:var(--accent);color:var(--ink)}
.theme-toggle svg{width:16px;height:16px;display:block}
.theme-toggle .t-sun{display:none}
.theme-toggle .t-moon{display:block}
html[data-theme="dark"] .theme-toggle .t-sun{display:block}
html[data-theme="dark"] .theme-toggle .t-moon{display:none}

/* ---------- 页首说明块 ---------- */
.page-head{padding:64px 0 40px}
.page-title{font-family:var(--font-display);font-size:clamp(34px,5vw,52px);font-weight:500;letter-spacing:.02em;line-height:1.15;margin:0 0 14px}
.page-title__cn{font-family:var(--font-serif-cn);font-size:.52em;font-weight:500;letter-spacing:.14em;margin-left:14px;white-space:nowrap;color:var(--accent)}
.page-explain{font-family:var(--font-sans-cn);font-size:15.5px;color:var(--soft);margin:0}

/* ---------- 按钮与链接 ---------- */
.btn{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--font-ui);font-size:14.5px;line-height:1;letter-spacing:.01em;
  min-height:44px;padding:14px 20px;border:1px solid var(--ink);border-radius:var(--radius);
  background:transparent;color:var(--ink);
  transition:background-color var(--tr),color var(--tr);
  cursor:pointer;
}
.btn:hover{background:var(--ink);color:var(--bg);text-decoration:none}
.btn--primary{background:var(--ink);color:var(--bg)}
.btn--primary:hover{opacity:.9;color:var(--bg)}
.btn[aria-disabled="true"],.btn:disabled{opacity:.45;cursor:not-allowed}
.link-arrow{font-family:var(--font-ui);font-size:14.5px;color:var(--accent);display:inline-flex;align-items:center;min-height:44px}
.link-arrow:hover{text-decoration:underline}

/* ---------- 入口页：题词与双轨面板 ---------- */
.hero{padding:72px 0 52px}
.wordmark--hero{font-size:clamp(56px,9vw,88px);letter-spacing:.06em;font-weight:500}
.hero__tagline{margin:24px 0 0;display:flex;flex-direction:column;gap:9px}
.hero__tagline-de{
  font-family:var(--font-ge);
  font-style:italic;
  font-size:clamp(19px,2.6vw,25px);
  line-height:1.6;letter-spacing:.01em;color:var(--ink);
}
.hero__tagline-zh{
  font-family:var(--font-serif-cn);
  font-size:clamp(15px,1.9vw,18px);
  color:var(--soft);letter-spacing:.04em;line-height:1.9;
}
.tracks{padding:0 0 8px}
.track-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}
.track{padding:40px 36px 44px;background:var(--card);display:flex;flex-direction:column;gap:0;transition:background-color 200ms ease}
.track + .track{border-left:1px solid var(--line);background:var(--panel)}
.track__en{font-family:var(--font-display);font-size:26px;font-weight:500;letter-spacing:.03em;margin:0 0 6px}
.track__title{font-size:17px;font-weight:600;letter-spacing:.06em;margin:0 0 14px}
.track__line{font-family:var(--font-sans-cn);font-size:14.5px;color:var(--soft);line-height:1.8;margin:0 0 26px}
.track__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:auto}

/* ---------- 展陈卡（首页近期展陈 / 作品卡） ---------- */
.exhibit-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}
.exhibit-col{display:grid;gap:24px;align-content:start}
.exhibit-card{border:1px solid var(--line);background:var(--card);display:flex;flex-direction:column;transition:background-color 200ms ease}
.exhibit-card__body{padding:20px 22px 24px}
.exhibit-card__title{font-size:clamp(19px,2.2vw,24px);font-weight:500;line-height:1.4;margin:8px 0 8px}
.exhibit-card--main .exhibit-card__title{font-size:clamp(22px,2.8vw,30px)}
.exhibit-card__line{font-family:var(--font-sans-cn);font-size:14.5px;color:var(--soft);margin:0 0 14px}
.exhibit-card__link{margin-top:auto}

.placeholder-frame{
  border:1px dashed var(--line);border-radius:var(--radius);
  background:transparent;min-height:200px;display:flex;align-items:center;justify-content:center;
  color:var(--soft);font-family:var(--font-sans-cn);font-size:13.5px;text-align:center;padding:24px;
}
.placeholder-frame--tall{min-height:340px}
.placeholder-frame--wide{min-height:240px}

/* ---------- 展签（ExhibitionLabel） ---------- */
.exhibition-label{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  font-family:var(--font-ui);font-size:12.5px;letter-spacing:.08em;color:var(--soft);
  margin:0 0 4px;
}
.exhibition-label .star{color:var(--accent);opacity:.75}

/* ---------- 馆藏索引 ---------- */
.index-row{list-style:none;display:flex;flex-wrap:wrap;gap:14px 48px;margin:0;padding:22px 0 0;border-top:1px solid var(--line)}
.index-item{display:flex;align-items:baseline;gap:10px}
.index-name{font-size:17px;letter-spacing:.03em}
.index-status{font-family:var(--font-mono);font-size:12px;color:var(--soft)}

/* ---------- 作品卡（WorkCard） ---------- */
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.work-card{border:1px solid var(--line);background:var(--card);display:flex;flex-direction:column;transition:transform var(--tr),border-color var(--tr),background-color 200ms ease}
.work-card:hover{transform:translateY(-2px);border-color:var(--accent)}
.work-card__visual{border-bottom:1px solid var(--line)}
.work-card__body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.work-card__title{font-size:20px;font-weight:500;line-height:1.4;margin:2px 0 0}
.work-card__line{font-family:var(--font-sans-cn);font-size:14px;color:var(--soft);margin:0}
.work-card__foot{margin-top:auto;padding-top:10px}

/* ---------- 专题封面（CollectionCover；专刊属作品体系，陈列于展厅） ---------- */
.covers{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.collection-cover{
  border:1px solid var(--cover-line,var(--line));border-left:3px solid var(--cover-accent,var(--accent));
  background:var(--cover-bg,var(--card));
  padding:26px 24px 24px;min-height:230px;display:flex;flex-direction:column;gap:10px;
  transition:background-color 200ms ease;
}
.collection-cover__en{font-family:var(--font-display);font-size:15px;letter-spacing:.12em;color:var(--cover-accent,var(--accent));margin:0}
.collection-cover__title{font-size:24px;font-weight:500;margin:0}
.collection-cover__line{font-family:var(--font-sans-cn);font-size:13.5px;color:var(--soft);margin:0}
.collection-cover__foot{margin-top:auto;padding-top:12px}
.collection-cover--text{border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--card)}

/* ---------- 档案（ArchiveEntry） ---------- */
.archive-layout{display:grid;grid-template-columns:170px minmax(0,1fr) 210px;gap:44px;padding:48px 0 8px}
.archive-rail{position:sticky;top:88px;align-self:start}
.archive-rail__title{font-family:var(--font-ui);font-size:12px;letter-spacing:.12em;color:var(--soft);margin:0 0 12px}
.archive-rail ul{list-style:none;margin:0;padding:0}
.archive-rail a{display:block;padding:9px 0;font-size:14px;color:var(--soft);border-bottom:1px dotted transparent}
.archive-rail a:hover{color:var(--ink);text-decoration:none}
.archive-notes{font-family:var(--font-sans-cn);font-size:13px;color:var(--soft);line-height:1.75}
.archive-notes h3{font-size:13px;letter-spacing:.1em;color:var(--soft);font-weight:600;margin:0 0 10px}
.archive-select{display:none}
.archive-select select{
  width:100%;min-height:44px;padding:10px 12px;
  font-family:var(--font-sans-cn);font-size:14px;color:var(--ink);
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
}

.entry{border-bottom:1px solid var(--line)}
.entry summary{
  list-style:none;cursor:pointer;padding:22px 0;
  display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:20px;align-items:baseline;
}
.entry summary::-webkit-details-marker{display:none}
.entry__date{font-family:var(--font-mono);font-size:12.5px;color:var(--soft)}
.entry__title{font-size:19px;font-weight:500;line-height:1.45;margin:0}
.entry summary::after{content:"＋";font-family:var(--font-ui);font-size:14px;color:var(--soft)}
.entry[open] summary::after{content:"－"}
.entry__body{padding:0 0 28px 170px}
.field{margin:0 0 14px}
.field__label{font-family:var(--font-ui);font-size:12px;letter-spacing:.08em;color:var(--soft);margin:0 0 3px}
.field__value{margin:0}

/* ---------- 证据签（EvidenceBlock） ---------- */
.evidence-block{border:1px dashed var(--line);padding:22px 24px;border-radius:var(--radius);background:transparent}
.evidence-block__label{font-family:var(--font-ui);font-size:12px;letter-spacing:.12em;color:var(--soft);margin:0 0 14px}
.proof-list{list-style:none;display:flex;flex-wrap:wrap;gap:12px 22px;margin:0;padding:0}
.proof{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:12.5px;color:var(--soft)}
.proof::before{content:"○";font-size:11px}
.proof.is-on::before{content:"●";color:var(--accent)}

/* ---------- 关联（RelatedItems） ---------- */
.related{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.related__item{border:1px solid var(--line);padding:18px 20px;background:var(--card);min-height:120px;display:flex;flex-direction:column;gap:6px}
.related__label{font-family:var(--font-ui);font-size:12px;letter-spacing:.08em;color:var(--soft);margin:0}

/* ---------- 空状态（EmptyState） ---------- */
.empty-state{
  border:1px dashed var(--line);padding:38px 28px;text-align:center;
  font-family:var(--font-sans-cn);font-size:14px;color:var(--soft);line-height:1.8;
}
.empty-state .star{color:var(--accent);opacity:.7;margin:0 auto 10px;display:block;width:14px;height:14px}

/* ---------- 筛选条 ---------- */
.filter-bar{display:flex;flex-wrap:wrap;gap:16px 32px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:28px 0 36px}
.filter-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.filter-group__label{font-family:var(--font-ui);font-size:12px;letter-spacing:.1em;color:var(--soft);margin-right:2px}
.chip{
  font-family:var(--font-ui);font-size:13px;color:var(--soft);cursor:pointer;
  background:transparent;border:1px solid var(--line);border-radius:var(--radius);
  padding:9px 14px;min-height:38px;
  transition:border-color var(--tr),background-color var(--tr),color var(--tr);
}
.chip:hover{border-color:var(--accent);color:var(--ink)}
.chip.is-active{background:var(--ink);border-color:var(--ink);color:var(--bg)}

/* ---------- 正文排印 ---------- */
.prose{max-width:var(--reading-max);font-size:18px;line-height:1.9}
.prose h2{font-size:22px;font-weight:600;margin:40px 0 14px}
.prose h3{font-size:18px;font-weight:600;margin:28px 0 10px}
.prose blockquote{margin:20px 0;padding:2px 0 2px 20px;border-left:2px solid var(--accent);color:var(--soft)}

/* Cabinet 版式（左 8 右 4；移动端单列且成果优先） */
.cabinet-grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:56px;padding:44px 0 8px}
.cabinet-side{display:flex;flex-direction:column;gap:36px}
.slot-box{border:1px dashed var(--line);padding:18px 20px;font-family:var(--font-sans-cn);font-size:13.5px;color:var(--soft);line-height:1.7}
.exp-list{list-style:none;margin:0;padding:0}
.exp-item{padding:20px 0;border-bottom:1px solid var(--line)}
.exp-item:first-child{border-top:1px solid var(--line)}
.exp-item h3{font-size:18px;font-weight:500;margin:6px 0 6px}

/* ---------- 页脚 ---------- */
.site-footer{border-top:1px solid var(--line);margin-top:96px;transition:background-color 200ms ease}
.site-footer__inner{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:32px 0 48px}
.author-mark{font-family:"Nebulas WenKai Greek",var(--font-display);font-size:20px;letter-spacing:.1em;margin:0 0 8px}
.site-footer .note{margin:0}

/* ---------- 小工具 ---------- */
.block{margin:0 0 40px}
.dev-banner{border:1px dashed var(--line);padding:12px 16px;font-family:var(--font-sans-cn);font-size:13px;color:var(--soft);margin:0 0 28px;border-radius:var(--radius)}
.q-list{list-style:none;margin:0;padding:0}
.q-list li{padding:14px 0;border-bottom:1px solid var(--line)}
.statement{font-size:clamp(18px,2.4vw,22px);color:var(--soft);letter-spacing:.03em;line-height:1.7;margin:0 0 10px}
.work-card[hidden]{display:none}

/* ---------- 专刊封架（双列） ---------- */
.covers--two{grid-template-columns:repeat(2,1fr)}
@media (max-width:560px){.covers--two{grid-template-columns:1fr}}

/* ---------- 写作（文本作品卡） ---------- */
.work-card--text .work-card__body{padding:22px 22px 24px;min-height:170px}
.work-card--text .work-card__title{font-size:21px}

/* ---------- 工作台（Skill 展位） ---------- */
.bench{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 36px}
.bench-col__title{font-family:var(--font-sans-cn);font-size:13px;letter-spacing:.08em;color:var(--soft);margin:0 0 14px;font-weight:600}
.bench-list{list-style:none;margin:0;padding:0}
.bench-item{padding:11px 0;border-bottom:1px solid var(--line)}
.bench-item:last-child{border-bottom:0}
.bench-name{font-family:var(--font-mono);font-size:13px;display:block;margin:0 0 3px}
.bench-src{font-family:var(--font-sans-cn);font-size:11px;color:var(--accent);margin-left:6px}
.bench-desc{font-family:var(--font-sans-cn);font-size:12.5px;color:var(--soft);display:block;line-height:1.6}
@media (max-width:1024px){.bench{grid-template-columns:repeat(2,1fr);gap:20px 32px}}
@media (max-width:560px){.bench{grid-template-columns:1fr}}

/* ---------- 书目页（v0.8：暖纸阅读页，纯净无底纹；「推介＋引文」排版） ---------- */
.theme-notes{--bg:#F6F3EC;--ink:#34322C;--soft:#6E6A5C;--line:#DAD4C5;--card:#FAF7F1;--panel:#EEE9DD;--accent:#6E6450;}
html[data-theme="dark"] .theme-notes{--bg:#1C1B17;--ink:#E8E4D8;--soft:#A5A092;--line:#3A382F;--card:#24221D;--panel:#2A2822;--accent:#B3A889;}
.biblio{max-width:720px;margin:0 auto}
.biblio-meta{display:flex;flex-wrap:wrap;gap:6px 30px;font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;color:var(--soft);border-top:1px solid var(--line);padding-top:12px;margin:34px 0 6px}
.biblio-entry{border-top:1px solid var(--line);padding:34px 0 6px}
.biblio-entry:first-of-type{border-top:0;padding-top:6px}
.biblio-date{font-family:var(--font-mono);font-size:12px;letter-spacing:.22em;color:var(--soft);margin:0 0 14px}
.biblio-quote{font-family:var(--font-wenkai);font-size:19px;line-height:2.12;letter-spacing:.02em;text-align:justify;margin:0}
.biblio-books{margin-top:20px}
.biblio-books__label{font-family:var(--font-ui);font-size:11.5px;font-weight:600;letter-spacing:.42em;color:var(--soft);margin:0 0 10px}
.biblio-list{list-style:none;margin:0;padding:0}
.biblio-item{font-size:13.5px;line-height:1.95;color:var(--ink);padding-left:1.1em;text-indent:-1.1em;margin:0 0 9px}
.biblio-note{color:var(--soft)}
/* 引文（原文＋双语对照）：组件就位，待内容填入 */
.biblio-cite{margin:16px 0 2px;padding:2px 0 2px 18px;border-left:2px solid var(--line)}
.biblio-cite__src{font-family:var(--font-ge);font-style:italic;font-size:15.5px;line-height:1.85;margin:0 0 4px;color:var(--ink)}
.biblio-cite__zh{font-family:var(--font-wenkai);font-size:15px;line-height:1.95;margin:0;color:var(--soft)}
.biblio-divider{display:flex;align-items:center;gap:18px;margin:46px 0 0;font-size:12px;letter-spacing:.2em;color:var(--soft)}
.biblio-divider::before,.biblio-divider::after{content:"";flex:1;border-top:1px solid var(--line)}
.biblio-colophon{margin-top:60px;border-top:1px solid var(--line);padding-top:18px;text-align:center;font-family:var(--font-sans-cn);font-size:12.5px;color:var(--soft);line-height:2.1}
.biblio-colophon p{margin:0 0 6px}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  :root{--gutter:28px}
  .archive-layout{grid-template-columns:150px minmax(0,1fr);gap:36px}
  .archive-notes{display:none}
}
@media (max-width:860px){
  .site-nav{
    display:none;position:absolute;left:0;right:0;top:100%;
    flex-direction:column;align-items:stretch;gap:0;
    background:var(--bg);border-bottom:1px solid var(--line);padding:6px 20px 14px;
  }
  .site-nav.is-open{display:flex}
  .site-nav a{min-height:48px;padding:12px 4px;border-bottom:1px solid var(--line)}
  .site-nav a[aria-current="page"]{box-shadow:inset 2px 0 0 var(--accent);padding-left:12px}
  .nav-toggle{display:inline-flex}
  .track-grid{grid-template-columns:1fr}
  .track + .track{border-left:0;border-top:1px solid var(--line)}
  .exhibit-grid{grid-template-columns:1fr}
  .card-grid,.covers,.related{grid-template-columns:1fr 1fr}
  .cabinet-grid{grid-template-columns:1fr;gap:40px}
}
@media (max-width:768px){
  :root{--gutter:20px}
  .page-head{padding:48px 0 32px}
  .hero{padding:52px 0 40px}
  .section{padding:44px 0}
  .prose{font-size:17px;line-height:1.85}
  .section-head{flex-direction:column;gap:8px}
  .archive-layout{grid-template-columns:1fr;gap:24px;padding-top:32px}
  .archive-rail{display:none}
  .archive-select{display:block}
  .entry summary{grid-template-columns:1fr auto;gap:6px 16px}
  .entry__date{grid-column:1 / -1;order:2}
  .entry summary::after{grid-column:2;grid-row:1}
  .entry__body{padding-left:0}
  .site-footer__inner{flex-direction:column;align-items:flex-start;gap:14px}
}
@media (max-width:560px){
  .card-grid,.covers,.related{grid-template-columns:1fr}
  .track{padding:30px 22px 34px}
  .hero{padding:40px 0 30px}
  .page-title__cn{display:block;margin:8px 0 0}
}

/* ---------- 打印（简历页干净输出；策划 §6.1；打印一律强制浅色） ---------- */
@media print{
  html[data-theme] [class*="theme-"]{--bg:#fff;--ink:#000;--soft:#555;--line:#bbb;--card:#fff;--panel:#f6f6f6;--accent:#222}
  :root{--gutter:0}
  body{background:#fff;color:#000}
  .site-header,.site-footer,.skip-link,.btn,.link-arrow,.nav-toggle,.theme-toggle,.nav-actions,.placeholder-frame{display:none!important}
  .wrap{max-width:none;padding:0}
  a{text-decoration:none;color:#000}
  .cabinet-grid{display:block}
  .slot-box{border-color:#999}
}

/* ---------- 写作阅读页（writing/）2026-09-17 ---------- */
.article{max-width:720px;margin:0 auto}
.article-head{padding:56px 0 10px}
.article-title{font-family:var(--font-serif-cn);font-size:clamp(23px,3.4vw,31px);font-weight:600;line-height:1.55;margin:0 0 8px;letter-spacing:.01em}
.article-sub{font-family:var(--font-serif-cn);font-size:16.5px;color:var(--soft);margin:0 0 16px}
.article-meta{display:flex;flex-wrap:wrap;gap:6px 20px;font-family:var(--font-mono);font-size:12.5px;color:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin:0 0 20px}
.article-note{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px;font-size:14.5px;font-family:var(--font-sans-cn);color:var(--soft);margin:0 0 26px}
.abstract{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px;margin:0 0 30px}
.abstract h3{font-size:14px;letter-spacing:.16em;margin:0 0 10px;color:var(--accent);font-weight:600}
.abstract p{font-size:14.5px;line-height:1.85;text-indent:0;margin:0 0 .7em;font-family:var(--font-sans-cn)}
.abstract p:last-child{margin-bottom:0}
.article-body{font-size:16.5px}
.article-body p{margin:0 0 .9em;line-height:1.95;text-indent:2em;text-align:justify}
.article-body h2{font-size:19px;font-weight:600;margin:1.9em 0 .7em;letter-spacing:.06em}
.article-body h3{font-size:16px;font-weight:600;margin:1.6em 0 .5em;color:var(--accent);letter-spacing:.1em}
.article-body .verse{text-indent:0;padding-left:1.6em;line-height:2.05;margin:0 0 1.1em}
.article-body .dlg{text-indent:0;margin:0 0 .55em;line-height:1.9}
.article-body .dlg b{font-weight:600}
.article-body .ref{text-indent:0;font-size:13.5px;line-height:1.85;font-family:var(--font-sans-cn);color:var(--soft);margin:0 0 .45em}
.article-body .pen{font-family:var(--font-serif-cn);font-size:14.5px;color:var(--soft);text-indent:0;line-height:1.85}
sup.fn{font-family:var(--font-mono);font-size:10px;color:var(--accent);padding:0 1px;line-height:0}
sup.fn a{text-decoration:none}
.endnotes{margin:38px 0 0;border-top:1px solid var(--line);padding-top:18px}
.endnotes h2{font-size:14px;font-weight:600;letter-spacing:.18em;color:var(--soft);margin:0 0 12px}
.endnotes ol{margin:0;padding-left:1.6em}
.endnotes li{font-size:13px;color:var(--soft);line-height:1.85;font-family:var(--font-sans-cn);margin:0 0 8px}
.fnback{font-size:11px;color:var(--soft);text-decoration:none;margin-left:5px}