/* ============================================================
   design-v2 · 全站精致卡片升级（增强层，不削弱 style.css 已有好样式）
   策略：
   - 弱阴影/无阴影的卡片（.card/.fact/.banner/.why-card/.j-step/.form-card/.detail-*）
     统一补上分层阴影 + 悬浮上浮；
   - 已有精致版的产品卡/分类卡/hero 只增强阴影，不做完整重写；
   - 全站统一 eyebrow 层级（金色短横线）+ sec-head / page-hero 留白节奏。
   ============================================================ */

:root{
  --radius: 18px;
  --radius-sm: 13px;
  --shadow-sm: 0 2px 10px rgba(31,52,80,.06);
  --shadow: 0 16px 44px rgba(31,52,80,.10);
  --shadow-lg: 0 30px 66px rgba(31,52,80,.16);
  --gold: #B8863B;
  --gold-d: #8A6320;
  --gold-soft: #D9B678;
  --line: #EBE2D3;
  --ease: cubic-bezier(.22,.61,.36,1);
}

/* ===== section 节奏 ===== */
.section{ padding: 80px 0; }
.section.tight{ padding: 64px 0; }

/* ===== eyebrow 层级（全站统一：金色渐变胶囊款） ===== */
.eyebrow{
  display:inline-flex; align-items:center;
  font-size:12.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  color:#8E6524;
  background:linear-gradient(135deg,rgba(184,137,63,.16),rgba(184,137,63,.07));
  border:1px solid rgba(184,137,63,.26);
  padding:7px 16px; border-radius:999px;
  margin-bottom:22px;
  box-shadow:0 4px 14px rgba(184,137,63,.12);
  -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);
}

/* ===== sec-head 层级 ===== */
.sec-head{ margin-bottom: 46px; }
.sec-head h2{ font-size: clamp(25px,2.6vw,33px); letter-spacing:.4px; }
.sec-head p{ font-size:15px; line-height:1.85; }

/* ===== page-hero 增强 ===== */
.page-hero{ padding: 82px 0 70px; }
.page-hero .eyebrow{ margin-bottom:16px; }
.page-hero h1{ font-size: clamp(30px,3.6vw,42px); letter-spacing:.5px; }
.page-hero .sub{ font-size:17px; line-height:1.75; }

/* ===== 正文排版 ===== */
.prose{ max-width:790px; }
.prose p{ line-height:1.95; margin-bottom:18px; }
.prose p:last-child{ margin-bottom:0; }

/* ============================================================
   卡片增强：只追加阴影 + 悬浮，不重写基础外观
   ============================================================ */
.card, .fact, .banner,
.why-card, .j-step,
.form-card, .detail-feats, .detail-img{
  box-shadow: var(--shadow);
  transition: transform .45s var(--ease), box-shadow .45s var(--ease), border-color .45s var(--ease);
}
.card:hover, .fact:hover,
.why-card:hover, .j-step:hover,
.form-card:hover, .detail-feats:hover{
  transform: translateY(-8px);
  box-shadow: var(--shadow-lg);
}
/* navy 信息卡用偏深的阴影更稳 */
.info-card{ box-shadow: 0 20px 54px rgba(27,48,80,.30); }
/* banner 已有 navy 渐变底，加柔和投影 */
.banner{ box-shadow: 0 22px 60px rgba(27,48,80,.22); }

/* ===== 卡片图标 / 序号块：金色渐变（about、cases 等 .ic） ===== */
.card .ic, .why-card .ic{
  width:48px; height:48px; border-radius:13px; margin-bottom:18px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,var(--gold),var(--gold-soft));
  color:#fff; font-weight:800; font-size:16px;
  box-shadow:0 8px 20px rgba(184,134,59,.28);
}

/* ============================================================
   产品卡 / 分类卡：style.css 后半段已有精致版，这里只增强基础阴影
   ============================================================ */
.product-card{ box-shadow: var(--shadow); }
.cat-card{ box-shadow: var(--shadow); }

/* ============================================================
   详情页（JS 渲染）增强
   ============================================================ */
.detail-img{ box-shadow: var(--shadow); }
.detail-img img{ transition: transform .7s var(--ease); }
.detail-top:hover .detail-img img{ transform: scale(1.04); }
.detail-feats{ box-shadow: var(--shadow); }
.detail-cta .btn{ transition: transform .35s var(--ease), box-shadow .35s var(--ease); }
.detail-cta .btn:hover{ transform: translateY(-3px); box-shadow: 0 12px 26px rgba(27,48,80,.20); }

/* ===== PDF 内容内联（色卡实拍 + 工艺/后处理）===== */
.pdf-content{ margin:40px 0 8px; }
.pdf-cover{ text-align:center; padding:18px 20px; background:linear-gradient(180deg,#fbf7ef,#fff);
  border:1px solid var(--line); border-radius:var(--radius); margin-bottom:28px; }
.pdf-cover h2{ font-size:20px; color:var(--ink); margin:0 0 8px; letter-spacing:.5px; }
.pdf-cover p{ margin:0; color:var(--muted); line-height:1.8; font-size:14px; }
.pdf-section{ margin:32px 0; }
.pdf-h{ font-size:19px; color:var(--ink); margin:0 0 18px; padding-left:14px;
  border-left:4px solid var(--gold); position:relative; }
/* 色卡画廊 */
.pdf-gallery{ display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:18px; }
.pdf-gallery-item{ margin:0; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden;
  background:#fff; box-shadow:var(--shadow); cursor:zoom-in;
  transition:transform .45s var(--ease), box-shadow .45s var(--ease); }
.pdf-gallery-item:hover{ transform:translateY(-6px); box-shadow:var(--shadow-lg); }
.pdf-thumb{ aspect-ratio:3/4; background:#f4f1ea; overflow:hidden; }
.pdf-thumb img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .7s var(--ease); }
.pdf-gallery-item:hover .pdf-thumb img{ transform:scale(1.06); }
.pdf-gallery-item figcaption{ padding:11px 13px; font-size:13.5px; color:var(--ink); line-height:1.5; }
.pdf-gallery-item .pdf-desc{ display:block; color:var(--muted); font-size:12px; margin-top:3px; }
/* 工艺/后处理 */
.pdf-craft{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.pdf-block{ background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  padding:18px 20px; box-shadow:var(--shadow); }
.pdf-block h3{ margin:0 0 12px; font-size:15px; color:var(--gold-d); letter-spacing:.5px; }
.pdf-block ul{ margin:0; padding:0; list-style:none; }
.pdf-block li{ position:relative; padding:7px 0 7px 16px; font-size:13.5px; line-height:1.7; color:var(--ink);
  border-bottom:1px dashed var(--line); }
.pdf-block li:last-child{ border-bottom:none; }
.pdf-block li::before{ content:""; position:absolute; left:0; top:15px; width:6px; height:6px; border-radius:50%;
  background:var(--gold); }
.pdf-highlights{ grid-column:1 / -1; }
.pdf-highlights li::before{ content:"✦"; width:auto; height:auto; border-radius:0; background:none; color:var(--gold);
  font-size:11px; top:8px; }
.pdf-wash .pdf-steps{ counter-reset:ws; }
.pdf-wash .pdf-steps li{ display:flex; gap:10px; align-items:flex-start; padding-left:0; border-bottom:1px dashed var(--line); }
.pdf-wash .pdf-steps li::before{ display:none; }
.pdf-steps .ws-n{ flex:0 0 24px; height:24px; border-radius:50%; background:var(--ink); color:#fff;
  display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:700; margin-top:2px; }
.pdf-steps .ws-t{ flex:1; }
.pdf-care li::before{ background:#7ca37c; }
@media (max-width:760px){
  .pdf-craft{ grid-template-columns:1fr; }
  .pdf-gallery{ grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:12px; }
}
/* 灯箱 */
.pdf-lightbox{ position:fixed; inset:0; z-index:9999; display:none; align-items:center; justify-content:center;
  background:rgba(20,24,34,.86); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); padding:30px; }
.pdf-lightbox.open{ display:flex; }
.pdf-lightbox-inner{ position:relative; max-width:92vw; max-height:92vh; }
.pdf-lightbox-inner img{ max-width:92vw; max-height:88vh; border-radius:10px; box-shadow:0 24px 60px rgba(0,0,0,.5); display:block; }
.pdf-lightbox-close{ position:absolute; top:-14px; right:-14px; width:40px; height:40px; border:none; border-radius:50%;
  background:#fff; color:#222; font-size:24px; line-height:1; cursor:pointer; box-shadow:0 6px 18px rgba(0,0,0,.35); }

/* ===== chip 筛选增强 ===== */
.chip{ transition: all .25s var(--ease); }
.chip:hover{ box-shadow: 0 6px 16px rgba(184,134,59,.18); }
.chip.active{ box-shadow: 0 8px 20px rgba(27,48,80,.28); }

/* ===== 工厂图卡片（about 专属，已验证） ===== */
.factory-grid{ gap:24px; counter-reset:fidx; }
.factory-grid figure{
  position:relative; margin:0; overflow:hidden;
  border-radius:var(--radius); background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  transition:transform .5s var(--ease), box-shadow .5s var(--ease);
}
.factory-grid figure:hover{ transform:translateY(-10px); box-shadow:var(--shadow-lg); }
.factory-grid img{
  width:100%; aspect-ratio:4/3; object-fit:cover; display:block;
  border:none; border-radius:0;
  transition:transform .75s var(--ease);
}
.factory-grid figure:hover img{ transform:scale(1.07); }
.factory-grid figure{ counter-increment:fidx; }
.factory-grid figure::before{
  content:counter(fidx,decimal-leading-zero);
  position:absolute; top:14px; left:14px; z-index:3;
  min-width:36px; height:36px; padding:0 11px; border-radius:11px;
  background:rgba(31,52,80,.82); color:#fff;
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  display:flex; align-items:center; justify-content:center;
  font-size:13px; font-weight:700; letter-spacing:.5px;
  box-shadow:0 8px 18px rgba(0,0,0,.24);
}
.factory-grid figcaption{
  margin:0; padding:16px 18px 18px; text-align:left;
  font-size:15px; font-weight:700; color:var(--navy); letter-spacing:.3px;
  display:flex; align-items:center; gap:10px;
}
.factory-grid figcaption::before{
  content:""; width:20px; height:2px; background:var(--gold); border-radius:2px; flex:none;
}

/* ===== 404 卡片化 ===== */
.notfound-card{
  max-width:560px; margin:0 auto; background:#fff;
  border:1px solid var(--line); border-radius:var(--radius);
  box-shadow:var(--shadow); padding:64px 48px; text-align:center;
}
.notfound-card .code{
  font-family:var(--serif); font-size:104px; font-weight:800;
  color:var(--gold); line-height:1; letter-spacing:1px;
}
.notfound-card h1{ margin:14px 0 10px; }
.notfound-card .muted{ max-width:440px; margin:0 auto 28px; }
.notfound-card .btns{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }