/* ============================================================
   字体声明：绑定 static/fonts 下已上传的思源字体 woff2 文件
   - 字体文件名（SourceHanSansCN…）与 CSS 字体族名（Source Han Sans SC…）
     通过 @font-face 建立映射，否则浏览器只回退到系统字体。
   ============================================================ */
@font-face{
  font-family:"Source Han Sans SC";
  src:local("Source Han Sans SC"),local("Source Han Sans CN"),url("/static/fonts/SourceHanSansCN-Regular.woff2") format("woff2");
  font-weight:400;font-style:normal;font-display:swap;
}
@font-face{
  font-family:"Source Han Serif SC";
  src:local("Source Han Serif SC"),local("Source Han Serif CN"),url("/static/fonts/SourceHanSerifCN-Regular.woff2") format("woff2");
  font-weight:400;font-style:normal;font-display:swap;
}
@font-face{
  font-family:"Source Han Serif SC";
  src:local("Source Han Serif SC Medium"),local("Source Han Serif CN Medium"),url("/static/fonts/SourceHanSerifCN-Medium.woff2") format("woff2");
  font-weight:500;font-style:normal;font-display:swap;
}
@font-face{
  font-family:"Source Han Serif SC";
  src:local("Source Han Serif SC SemiBold"),local("Source Han Serif CN SemiBold"),url("/static/fonts/SourceHanSerifCN-SemiBold.woff2") format("woff2");
  font-weight:600;font-style:normal;font-display:swap;
}
@font-face{
  font-family:"Source Han Serif SC";
  src:local("Source Han Serif SC Bold"),local("Source Han Serif CN Bold"),url("/static/fonts/SourceHanSerifCN-Bold.woff2") format("woff2");
  font-weight:700;font-style:normal;font-display:swap;
}
@font-face{
  font-family:"LXGW WenKai";
  src:local("LXGW WenKai"),url("/static/fonts/LXGWWenKai-Regular.woff2") format("woff2");
  font-weight:400;font-style:normal;font-display:swap;
}
@font-face{
  font-family:"Cormorant Garamond";
  src:local("Cormorant Garamond"),local("Cormorant Garamond Regular"),url("/static/fonts/CormorantGaramond-Regular.woff2") format("woff2");
  font-weight:400;font-style:normal;font-display:swap;
}
@font-face{
  font-family:"Cormorant Garamond";
  src:local("Cormorant Garamond Medium"),url("/static/fonts/CormorantGaramond-Medium.woff2") format("woff2");
  font-weight:500;font-style:normal;font-display:swap;
}
@font-face{
  font-family:"Cormorant Garamond";
  src:local("Cormorant Garamond SemiBold"),url("/static/fonts/CormorantGaramond-SemiBold.woff2") format("woff2");
  font-weight:600;font-style:normal;font-display:swap;
}

:root{
  --page-width:1920px;
  --content-default:1707px; /* About 通用内容宽度 */
  --content-wide:1813px;    /* About 宽内容区 */
  --content-footer:1840px;  /* About 页脚内容宽度 */
  --paper:#FAF5E9;
  --xuan:#F4ECD8;
  --ink-brown:#2A1A0F;
  --ochre:#3D2817;
  --text:#1A1410;
  --gold:#B89B6E;
  --champagne:#D4B896;
  --cinnabar:#8B2C1F;
  --beige:#D8CCBA;
  --line:#D5CEC3;
  --line-deep:#B8AD9F;
  --white:#FFFFFF;
  --footer:#FAF5E9;

  /* Hero 背景图：与 About 页使用同一套显示机制，仅素材不同 */
  --hero-bg-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjU5MiIgdmlld0JveD0iMCAwIDE5MjAgNTkyIiBmaWxsPSJub25lIj4KICA8c3ZnIHg9IjgxMCIgeT0iLTMyIiB3aWR0aD0iMTAzMCIgaGVpZ2h0PSI2ODAiIHZpZXdCb3g9IjAgMCAxMDgwIDc2MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgZmlsbD0ibm9uZSI+CgogICAgICAgICAgPGRlZnM+CiAgICAgICAgICAgIDxmaWx0ZXIgaWQ9InNvZnQiPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjAuNyIvPjwvZmlsdGVyPgogICAgICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImcxIiB4MT0iMTAwIiB5MT0iMTMwIiB4Mj0iOTYwIiB5Mj0iNjQwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI2ZhZjlmNiIvPjxzdG9wIG9mZnNldD0iLjUyIiBzdG9wLWNvbG9yPSIjZTZlM2RmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjY2JjN2MyIi8+CiAgICAgICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgICAgIDxyYWRpYWxHcmFkaWVudCBpZD0iZzIiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSg2MjAgMzMwKSByb3RhdGUoMzgpIHNjYWxlKDQ0MCAyNjApIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI2ZmZiIvPjxzdG9wIG9mZnNldD0iLjY1IiBzdG9wLWNvbG9yPSIjZWVlYWU2Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZDRkMGNiIi8+CiAgICAgICAgICAgIDwvcmFkaWFsR3JhZGllbnQ+CiAgICAgICAgICA8L2RlZnM+CiAgICAgICAgICA8cGF0aCBkPSJNMTAwMCAxMDlDODI0IDE4IDU0NyA0MyAzNTkgMTMyYy0yMDUgOTctMzE2IDI1Ni0yNzEgMzg0IDQyIDEyMCAyMDggMTU1IDM0MiA5MiAxMjktNjEgMTQ1LTE4MCAyNTItMTc2IDEwOCA0IDEyNSAxMzAgMjQ5IDE1NSA4MCAxNiAxNDktMTIgMTg1LTc5IDY4LTEyNiA1LTMwNi0xMTYtMzk5WiIgZmlsbD0idXJsKCNnMikiIG9wYWNpdHk9Ii45Ii8+CiAgICAgICAgICA8ZyBzdHJva2U9IiNjOGM1YzEiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iLjc1IiBmaWx0ZXI9InVybCgjc29mdCkiPgogICAgICAgICAgICA8IS0tIHBlYXJsLWxpa2UgbmVzdGVkIGNvbnRvdXJzIC0tPgogICAgICAgICAgICA8ZWxsaXBzZSBjeD0iNjM1IiBjeT0iMzMwIiByeD0iNDMwIiByeT0iMjQ2IiB0cmFuc2Zvcm09InJvdGF0ZSgtMTEgNjM1IDMzMCkiLz4KICAgICAgICAgICAgPGVsbGlwc2UgY3g9IjYzNSIgY3k9IjMzMCIgcng9IjQxMiIgcnk9IjIzNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEwIDYzNSAzMzApIi8+CiAgICAgICAgICAgIDxlbGxpcHNlIGN4PSI2MzUiIGN5PSIzMzAiIHJ4PSIzOTQiIHJ5PSIyMjQiIHRyYW5zZm9ybT0icm90YXRlKC05IDYzNSAzMzApIi8+CiAgICAgICAgICAgIDxlbGxpcHNlIGN4PSI2MzUiIGN5PSIzMzAiIHJ4PSIzNzYiIHJ5PSIyMTMiIHRyYW5zZm9ybT0icm90YXRlKC04IDYzNSAzMzApIi8+CiAgICAgICAgICAgIDxlbGxpcHNlIGN4PSI2MzUiIGN5PSIzMzAiIHJ4PSIzNTgiIHJ5PSIyMDIiIHRyYW5zZm9ybT0icm90YXRlKC03IDYzNSAzMzApIi8+CiAgICAgICAgICAgIDxlbGxpcHNlIGN4PSI2MzUiIGN5PSIzMzAiIHJ4PSIzNDAiIHJ5PSIxOTEiIHRyYW5zZm9ybT0icm90YXRlKC02IDYzNSAzMzApIi8+CiAgICAgICAgICAgIDxlbGxpcHNlIGN4PSI2MzUiIGN5PSIzMzAiIHJ4PSIzMjIiIHJ5PSIxODAiIHRyYW5zZm9ybT0icm90YXRlKC01IDYzNSAzMzApIi8+CiAgICAgICAgICAgIDxlbGxpcHNlIGN4PSI2MzUiIGN5PSIzMzAiIHJ4PSIzMDQiIHJ5PSIxNjkiIHRyYW5zZm9ybT0icm90YXRlKC00IDYzNSAzMzApIi8+CiAgICAgICAgICAgIDxlbGxpcHNlIGN4PSI2MzUiIGN5PSIzMzAiIHJ4PSIyODYiIHJ5PSIxNTgiIHRyYW5zZm9ybT0icm90YXRlKC0zIDYzNSAzMzApIi8+CiAgICAgICAgICAgIDxlbGxpcHNlIGN4PSI2MzUiIGN5PSIzMzAiIHJ4PSIyNjgiIHJ5PSIxNDciIHRyYW5zZm9ybT0icm90YXRlKC0yIDYzNSAzMzApIi8+CiAgICAgICAgICAgIDxlbGxpcHNlIGN4PSI2MzUiIGN5PSIzMzAiIHJ4PSIyNTAiIHJ5PSIxMzYiIHRyYW5zZm9ybT0icm90YXRlKC0xIDYzNSAzMzApIi8+CiAgICAgICAgICAgIDxlbGxpcHNlIGN4PSI2MzUiIGN5PSIzMzAiIHJ4PSIyMzIiIHJ5PSIxMjUiLz4KICAgICAgICAgICAgPGVsbGlwc2UgY3g9IjYzNSIgY3k9IjMzMCIgcng9IjIxNCIgcnk9IjExNCIgdHJhbnNmb3JtPSJyb3RhdGUoMiA2MzUgMzMwKSIvPgogICAgICAgICAgICA8ZWxsaXBzZSBjeD0iNjM1IiBjeT0iMzMwIiByeD0iMTk2IiByeT0iMTAzIiB0cmFuc2Zvcm09InJvdGF0ZSg0IDYzNSAzMzApIi8+CiAgICAgICAgICAgIDxlbGxpcHNlIGN4PSI2MzUiIGN5PSIzMzAiIHJ4PSIxNzgiIHJ5PSI5MiIgdHJhbnNmb3JtPSJyb3RhdGUoNiA2MzUgMzMwKSIvPgogICAgICAgICAgICA8ZWxsaXBzZSBjeD0iNjM1IiBjeT0iMzMwIiByeD0iMTYwIiByeT0iODEiIHRyYW5zZm9ybT0icm90YXRlKDggNjM1IDMzMCkiLz4KICAgICAgICAgICAgPGVsbGlwc2UgY3g9IjYzNSIgY3k9IjMzMCIgcng9IjE0MiIgcnk9IjcwIiB0cmFuc2Zvcm09InJvdGF0ZSgxMCA2MzUgMzMwKSIvPgogICAgICAgICAgICA8ZWxsaXBzZSBjeD0iNjM1IiBjeT0iMzMwIiByeD0iMTI0IiByeT0iNTkiIHRyYW5zZm9ybT0icm90YXRlKDEyIDYzNSAzMzApIi8+CiAgICAgICAgICAgIDxlbGxpcHNlIGN4PSI2MzUiIGN5PSIzMzAiIHJ4PSIxMDYiIHJ5PSI0OCIgdHJhbnNmb3JtPSJyb3RhdGUoMTQgNjM1IDMzMCkiLz4KICAgICAgICAgIDwvZz4KICAgICAgICAgIDxwYXRoIGQ9Ik03MDUgMzg3Yy0yOSAzNi01OSA2Ny03OSAxMTYtMjUgNjItMTggMTI4IDE5IDE3OSAzOCA1MyAxMDIgODMgMTcxIDg1IDc0IDIgMTQ5LTI5IDE4Ni04NyAyOS00NiAzMS0xMDEgNC0xNDUtMzQtNTYtOTktNzctMTYwLTc0LTU5IDMtOTgtMTAtMTQxLTc0WiIgZmlsbD0idXJsKCNnMSkiIG9wYWNpdHk9Ii45NiIvPgogICAgICAgICAgPGcgc3Ryb2tlPSIjYzVjMWJjIiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9Ii43OCI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik03MDQgNDAwYy0yOCAzOS01MCA3OS01MyAxMjEtNSA3MiA0NSAxMzIgMTEyIDE1MSA3NCAyMSAxNjQtMTAgMTk4LTcyIDIyLTM5IDE4LTgzLTEwLTExNC0zOC00MS0xMDItNTEtMTU5LTQyLTQxIDYtNjUtMTEtODgtNDRaIi8+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik03MTggNDE5Yy0yNiAzNS00NSA3Mi00NiAxMDgtMyA2MiA0MSAxMTMgMTAwIDEyOSA2NSAxOCAxNDMtOSAxNzQtNjQgMjAtMzQgMTctNzItOC0xMDAtMzQtMzYtODktNDQtMTM5LTM2LTM2IDUtNTgtOS04MS0zN1oiLz4KICAgICAgICAgICAgPHBhdGggZD0iTTczNCA0NDFjLTIxIDMwLTM3IDYwLTM3IDkxLTEgNTEgMzYgOTMgODQgMTA2IDU0IDE1IDExOS04IDE0NS01NCAxNy0yOSAxNC02Mi03LTg1LTI5LTMwLTc0LTM3LTExNi0zMC0yOSA0LTQ4LTctNjktMjhaIi8+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik03NTIgNDY0Yy0xNyAyMy0yOSA0Ny0yOSA3MCAwIDQwIDI4IDcyIDY2IDgyIDQyIDExIDkzLTYgMTE0LTQyIDEzLTIzIDExLTQ4LTYtNjYtMjMtMjMtNTgtMjgtOTEtMjMtMjIgMy0zOC01LTU0LTIxWiIvPgogICAgICAgICAgPC9nPgogICAgICAgIAogIDwvc3ZnPgo8L3N2Zz4K");
  --hero-bg-position:center center;
  --hero-bg-size:cover;
  --hero-overlay-left:.96;
  --hero-overlay-mid:.58;
}

*{box-sizing:border-box}
/* 强制禁用顶部导航：即使旧结构残留也不会显示 */
header.site-header, .site-header, .top-nav, .nav, body > .page > header{display:none !important;}
html,body{margin:0;padding:0;background:#fff;color:var(--text)}
body{
  min-width:var(--page-width);
  font-family:"Source Han Sans SC","Source Han Sans CN","Noto Sans CJK SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  font-synthesis:none;              /* 禁止浏览器合成粗体/斜体，避免字形走样 */
}
.serif{font-family:"Source Han Serif SC","Source Han Serif CN","Noto Serif CJK SC","Songti SC",STSong,"SimSun","PingFang SC","Microsoft YaHei",serif}
.en-serif{font-family:"Cormorant Garamond","Times New Roman",serif}
.slogan-font{font-family:"LXGW WenKai",STKaiti,KaiTi,serif}
/* 英文正文：Helvetica Neue，11-13px（与中文黑体正文区分） */
.en-body{font-family:"Helvetica Neue","Helvetica",Arial,sans-serif;font-size:12px;line-height:1.6;letter-spacing:.3px}
a{color:inherit;text-decoration:none}
.page{width:var(--page-width);min-width:var(--page-width);margin:0 auto;background:var(--paper);overflow:hidden}

/* ============================================================
   Hero：背景图显示方式与 About 页面保持一致
   - 592px 固定高度
   - 背景图直接挂载在 .hero
   - center center / cover / no-repeat
   - 全区左→右纸色渐变遮罩参数完全一致
   - 顶部导航保持移除
   ============================================================ */
.hero{
  height:592px;
  background-color:#FAF5E9;
  background-image:var(--hero-bg-image);
  background-position:var(--hero-bg-position);
  background-size:var(--hero-bg-size);
  background-repeat:no-repeat;
  overflow:hidden;
  position:relative;
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,
    rgba(250,245,233,var(--hero-overlay-left)) 0%,
    rgba(250,245,233,.90) 28%,
    rgba(250,245,233,var(--hero-overlay-mid)) 48%,
    rgba(250,245,233,.16) 67%,
    rgba(250,245,233,0) 100%);
}
.hero-inner{
  width:var(--content-default);
  height:100%;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:0;
  position:relative;
  z-index:2;
}
.hero-copy{
  width:753px;
  padding-left:80px;
  position:relative;
  z-index:3;
  transform:translateY(-4px);
}
.hero h1{
  margin:0;
  font-family:"Source Han Serif SC","Source Han Serif CN","Noto Serif CJK SC","Songti SC",STSong,"SimSun","PingFang SC","Microsoft YaHei",serif;
  font-size:58px;                  /* 一级标题 48-80px */
  line-height:1.08;
  font-weight:700;                 /* 思源宋体 Bold */
  color:#3D2817;
  letter-spacing:6px;             /* 字间距4-8px */
}
.hero-en{
  margin-top:14px;
  font-family:"Cormorant Garamond","Helvetica Neue",Arial,sans-serif;
  font-size:14px;                  /* 英文标题 14px */
  line-height:1.4;
  letter-spacing:5px;             /* 字间距4-6px */
  color:#5F5750;
  text-transform:uppercase;       /* 大写 */
  font-weight:400;
}
.hero-desc{
  margin:46px 0 0;
  width:520px;
  font-family:"Source Han Sans SC","Source Han Sans CN","Noto Sans CJK SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;
  font-size:15px;                  /* 正文 14-16px */
  line-height:2;                  /* 行高1.8-2.2 */
  font-weight:400;
  color:#4A423C;
}

/* ============================================================
   核心资质矩阵：统一纸色、宋体标题、黑体正文、烫金线条
   ============================================================ */
.qualifications{
  min-height:1120px;
  background:var(--paper);
  padding:82px 0 82px;
  border-top:1px solid rgba(61,40,23,.06);
}
.section-title{
  margin:0;
  text-align:center;
  font-family:"Source Han Serif SC","Source Han Serif CN","Noto Serif CJK SC","Songti SC",STSong,"SimSun","PingFang SC","Microsoft YaHei",serif;
  color:var(--ochre);
  font-size:40px;
  line-height:1.2;
  font-weight:600;
  letter-spacing:3px;
}
.qualification-grid{
  width:var(--content-wide);
  margin:70px auto 0;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:44px 56px;
  justify-items:stretch;
}
.qual-card{
  min-height:338px;
  border:1px solid rgba(184,155,110,.78);
  background:transparent;
  padding:36px 32px 28px;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
}
.qual-card:nth-child(1){grid-column:1 / span 2}
.qual-card:nth-child(2){grid-column:3 / span 2}
.qual-card:nth-child(3){grid-column:5 / span 2}
.qual-card:nth-child(4){grid-column:2 / span 2}
.qual-card:nth-child(5){grid-column:4 / span 2}
.qual-icon{width:76px;height:76px;color:var(--gold);margin-bottom:18px}
.qual-name{
  margin:0 0 18px;
  font-family:"Source Han Serif SC","Source Han Serif CN","Noto Serif CJK SC","Songti SC",STSong,"SimSun","PingFang SC","Microsoft YaHei",serif;
  font-size:24px;
  line-height:1.2;
  font-weight:500;
  letter-spacing:1px;
  color:var(--ochre);
}
.qual-text{
  margin:0;
  max-width:430px;
  font-family:"Source Han Sans SC","Source Han Sans CN","Noto Sans CJK SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;
  font-size:14px;
  line-height:2.05;
  font-weight:400;
  color:#4A423C;
}

/* ============================================================
   区块链溯源：宣纸白区块 + 赭石标题 + 烫金强调
   ============================================================ */
.trace{
  min-height:1340px;
  background:var(--xuan);
  padding:82px 0 82px;
  border-top:1px solid rgba(61,40,23,.08);
}
.trace .section-title{font-size:40px;color:var(--ochre)}
.trace-intro{
  width:var(--content-wide);
  margin:48px auto 0;
  font-family:"Source Han Sans SC","Source Han Sans CN","Noto Sans CJK SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;
  font-size:14px;
  line-height:2.05;
  font-weight:400;
  color:#4A423C;
}
.trace-grid{
  width:var(--content-wide);
  margin:66px auto 0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  column-gap:60px;
  row-gap:54px;
  position:relative;
}
.trace-card{
  height:365px;
  border:1px solid rgba(90,67,51,.72);
  background:rgba(250,245,233,.26);
  display:grid;
  grid-template-columns:minmax(0,1fr) 201px;
  overflow:hidden;
  position:relative;
}
.trace-copy{padding:32px 24px 20px 28px;position:relative}
.trace-num{
  font-family:"Source Han Serif SC","Source Han Serif CN","Noto Serif CJK SC","Songti SC",STSong,"SimSun","PingFang SC","Microsoft YaHei",serif;
  font-size:64px;
  line-height:1;
  font-weight:700;
  color:var(--gold);
}
.trace-label{
  margin-top:24px;
  font-family:"Source Han Serif SC","Source Han Serif CN","Noto Serif CJK SC","Songti SC",STSong,"SimSun","PingFang SC","Microsoft YaHei",serif;
  font-size:24px;
  line-height:1.45;
  font-weight:500;
  letter-spacing:1px;
  color:var(--ochre);
  white-space:pre-line;
}
.trace-scene{
  position:relative;
  width:201px;
  height:100%;
  overflow:hidden;
  background:#D8D3C8;
}
.trace-scene img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}

/*
  溯源图片上传规格（1920px PC 设计稿）：
  - 页面实际显示槽位：201 × 363px
  - 推荐后台上传：402 × 726px（2x，比例完全一致，不裁切）
  - 高清可用：804 × 1452px（4x）
  - 建议 JPG / WebP，保持 201:363 的纵向比例。
*/

.arrow{
  position:absolute;
  width:34px;
  height:34px;
  border-top:1.5px solid var(--gold);
  border-right:1.5px solid var(--gold);
  transform:rotate(45deg);
  opacity:.95;
}
.arrow.a1{left:577px;top:150px}.arrow.a2{left:1202px;top:150px}
.arrow.a3{left:577px;top:569px}.arrow.a4{left:1202px;top:569px}

/* ============================================================
   页脚：严格与 About 页面最终代码保持一致
   ============================================================ */
.site-footer{
  background:#F2F1EE !important;
  border-top:1px solid rgba(61,40,23,.12) !important;
  padding:26px 0 12px !important;
  color:#3D2817 !important;
}
.footer-container{
  width:var(--content-footer) !important;
  max-width:calc(100% - 48px) !important;
  margin:0 auto !important;
}
.footer-main{
  display:grid !important;
  grid-template-columns:220px 390px 330px 1fr !important;
  align-items:start !important;
  gap:0 !important;
}
.footer-col{
  min-height:118px !important;
  padding:0 34px !important;
  position:relative !important;
}
.footer-col:first-child{
  padding-left:4px !important;
  padding-right:30px !important;
}
.footer-col:not(:last-child)::after{
  content:"" !important;
  position:absolute !important;
  right:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:1px !important;
  background:#5C3A1E !important;
  opacity:.82 !important;
}
.footer-brand-cn{
  font-family:"Source Han Serif SC","Source Han Serif CN","Noto Serif CJK SC","Songti SC",STSong,"SimSun","PingFang SC","Microsoft YaHei",serif !important;
  font-size:21px !important;
  font-weight:700 !important;
  letter-spacing:.5px !important;
  color:#3D2817 !important;
  line-height:1.05 !important;
}
.footer-brand-en{
  margin-top:4px !important;
  font-family:"Cormorant Garamond","Times New Roman",serif !important;
  font-size:7px !important;
  letter-spacing:1.5px !important;
  color:#6A5849 !important;
  line-height:1 !important;
}
.footer-brand-mark{
  margin-top:2px !important;
  margin-left:30px !important;
  font-size:8px !important;
  color:#B89B6E !important;
}
.footer-slogan{
  margin-top:15px !important;
  font-family:"Source Han Sans SC","Source Han Sans CN","Noto Sans CJK SC","PingFang SC","Microsoft YaHei",sans-serif !important;
  font-size:14px !important;
  line-height:1.45 !important;
  font-weight:400 !important;
  color:#3D2817 !important;
}
.footer-socials{
  display:flex !important;
  gap:15px !important;
  margin-top:14px !important;
}
.footer-socials a{
  width:22px !important;
  height:22px !important;
  display:grid !important;
  place-items:center !important;
}
.footer-social-icon{
  display:block !important;
  width:22px !important;
  height:22px !important;
  object-fit:contain !important;
}
.footer-contact-block{padding-top:0 !important;}
.footer-contact-line{
  min-height:38px !important;
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
  font-family:"Source Han Sans SC","Source Han Sans CN","Noto Sans CJK SC","PingFang SC","Microsoft YaHei",sans-serif !important;
  font-size:13px !important;
  line-height:1.4 !important;
  color:#4A423C !important;
}
.footer-contact-line svg{
  width:20px !important;
  height:20px !important;
  stroke:#1A1410 !important;
  fill:none !important;
  stroke-width:1.6 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  flex:0 0 auto !important;
}
.footer-nav-block{padding-top:2px !important;}
.footer-nav-grid{
  display:grid !important;
  grid-template-columns:repeat(2,1fr) !important;
  column-gap:54px !important;
  row-gap:17px !important;
  font-family:"Source Han Sans SC","Source Han Sans CN","Noto Sans CJK SC","PingFang SC","Microsoft YaHei",sans-serif !important;
  font-size:12px !important;
  line-height:1.35 !important;
  color:#3D2817 !important;
}
.footer-nav-grid a{white-space:nowrap !important;}
.footer-nav-grid a:hover{color:#8B2C1F !important;}
.footer-qr-block{
  padding-left:70px !important;
  padding-right:0 !important;
}
.footer-qr-list{
  width:100% !important;
  display:flex !important;
  justify-content:flex-end !important;
  align-items:flex-start !important;
  gap:15px !important;
  padding-right:4px !important;
}
.footer-qr-item{margin:0 !important;text-align:center !important;}
.footer-qr-img{
  width:64px !important;
  height:64px !important;
  display:block !important;
  object-fit:cover !important;
  background:#fff !important;
  border:1px solid rgba(61,40,23,.12) !important;
}
.footer-qr-item figcaption{
  margin-top:5px !important;
  font-family:"Source Han Sans SC","Source Han Sans CN","Noto Sans CJK SC","PingFang SC","Microsoft YaHei",sans-serif !important;
  font-size:9px !important;
  line-height:1.2 !important;
  color:#3D2817 !important;
  white-space:nowrap !important;
}
.footer-bottom{
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-end !important;
  gap:24px !important;
  margin-top:28px !important;
  padding-top:0 !important;
  border-top:0 !important;
  font-family:"Source Han Sans SC","Source Han Sans CN","Noto Sans CJK SC","PingFang SC","Microsoft YaHei",sans-serif !important;
  font-size:8px !important;
  line-height:1.4 !important;
  color:#4A423C !important;
}
.footer-legal-left{max-width:74% !important;}
.footer-legal-right{text-align:right !important;white-space:nowrap !important;}
@media (max-width:980px){
  .footer-container{width:calc(100% - 40px) !important;max-width:none !important;}
  .footer-main{grid-template-columns:1fr 1.35fr !important;row-gap:30px !important;}
  .footer-col{min-height:112px !important;}
  .footer-col:nth-child(2)::after{display:none !important;}
  .footer-qr-block{padding-left:34px !important;padding-right:0 !important;}
  .footer-qr-list{justify-content:flex-start !important;padding-right:0 !important;}
}
@media (max-width:640px){
  .site-footer{padding:28px 0 16px !important;}
  .footer-container{width:calc(100% - 32px) !important;}
  .footer-main{grid-template-columns:1fr !important;}
  .footer-col{min-height:0 !important;padding:20px 0 !important;}
  .footer-col:first-child{padding:0 0 20px !important;}
  .footer-col:not(:last-child)::after{left:0 !important;right:0 !important;top:auto !important;bottom:0 !important;width:100% !important;height:1px !important;}
  .footer-qr-block{padding:20px 0 0 !important;}
  .footer-qr-list{justify-content:flex-start !important;gap:14px !important;flex-wrap:wrap !important;}
  .footer-bottom{flex-direction:column !important;align-items:flex-start !important;margin-top:20px !important;gap:8px !important;}
  .footer-legal-left{max-width:100% !important;}
  .footer-legal-right{text-align:left !important;white-space:normal !important;}
}

[data-field]{outline:none}
@media (max-width:1919px){body{min-width:1920px}}

/* ============================================================
   核心资质矩阵｜参考图固定版
   标题与五枚图标为固定视觉，不作为后台上传/替换字段。
   几何按用户示例图的 1920px 比例复刻：
   标题 72px；卡片 540×398；三上两下；行距 56；列距 60。
   ============================================================ */
.qualifications{
  min-height:0 !important;
  background:#FAF5E9 !important;
  padding:100px 0 136px !important;
  border-top:1px solid rgba(61,40,23,.06) !important;
}
.qualifications > .qualification-title-fixed{
  margin:0 !important;
  text-align:center !important;
  font-family:"Source Han Serif SC","Source Han Serif CN","Noto Serif CJK SC","Songti SC",STSong,"SimSun","PingFang SC","Microsoft YaHei",serif !important;
  color:#4A2915 !important;
  font-size:72px !important;
  line-height:1.2 !important;
  font-weight:500 !important;
  letter-spacing:4px !important;
}
.qualifications .qualification-grid{
  width:var(--content-wide) !important;
  margin:96px auto 0 !important;
  display:grid !important;
  grid-template-columns:repeat(6,1fr) !important;
  column-gap:60px !important;
  row-gap:56px !important;
  justify-items:stretch !important;
}
.qualifications .qual-card{
  height:398px !important;
  min-height:398px !important;
  box-sizing:border-box !important;
  padding:25px 32px 28px !important;
}
.qualifications .qual-card:nth-child(1){grid-column:1 / span 2 !important}
.qualifications .qual-card:nth-child(2){grid-column:3 / span 2 !important}
.qualifications .qual-card:nth-child(3){grid-column:5 / span 2 !important}
.qualifications .qual-card:nth-child(4){grid-column:2 / span 2 !important}
.qualifications .qual-card:nth-child(5){grid-column:4 / span 2 !important}

/* 图标外框统一固定高度，保证五个标题基线与示例一致 */
.qualifications .qual-icon{
  width:150px !important;
  height:126px !important;
  margin:0 0 20px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 126px !important;
  color:#4A2915 !important;
}
.qualifications .qual-icon img{
  display:block !important;
  object-fit:contain !important;
  object-position:center center !important;
  max-width:none !important;
  max-height:none !important;
}
.qualifications .qual-icon--origin img{width:116px !important;height:126px !important}
.qualifications .qual-icon--shield img{width:97px !important;height:115px !important}
.qualifications .qual-icon--building img{width:108px !important;height:115px !important}
.qualifications .qual-icon--research img{width:110px !important;height:116px !important}
.qualifications .qual-icon--trace img{width:145px !important;height:95px !important}

/* 核心资质矩阵：框线颜色与框内描述小字严格保持一致 */
.qualifications .qual-card{
  border:1px solid #4A423C !important;
}
.qualifications .qual-text{
  color:#4A423C !important;
}

/* “核心资质矩阵”与“区块链溯源 让每一袋灵芝可追溯”
   字体样式、字号严格与 Hero 标题“律之所依 资质与标准”保持一致 */
.qualifications > .qualification-title-fixed,
.trace > .section-title{
  margin:0 !important;
  text-align:center !important;
  font-family:"Source Han Serif SC","Source Han Serif CN","Noto Serif CJK SC","Songti SC",STSong,"SimSun","PingFang SC","Microsoft YaHei",serif !important;
  font-size:58px !important;
  line-height:1.08 !important;
  font-weight:700 !important;
  color:#3D2817 !important;
  letter-spacing:3px !important;
}

/* ============================================================
   About 页面字体样式最终同步
   1) Hero 中英文标题：严格同步 About 的“关于宜品良芝 / ABOUT US”
   2) 两个正文板块标题：严格同步 About 的“心之所向 知行合一”
   仅统一字体视觉，不改变现有板块几何布局与间距。
   ============================================================ */

/* Hero 中文一级标题：与 About .hero-title 完全一致 */
.hero h1{
  margin:0 !important;
  font-family:"Source Han Serif SC","Source Han Serif CN","Noto Serif CJK SC","Songti SC",STSong,"SimSun","PingFang SC","Microsoft YaHei",serif !important;
  font-size:58px !important;
  line-height:1.08 !important;
  font-weight:700 !important;
  color:#3D2817 !important;
  letter-spacing:3px !important;
}

/* Hero 英文标题：与 About .hero-sub 完全一致 */
.hero .hero-en{
  margin-top:14px !important;
  font-family:"Cormorant Garamond","Helvetica Neue",Arial,sans-serif !important;
  font-size:15px !important;
  line-height:normal !important;
  letter-spacing:5px !important;
  color:#5F5750 !important;
  text-transform:uppercase !important;
  font-weight:400 !important;
}

/* “核心资质矩阵”与“区块链溯源 让每一袋灵芝可追溯”
   字体视觉严格同步 About 的“心之所向 知行合一” */
.qualifications > .qualification-title-fixed,
.trace > .section-title{
  text-align:center !important;
  font-family:"Source Han Serif SC","Source Han Serif CN","Noto Serif CJK SC","Songti SC",STSong,"SimSun","PingFang SC","Microsoft YaHei",serif !important;
  font-size:38px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  letter-spacing:3px !important;
  color:#3D2817 !important;
}

/* About 页面内容宽度同步：整页1920 / 通用1707 / 宽区1813 / Footer1840 */
.qualifications > .qualification-title-fixed,
.trace > .section-title,
.trace > .trace-intro,
.qualifications > .qualification-grid,
.trace > .trace-grid{
  max-width:var(--content-wide) !important;
}
.qualifications > .qualification-title-fixed,
.trace > .section-title{
  width:var(--content-wide) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* ============================================================
   浏览器显示宽度严格同步 About 页面
   - 设计稿基准仍为 1920px
   - >1920px：1920px 页面居中
   - <=1920px：页面跟随浏览器视口，不再强制 1920px 最小宽度
   - 内容区按 About 的 48px 安全边距规则收缩
   ============================================================ */
@media (min-width:1921px){
  html,body{overflow-x:hidden !important;}
  body{min-width:0 !important;}
  .page{
    width:1920px !important;
    min-width:0 !important;
    max-width:1920px !important;
    margin:0 auto !important;
  }
}

@media (max-width:1920px){
  html,body{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-x:hidden !important;
  }
  body{min-width:0 !important;}
  .page{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 !important;
  }

  /* About 在 1920px 及以下使用 48px 总安全边距，最大内容宽 1813px */
  .hero-inner,
  .qualifications > .qualification-title-fixed,
  .qualifications > .qualification-grid,
  .trace > .section-title,
  .trace > .trace-intro,
  .trace > .trace-grid{
    width:min(calc(100% - 48px), 1813px) !important;
    max-width:1813px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .footer-container{
    width:min(calc(100% - 48px), 1840px) !important;
    max-width:1840px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

@media (max-width:900px){
  .hero-inner,
  .qualifications > .qualification-title-fixed,
  .qualifications > .qualification-grid,
  .trace > .section-title,
  .trace > .trace-intro,
  .trace > .trace-grid{
    width:calc(100% - 40px) !important;
  }

  .hero{min-height:520px !important;height:auto !important;background-position:center center !important;}
  .hero-inner{min-height:520px !important;padding:56px 0 !important;align-items:center !important;}
  .hero-copy{width:min(560px,68vw) !important;padding-left:0 !important;}

  .qualifications .qualification-grid{
    grid-template-columns:repeat(2,1fr) !important;
    column-gap:24px !important;
    row-gap:24px !important;
  }
  .qualifications .qual-card:nth-child(n){grid-column:auto !important;}
  .qualifications .qual-card:last-child{grid-column:1 / -1 !important;width:calc((100% - 24px)/2) !important;justify-self:center !important;}

  .trace-grid{grid-template-columns:repeat(2,1fr) !important;column-gap:24px !important;row-gap:24px !important;}
  .trace-card{grid-template-columns:minmax(0,1fr) 42% !important;}
  .trace-scene{width:100% !important;}
}

@media (max-width:640px){
  .hero-inner,
  .qualifications > .qualification-title-fixed,
  .qualifications > .qualification-grid,
  .trace > .section-title,
  .trace > .trace-intro,
  .trace > .trace-grid{
    width:calc(100% - 32px) !important;
  }
  .hero{min-height:500px !important;background-position:62% center !important;}
  .hero-inner{min-height:500px !important;padding:44px 0 !important;}
  .hero-copy{width:100% !important;max-width:100% !important;padding:0 !important;transform:none !important;}
  .hero h1{font-size:38px !important;letter-spacing:2px !important;}
  .hero .hero-en{font-size:13px !important;letter-spacing:4px !important;}
  .hero-desc{width:100% !important;max-width:100% !important;margin-top:30px !important;font-size:14px !important;line-height:2 !important;}

  .qualifications .qualification-grid,
  .trace-grid{grid-template-columns:1fr !important;}
  .qualifications .qual-card:last-child{grid-column:auto !important;width:100% !important;}
  .trace-card{grid-template-columns:minmax(0,1fr) 42% !important;}
}

/* ============================================================
   核心资质矩阵｜紧凑版
   根据参考图缩短板块高度、缩小五个框体，并加大 PC 两侧留白。
   标题字体、固定图标造型、文字字段均保持原有设定。
   ============================================================ */
:root{
  --qualification-compact-width:1620px;
}

#qualification-matrix.qualifications{
  min-height:0 !important;
  padding:58px 0 72px !important;
}

#qualification-matrix > .qualification-title-fixed{
  width:var(--qualification-compact-width) !important;
  max-width:var(--qualification-compact-width) !important;
  margin:0 auto !important;
}

#qualification-matrix > .qualification-grid{
  width:var(--qualification-compact-width) !important;
  max-width:var(--qualification-compact-width) !important;
  margin:48px auto 0 !important;
  grid-template-columns:repeat(6,1fr) !important;
  column-gap:44px !important;
  row-gap:32px !important;
}

#qualification-matrix .qual-card{
  height:300px !important;
  min-height:300px !important;
  padding:18px 24px 20px !important;
}

/* 图标随框体等比例收紧，图形本身不变 */
#qualification-matrix .qual-icon{
  width:116px !important;
  height:90px !important;
  flex:0 0 90px !important;
  margin:0 0 12px !important;
}
#qualification-matrix .qual-icon--origin img{width:83px !important;height:90px !important}
#qualification-matrix .qual-icon--shield img{width:76px !important;height:90px !important}
#qualification-matrix .qual-icon--building img{width:84px !important;height:89px !important}
#qualification-matrix .qual-icon--research img{width:85px !important;height:90px !important}
#qualification-matrix .qual-icon--trace img{width:110px !important;height:72px !important}

#qualification-matrix .qual-name{
  margin:0 0 10px !important;
}
#qualification-matrix .qual-text{
  max-width:440px !important;
}

/* 1920px 及以下仍跟随浏览器宽度，但该板块比 About 通用宽区保留更大的两侧页边距 */
@media (max-width:1920px){
  #qualification-matrix > .qualification-title-fixed,
  #qualification-matrix > .qualification-grid{
    width:min(calc(100% - 80px), var(--qualification-compact-width)) !important;
    max-width:var(--qualification-compact-width) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

@media (max-width:900px){
  #qualification-matrix.qualifications{padding:52px 0 58px !important;}
  #qualification-matrix > .qualification-title-fixed,
  #qualification-matrix > .qualification-grid{width:calc(100% - 40px) !important;}
  #qualification-matrix > .qualification-grid{margin-top:38px !important;row-gap:22px !important;column-gap:22px !important;}
  #qualification-matrix .qual-card{height:auto !important;min-height:270px !important;}
}

@media (max-width:640px){
  #qualification-matrix.qualifications{padding:44px 0 48px !important;}
  #qualification-matrix > .qualification-title-fixed,
  #qualification-matrix > .qualification-grid{width:calc(100% - 32px) !important;}
  #qualification-matrix > .qualification-grid{margin-top:30px !important;}
  #qualification-matrix .qual-card{min-height:250px !important;}
}

/* ============================================================
   区块链溯源｜参考图紧凑版
   - 标题、字体、颜色、图片上传字段等其余视觉保持不变
   - 描述文字保持宽版页边距
   - 六个框整体收窄，加大两侧页边距
   - 两列框之间使用小尺寸尖头连接
   - 收紧上下留白与行距，降低整个板块高度
   ============================================================ */
:root{
  --trace-reference-grid-width:1540px;
  --trace-reference-intro-width:1813px;
  --trace-reference-column-gap:110px;
  --trace-reference-row-gap:38px;
  --trace-reference-card-height:320px;
  --trace-reference-image-width:177px;
  --trace-reference-arrow-size:24px;
}

#traceability.trace{
  min-height:0 !important;
  padding:54px 0 62px !important;
}

/* 标题本身的字体规则不改，只收紧板块几何间距 */
#traceability > .section-title{
  width:min(calc(100% - 80px), var(--trace-reference-intro-width)) !important;
  max-width:var(--trace-reference-intro-width) !important;
  margin:0 auto !important;
}

/* 参考图：说明文字接近整页宽内容区，左右页边距明显小于下方卡片组 */
#traceability > .trace-intro{
  width:min(calc(100% - 96px), var(--trace-reference-intro-width)) !important;
  max-width:var(--trace-reference-intro-width) !important;
  margin:34px auto 0 !important;
}

/* 参考图：六个框整体向内收，形成更大的左右页边距 */
#traceability > .trace-grid{
  width:min(calc(100% - 160px), var(--trace-reference-grid-width)) !important;
  max-width:var(--trace-reference-grid-width) !important;
  margin:44px auto 0 !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  column-gap:var(--trace-reference-column-gap) !important;
  row-gap:var(--trace-reference-row-gap) !important;
}

#traceability .trace-card{
  height:var(--trace-reference-card-height) !important;
  min-height:var(--trace-reference-card-height) !important;
  grid-template-columns:minmax(0,1fr) var(--trace-reference-image-width) !important;
}

/* 只随新框体比例收紧内边距，文字字体样式保持原规则 */
#traceability .trace-copy{
  padding:24px 18px 16px 22px !important;
}

/* 保持此前图片槽位的纵向比例，后期上传图仍可自然 cover */
#traceability .trace-scene{
  width:var(--trace-reference-image-width) !important;
  height:100% !important;
}

/* 尖头严格放在相邻框线的正中间，不压框、不偏向任一侧 */
#traceability .arrow{
  width:var(--trace-reference-arrow-size) !important;
  height:var(--trace-reference-arrow-size) !important;
  border-top:1.4px solid var(--gold) !important;
  border-right:1.4px solid var(--gold) !important;
  opacity:.95 !important;
  z-index:5 !important;
}
#traceability .arrow.a1,
#traceability .arrow.a3{
  left:calc(32.142857% - 12px) !important;
}
#traceability .arrow.a2,
#traceability .arrow.a4{
  left:calc(67.857143% - 12px) !important;
}
#traceability .arrow.a1,
#traceability .arrow.a2{
  top:148px !important;
}
#traceability .arrow.a3,
#traceability .arrow.a4{
  top:506px !important;
}

/* 1920 基准下：卡片组 1540px，左右约 190px；说明文字仍按 About 宽内容区 */
@media (max-width:1920px){
  #traceability > .section-title{
    width:min(calc(100% - 80px), var(--trace-reference-intro-width)) !important;
  }
  #traceability > .trace-intro{
    width:min(calc(100% - 96px), var(--trace-reference-intro-width)) !important;
  }
  #traceability > .trace-grid{
    width:min(calc(100% - 160px), var(--trace-reference-grid-width)) !important;
  }
}

/* 平板继续沿用原有两列逻辑；绝对定位尖头仅用于 PC 三列参考图布局 */
@media (max-width:900px){
  #traceability.trace{padding:48px 0 54px !important;}
  #traceability > .section-title,
  #traceability > .trace-intro,
  #traceability > .trace-grid{
    width:calc(100% - 40px) !important;
  }
  #traceability > .trace-intro{margin-top:28px !important;}
  #traceability > .trace-grid{margin-top:34px !important;row-gap:24px !important;column-gap:24px !important;}
  #traceability .trace-card{height:300px !important;min-height:300px !important;grid-template-columns:minmax(0,1fr) 42% !important;}
  #traceability .trace-scene{width:100% !important;}
  #traceability .arrow{display:none !important;}
}

@media (max-width:640px){
  #traceability.trace{padding:42px 0 46px !important;}
  #traceability > .section-title,
  #traceability > .trace-intro,
  #traceability > .trace-grid{
    width:calc(100% - 32px) !important;
  }
  #traceability > .trace-intro{margin-top:24px !important;}
  #traceability > .trace-grid{margin-top:30px !important;}
  #traceability .trace-card{height:286px !important;min-height:286px !important;}
}

/* ============================================================
   区块链溯源｜按最新示例图进一步收窄
   仅调整：卡片组左右页边距、单卡宽高、卡片字号、行列间距与尖头位置。
   其它字体、颜色、背景、图片字段、Footer 等保持不变。
   ============================================================ */
:root{
  --trace-reference-grid-width:1420px;
  --trace-reference-column-gap:105px;
  --trace-reference-row-gap:30px;
  --trace-reference-card-height:300px;
  --trace-reference-image-width:185px;
  --trace-reference-arrow-size:22px;
}

/* 下方卡片组进一步向内收：1920px 下左右约 250px */
#traceability > .trace-grid{
  width:min(calc(100% - 220px), var(--trace-reference-grid-width)) !important;
  max-width:var(--trace-reference-grid-width) !important;
  margin-top:36px !important;
  column-gap:var(--trace-reference-column-gap) !important;
  row-gap:var(--trace-reference-row-gap) !important;
}

/* 单个框线进一步缩短，保持参考图中左文右图的纵向卡片比例 */
#traceability .trace-card{
  height:var(--trace-reference-card-height) !important;
  min-height:var(--trace-reference-card-height) !important;
  grid-template-columns:minmax(0,1fr) var(--trace-reference-image-width) !important;
}

#traceability .trace-copy{
  padding:20px 14px 14px 20px !important;
}

/* 参考图中的数字与步骤文字明显更克制，降低字号 */
#traceability .trace-num{
  font-size:52px !important;
  line-height:1 !important;
  font-weight:600 !important;
}
#traceability .trace-label{
  margin-top:18px !important;
  font-size:18px !important;
  line-height:1.5 !important;
  font-weight:500 !important;
  letter-spacing:.5px !important;
}

#traceability .trace-scene{
  width:var(--trace-reference-image-width) !important;
  height:100% !important;
}

/* 尖头保持在两框线间正中，尺寸同步缩小 */
#traceability .arrow{
  width:var(--trace-reference-arrow-size) !important;
  height:var(--trace-reference-arrow-size) !important;
  border-top:1.25px solid var(--gold) !important;
  border-right:1.25px solid var(--gold) !important;
}
#traceability .arrow.a1,
#traceability .arrow.a3{left:calc(32.21831% - 11px) !important;}
#traceability .arrow.a2,
#traceability .arrow.a4{left:calc(67.78169% - 11px) !important;}
#traceability .arrow.a1,
#traceability .arrow.a2{top:139px !important;}
#traceability .arrow.a3,
#traceability .arrow.a4{top:469px !important;}

/* 配合更紧凑的两排卡片，略收底部留白 */
#traceability.trace{
  padding-bottom:54px !important;
}

@media (max-width:1920px){
  #traceability > .trace-grid{
    width:min(calc(100% - 220px), var(--trace-reference-grid-width)) !important;
  }
}

/* 平板及手机沿用上一版响应式逻辑，避免固定 PC 数值造成拥挤 */
@media (max-width:900px){
  #traceability > .trace-grid{
    width:calc(100% - 40px) !important;
    margin-top:34px !important;
    column-gap:24px !important;
    row-gap:24px !important;
  }
  #traceability .trace-card{
    height:300px !important;
    min-height:300px !important;
    grid-template-columns:minmax(0,1fr) 42% !important;
  }
  #traceability .trace-copy{padding:20px 16px !important;}
  #traceability .trace-num{font-size:46px !important;}
  #traceability .trace-label{font-size:17px !important;margin-top:16px !important;}
  #traceability .trace-scene{width:100% !important;}
}

@media (max-width:640px){
  #traceability > .trace-grid{width:calc(100% - 32px) !important;}
  #traceability .trace-num{font-size:42px !important;}
  #traceability .trace-label{font-size:16px !important;}
}