/* ═══════════════════════════════════════════════════════════════
   DECK 档案配色体系 · 全站覆盖样式
   2026-10-17 ｜ 藏青主导 + 氟碳橙点缀 + 子品牌辅助色
   注入位置：各页 </head> 前（覆盖页内内联样式）
   ═══════════════════════════════════════════════════════════════ */

/* ── 变量重定义（后加载覆盖先加载） ── */
:root{
  /* 品牌主导 */
  --paper:#F7F6F3;
  --aluminum:#F7F6F3;
  --surface:#EFEDE8;
  --ink:#061A2A;
  --navy:#003153;
  --blue:#003153;
  --blue-2:#061A2A;
  --accent:#B45309;
  --amber:#B45309;
  --accent-bright:#C85A0A;

  /* 辅助色（子品牌色彩系列） */
  --aux-copper:#A9713D;
  --aux-stone:#8E857A;
  --aux-terra:#A95F3B;
  --aux-wood:#7C6040;
  --aux-silver:#8C939B;
  --tint-copper:#F5EDE3;
  --tint-stone:#F1EDE7;
  --tint-terra:#F7EAE1;
  --tint-navy:#E9F0F6;

  /* 中性色 */
  --clay:#424D59;
  --muted:#424D59;
  --stone:#5F6B75;
  --hairline:#D9D5CC;
  --line:#D9D5CC;
  --hairline-dark:rgba(255,255,255,0.14);
}

/* ── 全局背景与文字 ── */
body{background:var(--aluminum)}

/* ── 标题统一衬线 ── */
h1,h2,h3{font-family:"Noto Serif SC","Songti SC","STSong",serif;font-weight:600}

/* ── 按钮 hover 统一亮橙 ── */
.btn-primary:hover{background:var(--accent-bright)!important;border-color:var(--accent-bright)!important}

/* ── 链接色 ── */
a{color:var(--accent)}
a:hover{color:var(--accent-bright)}

/* ── 深色区块文字保证可读 ── */
.section-dark,.dark{background:var(--ink)!important;color:var(--aluminum)!important}
.section-dark h1,.section-dark h2,.section-dark h3,
.dark h1,.dark h2,.dark h3{color:var(--aluminum)!important}

/* ── 页脚深色 ── */
footer{background:var(--ink)!important;color:var(--aluminum)!important}
footer h1,footer h2,footer h3,footer h4{color:var(--aluminum)!important}

/* ═══ 移动端适配增强（390px 实测问题修复） ═══ */
html,body{overflow-x:hidden}

@media (max-width:900px){
  /* 触控目标：WCAG 2.5.8 最小 24px */
  .back-link{display:inline-flex;align-items:center;min-height:36px;padding:6px 0}
  .deckf a{padding:5px 0;min-height:26px}
  .deckchat-close{min-width:40px!important;min-height:40px!important}
  .drawer-close{min-width:44px;min-height:44px}

  /* 博客文章卡片：overflow 容器裁切文字 */
  .article-card{overflow:visible!important}

  /* 密集列表术语链接 */
  .term-list a,.glossary-list a,.term-item{padding:5px 0;display:inline-block;min-height:26px}

  /* 小字号提升可读性（mono 元数据 10-11px → 12px） */
  .swatch-card [class*=spec],.swatch-detail{font-size:12px}
  .spec-std,.caption-spec,.data-cell .std{font-size:12px}

  /* 内联小字号移动端提升（色卡参数 11px / 角标 9-10px → 12px） */
  [style*="font-size:9px"],[style*="font-size:10px"],[style*="font-size:10.5px"],[style*="font-size:11px"]{font-size:12px!important}

  /* 表格移动端横滚（防溢出裁切） */
  table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}

  /* deckf 页脚底部链接触控（inline 元素 min-height 无效） */
  .deckf .deckf-bottom a{display:inline-block;min-height:26px;padding:4px 0}

  /* 面包屑触控（正文内联链接按 WCAG 2.5.5 豁免） */
  .breadcrumb a{display:inline-block;min-height:26px;padding:3px 0}

  /* 表头与工艺标签字号 */
  th{font-size:12px!important}
  .process-node .bake-tag{font-size:11px}
}

/* 全端：聊天面板关闭按钮触控 */
.deckchat-close{min-width:40px;min-height:40px}

/* ═══ 项目图集点击放大（纯 CSS :target，无 JS 依赖） ═══ */
.lightbox{display:none;position:fixed;inset:0;z-index:200;background:rgba(6,26,42,0.94);cursor:zoom-out;align-items:center;justify-content:center;padding:40px;box-sizing:border-box}
.lightbox:target{display:flex}
.lightbox img{max-width:92vw;max-height:88vh;object-fit:contain;border-radius:4px;box-shadow:0 20px 60px rgba(0,0,0,0.5)}
.lightbox-close{position:absolute;top:20px;right:28px;color:#fff;font-size:40px;text-decoration:none;line-height:1;font-family:var(--sans)}
.gallery-item{display:block;cursor:zoom-in;overflow:hidden;transition:transform .2s}
.gallery-item:hover{transform:scale(1.02)}
.gallery-item img{transition:transform .3s ease}

/* ═══ 移动端浏览器兼容（iOS Safari / Android Chrome） ═══ */
/* iOS 横屏防字体自动放大 */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
/* 去掉 iOS 点击灰色高亮闪烁 */
*{-webkit-tap-highlight-color:rgba(0,0,0,0)}
/* 触摸滚动惯性 */
table,.process-track,.ticker{ -webkit-overflow-scrolling:touch }

@media (max-width:900px){
  /* 表单控件 ≥16px：防 iOS Safari 聚焦自动缩放页面 */
  input,select,textarea{font-size:16px!important}
  /* 输入框聚焦时保持背景一致（防 iOS 默认灰底） */
  input:focus,select:focus,textarea:focus{font-size:16px!important}
}