/* ================================================================
   美术馆 · 全站统一覆盖层
   载入于 a11y.css 之后（最后），负责把三套样式层收拢为一套贯穿全站的
   「油画 / 美术馆」深色基调：兜底变量、金铜 accent、硬编码浅色暗化、氛围。
   与 themes.css 的 gallery-* 三套配色配合使用。
   ================================================================ */

/* 1) 兜底（尚未挂 data-theme 时）：深色美术馆 · 墨曜 */
:root{
  --paper:#141210;--paper-2:#1c1915;--card:#232019;
  --ink:#ede4d3;--ink-soft:#c3b7a2;--ink-faint:#8e8372;--line:#3a332a;
  --sage:#a08c59;--sage-deep:#ccb981;--terra:#c98a5f;--mustard:#d9a441;--rose:#c08b74;--lilac:#a99b83;
  --shadow-soft:0 10px 30px rgba(0,0,0,.45),0 2px 8px rgba(0,0,0,.3);
  --shadow-lift:0 18px 44px rgba(0,0,0,.6),0 4px 12px rgba(0,0,0,.36);
}

/* 2) 玻璃拟态 accent：青绿 → 金铜（祛除玻璃 UI 的「科技青」，统一为鎏金质感） */
html:not([data-theme-dark]){--gl-accent:#c8a24a;--gl-accent-2:#b06a4d;--gl-accent-ink:#9a7430}
html[data-theme-dark]{--gl-accent:#c8a24a;--gl-accent-2:#b06a4d}

/* 3) 环境底色：青紫辉光 → 暖金 / 暖褐（更贴合油画暖调） */
html:not([data-theme-dark]) body:before{
  background-image:radial-gradient(ellipse 55% 45% at 18% 18%,rgba(200,162,74,.28),transparent 60%),radial-gradient(ellipse 48% 42% at 85% 20%,rgba(176,106,77,.22),transparent 60%),radial-gradient(ellipse 65% 50% at 50% 90%,rgba(217,164,65,.16),transparent 60%);
  background-color:#f5efe2;
}
html[data-theme-dark] body:before{
  background-image:radial-gradient(ellipse 50% 48% at 22% 18%,rgba(200,162,74,.17),transparent 62%),radial-gradient(ellipse 44% 40% at 82% 72%,rgba(176,106,77,.13),transparent 60%);
  background-color:#141210;
}

/* 4) 正文硬编码浅色 / 深色 → 主题墨色 + 金铜提示色 */
.prose{color:var(--ink)}
.prose blockquote{background:rgba(160,140,89,.14);border-left-color:var(--sage)}
.prose h2:before{color:var(--mustard)}
.prose h3:before{color:var(--sage-deep)}
.prose a{color:var(--mustard)}

/* 5) 玻璃层未覆盖的浅色面 → 随主题的深色面 */
.drop{background:var(--card)}
.drop:hover,.drop.over{color:var(--ink);border-color:var(--sage)}
.addr-opt{background:var(--paper-2)}
.addr-opt:has(input:checked){background:rgba(160,140,89,.16);border-color:var(--sage)}
.book-cover-thumb,.book-cover-lg{background:var(--paper-2)}
.cms-row.changed textarea.input{background:rgba(217,164,65,.12)}
.gal-nav{background:rgba(20,18,16,.82);color:var(--mustard)}
.gal-nav:hover{background:rgba(20,18,16,.96)}

/* 阅读器纸张：暗色下改暖调画廊纸 */
html[data-theme-dark] body .reader-paper{background:#211c15!important}
.reader-content .tr-out{color:var(--ink-soft);background:rgba(160,140,89,.14);border-left-color:var(--sage)}

/* 6) 玻璃焦点环 / 按钮辉光：青绿 → 鎏金 */
html body .input:focus,
html body .textarea:focus,
html body .select:focus,
html body .r-select:focus,
html body .shelf-search:focus,
html body .search-bar .input:focus,
html body .pet-input:focus,
html body .gb-input:focus,
html body .gb-nick:focus{
  box-shadow:0 0 0 4px rgba(200,162,74,.22)!important;
  border-color:var(--gl-accent)!important;
}
html body .fb-box textarea:focus,
html body .fb-box input[type=email]:focus,
html body .nl-form input[type=email]:focus{
  box-shadow:0 0 0 3px rgba(200,162,74,.22)!important;
}
html body .btn-primary{
  box-shadow:inset 0 1px 2px rgba(255,255,255,.2),0 6px 18px rgba(200,162,74,.35)!important;
}
html body .btn-primary:hover{box-shadow:inset 0 1px 2px rgba(255,255,255,.22),0 10px 26px rgba(200,162,74,.5)!important}
html body .chip.on,
html body .pg.on,
html body .like-btn.on,
html body .post-actions .act.on,
html body .tabs .tab.on,
html body .type-tabs .tab.on{
  box-shadow:0 4px 14px rgba(200,162,74,.4)!important;
}
html body input[type=range]::-webkit-slider-thumb{background:#c8a24a;box-shadow:0 2px 8px rgba(200,162,74,.45)}

/* 7) 导航 / 登录入口：青绿文字 → 鎏金 */
html body .nav-links a.active,
html body .nav-links .submenu a.active,
html body .nav-links .has-submenu.current > a{color:#c8a24a!important}
html body .nav-links a.active{background:linear-gradient(160deg,rgba(200,162,74,.28),rgba(200,162,74,.14))!important}
html body .nu-login{color:#c8a24a!important}
html body .skip-link{background:#8a6b30}

/* 8) 页脚：顶缘波浪改为随主题墨色（消除亮色波浪的突兀感） */
.footer:before{
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 26' preserveAspectRatio='none'%3E%3Cpath d='M0 26 L0 14 Q 30 2 60 14 T 120 14 T 180 14 T 240 14 T 300 14 T 360 14 T 420 14 T 480 14 T 540 14 T 600 14 T 660 14 T 720 14 T 780 14 T 840 14 T 900 14 T 960 14 T 1020 14 T 1080 14 T 1140 14 T 1200 14 L1200 26 Z' fill='%23141210'/%3E%3C/svg%3E") repeat-x bottom / 1200px 26px;
}
html[data-theme=gallery-paper] .footer:before{
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 26' preserveAspectRatio='none'%3E%3Cpath d='M0 26 L0 14 Q 30 2 60 14 T 120 14 T 180 14 T 240 14 T 300 14 T 360 14 T 420 14 T 480 14 T 540 14 T 600 14 T 660 14 T 720 14 T 780 14 T 840 14 T 900 14 T 960 14 T 1020 14 T 1080 14 T 1140 14 T 1200 14 L1200 26 Z' fill='%23f5efe2'/%3E%3C/svg%3E") repeat-x bottom / 1200px 26px;
}

/* 9) 减少透明时：卡片回到对应主题的实色，避免翻成近白 */
@media(prefers-reduced-transparency:reduce){
  html:not([data-theme-dark]){--card:#fbf7ec}
  html[data-theme-dark]{--card:#232019}
}

/* 10) 导航栏：统一为美术馆油画风（暖黑玻璃 + 象牙文字 + 鎏金强调，祛除青绿 / 蓝灰 / 象牙突兀） */
/* 10.1 导航底色：冷蓝灰 → 暖黑玻璃；素绢浅色主题回纸张玻璃
       注意：glass.css 有一条 `html[data-theme-dark] body .site-nav{background:#1e222e73}`
       带 !important 且特异性 (0,2,2) 高于 (0,1,2)，必须同样带上 [data-theme-dark]
       才能压住它，否则暗色下导航仍是 45% 透明冷蓝灰。 */
html:not([data-theme-dark]) body .site-nav,
html[data-theme-dark] body .site-nav{
  background:rgba(18,16,14,.93)!important;
  border-bottom:1px solid rgba(200,162,74,.18)!important;
  box-shadow:0 10px 34px -20px rgba(0,0,0,.62)!important;
}
html body .site-nav{
  -webkit-backdrop-filter:blur(16px) saturate(1.25)!important;
  backdrop-filter:blur(16px) saturate(1.25)!important;
}
html[data-theme=gallery-paper] body .site-nav{
  background:rgba(247,241,229,.94)!important;
  border-bottom:1px solid rgba(160,140,89,.26)!important;
  box-shadow:0 10px 30px -22px rgba(60,52,38,.35)!important;
}

/* 10.2 logo 盘标：青绿圆盘 → 鎏金（呼应 gold-soft），星形 → 暖陶土 */
html body .logo svg circle{fill:#c8a24a!important;opacity:.26}
html body .logo svg path{fill:#c98a5f!important}

/* 10.3 一级链接：暖白文字、金铜 hover 与下划线，祛除冷色 pill */
html body .nav-links > a,
html body .nav-links .has-submenu > a{
  color:var(--ink-soft)!important;
}
html body .nav-links > a:hover,
html body .nav-links .has-submenu > a:hover{
  color:var(--ink)!important;
  background:rgba(200,162,74,.12)!important;
  border-color:rgba(200,162,74,.3)!important;
}
html body .nav-links a.active{
  color:#c8a24a!important;
  background:linear-gradient(160deg,rgba(200,162,74,.3),rgba(200,162,74,.16))!important;
  border-color:rgba(200,162,74,.42)!important;
  box-shadow:0 4px 14px rgba(200,162,74,.26)!important;
}

/* 10.4 下拉菜单：冷蓝灰底 → 暖黑 / 暖纸，active 与 current 施鎏金 */
html[data-theme-dark] body .nav-links .submenu{background:rgba(35,32,25,.97)!important}
html[data-theme=gallery-paper] body .nav-links .submenu{background:rgba(251,247,236,.97)!important}
html body .nav-links .submenu a:hover{background:rgba(200,162,74,.14)!important;color:var(--ink)!important}
html body .nav-links .submenu a.active{
  background:linear-gradient(160deg,rgba(200,162,74,.3),rgba(200,162,74,.16))!important;
  color:#c8a24a!important;border-color:rgba(200,162,74,.42)!important;
}
html body .nav-links .has-submenu.current > a,
html body .nav-links .sub-group.current > a{color:#c8a24a!important}

/* 10.5 登录按钮：暗色下白玻璃 pill 突兀 → 鎏金玻璃 */
html[data-theme-dark] body .nu-login{
  color:#d9b96a!important;
  background:rgba(200,162,74,.16)!important;
  border:1px solid rgba(200,162,74,.4)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 4px 14px rgba(200,162,74,.22)!important;
}

/* 11) 遗留冷色清剿：玻璃卡片冷蓝灰、FAQ/TOC 青绿、手风琴二级菜单蓝灰、按钮辉光 → 暖黑鎏金 */
/* 11.1 玻璃卡片面（shop/book/work card、panel、post-item 等）冷蓝灰 → 暖黑玻璃 / 暖纸 */
html:not([data-theme-dark]){--gl-card-bg:rgba(35,32,25,.52);--gl-card-stroke:rgba(200,162,74,.18)}
html[data-theme-dark]{--gl-card-bg:rgba(35,32,25,.52);--gl-card-stroke:rgba(200,162,74,.18)}
html[data-theme=gallery-paper]{--gl-card-bg:rgba(255,255,255,.36);--gl-card-stroke:rgba(160,140,89,.22)}

/* 11.2 FAQ / SEO-FAQ 折叠「+」号：青绿 → 鎏金 */
html body .faq-q:after,
html body .seo-faq-item summary::after{color:#c8a24a}

/* 11.3 文章目录当前项：青绿 + 青绿底 → 鎏金 + 鎏金淡底 */
html body .toc-list a.on{color:#c8a24a;border-left-color:#c8a24a;background:rgba(200,162,74,.1)}

/* 11.4 导航二级手风琴层（爱好动态子菜单）：冷蓝灰 → 暖黑 / 暖纸，当前项施鎏金 */
html[data-theme-dark] body .nav-links .sub-children{background:rgba(35,32,25,.97)}
html[data-theme=gallery-paper] body .nav-links .sub-children{background:rgba(251,247,236,.97)}
html body .nav-links .sub-children a.active{color:#c8a24a}

/* 11.5 团队头像占位、按钮类青绿辉光 → 鎏金 */
html body .team-avatar-fallback{color:#c8a24a;background:linear-gradient(135deg,rgba(200,162,74,.2),rgba(176,106,77,.16))}
html body .consent-btn--primary,
html body .nl-form button{box-shadow:inset 0 1px 2px rgba(255,255,255,.5),0 6px 18px rgba(200,162,74,.4)}
html body .fb-nps.on{box-shadow:0 4px 12px rgba(200,162,74,.34)}

/* 12) 兜底品牌色与残留青绿：--brand/--brand-2 从未在任意 CSS 中定义，
       var(--brand,#8ca47e) / var(--brand-2,#6f9a8d) 会回退泄漏「鼠尾草绿」，
       统一为美术馆金铜；并定点清掉 .ait 头像占位残留硬编码青绿 */
:root{--brand:#c8a24a;--brand-2:#b06a4d}
html[data-theme=gallery-ochre]{--brand:#d3ad72;--brand-2:#b06a4d}
html[data-theme=gallery-paper]{--brand:#a08c59;--brand-2:#b06a4d}
html body .ait-avatar-fallback{color:#c8a24a}

/* 13) 全局可读性：glass.css 的「浅色云雾玻璃」是为旧象牙白页面写的——
       大量 rgba(255,255,255,.5x) 浅白面 + var(--ink) 象牙文字，在深色美术馆主题下
       面（浅白）与字（象牙）互相抵消，出现「太透明 / 文字看不见」。
       这里引入语义化面变量，把所有浅白玻璃面统一改为随主题的
       「暖黑凹陷玻璃」或「暖纸白玻璃」，并保证前景色对比度。 */
/* 13.1 语义化面变量：默认与墨曜/琥珀（深色）同调，素绢单独覆盖 */
:root,
html:not([data-theme-dark]){
  --surface-1:rgba(35,32,25,.62);        /* 常规玻璃面 */
  --surface-2:rgba(48,43,34,.86);        /* 强调 / 悬停面 */
  --surface-3:rgba(9,8,6,.62);           /* 凹陷输入面 */
  --surface-line:rgba(200,162,74,.24);
  --surface-line-strong:rgba(200,162,74,.52);
  --gold-ink:#1a1208;                    /* 鎏金底上的墨字（白字在 #c8a24a 上仅 2.35:1） */
}
html[data-theme=gallery-paper]{
  --surface-1:rgba(255,255,255,.62);
  --surface-2:rgba(255,255,255,.88);
  --surface-3:rgba(255,255,255,.8);
  --surface-line:rgba(160,140,89,.3);
  --surface-line-strong:rgba(160,140,89,.58);
  --gold-ink:#241c0e;
}

/* 13.2 导航内控件：浅白 15% 面在暖黑导航上「过透」→ 凹陷暖黑面 + 鎏金细边 + 象牙字 */
html body .nav-search{
  background:var(--surface-3)!important;
  border:1px solid var(--surface-line)!important;
  color:var(--ink-soft)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 1px 3px rgba(0,0,0,.32)!important;
}
html body .nav-search:hover{
  background:var(--surface-2)!important;
  border-color:var(--surface-line-strong)!important;
  color:var(--ink)!important;
}
/* Ctrl K 徽标：鎏金淡底 + 暖金字对比度不足（1.27:1），改暖黑实底 + 亮金文字 */
html body .nav-search kbd{
  background:rgba(9,8,6,.72)!important;
  border-color:rgba(200,162,74,.42)!important;
  color:#e8cd86!important;
}
html[data-theme=gallery-paper] body .nav-search kbd{
  background:rgba(255,255,255,.9)!important;
  border-color:rgba(160,140,89,.36)!important;
  color:#6f5f33!important;
}
html body .nu-me{
  background:var(--surface-1)!important;
  border:1px solid var(--surface-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
}
html body .nu-me:hover{
  background:var(--surface-2)!important;
  border-color:var(--surface-line-strong)!important;
}
html body .nu-name{color:var(--ink)!important}
html body .nu-logout{
  background:var(--surface-1)!important;
  border:1px solid var(--surface-line)!important;
  color:var(--ink-soft)!important;
}
html body .nu-logout:hover{
  background:rgba(184,86,63,.26)!important;
  border-color:rgba(184,86,63,.58)!important;
  color:#e8ab96!important;
}
/* 移动端头像胶囊保持无边框圆形（覆盖上面新增的描边） */
@media(max-width:720px){
  html body .nu-me{background:transparent!important;border:none!important;box-shadow:none!important}
}

/* 13.3 页脚：冷蓝灰渐变 → 暖黑油画底；浅白链接胶囊 → 暖黑玻璃；鎏金 hover */
html[data-theme-dark] body .footer{
  color:rgba(237,228,211,.74)!important;
  border-top-color:rgba(200,162,74,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 -10px 34px rgba(0,0,0,.34)!important;
  background:
    radial-gradient(460px 240px at 6% -12%,rgba(200,162,74,.13),transparent 70%),
    radial-gradient(500px 260px at 96% -8%,rgba(176,106,77,.11),transparent 70%),
    linear-gradient(180deg,rgba(32,28,22,.74) 0%,rgba(24,21,16,.86) 52%,rgba(18,16,13,.94) 100%)!important;
}
html[data-theme-dark] body .footer h2{color:#f3ece0!important}
html[data-theme-dark] body .footer .wrap > p,
html[data-theme-dark] body .footer-cols,
html[data-theme-dark] body .footer-cols > span{color:rgba(214,203,183,.74)!important}
html[data-theme-dark] body .footer-cols{border-top-color:rgba(200,162,74,.14)!important}
html body .footer-links a{
  background:var(--surface-1)!important;
  border:1px solid var(--surface-line)!important;
  color:var(--ink-soft)!important;
}
html body .footer-links a:hover,
html body .footer-links a:focus-visible{
  background:var(--surface-2)!important;
  border-color:var(--surface-line-strong)!important;
  color:var(--ink)!important;
}
html[data-theme-dark] body .footer a.big-mail{
  color:#d9b96a!important;
  background:linear-gradient(165deg,rgba(255,255,255,.1),rgba(255,255,255,.04))!important;
  border-color:rgba(200,162,74,.26)!important;
}
/* 页脚顶缘波浪：玻璃层的青绿 / 白浪需提高特异性压掉 */
html body .footer:before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 26' preserveAspectRatio='none'%3E%3Cpath d='M0 26 L0 14 Q 30 2 60 14 T 120 14 T 180 14 T 240 14 T 300 14 T 360 14 T 420 14 T 480 14 T 540 14 T 600 14 T 660 14 T 720 14 T 780 14 T 840 14 T 900 14 T 960 14 T 1020 14 T 1080 14 T 1140 14 T 1200 14 L1200 26 Z' fill='%23141210'/%3E%3C/svg%3E")!important;
}
html[data-theme=gallery-paper] body .footer:before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 26' preserveAspectRatio='none'%3E%3Cpath d='M0 26 L0 14 Q 30 2 60 14 T 120 14 T 180 14 T 240 14 T 300 14 T 360 14 T 420 14 T 480 14 T 540 14 T 600 14 T 660 14 T 720 14 T 780 14 T 840 14 T 900 14 T 960 14 T 1020 14 T 1080 14 T 1140 14 T 1200 14 L1200 26 Z' fill='%23f5efe2'/%3E%3C/svg%3E")!important;
}
html body .footer:after{background-image:none!important}

/* 13.4 表单 / 输入：浅白面 + 象牙字 → 凹陷暖黑面 + 象牙字 */
html body .nl-form input[type=email],
html body .fb-box textarea,
html body .fb-box input[type=email]{
  background:var(--surface-3)!important;
  border-color:var(--surface-line)!important;
  color:var(--ink)!important;
}
html body .nl-form input[type=email]::placeholder,
html body .fb-box textarea::placeholder,
html body .fb-box input[type=email]::placeholder{color:var(--ink-faint)!important}
html body .nl-form button,
html body .consent-btn--primary{color:var(--gold-ink)!important}
html body .footer .nl-form{
  background:var(--surface-1)!important;
  border:1px solid var(--surface-line)!important;
}
/* 页脚订阅是「一体胶囊」，输入框需保持透明（否则套两层底） */
html body .footer .nl-form input[type=email]{
  background:transparent!important;
  border-color:transparent!important;
}
html body .footer .nl-form:focus-within{
  border-color:var(--surface-line-strong)!important;
  box-shadow:0 0 0 3px rgba(200,162,74,.18)!important;
}

/* 13.5 其余浅白玻璃卡 / 面板 / 控件：统一到主题面，祛除「白面 + 象牙字」 */
html body .seo-faq-item,
html body .ait-card,
html body .ait-chip,
html body .lt-mini,
html body .lt-stat,
html body .consent-bar__inner,
html body .consent-modal__box,
html body .safe-modal{
  background:var(--surface-1)!important;
  border-color:var(--surface-line)!important;
  color:var(--ink)!important;
}
html body .ait-card:hover,
html body .ait-chip:hover,
html body .lt-mini:hover{background:var(--surface-2)!important}
html body .ait-avatar{background:var(--surface-2)!important;border-color:var(--surface-line)!important}
/* 上面的面覆盖会吃掉这两个「实心渐变」态，单独还原（金铜渐变 + 墨字） */
html body .ait-chip.active,
html body .lt-mini.primary{
  background:linear-gradient(135deg,var(--brand),var(--brand-2))!important;
  color:var(--gold-ink)!important;border-color:transparent!important;
}
html body .lt-stat span{color:var(--ink-faint)!important}
html body .fb-tab{color:var(--ink-soft)!important}
html body .fb-tab.on{background:var(--surface-2)!important;color:var(--ink)!important}
html body .fv-pdf-wrap,
html body #ait-exp-frame{background:var(--surface-2)!important}
html body .consent-switch__dot{background:var(--ink)!important}

/* 14) 全站控件面统一（第 13 节的另一半）
       glass.css 的「浅白玻璃控件」——chip / btn / input / tab / 分页 / 点赞 /
       反馈弹窗 / 监控卡 / 播放条 / 法律表格 / 团队链接等——绝大多数只写了
       rgba(255,255,255,.15~.90) 浅白面，且没有 html[data-theme-dark] 对应分支，
       深色主题下就变成「浅白面 + 浅色字」= 大面积文字不可见。
       这里把全部控件面收敛到 --surface-ctrl 系列，并统一前景色与金底墨字。 */
/* 14.1 控件面令牌 */
:root,
html:not([data-theme-dark]){
  --surface-ctrl:rgba(35,32,25,.74);     /* 控件常态面 */
  --surface-ctrl-2:rgba(54,47,37,.94);   /* 控件 hover / 激活面 */
}
html[data-theme=gallery-paper]{
  --surface-ctrl:rgba(255,255,255,.76);
  --surface-ctrl-2:#fff;
}

/* 14.2 胶囊 / 按钮 / 分页 / 点赞 / 标签页 / 幽灵按钮 / 团队链接 / 分享按钮：
       浅白渐变或 15% 白 → 主题控件面 + 鎏金细边 + 象牙字 */
html body .btn,
html body .rbtn,
html body .pg,
html body .chip,
html body .like-btn,
html body .post-actions .act,
html body .btn-ghost,
html body .tabs .tab,
html body .type-tabs .tab,
html body .back-top,
html body .team-links a,
html body .post-share-btn,
html body .fb-nps,
html body .consent-btn,
html body .consent-btn--ghost,
html body .consent-lock,
html body .consent-switch__track{
  background:var(--surface-ctrl)!important;
  border:1px solid var(--surface-line)!important;
  color:var(--ink)!important;
  box-shadow:none!important;
}
html body .btn:hover,
html body .rbtn:hover,
html body .pg:hover:not(:disabled),
html body .chip:hover,
html body .like-btn:hover,
html body .post-actions .act:hover,
html body .btn-ghost:hover,
html body .tabs .tab:hover,
html body .type-tabs .tab:hover,
html body .back-top:hover,
html body .team-links a:hover,
html body .post-share-btn:hover,
html body .consent-btn:hover,
html body .consent-btn--ghost:hover,
html body .list-item:hover,
html body .toc-list a:hover,
html body .legal-toc a:hover{
  background:var(--surface-ctrl-2)!important;
  border-color:var(--surface-line-strong)!important;
  color:var(--ink)!important;
}

/* 14.3 激活态：金底白字（2.35:1 不达标）→ 金底墨字（约 8:1），如铜牌刻字
       注意：元素常同时带 .chip/.pg/.fb-nps 与 .on，必须放在 14.2 之后才能压住面覆盖 */
html body .chip.on,
html body .pg.on,
html body .like-btn.on,
html body .post-actions .act.on,
html body .tabs .tab.on,
html body .type-tabs .tab.on,
html body .fb-nps.on,
html body .consent-switch input:checked+.consent-switch__track{
  background:linear-gradient(135deg,var(--gl-accent),var(--gl-accent-2))!important;
  border-color:transparent!important;
  color:var(--gold-ink)!important;
  font-weight:600!important;
  box-shadow:0 4px 14px rgba(200,162,74,.3)!important;
}

/* 14.4 主按钮：金底白字 → 金底墨字；并还原被 14.2 的 .btn 面覆盖吃掉的金底渐变 */
html body .btn-primary,
html body .consent-btn--primary{
  background:linear-gradient(160deg,rgba(255,255,255,.26),rgba(255,255,255,0) 38%),linear-gradient(135deg,var(--gl-accent),var(--gl-accent-2))!important;
  border-color:transparent!important;
  color:var(--gold-ink)!important;
  text-shadow:none!important;
  box-shadow:inset 0 1px 2px rgba(255,255,255,.35),0 6px 18px rgba(200,162,74,.32)!important;
}

/* 14.5 表单输入：浅白 15% 面 → 凹陷主题面 + 象牙字（含 placeholder 对比度） */
html body .input,
html body .textarea,
html body .select,
html body .r-select,
html body .shelf-search,
html body .search-bar .input,
html body .pet-input,
html body .gb-input,
html body .gb-nick{
  background:var(--surface-3)!important;
  border-color:var(--surface-line)!important;
  color:var(--ink)!important;
}
html body .input::placeholder,
html body .textarea::placeholder,
html body .shelf-search::placeholder,
html body .search-bar .input::placeholder,
html body .pet-input::placeholder,
html body .gb-input::placeholder,
html body .gb-nick::placeholder{color:var(--ink-faint)!important}
html body input[type=range]{background:var(--surface-ctrl)!important}

/* 14.6 反馈弹窗 / 监控卡 / 图表 / 播放条 / 管理工具条 / 法律表格：浅白面 → 主题面 */
html body .fb-box,
html body .fb-fab,
html body .mon-card,
html body .ana-chart,
html body .ana-exp,
html body .player-bar,
html body .aplayer.aplayer-fixed .aplayer-body,
html body .cms-toolbar,
html body .map-embed-canvas,
html body .footer-rich,
html body .legal-note,
html body .legal-table th,
html body .legal-table code{
  background:var(--surface-ctrl)!important;
  border-color:var(--surface-line)!important;
  color:var(--ink)!important;
}

/* 14.7 导航下拉：未挂主题时仍会命中玻璃层的浅白底，补一条深色基准
       （素绢浅色主题由 10.4 单独覆盖） */
html body .nav-links .submenu,
html body .nav-links .sub-children{background:rgba(35,32,25,.97)!important}
html body .nav-links .submenu a:hover{background:rgba(200,162,74,.16)!important;color:var(--ink)!important}

/* 14.8 首页油画首屏的幽灵按钮需保持透明（不被 14.2 的实底吞掉） */
html body .hero--painting .btn-ghost{
  background:transparent!important;
  border-color:rgba(244,239,228,.5)!important;
  color:#f4efe4!important;
}

/* 14.9 其余「金底白字」：白字在鎏金上仅 2.35:1，统一改墨字 */
html body .hb-btn,
html body .nu-fallback{color:var(--gold-ink)!important}

/* 15) 「暖金 / 陶土底 + 白字」专项：app.css 里一批强调元素写死了 color:#fff，
       底色用的是主题变量 var(--sage)/var(--terra)/var(--mustard)——
       在深色美术馆主题下这些变量都是暖金，白字对比度只有 2.1~2.9:1。
       统一改为墨字（约 6~8:1），观感等同铜牌刻字。 */
html body .hl-item.top1 .hl-rank,
html body .hl-item.top2 .hl-rank,
html body .hl-item.top3 .hl-rank,
html body .shop-hot,
html body .track-play,
html body .player-controls .rbtn.main,
html body .pet-msg.user,
html body .pet-send,
html body .theme-card.current .btn-apply,
html body .ait-badge,
html body .toast{color:var(--gold-ink)!important}

/* 阅读器提示条：底色取的是 var(--ink)，深色主题下 --ink 是象牙色，
   白字压在象牙底上完全不可见 → 改为暖黑底 + 象牙字 */
html body .reader-toast{
  background:rgba(24,21,17,.95)!important;
  color:var(--ink)!important;
  border:1px solid var(--surface-line)!important;
}

/* 16) 兜底清剿：glass.css / app.css / a11y.css 里还没被上面覆盖到的
       「浅白半透明面 + 浅色文字」与「金底白字」。
       这批元素散落在 AI 工具页、学习工具、画廊翻页、法律页目录、无障碍工具条，
       平时不一定每页都出现，但只要出现就是「文字看不见」。 */

/* 16.1 剩余浅白面 → 主题面（含 prefers-reduced-transparency 下被硬编码成 #fff 的几处） */
html body .ait-tag,
html body .lt-avatar,
html body .lt-out,
html body .hb-embed-empty,
html body .legal-toc,
html body .legal-intro{
  background:var(--surface-1)!important;
  border-color:var(--surface-line)!important;
  color:var(--ink-soft)!important;
}
html[data-theme-dark] body .lt-out{
  background:var(--surface-3)!important;
  border-color:var(--surface-line)!important;
  color:var(--ink-soft)!important;
}
html body .ait-modal-box,
html body .ait-exp-hint{
  background:var(--surface-2)!important;
  border-color:var(--surface-line)!important;
  color:var(--ink)!important;
}
html[data-theme-dark] body .ait-modal-box{
  background:var(--surface-2)!important;
  border-color:var(--surface-line)!important;
}
html[data-theme-dark] body .ait-tag,
html[data-theme-dark] body .ait-lang{color:var(--ink-soft)!important}

/* AI 工具头像占位：白 70% 底 + 鎏金字（2.1:1）→ 鎏金淡底 + 亮金字 */
html body .ait-avatar-fallback{
  background:linear-gradient(135deg,rgba(200,162,74,.26),rgba(176,106,77,.2))!important;
  border:1px solid var(--surface-line)!important;
  color:#e8cd86!important;
}
html[data-theme=gallery-paper] body .ait-avatar-fallback{color:#6f5f33!important}

/* 画廊翻页按钮：白 80% 圆片 + 陶土箭头（2.6:1）→ 暖黑玻璃 + 象牙箭头 */
html body .gal-nav{
  background:rgba(20,17,14,.74)!important;
  border:1px solid rgba(200,162,74,.3)!important;
  color:#f0e7d7!important;
}
html body .gal-nav:hover{background:rgba(34,29,24,.92)!important;color:#f0e7d7!important}
html body .gal-nav.off{opacity:.3!important}

/* 16.2 金 / 暖底上的白字 → 墨字 */
html body .ax-seg button[aria-pressed="true"]{color:var(--gold-ink)!important}
html body .ait-chip.active em{color:var(--gold-ink)!important;opacity:.82!important}
/* 金底 chip 上的数量角标：--ink-faint 压在鎏金上只有 1.5:1 */
html body .chip.on .mini,
html body .chip.on .hb-n,
html body .pg.on .mini{color:var(--gold-ink)!important;opacity:.75!important}

/* 16.3 按下瞬间的白色闪光：glass.css 的 `html body .chip:active{background:#fffc}`
       特异性 (0,2,2) 高于 14.2 的面覆盖，触屏点一下就闪白、文字消失 */
html body .btn:active,
html body .btn-ghost:active,
html body .rbtn:active,
html body .pg:active,
html body .chip:active,
html body .like-btn:active,
html body .post-actions .act:active{
  background:var(--surface-ctrl-2)!important;
  border-color:var(--surface-line-strong)!important;
  color:var(--ink)!important;
}
html body .nav-links a:active{background:transparent!important;color:var(--ink)!important}

/* 17) 紫微星宠物：改为内联 SVG 动漫少女（紫发 + 鎏金星饰 + 金瞳，透明底）。
       不再依赖「白底 × mix-blend」的旧 PNG 工事，圆头像用主题面 + 圆形裁切。 */
html body .pet-btn{
  position:relative!important;
  overflow:hidden!important;
  border-radius:50%!important;
  background:var(--surface-2)!important;
}
html body .pet-avatar-img{
  display:block!important;
  mix-blend-mode:normal!important;
  pointer-events:none!important;
}
/* 悬浮球头像：铺满圆形按钮 */
html body .pet-btn .pet-avatar-img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  border-radius:0!important;
}
/* 面板标题栏小头像：30px 圆形裁切 */
html body .pet-head .pet-avatar-img{
  width:30px!important;
  height:30px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  flex:none!important;
}
/* 面板内大图：满宽展示全身半身像 */
html body .pet-portrait .pet-avatar-img{
  width:100%!important;
  height:auto!important;
}

/* 表情切换：默认睁眼 + 微笑；点击打开面板（.pet-btn.open）→ 眯眼 + 张嘴笑 */
.pet-avatar-img .pv-eyes-smile,
.pet-avatar-img .pv-mouth-smile{opacity:0;transition:opacity .16s ease}
.pet-btn.open .pet-avatar-img .pv-eyes-open,
.pet-btn.open .pet-avatar-img .pv-mouth-rest{opacity:0;transition:opacity .16s ease}
.pet-btn.open .pet-avatar-img .pv-eyes-smile,
.pet-btn.open .pet-avatar-img .pv-mouth-smile{opacity:1}

/* 可活动：呼吸起伏 + 眨眼 + 星星发饰闪烁 */
html body .pet-btn .pet-avatar-img{
  animation:pv-breathe 3.6s ease-in-out infinite;
}
html body .pet-avatar-img .pv-eyes-open{
  transform-box:fill-box;
  transform-origin:50% 50%;
  animation:pv-blink 5.2s ease-in-out infinite;
}
html body .pet-avatar-img .pv-star{
  transform-box:fill-box;
  transform-origin:50% 50%;
  animation:pv-twinkle 2.8s ease-in-out infinite;
}
@keyframes pv-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@keyframes pv-blink{0%,44%,54%,100%{transform:scaleY(1)}49%,51%{transform:scaleY(.12)}}
@keyframes pv-twinkle{0%,100%{opacity:1;transform:rotate(0deg) scale(1)}50%{opacity:.5;transform:rotate(10deg) scale(1.14)}}

/* ================================================================
   18) 2026-09-21 · 博物馆级导航 + 字体重塑（对齐油画首页设计稿）
   ----------------------------------------------------------------
   · 全站文字取消下划线（含波浪线），链接层级靠鎏金色与字重区分
   · 一级导航：透明浮于油画 / 滚动后暖黑玻璃；衬线字、宽字距、去胶囊
   · 二级菜单：暖黑鎏金描边展签面板；emoji 入固定图标列，文字严格对齐
   · 字体：Noto Serif SC（中文）+ Cormorant Garamond（英文展示）
           + Lora（英文正文，Anthropic 品牌规范）
   ================================================================ */

/* 18.1 全站取消下划线（含正文波浪下划线、列表 hover 下划线、法律页实下划线） */
html body a,
html body a:hover,
html body a:focus,
html body .prose a,
html body .list-item a:hover .li-title{text-decoration:none!important}
html body .squiggle:after{display:none!important}

/* 18.2 字体映射：标题衬线展示体，正文衬线书本体（变量已在 main.css 重定义） */
html body h1,html body h2,html body h3,html body h4,html body h5,
html body .h-serif,html body .app-title,html body .st-title,
html body .section-head h2{
  font-family:var(--serif);
  letter-spacing:.02em;
}
html body .eyebrow{font-family:var(--serif);font-style:italic;letter-spacing:.18em}

/* ============ 18.3 导航容器：透明 → 滚动后暖黑玻璃 ============ */
html body .site-nav{
  background:transparent!important;
  border-bottom:1px solid transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  transition:background .4s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease);
}
/* 非实色态必须压过各主题旧导航规则（特异性 0,2,2，源序在后）：首页透明浮于油画 */
html body .site-nav:not(.is-solid){
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .site-nav.is-solid,
html body.nav-open .site-nav{
  background:rgba(17,14,11,.9)!important;
  border-bottom:1px solid rgba(185,138,74,.22)!important;
  box-shadow:0 16px 44px -26px rgba(0,0,0,.85)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.3)!important;
  backdrop-filter:blur(18px) saturate(1.3)!important;
}
html[data-theme=gallery-paper] body .site-nav.is-solid,
html[data-theme=gallery-paper] body.nav-open .site-nav{
  background:rgba(248,243,233,.94)!important;
  border-bottom-color:rgba(154,116,48,.28)!important;
  box-shadow:0 16px 40px -28px rgba(80,64,36,.4)!important;
}
/* 移动端抽屉打开时一律按深底处理（首页首屏是油画，浅主题同样成立） */
@media(max-width:720px){
  html body.nav-open .site-nav{
    background:rgba(17,14,11,.96)!important;
    border-bottom-color:rgba(185,138,74,.22)!important;
  }
}

/* ============ 18.4 Logo：紫微星 · GODNB / PRIVATE COLLECTION ============ */
html body .logo{
  display:inline-flex;flex-wrap:wrap;align-items:baseline;column-gap:9px;row-gap:0;
  font-weight:400;color:#f4efe4;letter-spacing:.16em;line-height:1.04;
}
html body .site-nav.is-solid .logo,
html body.nav-open .logo{color:var(--ink)}
html body .logo .logo-cn{font-family:var(--serif-cn);font-size:1.12rem;font-weight:400;letter-spacing:.24em}
html body .logo .logo-dot{font-family:var(--serif-en);color:#c8a24a;transform:translateY(-1px)}
html body .logo .logo-en{font-family:var(--serif-en);font-size:1.28rem;font-weight:600;letter-spacing:.28em}
html body .logo .logo-sub{
  flex:0 0 100%;font-family:var(--serif-en);font-weight:400;
  font-size:.58rem;letter-spacing:.48em;color:#d3ad72;opacity:.88;
  margin-top:3px;padding-left:2px;
}
html[data-theme=gallery-paper] body .site-nav.is-solid .logo .logo-dot,
html[data-theme=gallery-paper] body .site-nav.is-solid .logo .logo-sub{color:#9a7430}

/* ============ 18.5 一级菜单：衬线 · 宽字距 · 无胶囊 · 鎏金 hover ============ */
html body .nav-links{gap:6px}
html body .nav-links > a,
html body .nav-links .has-submenu > a{
  font-family:var(--serif)!important;
  font-size:.95rem;font-weight:400;letter-spacing:.2em;
  padding:10px 13px;border-radius:0;
  background:transparent!important;border-color:transparent!important;box-shadow:none!important;
  color:rgba(244,239,228,.84)!important;
  transition:color .3s var(--ease),text-shadow .3s var(--ease);
}
html body .nav-links > a:hover,
html body .nav-links .has-submenu:hover > a,
html body .nav-links .has-submenu.open > a{
  background:transparent!important;border-color:transparent!important;box-shadow:none!important;
  color:#e3c184!important;text-shadow:0 0 22px rgba(211,173,114,.45);
}
html body .nav-links > a.active,
html body .nav-links .has-submenu.current > a{
  background:transparent!important;border-color:transparent!important;box-shadow:none!important;
  color:#e3c184!important;font-weight:500;text-shadow:0 0 18px rgba(211,173,114,.4);
}
/* 实色导航（内页 / 滚动后）：随主题墨色，素绢主题用深鎏金保证对比度 */
html body .site-nav.is-solid .nav-links > a,
html body .site-nav.is-solid .nav-links .has-submenu > a,
html body.nav-open .nav-links > a,
html body.nav-open .nav-links .has-submenu > a{color:var(--ink-soft)!important;text-shadow:none}
html body .site-nav.is-solid .nav-links > a:hover,
html body .site-nav.is-solid .nav-links .has-submenu:hover > a,
html body .site-nav.is-solid .nav-links .has-submenu.open > a,
html body.nav-open .nav-links > a:hover,
html body.nav-open .nav-links .has-submenu.open > a{color:var(--gl-accent)!important;text-shadow:none}
html body .site-nav.is-solid .nav-links > a.active,
html body .site-nav.is-solid .nav-links .has-submenu.current > a{color:var(--gl-accent)!important;font-weight:500}
html[data-theme=gallery-paper] body .site-nav.is-solid .nav-links > a:hover,
html[data-theme=gallery-paper] body .site-nav.is-solid .nav-links .has-submenu:hover > a,
html[data-theme=gallery-paper] body .site-nav.is-solid .nav-links > a.active,
html[data-theme=gallery-paper] body .site-nav.is-solid .nav-links .has-submenu.current > a{color:#9a7430!important}

/* 键盘展开下拉时 a11y.css 会给父项刷白底：改透明，只保留鎏金文字色 */
html body .nav-links .has-submenu > a[aria-expanded="true"]{
  background:transparent!important;border-color:transparent!important;box-shadow:none!important;
}
html body .site-nav.is-solid .nav-links .has-submenu > a[aria-expanded="true"]{color:var(--gl-accent)!important}
html[data-theme=gallery-paper] body .site-nav.is-solid .nav-links .has-submenu > a[aria-expanded="true"]{color:#9a7430!important}
/* glass hover 残留的毛玻璃模糊会形成「淡框」，全部去掉 */
html body .nav-links > a:hover,
html body .nav-links > a:focus-visible,
html body .nav-links .has-submenu:hover > a,
html body .nav-links .has-submenu.open > a,
html body .nav-links .has-submenu > a[aria-expanded="true"]{
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}

/* 父项小箭头：细线、低调、随文字色 */
html body .nav-links .has-submenu > a{padding-right:21px!important}
html body .nav-links .has-submenu > a:after{
  right:6px;width:6px;height:6px;border-width:1px;opacity:.6;
}

/* 汉堡按钮：透明态象牙，实色随主题 */
html body .nav-toggle span,
html body .nav-toggle span:before,
html body .nav-toggle span:after{background:#f4efe4}
html body .site-nav.is-solid .nav-toggle span,
html body .site-nav.is-solid .nav-toggle span:before,
html body .site-nav.is-solid .nav-toggle span:after{background:var(--ink)}
html body.nav-open .nav-toggle span,
html body.nav-open .nav-toggle span:before,
html body.nav-open .nav-toggle span:after{background:#f4efe4}

/* 登录入口：鎏金细线展签式按钮 */
html body .nu-login{
  font-family:var(--serif)!important;font-weight:400;letter-spacing:.14em;
  padding:8px 16px;border-radius:2px;
  color:#e3c184!important;background:transparent!important;
  border:1px solid rgba(200,162,74,.55)!important;
  box-shadow:none!important;
  transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease);
}
html body .nu-login:hover{
  background:rgba(200,162,74,.12)!important;border-color:#c8a24a!important;
  box-shadow:none!important;transform:none;
}
html[data-theme=gallery-paper] body .site-nav.is-solid .nu-login{color:#9a7430!important;border-color:rgba(154,116,48,.5)!important}
html body .nu-name{font-family:var(--serif-cn);letter-spacing:.06em}

/* ============ 18.6 二级菜单：展签面板（桌面 ≥721px） ============ */
@media(min-width:721px){
  html body .nav-links .submenu,
  html body .nav-links .sub-children{
    top:calc(100% + 13px);
    min-width:192px;
    margin:0;padding:10px;gap:0;
    background:rgba(18,15,11,.95)!important;
    border:1px solid rgba(185,138,74,.3)!important;
    border-radius:3px;
    box-shadow:0 30px 70px -26px rgba(0,0,0,.88),inset 0 1px 0 rgba(211,173,114,.14)!important;
    -webkit-backdrop-filter:blur(22px) saturate(1.25)!important;
    backdrop-filter:blur(22px) saturate(1.25)!important;
  }
  html[data-theme=gallery-paper] body .nav-links .submenu,
  html[data-theme=gallery-paper] body .nav-links .sub-children{
    background:rgba(249,245,236,.97)!important;
    border-color:rgba(154,116,48,.32)!important;
    box-shadow:0 30px 70px -30px rgba(70,54,24,.38)!important;
  }
  /* 面板顶缘小鎏金菱形 */
  html body .nav-links .submenu:after{
    content:"";position:absolute;top:-4px;left:50%;width:7px;height:7px;margin-left:-3.5px;
    background:#c8a24a;border-radius:1px;transform:rotate(45deg);
    box-shadow:0 0 10px rgba(200,162,74,.7);pointer-events:none;
  }
  /* 行：衬线、克制留白；无胶囊底；hover 仅鎏金变色 */
  html body .nav-links .submenu > a,
  html body .nav-links .submenu .sub-group > a,
  html body .nav-links .sub-children > a{
    position:relative;display:flex;align-items:center;
    padding:11px 18px;border-radius:0;
    background:transparent!important;border:none!important;box-shadow:none!important;
    font-family:var(--serif)!important;font-size:.88rem;font-weight:400;letter-spacing:.12em;
    color:rgba(244,239,228,.8)!important;white-space:nowrap;
    transition:color .25s var(--ease);
  }
  html body .nav-links .submenu > a:hover,
  html body .nav-links .submenu .sub-group > a:hover,
  html body .nav-links .sub-children > a:hover,
  html body .nav-links .submenu > a:focus-visible,
  html body .nav-links .sub-children > a:focus-visible{
    background:transparent!important;
    color:#e3c184!important;padding-left:18px;
  }
  html body .nav-links .submenu a.active,
  html body .nav-links .sub-children a.active{
    background:transparent!important;border:none!important;box-shadow:none!important;
    color:#e3c184!important;font-weight:500;
  }
  html[data-theme=gallery-paper] body .nav-links .submenu > a,
  html[data-theme=gallery-paper] body .nav-links .submenu .sub-group > a,
  html[data-theme=gallery-paper] body .nav-links .sub-children > a{color:#5d5445!important}
  html[data-theme=gallery-paper] body .nav-links .submenu > a:hover,
  html[data-theme=gallery-paper] body .nav-links .submenu .sub-group > a:hover,
  html[data-theme=gallery-paper] body .nav-links .sub-children > a:hover,
  html[data-theme=gallery-paper] body .nav-links .submenu a.active,
  html[data-theme=gallery-paper] body .nav-links .sub-children a.active{color:#9a7430!important}

  /* emoji 图标固定列：仅含图标的面板启用左槽，文字左缘严格对齐 */
  html body .nav-links .submenu.has-icons > a,
  html body .nav-links .submenu.has-icons .sub-group > a,
  html body .nav-links .sub-children.has-icons > a{padding-left:46px}
  html body .nav-links .submenu.has-icons > a:hover,
  html body .nav-links .submenu.has-icons .sub-group > a:hover,
  html body .nav-links .sub-children.has-icons > a:hover{padding-left:46px}
  html body .nav-links .sub-ico{
    position:absolute;left:15px;top:50%;transform:translateY(-50%);
    width:20px;text-align:center;font-size:.92em;line-height:1;
  }

  /* 爱好动态分组：细发丝分隔 + 组标题右侧 › */
  html body .nav-links .submenu.hobby-dyn .sub-group + .sub-group{border-top:1px solid rgba(185,138,74,.14)}
  html body .nav-links .sub-group .sub-caret{color:#c8a24a;opacity:.75;font-size:1rem;font-weight:400}
  html body .nav-links .sub-children a.sub-all{
    font-size:.78rem;letter-spacing:.1em;color:#d3ad72!important;opacity:.9;
  }
  html[data-theme=gallery-paper] body .nav-links .sub-children a.sub-all{color:#9a7430!important}
}

/* ============ 18.7 移动端抽屉（≤720px）：藏品目录式 ============ */
@media(max-width:720px){
  html body .nav-links{
    top:68px;height:calc(100vh - 68px);height:calc(100dvh - 68px);
    gap:0;padding:10px 20px calc(26px + env(safe-area-inset-bottom,0px));
    background:rgba(16,13,10,.985)!important;
  }
  html[data-theme=gallery-paper] body.nav-open .nav-links{
    background:rgba(247,242,232,.99)!important;
  }
  html body .nav-links > a,
  html body .nav-links .has-submenu > a{
    display:flex;align-items:center;justify-content:flex-start;text-align:left;
    font-family:var(--serif)!important;font-size:1.02rem;font-weight:400;letter-spacing:.18em;
    padding:12px 6px;border-radius:0;
    border-bottom:1px solid rgba(185,138,74,.16);
    color:rgba(244,239,228,.88)!important;
    background:transparent!important;
  }
  html[data-theme=gallery-paper] body.nav-open .nav-links > a,
  html[data-theme=gallery-paper] body.nav-open .nav-links .has-submenu > a{
    color:#5d5445!important;border-bottom-color:rgba(154,116,48,.2);
  }
  html body .nav-links > a:hover,
  html body .nav-links .has-submenu.open > a,
  html body .nav-links > a.active,
  html body .nav-links .has-submenu.current > a{
    background:transparent!important;box-shadow:none!important;
    color:#e3c184!important;
  }
  html[data-theme=gallery-paper] body.nav-open .nav-links > a:hover,
  html[data-theme=gallery-paper] body.nav-open .nav-links .has-submenu.open > a,
  html[data-theme=gallery-paper] body.nav-open .nav-links > a.active,
  html[data-theme=gallery-paper] body.nav-open .nav-links .has-submenu.current > a{color:#9a7430!important}
  /* 关闭态必须收起：抽屉容器本身 visibility:hidden + pointer-events:none，
     但子元素显式 pointer-events:auto 仍可穿透父级接收点击——
     若这里保留 display:flex，透明菜单链接会铺满屏幕上部劫持首屏点击。 */
  html body .nav-links .submenu{display:none}
  html body .nav-links .has-submenu.open .submenu{
    position:static!important;left:auto!important;right:auto!important;top:auto!important;
    transform:none!important;display:flex;flex-direction:column;
    width:auto!important;min-width:0!important;max-width:none!important;
    padding:2px 0 8px 13px;margin:2px 0 4px 9px;
    border:none!important;border-left:1px solid rgba(185,138,74,.26)!important;
    background:transparent!important;box-shadow:none!important;border-radius:0!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  }
  html[data-theme=gallery-paper] body.nav-open .nav-links .submenu,
  html[data-theme=gallery-paper] body.nav-open .nav-links .has-submenu.open .submenu,
  html[data-theme=gallery-paper] body.nav-open .nav-links .sub-children{
    background:transparent!important;box-shadow:none!important;border-radius:0!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
    border-color:transparent!important;border-left-color:rgba(154,116,48,.3)!important;
  }
  html body .nav-links .submenu a{
    position:relative;display:flex;align-items:center;justify-content:flex-start;text-align:left;
    font-family:var(--serif)!important;font-size:.88rem;font-weight:400;letter-spacing:.1em;
    padding:10px 10px 10px 16px;border-radius:0;
    color:rgba(244,239,228,.72)!important;
    background:transparent!important;
  }
  html[data-theme=gallery-paper] body.nav-open .nav-links .submenu a{color:#6f6553!important}
  html body .nav-links .submenu.has-icons a,
  html body .nav-links .has-submenu.open .submenu.has-icons a{padding-left:38px}
  html body .nav-links .sub-ico{
    position:absolute!important;left:10px;top:50%;transform:translateY(-50%);
    width:18px;text-align:center;font-size:.9em;line-height:1;
  }
  /* 三级（爱好动态分类）：同一套手风琴，仅 .open 时展开 */
  html body .nav-links .sub-children{display:none}
  html body .nav-links .sub-group.open > .sub-children{
    position:static!important;left:auto!important;right:auto!important;top:auto!important;
    transform:none!important;display:flex;flex-direction:column;
    width:auto!important;min-width:0!important;max-width:none!important;
    margin:2px 0 4px 10px;padding:2px 0 6px 12px;
    border-left:1px solid rgba(185,138,74,.2);
    background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0;
  }
  html body .nav-links .sub-children a{
    position:relative;display:flex;align-items:center;justify-content:flex-start;text-align:left;
    font-family:var(--serif)!important;font-size:.84rem;
    padding:9px 8px 9px 14px;border-radius:0;
    background:transparent!important;color:rgba(244,239,228,.66)!important;
  }
  html body .nav-links a:hover,
  html body .nav-links a:focus-visible{
    background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  }
  /* logo 收紧为单行，避免抽屉头部换行 */
  html body .logo{flex-wrap:nowrap;column-gap:6px}
  html body .logo .logo-cn{font-size:.95rem;letter-spacing:.18em}
  html body .logo .logo-en{font-size:1.08rem;letter-spacing:.22em}
  html body .logo .logo-dot{transform:none}
  html body .logo .logo-sub{display:none}
  /* 搜索圆钮改为抽屉内整行鎏金描边搜索条 */
  html body .nav-links > .nav-search{
    width:100%!important;height:40px!important;margin:4px 0 10px!important;
    display:flex!important;align-items:center;gap:10px;
    justify-content:flex-start!important;
    padding:0 14px!important;border-radius:2px!important;
    background:rgba(200,162,74,.06)!important;
    border:1px solid rgba(185,138,74,.32)!important;
    color:#d3ad72!important;box-shadow:none!important;
  }
  html body .nav-links > .nav-search:after{
    content:"全站搜索…";font-family:var(--serif-cn);font-size:.86rem;
    letter-spacing:.14em;color:rgba(211,173,114,.72);
  }
  html[data-theme=gallery-paper] body.nav-open .nav-links > .nav-search{
    background:rgba(154,116,48,.06)!important;border-color:rgba(154,116,48,.35)!important;color:#9a7430!important;
  }
  html[data-theme=gallery-paper] body.nav-open .nav-links > .nav-search:after{color:rgba(111,95,51,.75)}
}

/* 18.8 油画首页标题按设计稿用细体（300），陈述区标题收细 */
html body .hero--painting .hero-painting-title{font-weight:300}
html body .section--statement .st-title{font-weight:500}