/* =====================================================================
   V3.7 · 宣纸底色 + 纸纹 + 古铜点缀
   参考：总览区块宣纸色调 / 参考图（暖米白纸底、低密度纤维颗粒、哑光黄铜点缀）
   原则：hero 页零触碰；白色内容卡保留纯白形成层次；品牌橙 CTA 不动
   ===================================================================== */

/* ---------- 1. 古铜色板（延伸自既有 --gold:#c9a06a） ---------- */
:root{
  --paper:#f8f4ed;                       /* 宣纸主底（原 #fff） */
  --bronze:#8a6a3b;                      /* 古铜 · 文字级 */
  --bronze-deep:#6d5326;                 /* 古铜 · 深文字 */
  --bronze-mid:#a07a42;                  /* 古铜 · 中间调 */
  --bronze-line:rgba(138,106,59,.32);    /* 古铜 · 细线 */
  --bronze-line-soft:rgba(201,160,106,.45);
  --paper-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.055'/%3E%3C/svg%3E");
}

/* ---------- 2. 宣纸底 + 纸纹（颗粒噪点 + 帘纹 + 微渐变） ---------- */
body{
  background-color:var(--paper);
  background-image:
    var(--paper-noise),
    repeating-linear-gradient(93deg,rgba(146,120,84,.028) 0 1px,transparent 1px 168px),
    linear-gradient(180deg,#fbf8f1 0%,#f8f4ed 26%,#f6f1e7 100%);
  background-attachment:scroll,scroll,scroll;
}

/* hero 页零触碰兜底：流体加载前/降级态的半透明白底补成不透明，纸色不渗入 */
.hero-fluid:not(.fluid-on){background-color:#fff}

/* ---------- 3. 中间区块：白底 → 透出宣纸（保留交替节奏） ---------- */
.section.alt{
  background:linear-gradient(180deg,rgba(253,251,246,.82),rgba(249,244,236,.55) 45%,rgba(253,251,246,.82));
}
.v36-wall{background:linear-gradient(180deg,rgba(250,247,240,.55),rgba(246,241,231,.5))}
.v36-stats{background:transparent;border-bottom:1px solid var(--bronze-line-soft)}
.v36-cases{background:transparent}
.v36-news{background:linear-gradient(180deg,rgba(252,250,244,.72),rgba(247,242,233,.58))}

/* 子页页头横幅 & about 开屏：末端从纯白衔接到宣纸 */
.page-banner{
  background:
    radial-gradient(760px 320px at 94% -34%,rgba(242,101,34,.13),transparent 62%),
    linear-gradient(180deg,var(--paper-warm),var(--paper) 84%);
}
.manifesto{
  background:
    radial-gradient(760px 340px at 92% -20%,rgba(242,101,34,.10),transparent 60%),
    linear-gradient(180deg,var(--paper-warm),var(--paper) 86%);
}

/* 页头玻璃：白玻璃 → 暖纸玻璃 */
.site-header{background:rgba(250,247,240,.9);border-bottom-color:var(--bronze-line-soft)}

/* ---------- 4. 古铜点缀 · 逐处 ---------- */
/* 4.1 kicker 小标：橙 → 古铜 + 铜色渐隐短线（印章感） */
.kicker{color:var(--bronze)}
.kicker::before{background:linear-gradient(90deg,transparent,rgba(201,160,106,.85));opacity:1}
.section-head.center .kicker::after{background:linear-gradient(90deg,rgba(201,160,106,.85),transparent);opacity:1}
.eyebrow{color:var(--bronze)}

/* 4.2 五步法序号章：橙实心 → 纸底铜框铜字（铜印） */
.step .no{
  background:linear-gradient(140deg,#fdfbf7,#f1e7d5);
  color:var(--bronze-deep);
  border:1px solid rgba(138,106,59,.42);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 6px 14px -10px rgba(138,106,59,.55);
}
.step:hover .no{transform:scale(1.1) translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 8px 18px -10px rgba(138,106,59,.7)}
.step:hover::after{border-color:var(--bronze-line-soft)}

/* 4.3 ghost 按钮：白底 → 纸底铜边铜字（哑光黄铜） */
.btn-ghost{
  background:linear-gradient(180deg,#fbf8f2,#f3ecdd);
  border-color:rgba(138,106,59,.46);
  color:var(--bronze-deep);
}
.btn-ghost:hover{
  border-color:var(--bronze);
  color:var(--bronze-deep);
  background:linear-gradient(180deg,#faf5ea,#efe5d0);
  box-shadow:0 10px 22px -14px rgba(138,106,59,.65);
}

/* 4.4 表格：铜细边 + 铜渐变表头底线（古籍线框感） */
.table-wrap{border:1px solid var(--bronze-line)}
th{
  background:linear-gradient(180deg,#fbf8f2,#f4eee2);
  border-bottom:1px solid rgba(138,106,59,.38);
}

/* 4.5 卡片 hover：橙调描边 → 铜调描边 */
.card:hover{border-color:#d5bf99}

/* 4.6 深色卡（navy 引述 / CTA 横幅）：内嵌双铜线（仪器铭牌感） */
.quote,.cta-band{
  box-shadow:
    inset 0 0 0 1px rgba(201,160,106,.36),
    inset 0 0 0 5px rgba(201,160,106,.15),
    0 26px 50px -30px rgba(20,32,46,.9);
}

/* 4.7 页脚：铜渐隐顶线 */
.site-footer{
  border-top:2px solid transparent;
  border-image:linear-gradient(90deg,transparent 4%,rgba(201,160,106,.62) 50%,transparent 96%) 1;
}

/* 4.8 统计带单位 & 墙面圆点：橙/金 → 古铜呼应 */
.v36-stat b em{color:var(--bronze-mid)}
.v36-chip::before{background:var(--bronze-mid);opacity:.9}

/* 4.9 选中态：古铜 */
::selection{background:rgba(201,160,106,.38);color:var(--ink)}

/* ---------- 5. 降级与可访问性 ---------- */
@media print{body{background:#fff;background-image:none}}