/* ===========================================================
   苏铝智能 SU27 AI GROUP — 全站样式
   品牌色取自 logo 实测采样（见 _tools/logo_process.py）
   =========================================================== */
/* ===========================================================
   品牌色说明 —— 全部为实测提取，非目测
   来源：桌面\苏铝\03-办公模板\PPT\（白模板实填色 + 黑模板 PDF）
        桌面\苏铝\01-品牌标识（Logo）\  桌面\苏铝\02-名片\
   主金  #AF854F（黑白两套 PPT 模板共同实填，出现 56 次）
   浅底  #FDF4E3（黑模板渲染采样，奶油白，非纯白）
   深底  #100F0B（黑模板渲染采样，暖黑，R>G>B）
   =========================================================== */
:root{
  /* 品牌金 —— PPT 模板实填 + logo/名片采样交叉验证 */
  --gold:#AF854F;        /* 主金（标准值）：标题、按钮、强调 */
  --gold-lt:#C89A55;     /* 亮金：悬停、高光 */
  --gold-pale:#D6A14F;   /* 淡金：描边、分割线、logo 高光 */
  --gold-dk:#A87B44;     /* 暗金：名片实测 */
  --gold-mute:#A19375;   /* 灰金：辅助文字/次级（PPT 实填） */
  --brown:#43372D;       /* 深褐：名片实测深底 */
  /* 中性 */
  --ink:#1C1C1E;         /* 主文字（PPT 实填） */
  --ink-2:#4A4640;       /* 次文字 */
  --ink-3:#7C7569;       /* 辅助文字 */
  --line:#E8DFCB;        /* 浅分割线（奶油调） */
  /* 深色面 —— 暖黑，不是冷黑 */
  --dark:#100F0B;        /* 深底（黑模板采样） */
  --dark-2:#171612;      /* 深底次级 */
  --dark-line:rgba(214,161,79,.18);
  /* 浅面 —— 奶油白，不是纯白 */
  --bg:#FDFBF4;          /* 主背景：极淡奶油白 */
  --bg-2:#FDF4E3;        /* 次级面：奶油白（黑模板采样） */
  --bg-3:#F5EEDC;        /* 第三级面 */
  --radius:14px;
  --radius-lg:20px;
  --wrap:1180px;
  --shadow:0 1px 2px rgba(67,55,45,.05),0 8px 24px rgba(67,55,45,.07);
  --shadow-lg:0 2px 4px rgba(67,55,45,.06),0 20px 48px rgba(67,55,45,.11);
  /* 中文：Noto Sans SC（白模板主用，124 次）；英文：Big Caslon 衬线（两套模板英文标题专用） */
  --font:"Noto Sans SC","Microsoft YaHei","PingFang SC","Hiragino Sans GB",system-ui,-apple-system,sans-serif;
  --font-en:"Big Caslon","Baskerville","Georgia","Times New Roman",serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--font);color:var(--ink);background:var(--bg);
  font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}

/* ---------- 导航 ---------- */
.nav{
  position:sticky;top:0;z-index:100;
  background:rgba(16,15,11,.94);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--dark-line);
}
.nav-inner{
  max-width:var(--wrap);margin:0 auto;padding:0 28px;
  height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.brand{display:flex;align-items:center;gap:11px}
.brand img{height:40px;width:auto;flex:0 0 auto;object-fit:contain}
.brand-div{width:1px;height:26px;background:var(--dark-line)}
.brand-txt{display:flex;flex-direction:column;line-height:1.15}
.brand-cn{font-size:16px;font-weight:600;color:#fff;letter-spacing:.08em}
/* 英文走 Big Caslon 衬线 —— 两套 PPT 模板英文标题专用字体（黑模板 BigCaslon-Medium） */
.brand-en{font-size:10.5px;color:var(--gold-pale);letter-spacing:.14em;font-weight:500;font-family:var(--font-en)}
.nav-links{display:flex;align-items:center;gap:4px}
.nav-links a{
  padding:9px 15px;border-radius:9px;font-size:14.5px;color:#CFC7B8;
  transition:.2s;
}
.nav-links a:hover{color:#fff;background:rgba(214,161,79,.10)}
.nav-links a.on{color:var(--gold-pale)}
.nav-cta{
  margin-left:10px;padding:10px 20px !important;border-radius:10px;
  background:linear-gradient(135deg,var(--gold-lt),var(--gold));
  color:#241B0E !important;font-weight:600;
}
.nav-cta:hover{filter:brightness(1.08);background:linear-gradient(135deg,var(--gold-lt),var(--gold))}
.burger{display:none;background:none;border:0;cursor:pointer;padding:8px}
.burger span{display:block;width:22px;height:2px;background:#CFC7B8;margin:5px 0;border-radius:2px}

/* ---------- 按钮 ---------- */
.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:13px 26px;border-radius:11px;font-size:15px;font-weight:500;
  transition:.22s;border:1px solid transparent;cursor:pointer;
}
.btn-primary{background:linear-gradient(135deg,var(--gold-lt),var(--gold));color:#241B0E;font-weight:600}
.btn-primary:hover{filter:brightness(1.07);transform:translateY(-1px)}
.btn-ghost{border-color:var(--dark-line);color:#D8D2C4;background:rgba(255,255,255,.03)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold-pale)}
.btn-line{border-color:var(--line);color:var(--ink);background:#fff}
.btn-line:hover{border-color:var(--gold);color:var(--brown)}

/* ---------- 首屏 ---------- */
.hero{
  position:relative;background:var(--dark);color:#fff;overflow:hidden;
  padding:96px 0 88px;
}
.hero:before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(900px 460px at 78% 6%,rgba(175,133,79,.20),transparent 62%),
    radial-gradient(600px 400px at 8% 92%,rgba(175,133,79,.10),transparent 60%);
  pointer-events:none;
}
.hero-grid{
  position:absolute;inset:0;opacity:.30;pointer-events:none;
  background-image:linear-gradient(rgba(214,161,79,.055) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(214,161,79,.055) 1px,transparent 1px);
  background-size:62px 62px;
  mask-image:radial-gradient(circle at 50% 34%,#000 0%,transparent 78%);
}
.hero-inner{position:relative;z-index:2;text-align:center;max-width:900px;margin:0 auto}
.hero-eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  padding:7px 17px;border-radius:99px;margin-bottom:26px;
  border:1px solid var(--dark-line);background:rgba(214,161,79,.07);
  font-size:13px;color:var(--gold-pale);letter-spacing:.05em;
}
.hero-eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--gold-lt);display:block}
.hero h1{
  font-size:52px;line-height:1.22;font-weight:600;letter-spacing:-.01em;margin-bottom:22px;
}
.hero h1 em{
  font-style:normal;
  background:linear-gradient(100deg,var(--gold-pale),var(--gold-lt) 46%,var(--gold));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.hero-lead{
  font-size:17.5px;line-height:1.85;color:#BCB4A4;max-width:680px;margin:0 auto 36px;
}
.hero-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.hero-stats{
  margin-top:66px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--dark-line);border:1px solid var(--dark-line);
  border-radius:var(--radius);overflow:hidden;
}
.hero-stats div{background:var(--dark);padding:24px 18px;text-align:center}
.hero-stats b{
  display:block;font-size:30px;font-weight:600;color:var(--gold-pale);line-height:1.2;
  font-variant-numeric:tabular-nums;
}
.hero-stats span{font-size:13px;color:#8F8878;display:block;margin-top:7px}

/* ---------- 通用区块 ---------- */
.sec{padding:88px 0}
.sec-alt{background:var(--bg-2)}
.sec-dark{background:var(--dark);color:#fff}
.sec-head{max-width:720px;margin-bottom:52px}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
.sec-tag{
  display:inline-block;font-size:12.5px;letter-spacing:.16em;font-weight:600;
  color:var(--gold);text-transform:uppercase;margin-bottom:14px;
}
.sec-dark .sec-tag{color:var(--gold-lt)}
.sec-head h2{font-size:34px;line-height:1.32;font-weight:600;letter-spacing:-.005em;margin-bottom:16px}
.sec-head p{font-size:16.5px;color:var(--ink-2);line-height:1.8}
.sec-dark .sec-head p{color:#ACA496}

/* ---------- 三条产业链 ---------- */
.chain{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.chain-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:32px 28px;position:relative;overflow:hidden;transition:.28s;
}
.chain-card:hover{border-color:var(--gold-pale);box-shadow:var(--shadow-lg);transform:translateY(-3px)}
.chain-card:before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--gold-pale),var(--gold));
}
.chain-idx{
  font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--gold);margin-bottom:16px;
}
.chain-card h3{font-size:21px;font-weight:600;margin-bottom:6px}
.chain-org{font-size:13.5px;color:var(--ink-3);margin-bottom:18px}
.chain-card p{font-size:15px;color:var(--ink-2);line-height:1.8}
.chain-list{list-style:none;margin-top:20px;display:flex;flex-direction:column;gap:9px}
.chain-list li{
  font-size:14px;color:var(--ink-2);padding-left:19px;position:relative;
}
.chain-list li:before{
  content:"";position:absolute;left:0;top:8px;width:7px;height:7px;
  border-radius:2px;background:var(--gold-pale);
}

/* ---------- 边缘计算主推 ---------- */
.edge-split{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.edge-visual{
  border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--dark-line);
  position:relative;background:var(--dark-2);
}
.edge-visual img{width:100%;height:100%;object-fit:cover}
.edge-visual figcaption{
  position:absolute;left:0;right:0;bottom:0;padding:16px 20px;
  background:linear-gradient(transparent,rgba(10,12,15,.92));
  font-size:13px;color:#C6BEAE;
}
.edge-points{list-style:none;display:flex;flex-direction:column;gap:24px;margin-top:34px}
.edge-points li{display:flex;gap:16px}
.edge-ico{
  flex:0 0 42px;height:42px;border-radius:11px;
  background:rgba(175,133,79,.13);border:1px solid rgba(175,133,79,.30);
  display:flex;align-items:center;justify-content:center;
}
.edge-ico svg{width:20px;height:20px;stroke:var(--gold-lt);fill:none;stroke-width:1.8}
.edge-points h4{font-size:16px;font-weight:600;margin-bottom:5px;color:#fff}
.edge-points p{font-size:14.5px;color:#9E9686;line-height:1.75}

/* ---------- 应用场景 ---------- */
.scene{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.scene-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:26px 24px;transition:.25s;
}
.scene-card:hover{border-color:var(--gold-pale);box-shadow:var(--shadow)}
.scene-card h4{font-size:16.5px;font-weight:600;margin-bottom:9px;display:flex;align-items:center;gap:9px}
.scene-card h4 svg{width:17px;height:17px;stroke:var(--gold);fill:none;stroke-width:1.9;flex:0 0 auto}
.scene-card p{font-size:14.5px;color:var(--ink-2);line-height:1.78}

/* ---------- 优势 ---------- */
.adv{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.adv-item{
  display:flex;gap:18px;padding:26px 24px;border-radius:var(--radius);
  background:var(--bg-2);border:1px solid var(--line);
}
.adv-item b{
  flex:0 0 34px;height:34px;border-radius:9px;
  background:linear-gradient(135deg,var(--gold-lt),var(--gold));
  color:#241B0E;font-size:15px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
}
.adv-item h4{font-size:16px;font-weight:600;margin-bottom:5px}
.adv-item p{font-size:14.5px;color:var(--ink-2);line-height:1.75}

/* ---------- CTA ---------- */
.cta{
  background:linear-gradient(135deg,#141310,#0B0A08);
  border:1px solid var(--dark-line);border-radius:var(--radius-lg);
  padding:56px 48px;text-align:center;position:relative;overflow:hidden;
}
.cta:before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(700px 300px at 50% 0%,rgba(175,133,79,.16),transparent 65%);
}
.cta > *{position:relative}
.cta h2{font-size:30px;font-weight:600;color:#fff;margin-bottom:14px}
.cta p{color:#ACA496;font-size:16px;max-width:560px;margin:0 auto 30px}

/* ---------- 页脚 ---------- */
.foot{background:#0B0A08;color:#8F8878;padding:60px 0 30px;font-size:14px}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:38px;margin-bottom:44px}
.foot-brand{display:flex;align-items:center;gap:11px;margin-bottom:16px}
.foot-brand img{height:38px;width:auto;flex:0 0 auto;object-fit:contain;flex-shrink:0}
.foot-brand-cn{font-size:16px;font-weight:600;color:#fff;letter-spacing:.08em}
.foot-brand-en{font-size:10.5px;color:var(--gold-pale);letter-spacing:.14em;font-family:var(--font-en)}
.foot h5{font-size:14px;color:#fff;font-weight:600;margin-bottom:16px}
.foot ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.foot a:hover{color:var(--gold-pale)}
.foot-desc{line-height:1.8;margin-bottom:18px}
.foot-bottom{
  border-top:1px solid rgba(214,161,79,.12);padding-top:22px;
  display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:13px;
}
.foot-bottom a{color:#8F8878}
.foot-bottom a:hover{color:var(--gold-pale)}

/* ---------- 子页首屏 ---------- */
.page-hero{
  position:relative;background:var(--dark);color:#fff;overflow:hidden;
  padding:74px 0 72px;
}
.page-hero:before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(820px 420px at 82% 0%,rgba(175,133,79,.18),transparent 62%),
    radial-gradient(520px 340px at 6% 100%,rgba(175,133,79,.09),transparent 60%);
  pointer-events:none;
}
.page-hero-grid{
  position:absolute;inset:0;opacity:.26;pointer-events:none;
  background-image:linear-gradient(rgba(214,161,79,.055) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(214,161,79,.055) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:radial-gradient(circle at 60% 30%,#000 0%,transparent 76%);
}
.page-hero-inner{position:relative;z-index:2;max-width:820px}
.page-hero .sec-tag{color:var(--gold-lt);margin-bottom:16px}
.page-hero h1{font-size:44px;line-height:1.24;font-weight:600;letter-spacing:-.01em;margin-bottom:20px}
.page-hero h1 em{
  font-style:normal;
  background:linear-gradient(100deg,var(--gold-pale),var(--gold-lt) 46%,var(--gold));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.page-hero-lead{font-size:17px;line-height:1.85;color:#BCB4A4;margin-bottom:32px}
.page-hero-lead strong{color:var(--gold-pale);font-weight:600}
.crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:#827B6C;margin-bottom:22px}
.crumb a{color:#9E9686}
.crumb a:hover{color:var(--gold-pale)}
.crumb span{opacity:.5}
.crumb em{font-style:normal;color:var(--gold-pale)}

/* ---------- 三个理由 ---------- */
.why{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.why-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:30px 26px;position:relative;overflow:hidden;transition:.28s;
}
.why-card:hover{border-color:var(--gold-pale);box-shadow:var(--shadow-lg);transform:translateY(-3px)}
.why-card:before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--gold-pale),var(--gold));
}
.why-num{
  display:block;font-size:26px;font-weight:700;line-height:1;
  color:var(--gold-pale);opacity:.55;margin-bottom:14px;font-variant-numeric:tabular-nums;
}
.why-card h3{font-size:19px;font-weight:600;margin-bottom:10px}
.why-card p{font-size:14.5px;color:var(--ink-2);line-height:1.8}

/* ---------- 产品线 ---------- */
.prod{
  display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;
  padding:38px 0;border-top:1px solid var(--line);
}
.prod:first-of-type{border-top:0;padding-top:0}
.prod-rev .prod-visual{order:2}
.prod-rev .prod-body{order:1}
.prod-visual{
  border-radius:var(--radius-lg);overflow:hidden;position:relative;
  border:1px solid var(--line);background:var(--bg-2);
}
.prod-visual img{width:100%;height:100%;object-fit:cover;min-height:300px}
.prod-visual figcaption{
  position:absolute;left:0;right:0;bottom:0;padding:14px 18px;
  background:linear-gradient(transparent,rgba(10,12,15,.90));
  font-size:12.5px;color:#C6BEAE;
}
.prod-visual-logo{display:flex;align-items:center;justify-content:center;padding:38px;background:var(--bg-3)}
.prod-visual-logo img{max-height:190px;width:auto;height:auto;max-width:100%;object-fit:contain}
.prod-visual-sym{
  display:flex;align-items:center;justify-content:center;
  min-height:300px;padding:40px;background:linear-gradient(150deg,#FDF4E3,#F3E9D2);
}
.prod-visual-sym svg{width:88px;height:88px;stroke:var(--gold);opacity:.72}
.prod-idx{
  font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--gold);margin-bottom:12px;
}
.prod-body h3{font-size:25px;font-weight:600;margin-bottom:14px}
.prod-lead{font-size:15.5px;color:var(--ink-2);line-height:1.85;margin-bottom:18px}
.prod-lead strong{color:var(--brown);font-weight:600}
.prod-list{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:26px}
.prod-list li{font-size:14.5px;color:var(--ink-2);padding-left:20px;position:relative}
.prod-list li:before{
  content:"";position:absolute;left:0;top:9px;width:7px;height:7px;
  border-radius:2px;background:var(--gold-pale);
}

/* ---------- 规格表 ---------- */
.spec-wrap{
  border:1px solid var(--line);border-radius:var(--radius-lg);
  overflow:hidden;background:#fff;box-shadow:var(--shadow);
}
table.spec{width:100%;border-collapse:collapse;font-size:15px}
table.spec caption{
  caption-side:top;text-align:left;padding:18px 24px;
  background:var(--bg-3);font-size:13.5px;font-weight:600;color:var(--ink-2);
  border-bottom:1px solid var(--line);
}
table.spec th,table.spec td{padding:14px 24px;border-bottom:1px solid var(--line);vertical-align:top}
table.spec tr:last-child th,table.spec tr:last-child td{border-bottom:0}
table.spec th{
  width:190px;text-align:left;font-weight:600;color:var(--ink);
  background:var(--bg-2);white-space:nowrap;
}
table.spec td{color:var(--ink-2)}
table.spec thead th{width:auto;background:var(--bg-3);color:var(--ink);white-space:normal;font-weight:600}
table.spec tbody th{width:190px}
.spec-note{margin-top:16px;font-size:13px;color:var(--ink-3)}

/* ---------- 流程 ---------- */
.flow{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:none}
.flow li{
  background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);
  padding:26px 22px;position:relative;transition:.25s;
}
.flow li:hover{border-color:var(--gold-pale);box-shadow:var(--shadow)}
.flow-step{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:9px;margin-bottom:16px;
  background:linear-gradient(135deg,var(--gold-lt),var(--gold));
  color:#241B0E;font-size:13.5px;font-weight:700;
}
.flow h4{font-size:16px;font-weight:600;margin-bottom:8px}
.flow p{font-size:14px;color:var(--ink-2);line-height:1.78}

/* ---------- 深色场景卡 ---------- */
.scene-dark{grid-template-columns:repeat(4,1fr)}
.scene-card-dark{
  background:var(--dark-2);border:1px solid var(--dark-line);border-radius:var(--radius);
  padding:26px 22px;transition:.25s;
}
.scene-card-dark:hover{border-color:rgba(214,161,79,.42);background:#1C1B16}
.scene-card-dark h4{font-size:16px;font-weight:600;color:#fff;margin-bottom:9px}
.scene-card-dark p{font-size:14px;color:#9E9686;line-height:1.78}

/* ---------- FAQ ---------- */
.faq{border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:#fff}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item:last-child{border-bottom:0}
.faq-item summary{
  padding:20px 26px;cursor:pointer;font-size:16px;font-weight:600;
  list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;
  transition:.2s;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{background:var(--bg-2)}
.faq-item summary:after{
  content:"";flex:0 0 11px;height:11px;
  border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);
  transform:rotate(45deg) translateY(-2px);transition:.25s;
}
.faq-item[open] summary:after{transform:rotate(-135deg) translateY(-2px)}
.faq-item[open] summary{color:var(--brown)}
.faq-body{padding:0 26px 22px}
.faq-body p{font-size:15px;color:var(--ink-2);line-height:1.85}

/* ---------- 外链卡 ---------- */
.xlink{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:18px 22px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:.25s}
.xlink:hover{border-color:var(--gold);box-shadow:var(--shadow)}
.xlink .xlink-t b{display:block;font-size:16px;font-weight:600;margin-bottom:4px}
.xlink .xlink-t span{font-size:13px;color:var(--ink-3)}
.xlink em{font-style:normal;font-size:13.5px;color:var(--gold);white-space:nowrap}

/* ---------- 提示条 ---------- */
.note{display:flex;gap:12px;padding:16px 20px;border-radius:var(--radius);
  background:var(--bg-3);border:1px solid var(--line);font-size:14.5px;color:var(--ink-2);line-height:1.78}
.note b{color:var(--brown)}
.note:before{content:"";flex:0 0 3px;border-radius:2px;background:var(--gold)}

/* ---------- 咬合链路 ---------- */
.mesh{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);
  border-radius:var(--radius-lg);overflow:hidden;background:#fff;align-items:stretch}
.mesh-cell{padding:28px 26px;border-right:1px solid var(--line);position:relative;
  display:flex;flex-direction:column}
.mesh-cell:last-child{border-right:0}
.mesh-cell:after{content:"";position:absolute;right:-9px;top:50%;width:16px;height:16px;
  border-top:2px solid var(--gold);border-right:2px solid var(--gold);
  transform:translateY(-50%) rotate(45deg);background:#fff;z-index:2}
.mesh-cell:last-child:after{display:none}
.mesh-cell h4{font-size:17px;font-weight:600;margin-bottom:6px}
.mesh-cell .mesh-org{font-size:12.5px;color:var(--ink-3);margin-bottom:14px}
.mesh-cell p{font-size:14.5px;color:var(--ink-2);line-height:1.78}
.mesh-cell .mesh-out{margin-top:auto;padding-top:14px;font-size:13.5px;color:var(--gold)}

/* ---------- 文章列表 ---------- */
.art-list{border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:#fff}
.art-item{padding:28px 30px;border-bottom:1px solid var(--line)}
.art-item:last-child{border-bottom:0}
.art-meta{font-size:12.5px;color:var(--gold);letter-spacing:.06em;margin-bottom:10px;font-weight:600}
.art-item h3{font-size:19px;font-weight:600;margin-bottom:10px}
.art-item p{font-size:15px;color:var(--ink-2);line-height:1.85}
.art-item ul{margin-top:13px;list-style:none;display:flex;flex-direction:column;gap:7px}
.art-item ul li{font-size:14.5px;color:var(--ink-2);padding-left:19px;position:relative}
.art-item ul li:before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:2px;background:var(--gold-pale)}

/* ---------- 表单 ---------- */
.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:38px 36px;box-shadow:var(--shadow)}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cgrid{display:grid;grid-template-columns:1.25fr .95fr;gap:34px;align-items:start}
.field{display:flex;flex-direction:column;gap:7px}
.field.full{grid-column:1/-1}
.field label{font-size:14px;font-weight:500;color:var(--ink)}
.field input,.field select,.field textarea{
  padding:12px 14px;border:1px solid var(--line);border-radius:10px;
  font-family:inherit;font-size:15px;color:var(--ink);background:var(--bg);transition:.2s}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--gold);background:#fff}
.field textarea{min-height:120px;resize:vertical}
.form-tip{margin-top:16px;font-size:13px;color:var(--ink-3)}
.form-status{margin-top:14px;font-size:14px;font-weight:600;min-height:20px;line-height:1.6}
.form-status.ok{color:#1F8A4C}
.form-status.err{color:#C0392B}

/* ---------- 联系信息 ---------- */
.cinfo{display:flex;flex-direction:column;gap:16px}
.cinfo-item{padding:20px 22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2)}
.cinfo-item h5{font-size:12.5px;color:var(--ink-3);font-weight:500;margin-bottom:7px;letter-spacing:.04em}
.cinfo-item p{font-size:16px;font-weight:500;color:var(--ink);line-height:1.6}
.cinfo-item a{color:var(--brown)}
.cinfo-item a:hover{color:var(--gold-dk)}

/* ---------- 简介正文 ---------- */
.lead-p{font-size:17px;line-height:1.92;color:var(--ink-2)}
.lead-p strong{color:var(--brown);font-weight:600}
.ver-box{background:var(--bg-2);border:1px solid var(--line);border-left:3px solid var(--gold);
  border-radius:0 var(--radius) var(--radius) 0;padding:20px 24px;margin:20px 0}
.ver-box h4{font-size:12.5px;color:var(--gold);letter-spacing:.1em;margin-bottom:9px;font-weight:600}
.ver-box p{font-size:15.5px;line-height:1.85;color:var(--ink-2)}
.step-list{list-style:none;display:flex;flex-direction:column;gap:0;margin-top:8px}
.step-list li{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}
.step-list li:last-child{border-bottom:0}
.step-list .step-n{flex:0 0 40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--gold-lt),var(--gold));
  color:#241B0E;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}
.step-list h4{font-size:17px;font-weight:600;margin-bottom:7px}
.step-list p{font-size:15px;color:var(--ink-2);line-height:1.8}

@media(max-width:1024px){
  .mesh{grid-template-columns:1fr}
  .mesh-cell{border-right:0;border-bottom:1px solid var(--line)}
  .mesh-cell:after{right:50%;top:auto;bottom:-9px;transform:translateX(50%) rotate(135deg)}
  .mesh-cell:last-child{border-bottom:0}
}
@media(max-width:720px){
  .fgrid{grid-template-columns:1fr}
  .form-card{padding:26px 20px}
  .art-item{padding:22px 20px}
  .art-item h3{font-size:17px}
  .step-list li{gap:14px}
  .step-list .step-n{flex:0 0 34px;height:34px;font-size:13px}
  .lead-p{font-size:16px}
}

/* ---------- 痛点栅格（首页七场景入口） ---------- */
.grid-7{display:grid;grid-template-columns:repeat(auto-fit,minmax(228px,1fr));gap:16px}
.pain{display:block;padding:24px 22px;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius);transition:.25s}
.pain:hover{border-color:var(--gold);box-shadow:var(--shadow);transform:translateY(-3px)}
.pain-n{display:block;font-size:13px;font-weight:700;color:var(--gold);letter-spacing:.08em;margin-bottom:12px}
.pain h4{font-size:17px;font-weight:600;margin-bottom:9px}
.pain p{font-size:14px;color:var(--ink-2);line-height:1.75}
/* 痛点分组小标题与场景标签已于 2026-10-05 移除——分组只是内部执行节奏，公开站平铺展示 20 张卡。
   如需恢复分组样式，原规则在 _backup/pain_20261005_v3/styles.css。 */


/* ---------- 场景解决方案块 ---------- */
.sol{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;
  overflow:hidden;margin-bottom:22px}
.sol-head{display:flex;align-items:center;gap:16px;padding:22px 28px;
  background:var(--bg-2);border-bottom:1px solid var(--line)}
.sol-n{flex:0 0 40px;height:40px;border-radius:10px;
  background:linear-gradient(135deg,var(--gold-lt),var(--gold));color:#241B0E;
  font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}
.sol-head h3{font-size:21px;font-weight:600}
.sol-grid{display:grid;grid-template-columns:1fr 1fr}
.sol-pain,.sol-fix{padding:24px 28px}
.sol-pain{border-right:1px solid var(--line);background:var(--bg)}
.sol-fix{background:#fff}
.sol h5{font-size:12.5px;letter-spacing:.1em;font-weight:600;margin-bottom:14px}
.sol-pain h5{color:var(--ink-3)}
.sol-fix h5{color:var(--gold)}
.sol ul{list-style:none;display:flex;flex-direction:column;gap:11px}
.sol li{font-size:14.5px;line-height:1.8;color:var(--ink-2);padding-left:19px;position:relative}
.sol li:before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;
  border-radius:2px;background:var(--gold-pale)}
.sol li b{color:var(--brown);font-weight:600}
.sol-value{padding:18px 28px;border-top:1px solid var(--line);background:var(--bg-3);
  font-size:15px;color:var(--ink);line-height:1.75}
.sol-value b{color:var(--brown);font-weight:600}

@media(max-width:1024px){
  .sol-grid{grid-template-columns:1fr}
  .sol-pain{border-right:0;border-bottom:1px solid var(--line)}
}
@media(max-width:720px){
  .sol-head{padding:18px 20px;gap:12px}
  .sol-n{flex:0 0 34px;height:34px;font-size:13px}
  .sol-head h3{font-size:18px}
  .sol-pain,.sol-fix{padding:20px}
  .sol-value{padding:16px 20px;font-size:14.5px}
}

/* ---------- 响应式 ---------- */
@media(max-width:1024px){
  .page-hero h1{font-size:36px}
  .why{grid-template-columns:1fr}
  .prod{grid-template-columns:1fr;gap:30px}
  .prod-rev .prod-visual{order:0}
  .prod-rev .prod-body{order:0}
  .flow{grid-template-columns:repeat(2,1fr)}
  .scene-dark{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .page-hero{padding:52px 0 48px}
  .page-hero h1{font-size:28px}
  .page-hero-lead{font-size:15.5px}
  .why-num{font-size:22px}
  .prod-body h3{font-size:21px}
  .flow{grid-template-columns:1fr}
  .scene-dark{grid-template-columns:1fr}
  table.spec th{width:110px;white-space:normal;font-size:14px}
  table.spec th,table.spec td{padding:12px 16px;font-size:14px}
  .faq-item summary{padding:17px 18px;font-size:15px}
  .faq-body{padding:0 18px 18px}
}
@media(max-width:1024px){
  .hero h1{font-size:42px}
  .chain,.scene{grid-template-columns:repeat(2,1fr)}
  .edge-split{grid-template-columns:1fr;gap:38px}
  .foot-grid{grid-template-columns:1fr 1fr;gap:30px}
}
@media(max-width:720px){
  .nav-links{
    display:none;position:absolute;top:74px;left:0;right:0;
    flex-direction:column;align-items:stretch;gap:0;
    background:rgba(16,15,11,.98);border-bottom:1px solid var(--dark-line);padding:10px 18px 18px;
  }
  .nav-links.open{display:flex}
  .nav-links a{padding:13px 12px}
  .nav-cta{margin:10px 0 0 !important;text-align:center}
  .burger{display:block}
  .hero{padding:66px 0 60px}
  .hero h1{font-size:31px}
  .hero-lead{font-size:15.5px}
  .hero-stats{grid-template-columns:repeat(2,1fr);margin-top:44px}
  .sec{padding:60px 0}
  .sec-head h2{font-size:25px}
  .chain,.scene,.adv{grid-template-columns:1fr}
  .cta{padding:40px 24px}
  .cta h2{font-size:23px}
  .foot-grid{grid-template-columns:1fr;gap:28px}
  .cgrid,.fgrid{grid-template-columns:1fr}
  .wrap{padding:0 20px}
}

/* 合并首屏：目标 + 业务，一块暗色 */
.hero.hero-merge{padding:0 0 88px}
.hero.hero-merge:before{
  background:
    radial-gradient(760px 420px at 50% -6%,rgba(200,154,85,.24),transparent 64%),
    radial-gradient(900px 460px at 84% 74%,rgba(175,133,79,.13),transparent 62%),
    radial-gradient(600px 400px at 6% 96%,rgba(175,133,79,.09),transparent 60%);
}
.hero.hero-merge .hero-grid{
  opacity:.46;
  -webkit-mask-image:radial-gradient(ellipse 76% 62% at 50% 30%,#000 18%,transparent 92%);
          mask-image:radial-gradient(ellipse 76% 62% at 50% 30%,#000 18%,transparent 92%);
}
.hero.hero-merge .hero-inner{max-width:940px}

/* 目标区（首屏上半）—— 目标与业务合并为一块，字体统一 */
.vision-lead{padding:76px 0 46px;position:relative}
.vision-tags{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:24px}
.vision-tags .vision-tag{margin-bottom:0}
.vision-lead .vision-h{margin-bottom:26px}
/* 三段正文合并为连贯文字：宽度拉宽、首尾相接 */
.vision-lead .vision-p{max-width:860px;margin:0 auto}
/* 业务主张：同字体同字号，紧接上文，段内无额外间距 */
.hero.hero-merge h1.vision-h1-inline{
  font-size:16.5px;font-weight:400;line-height:1.9;letter-spacing:0;color:#B9B2A6;
  max-width:860px;margin:0 auto;display:block;
}
.hero.hero-merge h1.vision-h1-inline strong{color:var(--gold-pale);font-weight:600}

/* 上下分界（已并入同一块，保留类名备用） */
.hero-split{
  position:relative;display:flex;align-items:center;gap:22px;
  margin:0 0 40px;color:var(--gold-pale);
}
.hero-split:before,.hero-split:after{
  content:"";flex:1;height:1px;
  background:linear-gradient(90deg,transparent,rgba(200,154,85,.34) 45%,rgba(200,154,85,.34) 55%,transparent);
}
.hero-split span{
  font-size:12.5px;letter-spacing:.24em;white-space:nowrap;
  padding:5px 18px;border-radius:99px;
  border:1px solid rgba(200,154,85,.30);background:rgba(200,154,85,.06);
}

/* 业务区按钮与数据条 */
.hero-merge .hero-btns{margin-top:38px}
.hero-merge .hero-stats{margin-top:50px}

@media(max-width:760px){
  .hero.hero-merge{padding-bottom:62px}
  .vision-lead{padding:54px 0 36px}
  .vision-lead .vision-p{font-size:15.5px}
  .vision-lead .vision-h-second{margin-top:28px}
  .hero-merge .hero-stats{margin-top:38px}
}

/* ---------- 使命愿景：黑灯工厂（独立区块，留作他用） ---------- */
.vision{position:relative;overflow:hidden;background:var(--dark);padding:88px 0;
  border-top:1px solid var(--dark-line);border-bottom:1px solid var(--dark-line)}
.vision-grid{position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(175,133,79,.09) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(175,133,79,.09) 1px,transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:radial-gradient(ellipse 78% 70% at 50% 50%,#000 30%,transparent 100%);
          mask-image:radial-gradient(ellipse 78% 70% at 50% 50%,#000 30%,transparent 100%)}
.vision:before{content:"";position:absolute;left:50%;top:-30%;width:700px;height:700px;
  transform:translateX(-50%);pointer-events:none;
  background:radial-gradient(circle,rgba(200,154,85,.16) 0%,transparent 68%)}
.vision-inner{position:relative;text-align:center;max-width:880px;margin:0 auto}
.vision-tag{display:inline-block;font-size:12px;letter-spacing:.22em;color:var(--gold-pale);
  border:1px solid rgba(200,154,85,.42);border-radius:99px;padding:6px 18px;margin-bottom:26px}
.vision-h{font-size:clamp(30px,4.6vw,52px);line-height:1.22;font-weight:700;color:#fff;
  letter-spacing:.01em;margin-bottom:24px}
.vision-h-second{font-size:clamp(26px,3.9vw,44px)}
.vision-h em{font-style:normal;display:inline-block;
  background:linear-gradient(100deg,var(--gold-pale) 0%,var(--gold-lt) 45%,#F0D9A8 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 2px 18px rgba(200,154,85,.34))}
.vision-p{font-size:16.5px;line-height:1.9;color:#B9B2A6;max-width:860px;margin:0 auto}
.vision-p strong{color:var(--gold-pale);font-weight:600}
.vision-keys{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:34px}
.vision-keys span{font-size:14px;color:var(--gold-pale);padding:9px 20px;border-radius:99px;
  background:rgba(175,133,79,.13);border:1px solid rgba(175,133,79,.3);letter-spacing:.04em}
@media(max-width:760px){
  .vision{padding:62px 0}
  .vision-p{font-size:15.5px}
  .vision-keys span{font-size:13px;padding:8px 15px}
}