/* ============ 基础变量（钢铁工业风：深海蓝 + 熔炉橙 + 琥珀金） ============ */
:root{
  --steel-900:#061a33;
  --steel-800:#0a2750;
  --steel-700:#103a73;
  --steel-600:#15539c;
  --steel-500:#1f6fd4;
  --steel-400:#3b8af0;
  --accent:#ff5a1f;
  --accent-2:#ff8a3d;
  --accent-3:#ffc043;
  --bg:#eef3f9;
  --bg-soft:#f7fafd;
  --surface:#ffffff;
  --line:#e4ebf3;
  --text:#0e1f33;
  --muted:#5f7488;
  --white:#fff;
  --radius:16px;
  --radius-lg:22px;
  --shadow:0 10px 30px rgba(8,26,51,.10);
  --shadow-hover:0 20px 48px rgba(8,26,51,.20);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:"PingFang SC","Microsoft YaHei","Segoe UI",system-ui,sans-serif;
  color:var(--text);background:var(--bg);line-height:1.65;font-size:15px;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
ul{list-style:none}
.container{width:min(1240px,92%);margin:0 auto}

/* ============ 顶部条 ============ */
.topbar{background:var(--steel-900);color:#cdd9e8;font-size:13px;position:relative}
.topbar::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--steel-500),var(--accent),var(--accent-3))}
.topbar-inner{display:flex;justify-content:space-between;align-items:center;height:40px}
.topbar-left span{margin-right:18px}
.topbar-right a{color:#cdd9e8;margin-left:16px;transition:.2s}
.topbar-right a:hover{color:var(--accent-2)}
.topbar-right span{color:#9fb4cc}

/* ============ 导航 ============ */
.navbar{background:rgba(255,255,255,.92);backdrop-filter:blur(10px);position:sticky;top:0;z-index:50;
  box-shadow:0 2px 16px rgba(8,26,51,.07)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:76px}
.brand{display:flex;align-items:center;gap:13px;font-weight:800;color:var(--steel-800)}
/* 官网品牌 logo（官方矢量图标，导航白底上使用原色版） */
.brand-logo{height:46px;width:auto;display:block;flex:0 0 auto}
.brand-mark{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--steel-700),var(--steel-500));
  color:#fff;display:grid;place-items:center;font-size:21px;font-weight:900;letter-spacing:1px;
  box-shadow:0 8px 20px rgba(31,111,212,.35);position:relative}
.brand-mark::after{content:"";position:absolute;inset:0;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.brand-text{display:flex;flex-direction:column;line-height:1.15;font-size:20px;letter-spacing:0}
.brand-text small{font-size:6px;letter-spacing:2.4px;color:#000000;font-weight:600;margin-top:6px;padding-left:1px}
.nav-menu{display:flex;gap:6px}
.nav-menu a{padding:11px 18px;border-radius:10px;font-weight:600;color:var(--steel-800);transition:.2s}
.nav-menu a:hover{background:var(--bg);color:var(--accent)}
.nav-menu a.active{background:rgba(255,90,31,.08);color:var(--accent)}
.nav-menu a{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}
/* 中英对照：导航中文主词 + 英文小副词（居中堆叠） */
.nav-menu a small{font-size:10px;font-weight:700;letter-spacing:1.2px;color:var(--muted);opacity:.8;line-height:1.2;text-transform:uppercase}
.nav-menu a:hover small{color:var(--accent);opacity:1}
/* 区块标题英文小副标（中文主标题下方，居中，灰蓝小字） */
.section-head .en-sub{text-align:center;font-size:12px;font-weight:700;letter-spacing:2px;color:var(--muted);
  text-transform:uppercase;margin-top:2px;opacity:.8}
.bg-steel .section-head .en-sub{color:#cdd9e8;opacity:.65}
/* 特性卡：中文标题下加英文小副词 */
.feature .en-sub{display:block;font-size:11px;font-weight:700;letter-spacing:1.5px;color:#cdd9e8;
  text-transform:uppercase;margin-top:-4px;margin-bottom:8px;opacity:.7}
/* 通用英文副标（标题/描述下方） */
.en-sub{font-size:12px;font-weight:600;letter-spacing:1px;color:var(--muted);text-transform:uppercase;margin-top:4px}
.nav-toggle{display:none;background:none;border:none;font-size:28px;color:var(--steel-800);cursor:pointer}

/* ============ Hero ============ */
.hero{position:relative;color:#fff;overflow:hidden;
  background:
    radial-gradient(900px 520px at 88% -20%, rgba(255,90,31,.28), transparent 60%),
    radial-gradient(1100px 600px at 10% 120%, rgba(31,111,212,.40), transparent 60%),
    linear-gradient(125deg,var(--steel-900) 0%,var(--steel-800) 52%,var(--steel-700) 100%)}
.hero::after{content:"";position:absolute;width:440px;height:440px;right:-130px;top:-130px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,138,61,.35),transparent 70%);filter:blur(10px)}
.hero-inner{position:relative;z-index:2;padding:112px 0 92px;display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:center}
.hero h1{font-size:56px;line-height:1.14;font-weight:900;letter-spacing:1px;margin-bottom:22px}
.hero h1 em{background:linear-gradient(90deg,var(--accent-2),var(--accent-3));-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}
.hero p{font-size:18px;color:#dce7f4;max-width:580px;margin-bottom:32px}
/* 首页英文副标：紧跟中文段落/标题，浅青小字，单行显示 */
.hero .hero-en{font-size:13px;color:#9fc4e8;font-weight:600;letter-spacing:.4px;max-width:580px;
  margin:-22px 0 26px;line-height:1.6}
.hero h1 + .hero-en{margin:0 0 14px}
.hero p + .hero-en{margin:-18px 0 26px}
.hero-btns{display:flex;gap:16px;flex-wrap:wrap}
.btn{padding:14px 30px;border-radius:11px;font-weight:700;transition:.25s;display:inline-block;cursor:pointer;border:none;font-size:15px}
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 12px 28px rgba(255,90,31,.4)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(255,90,31,.55)}
.btn-ghost{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.45)}
.btn-ghost:hover{background:rgba(255,255,255,.24)}
/* 浅色背景上的次级按钮（白底描边）——btn-ghost 是为深色背景设计的，白底上会隐形 */
.btn-outline{background:#fff;color:var(--steel-700);border:1.5px solid var(--steel-200);box-shadow:0 2px 8px rgba(15,23,42,.05)}
.btn-outline:hover{border-color:var(--steel-500);color:var(--accent);background:#fff}
.btn-steel{background:linear-gradient(135deg,var(--steel-700),var(--steel-500));color:#fff;box-shadow:0 10px 24px rgba(31,111,212,.3)}
.btn-steel:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(31,111,212,.45)}
/* hero 数据卡 */
.hero-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);
  border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.hero-card::after{content:"";position:absolute;right:-40px;bottom:-40px;width:140px;height:140px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,138,61,.25),transparent 70%)}
.hero-card h3{font-size:16px;color:#cfe0f2;margin-bottom:18px;letter-spacing:1px}
.stat-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px dashed rgba(255,255,255,.18)}
.stat-row:last-child{border:none}
.stat-row b{font-size:26px;color:var(--accent-3);font-weight:900}
.stat-row span{color:#cdd9e8;font-size:14px}

/* ============ 区块 ============ */
.section{padding:28px 0}
.section-tight{padding:28px 0}
/* 首页相邻浅色区块：默认白底（#fff），偶数块（材质/案例/推荐）浅蓝交替，块间 28px 紧凑间距 */
main .section:nth-of-type(odd){background:var(--surface)}
main .section:nth-of-type(even){background:var(--bg-soft)}
/* 深色/有色区块（企业优势等 bg-steel 系）豁免交替，保留自身深蓝底 */
main .section.bg-steel{background:linear-gradient(135deg,var(--steel-900),var(--steel-800));color:#fff}
/* 两个浅色 .section 紧挨时把底部间距再压到 16px，避免双 28px 堆成大白洞 */
main .section + .section:has(+ .section):not(.bg-steel){padding-bottom:16px}
.section-head{text-align:center;margin-bottom:34px;position:relative}
.section-head .eyebrow{display:inline-block;font-weight:800;letter-spacing:3px;font-size:13px;text-transform:uppercase;
  background:linear-gradient(90deg,var(--accent),var(--accent-3));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:6px}
.section-head h2{font-size:42px;color:var(--steel-800);margin:6px 0;font-weight:900;position:relative;display:inline-block}
.section-head h2::after{content:"";display:block;width:68px;height:4px;border-radius:4px;margin:16px auto 0;
  background:linear-gradient(90deg,var(--accent),var(--accent-3))}
/* 区块英文副标：放在 h2 中文标题下方（分隔线之后），居中灰蓝小字 */
.section-head h2 .en-sub{display:block;font-size:13px;font-weight:800;letter-spacing:3px;
  text-transform:uppercase;margin:14px 0 0;color:var(--muted);opacity:.75}
.bg-steel .section-head h2 .en-sub{color:#cdd9e8;opacity:.8}
.section-head p{color:var(--muted);max-width:760px;margin:0 auto;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bg-steel .section-head p{color:#cdd9e8}
/* 特性卡描述：一行显示 */
.feature p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 auto}
.bg-white{background:var(--surface)}
.bg-steel{background:linear-gradient(135deg,var(--steel-900),var(--steel-800));color:#fff}

/* ============ 分类快捷 ============ */
.cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.cat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:32px 16px;text-align:center;
  transition:.28s;box-shadow:var(--shadow);position:relative;overflow:hidden}
.cat-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--steel-500),var(--accent));transform:scaleX(0);transform-origin:left;transition:.28s}
.cat-card:hover{transform:translateY(-8px);border-color:var(--steel-400);box-shadow:var(--shadow-hover)}
.cat-card:hover::before{transform:scaleX(1)}
.cat-card .ico{font-size:30px;margin:0 auto 14px;display:grid;place-items:center;width:60px;height:60px;border-radius:16px;
  background:linear-gradient(135deg,rgba(31,111,212,.12),rgba(255,90,31,.12))}
.cat-card h4{color:var(--steel-800);font-size:17px;margin-bottom:4px}
.cat-card p{color:var(--muted);font-size:12px}

/* ============ 产品卡 ============ */
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.product-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;
  transition:.28s;box-shadow:var(--shadow)}
.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover)}
.product-thumb{height:184px;background:linear-gradient(135deg,var(--steel-700),var(--steel-500));position:relative;display:grid;place-items:center;overflow:hidden}
.product-thumb .grade{font-size:clamp(17px,4.6vw,32px);font-weight:900;color:#fff;letter-spacing:clamp(.3px,.15vw,1px);text-shadow:0 2px 10px rgba(0,0,0,.25);position:relative;z-index:2;
  max-width:100%;padding:0 12px;text-align:center;line-height:1.18;overflow-wrap:anywhere;word-break:break-word}
.product-thumb .badge{position:absolute;top:14px;left:14px;z-index:2;background:linear-gradient(135deg,var(--accent),var(--accent-2));
  color:#fff;font-size:12px;padding:4px 12px;border-radius:20px;font-weight:700;box-shadow:0 6px 14px rgba(255,90,31,.4)}
.product-body{padding:22px}
.product-body h4{color:var(--steel-800);font-size:18px;margin-bottom:6px}
.product-body .meta{color:var(--muted);font-size:13px;margin-bottom:12px}
.product-body .price{color:var(--accent);font-weight:800;font-size:17px}
.product-body .stock{color:var(--steel-500);font-size:13px;float:right;font-weight:600}

/* ============ 资讯 ============ */
.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.news-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;transition:.28s;
  box-shadow:var(--shadow);display:flex;gap:20px;position:relative;overflow:hidden}
.news-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover)}
.news-card:hover .news-date{background:linear-gradient(135deg,var(--steel-700),var(--steel-500))}
.news-date{background:linear-gradient(135deg,var(--steel-800),var(--steel-600));color:#fff;border-radius:12px;min-width:68px;height:68px;
  display:grid;place-items:center;text-align:center;flex-shrink:0;transition:.28s;box-shadow:var(--shadow)}
.news-date b{font-size:25px;font-weight:800;display:block;line-height:1;letter-spacing:-.5px}
.news-date span{font-size:11.5px;line-height:1;opacity:.88;letter-spacing:-.3px;white-space:nowrap}
.news-card h4{color:var(--steel-800);font-size:17px;margin-bottom:8px}
.news-card p{color:var(--muted);font-size:13px}

/* ============ 优势 ============ */
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.feature{text-align:center;padding:14px}
.feature .ico{width:68px;height:68px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.06));
  display:grid;place-items:center;font-size:32px;margin:0 auto 18px;border:1px solid rgba(255,255,255,.22);box-shadow:0 8px 20px rgba(0,0,0,.15)}
.feature h4{font-size:19px;margin-bottom:8px}
.feature h4 .en-sub{display:block;font-size:10px;font-weight:700;letter-spacing:1.5px;color:#cdd9e8;text-transform:uppercase;margin-top:2px;opacity:.7}
.feature p{color:#cdd9e8;font-size:14px}

/* ============ 表单 / 页面通用 ============ */
.page-hero{background:linear-gradient(125deg,var(--steel-900),var(--steel-700));color:#fff;padding:64px 0;position:relative;overflow:hidden}
.page-hero::after{content:"";position:absolute;width:360px;height:360px;right:-100px;top:-100px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,138,61,.3),transparent 70%)}
.page-hero .container{position:relative;z-index:2}
.page-hero h1{font-size:clamp(24px,5.6vw,38px);font-weight:900;line-height:1.25;overflow-wrap:anywhere;word-break:break-word}
.page-hero p{color:#cdd9e8;margin-top:10px;font-size:15px}
.form-wrap{max-width:540px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:38px;box-shadow:var(--shadow)}
.form-row{margin-bottom:18px}
.form-row label{display:block;font-weight:600;color:var(--steel-800);margin-bottom:7px;font-size:14px}
.form-row input,.form-row select,.form-row textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;
  font-size:14px;font-family:inherit;transition:.2s;background:var(--bg-soft)}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:none;border-color:var(--steel-500);background:#fff;box-shadow:0 0 0 3px rgba(31,111,212,.12)}
.form-row textarea{resize:vertical;min-height:90px}
.form-note{color:var(--muted);font-size:13px;text-align:center;margin-top:16px}

/* ============ 筛选条 ============ */
.filter-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:32px;background:var(--surface);
  padding:18px;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow)}
.filter-bar input,.filter-bar select{padding:10px 13px;border:1px solid var(--line);border-radius:9px;font-size:14px;background:var(--bg-soft)}
.filter-bar .chip{padding:9px 18px;border-radius:22px;background:var(--bg);color:var(--steel-800);font-weight:600;font-size:13px;transition:.2s;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box}
.filter-bar .chip:hover{background:var(--steel-700);color:#fff}
.filter-bar .chip.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 6px 16px rgba(255,90,31,.35)}
.filter-bar .chip .count{margin-left:7px;padding:1px 7px;border-radius:10px;background:rgba(0,0,0,.07);font-size:11px;font-weight:700;line-height:1.6}
.filter-bar .chip.active .count{background:rgba(255,255,255,.25);color:#fff}

/* 材质中心搜索框：输入框占满整行、查询/重置按钮居右 */
.m-search{display:flex;align-items:center;gap:12px;width:100%}
.m-search .m-search-input{flex:1 1 auto;min-width:0;width:100%;padding:12px 18px;border:2px solid var(--steel-200);
  border-radius:8px;font-size:15px;outline:none;background:var(--bg-soft);transition:border-color .2s,box-shadow .2s}
.m-search .m-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(37,99,235,.12);background:#fff}
.m-search .m-search-actions{display:flex;gap:10px;flex:0 0 auto}
.m-search .m-search-select{flex:0 0 auto;padding:12px 14px;border:2px solid var(--steel-200);border-radius:8px;
  font-size:15px;background:var(--bg-soft);outline:none;transition:border-color .2s,box-shadow .2s;cursor:pointer;color:var(--steel-800)}
.m-search .m-search-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(37,99,235,.12);background:#fff}
@media(max-width:680px){
  .m-search{flex-wrap:wrap}
  .m-search .m-search-input{flex:1 1 100%}
  .m-search .m-search-select{flex:1 1 100%}
  .m-search .m-search-actions{width:100%;justify-content:flex-end}
  .stats-bar{flex-wrap:wrap;row-gap:3px}
  .mat-detail-grid{grid-template-columns:1fr !important}
}

/* ============ 分页 ============ */
.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:32px;flex-wrap:wrap}
.pagination .page-info{padding:8px 14px;color:var(--muted);font-size:14px}
.pagination .page-num{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;
  border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--steel-800);font-weight:600;font-size:14px;
  text-decoration:none;transition:.18s;box-sizing:border-box}
.pagination .page-num:hover{border-color:var(--steel-500);color:var(--accent)}
.pagination .page-num.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border-color:transparent;box-shadow:0 6px 16px rgba(255,90,31,.28)}
.pagination .page-ellipsis{color:var(--muted);padding:0 4px;user-select:none}
.pagination .is-disabled{opacity:.4;pointer-events:none}

/* ============ 面包屑 / 详情 ============ */
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:stretch}
/* 移动端防 grid 撑破：grid 子项默认 min-width:auto，超长钢号会把轨道顶宽 → 全页横向溢出 */
.detail-grid>*{min-width:0}
/* 左右两栏卡片等宽对齐：左栏 prose 撑满高度，右栏 form-wrap 不再居中限宽，与左栏拉齐 */
.detail-grid .prose{height:100%;display:flex;flex-direction:column}
.detail-grid .prose>.commit-list,.detail-grid .prose>ul{margin-top:auto}
/* 产品详情（.pd-grid）：压缩左栏大图与间距，避免右栏正文被拉高后留下大片空洞 */
.pd-grid .detail-hero{height:280px}
.pd-grid .spec-list{gap:12px;margin:16px 0}
.pd-grid .prose{padding:26px 30px}
/* 产品详情：服务承诺清单——圆角卡片式（对勾用 CTA 同款橙渐变），flex:1 均分撑满右栏剩余高度 */
.prose .pd-commit{list-style:none;margin:0;padding:0}
.pd-grid .prose .pd-commit{flex:1;display:flex;flex-direction:column;gap:10px;margin-top:30px}
.pd-grid .prose .pd-commit li{flex:1;display:flex;align-items:center;gap:12px;padding:10px 16px;
  border:1px solid var(--line);border-radius:12px;background:var(--bg-soft);
  font-size:14.5px;line-height:1.6;color:#3a4a5c;transition:.2s}
.pd-grid .prose .pd-commit li::before{content:"✓";flex:0 0 24px;width:24px;height:24px;border-radius:8px;
  background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:12px;font-weight:900;
  display:grid;place-items:center;box-shadow:0 3px 8px rgba(255,90,31,.28)}
.pd-grid .prose .pd-commit li:hover{background:#fff;border-color:var(--accent);
  transform:translateY(-1px);box-shadow:0 6px 16px rgba(15,35,70,.08)}
/* 产品详情：左栏参数卡片——左侧钢蓝色条 + 浅底 + 悬浮上浮（与右侧承诺卡片呼应） */
.pd-grid .spec-item{position:relative;background:var(--bg-soft);border:1px solid var(--line);
  border-left:3px solid var(--steel-500);border-radius:12px;padding:14px 16px;
  display:flex;flex-direction:column;gap:4px}
.pd-grid .spec-item:hover{background:#fff;border-color:var(--steel-500);border-left-color:var(--accent);
  transform:translateY(-1px);box-shadow:0 6px 16px rgba(15,35,70,.08)}
.pd-grid .spec-item .k{font-size:12px;letter-spacing:.5px}
.pd-grid .spec-item .v{font-size:15.5px;line-height:1.5}
.pd-grid .spec-item.spec-note{border-left-color:var(--accent);background:var(--accent-light)}
.pd-grid .spec-item.spec-note .k{color:var(--accent);font-weight:800}
.pd-grid .spec-item.spec-note .v{color:var(--accent-dark);font-size:14.5px}
.pd-grid .spec-item.spec-note:hover{border-color:var(--accent);border-left-color:var(--accent)}
/* 产品详情：正文 H3 小标题——钢蓝→橙渐变竖条，首个标题贴顶 */
.pd-grid .prose h3{position:relative;margin:26px 0 12px;padding-left:14px;font-size:19px;letter-spacing:.3px}
.pd-grid .prose h3::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:5px;
  border-radius:3px;background:linear-gradient(180deg,var(--steel-500),var(--accent))}
.pd-grid .prose h3:first-child{margin-top:4px}
.detail-grid .form-wrap{max-width:none;margin:0 auto;width:100%;height:100%}
.detail-grid .form-wrap{max-width:none;margin:0;width:100%;height:100%}
.detail-hero{height:360px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--steel-700),var(--steel-500));
  display:grid;place-items:center;box-shadow:var(--shadow);position:relative;overflow:hidden;padding:0 14px}
.detail-hero .grade{font-size:clamp(22px,7vw,58px);color:#fff;font-weight:900;letter-spacing:clamp(.5px,.25vw,2px);position:relative;z-index:2;
  max-width:100%;text-align:center;line-height:1.12;overflow-wrap:anywhere;word-break:break-word}
.spec-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}
.spec-list>*{min-width:0}
.spec-item{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px;transition:.2s}
.spec-item:hover{box-shadow:var(--shadow)}
.spec-item .k{color:var(--muted);font-size:12px}
.spec-item .v{color:var(--steel-800);font-weight:700;font-size:16px;overflow-wrap:anywhere;word-break:break-word}
.prose{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:34px;box-shadow:var(--shadow)}
.prose h3{color:var(--steel-800);margin:20px 0 12px;font-size:20px}
.prose p{color:#3a4a5c;margin-bottom:14px;font-size:15px;line-height:1.8}

/* ============ 表格 ============ */
.table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);font-size:14px}
.table th,.table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line)}
.table th{background:linear-gradient(135deg,var(--steel-800),var(--steel-600));color:#fff;font-weight:600;font-size:13px;letter-spacing:.5px}
.table tr:hover td{background:var(--bg-soft)}
.tag{display:inline-block;padding:4px 11px;border-radius:20px;font-size:12px;font-weight:700}
.tag-done{background:#e3f6ec;color:#1f9254}
.tag-doing{background:#fff3e0;color:#d97915}
.tag-todo{background:#eef2f7;color:#5a6b7d}
.tag-pending{background:#fff3e0;color:#d97915}
.tag-approved{background:#e3f6ec;color:#1f9254}
.tag-rejected{background:#fde8e8;color:#c0392b}

/* ============ 卡片面板（会员/后台/OA） ============ */
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow)}
.panel h3{color:var(--steel-800);margin-bottom:18px;font-size:19px;position:relative;padding-left:14px}
.panel h3::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:4px;border-radius:4px;
  background:linear-gradient(180deg,var(--accent),var(--accent-3))}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.kpi{background:linear-gradient(135deg,var(--steel-700),var(--steel-500));color:#fff;border-radius:var(--radius-lg);padding:26px;
  box-shadow:var(--shadow);position:relative;overflow:hidden}
.kpi::after{content:"";position:absolute;right:-30px;bottom:-30px;width:120px;height:120px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%)}
.kpi .n{font-size:38px;font-weight:900;line-height:1}
.kpi .l{opacity:.9;font-size:14px;margin-top:6px}
.sidebar{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow)}
.sidebar a{display:block;padding:12px 16px;border-radius:10px;color:var(--steel-800);font-weight:600;margin-bottom:5px;transition:.2s}
.sidebar a:hover,.sidebar a.active{background:linear-gradient(135deg,var(--steel-800),var(--steel-600));color:#fff}
.dash-layout{display:grid;grid-template-columns:230px 1fr;gap:30px;align-items:start}

/* ============ 提示 ============ */
.alert{padding:13px 18px;border-radius:12px;margin:16px auto;font-size:14px;font-weight:600}
.alert-success{background:#e6f8ee;color:#1f9254;border:1px solid #b7e6c9}
.alert-warning{background:#fff4e3;color:#d97915;border:1px solid #ffd9a8}
.alert-error{background:#fdeaea;color:#c0392b;border:1px solid #f5c2c2}

/* ============ 页脚 ============ */
.footer{background:linear-gradient(135deg,var(--steel-900),var(--steel-800));color:#b9c8db;margin-top:72px;position:relative}
.footer::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,var(--steel-500),var(--accent),var(--accent-3))}
.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:34px;padding:60px 0 42px}
.footer h4{color:#fff;margin-bottom:18px;font-size:17px;position:relative;padding-left:14px}
.footer h4::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:4px;border-radius:4px;
  background:linear-gradient(180deg,var(--accent),var(--accent-3))}
.footer p{font-size:13px;line-height:1.9;color:#a9bcd2}
.footer ul li{padding:6px 0;font-size:13px;color:#a9bcd2}
.footer ul li a:hover{color:var(--accent-2)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:18px 0;font-size:12px;color:#7e93ad;text-align:center}

/* ============ 现货查询（数据源：www.wgxhw.com 现货库） ============ */
/* 注：首页与查询中心均已移除统计卡片区(.xh-stats/.xh-stat)与热门牌号 chips(.xh-chipbar/.xh-chip)，
   相关样式已删除。统计数字只出现在页头文案与结果行「共 N 条现货」中。 */
/* 筛选条（字段参考 www.wgxhw.com 现货筛选条件） */
.xh-filters{background:linear-gradient(180deg,#ffffff,#f6f9ff);border:1px solid var(--line);
  border-top:3px solid var(--steel-500);border-radius:var(--radius);
  padding:22px 22px 18px;box-shadow:0 14px 34px rgba(20,52,99,.10);margin-bottom:20px}
/* 筛选项整体居中：网格限宽 + margin:0 auto，避免字段横向拉满整张卡片 */
.xh-fg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 20px;max-width:1100px;margin:0 auto}
.xh-filters--compact .xh-fg-grid{grid-template-columns:repeat(4,1fr);gap:16px 20px;max-width:1100px}
.xh-fg{min-width:0}
/* 尺寸类字段（厚度/宽度/长度）：min—max 两个输入等宽分栏，视觉与材质列对齐 */
.xh-pair{gap:6px}
.xh-pair em{flex:0 0 auto;width:14px;text-align:center}
.xh-pair .xh-inp{flex:1 1 0;padding:12px 8px}
/* 窄屏：两列 */
@media(max-width:900px){
  .xh-fg-grid,.xh-filters--compact .xh-fg-grid{grid-template-columns:repeat(2,1fr);max-width:640px}
}
/* 字段标题居中（材质牌号 / 厚度 / 宽度 / 长度 居中显示在各自输入框上方） */
.xh-lb{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:14px;font-weight:800;
  color:var(--steel-800);margin-bottom:10px;letter-spacing:.4px;
  text-shadow:0 1px 0 rgba(255,255,255,.6)}
/* 专属图标：每个字段用不同符号，圆角钢蓝底 + 渐变 */
.xh-ico{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;margin-bottom:5px;
  background:linear-gradient(135deg,var(--steel-500),var(--accent-2));
  box-shadow:0 4px 10px rgba(20,60,130,.28),inset 0 1px 0 rgba(255,255,255,.35);
  font-style:normal;font-size:17px;font-weight:900;color:#fff;line-height:1}
.xh-lb--mat .xh-ico::before{content:"\2699"}   /* ⚙ 齿轮 → 材质/牌号 */
.xh-lb--thk .xh-ico::before{content:"\2195"}   /* ↔ 厚度(层高) */
.xh-lb--wid .xh-ico::before{content:"\2902"}   /* ⟂ 宽度(横杠) */
.xh-lb--len .xh-ico::before{content:"\2591"}   /* □ 长度(长边) */
.xh-lb small{font-size:10px;font-weight:700;letter-spacing:1.4px;color:var(--muted);
  text-transform:uppercase;opacity:.75}
.xh-inp{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-size:14px;
  background:#fff;font-family:inherit;color:var(--text);min-height:46px;outline:none;
  box-shadow:inset 0 1px 2px rgba(20,52,99,.04);transition:border-color .2s,box-shadow .2s,background .2s}
/* 输入框内文字 / 提示词居中（用户要求） */
.xh-inp{text-align:center}
.xh-inp::placeholder{color:#9fb0c6;text-align:center;font-weight:500}
.xh-inp:focus{border-color:var(--steel-500);background:#fff;box-shadow:0 0 0 3px rgba(31,111,212,.16)}
.xh-pair{display:flex;align-items:center;gap:8px;min-width:0}
.xh-pair em{font-style:normal;color:var(--steel-500);font-weight:700;flex:0 0 auto;font-size:13px}
.xh-pair .xh-inp{min-width:0}
.xh-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:flex-end;
  margin-top:18px;padding-top:16px;border-top:1px dashed var(--line)}
/* 左：勾选项 + 提示；右：重置条件 → 立即查询（主按钮固定最右） */
.xh-actions-left{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;margin-right:auto}
.xh-actions-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.xh-btn-reset{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;
  border-radius:11px;font-weight:700;font-size:15px;color:var(--steel-700);background:#fff;
  border:1px solid var(--line);transition:.25s;min-height:46px}
.xh-btn-reset:hover{background:#f3f8ff;border-color:var(--steel-400);color:var(--steel-500)}
.xh-check{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:var(--steel-800);
  cursor:pointer;min-height:46px}
.xh-check input{width:16px;height:16px;accent-color:var(--steel-600);cursor:pointer}
.xh-tip{font-size:12.5px;color:var(--muted)}
.xh-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--radius-lg);
  background:var(--surface);box-shadow:var(--shadow)}
.xh-table{width:100%;border-collapse:collapse;min-width:860px;font-size:14px}
.xh-table thead th{background:linear-gradient(135deg,var(--steel-800),var(--steel-600));color:#fff;font-weight:700;
  font-size:13px;padding:13px 14px;text-align:center;white-space:nowrap;border-right:1px solid rgba(255,255,255,.14)}
.xh-table thead th:last-child{border-right:none}
.xh-table thead th span{font-weight:400;font-size:11px;opacity:.85}
.xh-table tbody td{padding:12px 14px;text-align:center;border-bottom:1px solid var(--line);color:var(--steel-800);white-space:nowrap}
.xh-table tbody tr:nth-child(even){background:var(--bg-soft)}
.xh-table tbody tr:hover{background:rgba(31,111,212,.06)}
.xh-table tbody tr:last-child td{border-bottom:none}
.xh-table .c-mat{font-weight:800;color:var(--steel-700);text-align:center;max-width:200px;overflow:hidden;text-overflow:ellipsis}
.xh-table .c-price{font-weight:900;color:var(--accent);font-size:15px}
.xh-table .c-price.em{color:var(--muted);font-weight:600;font-size:14px}
.xh-table .c-dim{font-weight:700;color:#27306b}
.xh-table .c-wt{font-weight:700;color:#0e7490}
.xh-table .c-remark{color:var(--muted);font-size:13px}
.xh-table .c-loc{color:#92400e;font-weight:600}
.xh-empty{padding:44px 16px;text-align:center;color:var(--muted)}
.xh-pager{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:24px}
.xh-pager a,.xh-pager span{padding:9px 14px;border-radius:9px;border:1px solid var(--line);background:var(--surface);
  color:var(--steel-800);font-size:13px;font-weight:600;min-height:44px;display:inline-flex;align-items:center;gap:4px}
.xh-pager a:hover{background:var(--steel-700);color:#fff;border-color:var(--steel-700)}
.xh-pager .cur{background:linear-gradient(135deg,var(--steel-700),var(--steel-500));color:#fff;border-color:transparent}
.xh-pager .gap{border:none;background:none;color:var(--muted);min-height:auto}
.xh-note{color:var(--muted);font-size:13px;margin-top:14px;text-align:center;line-height:1.7}
.xh-swipe{display:none;color:var(--muted);font-size:12px;margin:8px 2px 0}

/* ============ 材质详情：同类钢号推荐（整行居中） ============ */
.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;max-width:1120px;margin:0 auto}

/* ============ 切割案例详情 ============ */
.case-detail{display:grid;grid-template-columns:1.08fr 1fr;gap:30px;align-items:stretch}
.case-detail>*{min-width:0;display:flex;flex-direction:column}
.case-media{background:#0b1524;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}
.case-media img,.case-media video{display:block;width:100%;max-height:620px;object-fit:contain;background:#0b1524;margin:0 auto}
.case-kicker{color:var(--accent);font-weight:800;font-size:13px;letter-spacing:2px;text-transform:uppercase}
.case-title{color:var(--steel-800);font-size:26px;font-weight:900;margin:8px 0 12px;line-height:1.3;overflow-wrap:anywhere}
.case-detail .case-kicker{display:block;text-align:center}
.case-detail .case-title{text-align:center}
.case-facts{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:14px;margin:18px 0 0;
  flex:1 1 auto;max-height:210px}
.case-facts .spec-item{display:flex;flex-direction:column;justify-content:center;gap:5px;
  padding:14px 18px;border-left:3px solid var(--steel-500);background:var(--bg-soft)}
.case-facts .spec-item:hover{border-left-color:var(--accent);background:#fff;
  transform:translateY(-2px);box-shadow:var(--shadow)}
.case-facts .spec-item .k{font-size:12px;letter-spacing:1px}
.case-facts .spec-item .v{font-size:15.5px}
/* 材质与现货条：放在左栏参数格下方，用于平衡两栏高度（内容从右栏移过来，不删） */
.case-spot{margin-top:14px;padding:13px 16px;background:var(--bg-soft);border-left:3px solid var(--accent);
  font-size:13.8px;line-height:1.7;color:#3a4a5c}
.case-spot .k{color:var(--steel-800);font-weight:800;font-size:12.5px;letter-spacing:1px;margin-bottom:4px}
.case-spot a{color:var(--steel-500);font-weight:700}
.case-spot a:hover{color:var(--accent)}
.case-nav{display:flex;justify-content:space-between;gap:12px;margin-top:22px;flex-wrap:wrap}
.case-nav a{font-size:14px;color:var(--steel-500);font-weight:600;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.case-nav a:hover{color:var(--accent)}
/* 案例详情：右栏正文撑满列高，使 CTA 按钮行与上下篇导航沉底，与左栏（媒体+参数格）底边对齐 */
.case-detail>div:last-child .prose{flex:1}
/* 案例详情右栏：h3 渐变竖条标题 + 流程清单（限定作用域，不影响产品页 .pd-grid） */
.case-detail .prose{padding:20px 24px 20px}
.case-detail .prose p{margin-bottom:10px;font-size:14.4px;line-height:1.68}
.case-detail .prose h3{position:relative;margin:13px 0 8px;padding-left:16px;font-size:17.5px;letter-spacing:.3px;color:var(--steel-800)}
.case-detail .prose h3::before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:5px;border-radius:3px;
  background:linear-gradient(135deg,var(--steel-500),var(--accent))}
.case-detail .prose h3:first-child{margin-top:2px}
.case-detail .prose ul.case-steps{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:6px}
.case-detail .prose ul.case-steps li{position:relative;padding-left:17px;font-size:14px;line-height:1.6;color:#3a4a5c}
.case-detail .prose ul.case-steps li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;
  background:linear-gradient(135deg,var(--steel-500),var(--accent))}
.case-detail .prose ul.case-steps li b{color:var(--steel-800)}
.case-detail .prose>ul.case-steps:last-child{margin-bottom:0}
/* 零黑边：媒体框贴合图片原始比例（不拉伸），两栏高度差由右栏内容量控制 */
@media(min-width:1101px){
  .case-detail>div:first-child .case-media{flex:0 0 auto}
  .case-detail>div:first-child .case-media img,
  .case-detail>div:first-child .case-media video{width:100%;height:auto;max-height:none;object-fit:contain}
}

/* ============ 响应式 ============ */
@media(max-width:1100px){
  .cat-grid{grid-template-columns:repeat(3,1fr)}
  .product-grid{grid-template-columns:repeat(2,1fr)}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:980px){
  .hero-inner{grid-template-columns:1fr;padding:74px 0 64px}
  .hero h1{font-size:42px}
  .news-grid{grid-template-columns:1fr}
  .detail-grid{grid-template-columns:1fr}
  .dash-layout{grid-template-columns:1fr}
  .case-detail{grid-template-columns:1fr;gap:26px}
  .xh-fg-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .nav-menu{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;flex-direction:column;padding:12px;
    box-shadow:0 12px 28px rgba(8,26,51,.12);border-radius:0 0 14px 14px}
  .nav-menu.open{display:flex}
  .nav-menu a{min-height:44px;display:flex;align-items:center}
  .nav-toggle{display:block}
  .topbar-left{display:none}
  .container{width:94%}.container-wide{width:94%}
  .hero h1{font-size:32px}
  .section-head h2{font-size:30px}
  .section{padding:22px 0}
  .cat-grid,.product-grid,.feature-grid,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  /* 长钢号详情页（317 个钢号中有 68 个在 58px 下会撑破 345px 版心） */
  .page-hero{padding:44px 0}
  .page-hero p{font-size:14px}
  .detail-grid{gap:26px}
  .detail-hero{height:auto;min-height:170px;padding:24px 12px}
  .spec-list{grid-template-columns:1fr}
  .prose{padding:20px}
  .prose h3{font-size:18px}
  .form-wrap{padding:20px}
  .filter-bar{padding:14px;gap:9px}
  /* 现货查询：移动端表格横向滚动 */
  /* 筛选条：移动端单列，区间仍保持两格并排 */
  .xh-filters{padding:15px 14px 13px}
  .xh-fg-grid{grid-template-columns:1fr;gap:13px}
  .xh-actions{gap:12px;margin-top:15px;padding-top:13px}
  .xh-actions-left{order:2;flex:1 1 100%;margin-right:0;gap:4px 14px}
  .xh-actions-right{order:1;flex:1 1 100%;gap:10px}
  .xh-actions-right .btn,.xh-actions-right .xh-btn-reset{flex:1 1 0;justify-content:center;padding:13px 18px}
  .xh-tip{margin-left:0;flex:1 1 100%}
  .xh-check{flex:1 1 100%}
  .xh-swipe{display:block}
  .xh-table{min-width:780px;font-size:13px}
  .xh-table thead th{padding:11px 10px}
  .xh-table tbody td{padding:10px 10px}
  .xh-pager{gap:6px}
  .xh-pager a,.xh-pager span{padding:8px 11px;font-size:12px}
  .case-facts{grid-template-columns:1fr}
  .case-title{font-size:21px}
  .case-nav a{max-width:100%}
}

/* ===== 首页·钢号 3D 地球仪（Material Center） ===== */
.grade-cosmos{position:relative;height:700px;border-radius:var(--radius-lg);overflow:hidden;cursor:grab;
  /* 明亮深空：鲜亮的宝石蓝 → 青蓝 → 深蓝三层，整体偏亮，告别暗沉 */
  background:
    radial-gradient(ellipse 60% 42% at 50% 10%,rgba(120,210,255,.30) 0%,transparent 62%),
    radial-gradient(ellipse 70% 44% at 50% 104%,rgba(80,220,200,.22) 0%,transparent 64%),
    radial-gradient(ellipse 78% 68% at 50% 46%,#134a8f 0%,#0e3a78 42%,#0a2756 74%,#061a3c 100%);
  box-shadow:var(--shadow-lg),inset 0 0 56px rgba(20,80,150,.40);
  touch-action:pan-y;
  contain:layout style paint;
  isolation:isolate}
.grade-cosmos::before{ /* 顶部弧光（地球轮廓上方薄薄一层辉光，提亮） */
  content:"";position:absolute;left:50%;top:-18%;width:62%;height:34%;transform:translateX(-50%);
  border-radius:50%;background:radial-gradient(ellipse at 50% 100%,rgba(180,230,255,.42),transparent 70%);
  pointer-events:none;z-index:1}
.grade-cosmos:active{cursor:grabbing}
/* 太空星点：只在球体之外的太空区可见（球体层级更高会盖住中心） */
.cosmos-stars{position:absolute;inset:0;pointer-events:none;opacity:.85;
  background-image:
    radial-gradient(1.4px 1.4px at 18% 26%,rgba(235,248,255,.98),transparent 100%),
    radial-gradient(1.2px 1.2px at 66% 12%,rgba(210,235,255,.90),transparent 100%),
    radial-gradient(1.6px 1.6px at 86% 58%,rgba(255,255,255,.95),transparent 100%),
    radial-gradient(1.2px 1.2px at 40% 86%,rgba(210,235,255,.85),transparent 100%),
    radial-gradient(1px 1px at 6% 70%,rgba(210,235,255,.80),transparent 100%),
    radial-gradient(1px 1px at 52% 44%,rgba(255,255,255,.75),transparent 100%);
  background-size:360px 300px,430px 360px,520px 440px,400px 340px,280px 240px,470px 390px;
  background-repeat:repeat;z-index:1}
.cosmos-nebula{display:none}
/* —— 地球仪：球体本体（球面光照+地表色块） —— */
.cosmos-globe{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  perspective:1100px;perspective-origin:50% 50%;pointer-events:none;z-index:5;}
.globe-body{position:absolute;inset:0;border-radius:50%;overflow:hidden;opacity:.98;
  /* 球面光照：左上强高光斑 → 鲜亮宝石蓝 → 深海蓝（整体提亮） */
  background:
    radial-gradient(circle at 31% 25%,rgba(255,255,255,.85) 0%,rgba(224,244,255,.52) 8%,rgba(170,220,255,.24) 16%,transparent 26%),
    radial-gradient(circle at 32% 27%,#4f9af5 0%,#2f74cf 12%,#1d549f 32%,#123a77 54%,#0a2456 78%,#06193f 100%);
  box-shadow:inset -30px -42px 84px rgba(3,20,52,.62),inset 18px 22px 56px rgba(190,230,255,.30);}
/* 地表色块：随自转横向滚动，模拟陆地转动 */
.globe-land{position:absolute;inset:0;opacity:.82;
  background-image:
    radial-gradient(ellipse 15% 24% at 14% 32%,rgba(150,235,210,.95),transparent 68%),
    radial-gradient(ellipse 10% 17% at 26% 62%,rgba(150,235,210,.85),transparent 68%),
    radial-gradient(ellipse 18% 29% at 48% 28%,rgba(150,235,210,.9),transparent 68%),
    radial-gradient(ellipse 12% 20% at 66% 58%,rgba(150,235,210,.85),transparent 68%),
    radial-gradient(ellipse 16% 23% at 86% 34%,rgba(150,235,210,.9),transparent 68%);
  background-repeat:repeat-x;background-size:200% 100%;}
/* 经纬线球：真实 3D 线框，与牌号同速旋转 */
.globe-wire{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.globe-wire .g-ring{position:absolute;box-sizing:border-box;border-radius:50%;
  border:1px solid rgba(180,230,255,.42)}
.globe-wire .g-meridian{inset:0}
.globe-wire .g-lat{border-color:rgba(180,230,255,.28)}
.cosmos-stage{position:absolute;inset:0;overflow:hidden;}
/* 牌号：胶囊样式（鲜亮蓝玻璃底 + 1px 描边 + 投影），读作贴在球面的金属标牌 */
.gchip{position:absolute;left:50%;top:50%;white-space:nowrap;padding:3px 11px;border-radius:999px;
  font-weight:700;font-size:11px;letter-spacing:.3px;color:#f4faff;text-decoration:none;
  background:linear-gradient(180deg,rgba(59,138,240,.66),rgba(20,70,150,.62));
  border:1px solid rgba(180,230,255,.52);box-shadow:0 2px 8px rgba(8,40,90,.45);
  text-shadow:0 1px 2px rgba(3,20,52,.85);
  transition:background .15s,box-shadow .15s;
  will-change:transform,opacity;backface-visibility:hidden}
.gchip:hover,.gchip:focus-visible{background:linear-gradient(180deg,rgba(255,90,31,.95),rgba(255,138,61,.95));
  border-color:rgba(255,192,67,.85);color:#fff;box-shadow:0 4px 14px rgba(255,90,31,.50);
  z-index:400!important}
.cosmos-hint{position:absolute;left:0;right:0;bottom:14px;text-align:center;
  font-size:12px;color:rgba(220,240,255,.82);pointer-events:none;letter-spacing:1px;white-space:nowrap;
  background:linear-gradient(90deg,transparent,rgba(16,52,108,.62) 18%,rgba(16,52,108,.62) 82%,transparent);
  padding:6px 18px;margin:0 8px;border-radius:20px}
@media(max-width:680px){
  .grade-cosmos{height:400px;border-radius:14px}
  .gchip{font-size:10.5px;padding:2px 7px}
  .cosmos-hint{font-size:10.5px;bottom:8px;white-space:normal;line-height:1.5;max-width:88%}
  .gchip:hover{background:rgba(16,54,106,.4);color:#eaf4ff}
}

/* ===== 首页·切割案例卡：加大封面 + 分类标签悬浮图上 ===== */
.case-card .product-thumb{height:300px}
.case-tag{position:absolute;right:14px;top:14px;z-index:3;padding:6px 14px;border-radius:999px;
  background:rgba(10,25,55,.72);color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.5px;
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.28);
  text-shadow:0 1px 4px rgba(0,0,0,.4)}
.case-card .product-body{padding:16px 18px 18px;text-align:center}
.case-card .product-body h4{display:block}
@media(max-width:680px){.case-card .product-thumb{height:220px}}

/* ===== 材料详情页·wgxhw 同步正文（.wx-content） ===== */
.wx-content{color:var(--steel-700);font-size:15px;line-height:1.85}
.wx-content h1,.wx-content h2{color:#1a365d;font-size:20px;font-weight:700;margin:28px 0 14px;padding-left:12px;border-left:4px solid var(--accent)}
.wx-content h2:first-child{margin-top:0}
.wx-content h3{color:var(--steel-800);font-size:16px;font-weight:700;margin:20px 0 10px}
.wx-content p{margin:0 0 12px}
.wx-content ul,.wx-content ol{margin:0 0 14px;padding-left:22px}
.wx-content li{margin:0 0 6px}
/* 表格样式已由文件末尾 .table-wrap 方案接管（2026-09-16） */
.wx-content img{max-width:100%;height:auto;border-radius:var(--radius);margin:10px 0}
.wx-content a{color:var(--accent);text-decoration:none}
.wx-content a:hover{text-decoration:underline}
.wx-content blockquote{margin:14px 0;padding:12px 16px;background:var(--steel-50);border-left:4px solid var(--steel-300);border-radius:var(--radius)}
.wx-content hr{border:none;border-top:1px solid var(--steel-200);margin:24px 0}
.wx-content strong{color:#1a365d}
@media(max-width:680px){.wx-content{font-size:14px}}

/* ===== 材料详情页·品牌 Banner + 全宽正文 + 表格（2026-09-16） ===== */
.container-wide{width:min(1240px,92%);margin:0 auto}
.mat-hero{position:relative;overflow:hidden;color:#fff;
  background:linear-gradient(118deg,#081431 0%,#0e2452 42%,#153a7a 78%,#1d4f9c 100%)}
.mat-hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:44px 44px}
.mat-hero::after{content:"";position:absolute;width:520px;height:520px;right:-140px;bottom:-260px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(255,110,40,.32),transparent 68%)}
.mat-hero .container{position:relative;z-index:2;padding:34px 0 44px}
.mat-crumb{font-size:13px;margin-bottom:26px;opacity:.92}
.mat-crumb a{color:#bcd2f5;text-decoration:none}
.mat-crumb a:hover{color:#fff;text-decoration:underline}
.mat-crumb span{margin:0 8px;color:rgba(255,255,255,.35)}
.mat-hero-body{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;flex-wrap:wrap}
.mat-hero-main{flex:1 1 420px;min-width:0}
.mat-hero-tag{display:inline-block;padding:4px 12px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:1.6px;
  color:#ffc9a8;background:rgba(255,110,40,.16);border:1px solid rgba(255,140,70,.35)}
.mat-hero-title{margin:14px 0 10px;font-size:clamp(34px,5vw,52px);font-weight:900;line-height:1.1;letter-spacing:1px;
  text-shadow:0 6px 30px rgba(0,20,60,.55)}
.mat-hero-title::after{content:"";display:block;width:64px;height:4px;margin-top:14px;border-radius:2px;
  background:linear-gradient(90deg,var(--accent),rgba(255,110,40,0))}
.mat-hero-lead{margin:0;color:#c3d4ef;font-size:15px;max-width:640px;line-height:1.7}
.mat-hero-side{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex:0 0 auto;max-width:100%}
.mat-hero-badge{display:flex;flex-direction:column;align-items:flex-end;max-width:380px;padding:9px 16px;border-radius:10px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(4px)}
.mat-hero-badge .k{font-size:11px;color:#9db8e0;letter-spacing:1px}
.mat-hero-badge .v{font-size:14px;font-weight:700;color:#fff;margin-top:2px;text-align:right;word-break:break-word;line-height:1.45}
.mat-hero-cta{margin-top:6px;padding:11px 34px;font-size:15px;border-radius:999px}
.mat-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;
  margin:20px 0 16px;padding:14px 22px;border-radius:var(--radius-lg);
  background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.mat-toolbar-info{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.mat-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:999px;font-size:13px;
  color:var(--steel-600);background:var(--steel-50);border:1px solid var(--steel-200)}
.mat-chip b{font-weight:700;color:var(--steel-800)}
.mat-chip a{color:var(--accent);text-decoration:none}
.mat-chip a:hover{text-decoration:underline}
.mat-chip-ok{background:rgba(22,163,74,.08);border-color:rgba(22,163,74,.25)}
.mat-chip-ok b{color:#15803d}
.mat-content{padding:34px 40px}
/* 材质正文全宽展示：去掉卡片的内边距/圆角/阴影，占满视口 */
.container-wide .mat-content{padding:0;border-radius:0;box-shadow:none;border:none;background:transparent}
/* 材质详情与导航同宽（2026-09-29）：.container-wide 与 .container 同为 min(1240px,92%) */
.container-wide .mat-toolbar{margin:20px 0 16px}

.mat-footnote{margin:18px 0 8px;padding:15px 20px;border-radius:var(--radius);border-left:4px solid var(--accent);
  background:var(--steel-50)}
.mat-footnote p{margin:0;color:var(--steel-600);font-size:13px}
/* 表格：圆角卡片 + 横向滚动 + 渐变表头 + 斑马纹 + 悬停高亮 */
.table-wrap{overflow-x:auto;margin:18px 0;border:1px solid var(--steel-200);border-radius:12px;
  box-shadow:0 2px 10px rgba(15,40,90,.06);-webkit-overflow-scrolling:touch}
.wx-content .table-wrap table{display:table;width:100%;border-collapse:collapse;margin:0;font-size:13.5px;min-width:560px}
.wx-content .table-wrap th{background:linear-gradient(180deg,#12386e,#0d2a56);color:#fff;font-weight:700;
  padding:11px 14px;border:none;border-right:1px solid rgba(255,255,255,.12);white-space:nowrap;text-align:center}
.wx-content .table-wrap th:last-child{border-right:none}
.wx-content .table-wrap td{border:none;border-bottom:1px solid var(--steel-200);border-right:1px solid var(--steel-100);
  padding:10px 14px;white-space:nowrap;color:var(--steel-700);text-align:center}
.wx-content .table-wrap td:last-child{border-right:none}
.wx-content .table-wrap tr:last-child td{border-bottom:none}
.wx-content .table-wrap tr:nth-child(even) td{background:rgba(59,130,246,.045)}
.wx-content .table-wrap tr:hover td{background:rgba(255,110,40,.07)}
/* 正文内未被包裹的表格兜底（老缓存） */
.wx-content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:13.5px}
.wx-content th{background:linear-gradient(180deg,#12386e,#0d2a56);color:#fff;padding:11px 14px;text-align:left;white-space:nowrap}
.wx-content td{border-bottom:1px solid var(--steel-200);padding:10px 14px;color:var(--steel-700)}
@media(max-width:860px){
  .mat-hero-body{flex-direction:column;align-items:flex-start}
  .mat-hero-side{flex-direction:row;align-items:stretch;flex-wrap:wrap;width:100%}
  .mat-hero-badge{align-items:flex-start;text-align:left}
  .mat-hero-badge .k,.mat-hero-badge .v{text-align:left}
  .mat-hero-cta{align-self:center}
  .mat-content{padding:22px 18px}
  .mat-toolbar{padding:12px 16px}
}
@media(max-width:680px){.mat-hero-title{font-size:32px}.wx-content .table-wrap table{font-size:12px;min-width:480px}}

/* ===== 材料详情页·本站数据区块（案例/文章/同体系钢号） ===== */
.mat-section{margin:24px 0}
.mat-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:0 0 14px;flex-wrap:wrap}
.mat-section-head h2{font-size:20px;font-weight:800;color:#1a365d;margin:0;padding-left:12px;border-left:4px solid var(--accent)}
.mat-more{font-size:13px;color:var(--accent);text-decoration:none;white-space:nowrap}
.mat-more:hover{text-decoration:underline}
.mat-news-list{list-style:none;padding:0;margin:0}
.mat-news-list li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px dashed var(--steel-200)}
.mat-news-list li:last-child{border-bottom:none}
.mat-news-list a{color:var(--steel-700);text-decoration:none;font-size:14.5px;line-height:1.6}
.mat-news-list a:hover{color:var(--accent)}
.mat-news-list a::before{content:"▸";color:var(--accent);margin-right:8px;font-size:12px}
.mat-news-list span{color:var(--muted);font-size:12.5px;white-space:nowrap}
.mat-grades{display:flex;flex-wrap:wrap;gap:10px}
.mat-grade-chip{display:inline-flex;flex-direction:column;padding:10px 16px;border-radius:10px;background:var(--surface);
  border:1px solid var(--steel-200);text-decoration:none;color:var(--steel-800);font-weight:700;font-size:14px;
  box-shadow:var(--shadow);transition:transform .15s,border-color .15s}
.mat-grade-chip small{font-weight:400;color:var(--muted);font-size:11.5px;margin-top:3px}
.mat-grade-chip:hover{border-color:var(--accent);transform:translateY(-2px)}
/* 视频案例缩略图：直接显示视频首帧（preload=metadata + #t=0.5 媒体片段定位首帧），叠加播放标记 */
.case-video-thumb{position:relative;width:100%;height:100%;min-height:150px;background:#0b1524;overflow:hidden}
.case-video-thumb video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.case-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;
  border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(9,26,54,.55);
  border:2px solid rgba(255,255,255,.85);color:#fff;font-size:17px;line-height:1;padding-left:4px;
  box-shadow:0 6px 20px rgba(0,0,0,.35);pointer-events:none;transition:background .2s,transform .2s}
.case-card:hover .case-play{background:rgba(31,111,212,.88);transform:translate(-50%,-50%) scale(1.07)}
@media(max-width:680px){.case-play{width:44px;height:44px;font-size:15px}}

/* ===================== 全站右下角浮动按钮组（回到顶部 + 在线客服） ===================== */
.float-tools{position:fixed;right:22px;bottom:22px;z-index:9999;display:flex;flex-direction:column;gap:12px;align-items:center}
.ft-btn{position:relative;width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;display:grid;place-items:center;
  color:#fff;background:linear-gradient(135deg,var(--steel-500),var(--accent-2,#1f6fd4));
  box-shadow:0 8px 22px rgba(20,60,130,.4);transition:transform .18s,box-shadow .18s,opacity .25s}
.ft-btn:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(20,60,130,.5)}
.ft-top{color:var(--steel-800);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);
  opacity:0;transform:translateY(10px);pointer-events:none}
.ft-top.show{opacity:1;transform:translateY(0);pointer-events:auto}
.ft-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;
  background:#ff5a3c;color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;box-shadow:0 2px 6px rgba(0,0,0,.25)}
/* 客服面板 */
.hy-chat-overlay{position:fixed;inset:0;background:rgba(9,26,54,.45);z-index:9997;opacity:0;pointer-events:none;transition:opacity .25s}
.hy-chat-overlay.show{opacity:1;pointer-events:auto}
.hy-chat-panel{position:fixed;right:22px;bottom:86px;width:360px;max-width:calc(100vw - 32px);z-index:9998;
  background:#f7faff;border:1px solid var(--line);border-radius:20px;box-shadow:0 28px 70px rgba(9,26,54,.4);
  transform:translateY(16px) scale(.98);opacity:0;pointer-events:none;transition:.26s cubic-bezier(.2,.8,.2,1);overflow:hidden}
.hy-chat-panel.open{transform:none;opacity:1;pointer-events:auto}
.hc-head{position:relative;display:flex;align-items:center;justify-content:space-between;padding:18px 18px 16px;
  background:linear-gradient(135deg,#0a2a5c,#1f6fd4 70%,#3b8af0);color:#fff;overflow:hidden}
.hc-head::before{content:'';position:absolute;inset:0;background:radial-gradient(120% 120% at 100% 0%,rgba(59,138,240,.55),transparent 55%);pointer-events:none}
.hc-head>*{position:relative;z-index:1}
.hc-head .hc-avatar{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.4);
  display:grid;place-items:center;font-size:22px;flex:0 0 auto}
.hc-head .hc-title{flex:1;margin-left:12px;min-width:0}
.hc-head strong{display:block;font-size:15px;font-weight:800;letter-spacing:.3px}
.hc-head small{display:block;font-size:11px;opacity:.85;margin-top:3px}
.hc-close{position:relative;z-index:1;background:rgba(255,255,255,.15);border:none;color:#fff;width:30px;height:30px;border-radius:50%;
  font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:.18s}
.hc-close:hover{background:rgba(255,255,255,.32);transform:rotate(90deg)}
.hc-body{padding:0}
.hc-msgs{max-height:320px;min-height:200px;overflow-y:auto;padding:16px 14px 8px;scroll-behavior:smooth}
.hc-msgs::-webkit-scrollbar{width:6px}
.hc-msgs::-webkit-scrollbar-thumb{background:rgba(31,111,212,.28);border-radius:3px}
.hc-msgs::-webkit-scrollbar-thumb:hover{background:rgba(31,111,212,.45)}
.hc-msg{font-size:13.5px;line-height:1.7;margin-bottom:12px;animation:hcIn .28s ease}
@keyframes hcIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.hc-msg>span{display:block}
.hc-ai{background:#fff;border:1px solid var(--line);border-radius:4px 14px 14px 14px;padding:11px 14px;box-shadow:0 1px 3px rgba(20,60,130,.06);max-width:92%}
.hc-user{background:linear-gradient(135deg,#1f6fd4,#3b8af0);color:#fff;border-radius:14px 4px 14px 14px;padding:11px 14px;margin-left:auto;max-width:88%;box-shadow:0 2px 6px rgba(31,111,212,.28)}
.hc-typing .hc-dots{display:inline-flex;gap:5px;padding:4px 0}
.hc-dots i{width:7px;height:7px;border-radius:50%;background:var(--steel-500);opacity:.4;animation:hcDot 1s infinite}
.hc-dots i:nth-child(2){animation-delay:.15s}
.hc-dots i:nth-child(3){animation-delay:.3s}
@keyframes hcDot{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.hc-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px 14px 12px}
.hc-q{display:flex;align-items:center;gap:7px;padding:9px 10px;border-radius:11px;background:#fff;border:1px solid var(--line);text-decoration:none;transition:.18s;box-shadow:0 1px 3px rgba(20,60,130,.05)}
.hc-q:hover{border-color:var(--steel-500);background:rgba(31,111,212,.07);transform:translateY(-2px);box-shadow:0 6px 14px rgba(31,111,212,.14)}
.hq-ico{font-size:17px;line-height:1;flex:0 0 auto}
.hq-tx{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.hq-tx b{font-size:12.5px;font-weight:800;color:var(--steel-800);white-space:nowrap}
.hq-tx i{font-size:11.5px;font-weight:700;font-style:normal;color:var(--steel-500);letter-spacing:.4px;white-space:nowrap}
.hc-q:hover .hq-tx b,.hc-q:hover .hq-tx i{color:var(--steel-500)}
.hc-input-row{display:flex;gap:8px;padding:0 14px 12px;align-items:center}
.hc-input-row input{flex:1;min-width:0;padding:11px 14px;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:13.5px;font-family:inherit;transition:.15s}
.hc-input-row input:focus{outline:none;border-color:var(--steel-500);box-shadow:0 0 0 3px rgba(31,111,212,.15)}
.hc-send{flex:0 0 auto;width:44px;height:44px;border:none;border-radius:12px;cursor:pointer;color:#fff;background:linear-gradient(135deg,#1f6fd4,#3b8af0);font-size:16px;display:grid;place-items:center;transition:.18s;box-shadow:0 4px 10px rgba(31,111,212,.3)}
.hc-send:hover:not(:disabled){transform:scale(1.06)}
.hc-send:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
.hc-note{font-size:11px;color:var(--muted);padding:0 14px 14px;line-height:1.5;text-align:center}
@media(max-width:560px){
  .float-tools{right:14px;bottom:14px}
  .hy-chat-panel{right:12px;bottom:78px;width:calc(100vw - 24px)}
  .hc-quick{grid-template-columns:1fr;gap:8px}
  .hc-q{justify-content:flex-start}
}

/* ===== 同步正文 Tailwind 类兼容（2026-09-29）：弘冶站未加载 Tailwind，
   按站点卡片体系实现等价样式（对齐 .mat-section / .mat-grade-chip 风格） ===== */
.wx-content .bg-white{background:var(--surface)}
.wx-content .rounded-2xl{border-radius:var(--radius-lg)}
.wx-content .shadow-sm{box-shadow:var(--shadow)}
.wx-content .border{border:1px solid var(--line)}
.wx-content .border-blue-50{border-color:#dbe7f7}
.wx-content .divide-y>*+*{border-top:1px solid #e3edf9}
.wx-content .p-4{padding:16px}
.wx-content .p-6{padding:24px}
.wx-content .px-3{padding-left:12px;padding-right:12px}
.wx-content .py-2{padding-top:8px;padding-bottom:8px}
.wx-content .py-1\.5{padding-top:6px;padding-bottom:6px}
.wx-content .mb-1{margin-bottom:4px}
.wx-content .mb-2{margin-bottom:8px}
.wx-content .mb-3{margin-bottom:12px}
.wx-content .mb-4{margin-bottom:16px}
.wx-content .mt-1{margin-top:4px}
.wx-content .space-y-3>*+*{margin-top:12px}
.wx-content .text-2xl{font-size:22px}
.wx-content .text-lg{font-size:17px}
.wx-content .text-sm{font-size:14px}
.wx-content .font-bold{font-weight:700}
.wx-content .font-semibold{font-weight:600}
.wx-content .font-medium{font-weight:500}
.wx-content .text-blue-800{color:#1a365d}
.wx-content .text-blue-700{color:#12386e}
.wx-content .text-gray-800{color:var(--steel-800)}
.wx-content .text-gray-700{color:var(--steel-700)}
.wx-content .text-gray-600{color:var(--steel-700)}
.wx-content .text-gray-500{color:var(--muted)}
.wx-content .text-gray-400{color:var(--muted)}
.wx-content .bg-blue-50{background:#eaf1fb}
.wx-content .text-left{text-align:left}
.wx-content .text-center{text-align:center}
.wx-content .w-full{width:100%}
.wx-content .w-32{width:128px}
.wx-content .overflow-x-auto{overflow-x:auto}
.wx-content .hover\:bg-blue-50\/50:hover{background:#f4f8fe}
/* 卡片内首标题贴顶；h2 保持站点 20px 橙色左边线体系，不被 text-lg/text-2xl 缩小 */
.wx-content .bg-white>h2:first-child{margin-top:0}
.wx-content h2.text-lg,.wx-content h2.text-2xl{font-size:20px}

/* ============================================================
   移动端 / 平板响应式适配层
   策略：同 URL 响应式（不做 UA 跳转、不做 m 站）——百度移动搜索与 Google
        均优先收录单一地址响应式页面，权重集中、无重复内容风险。
   断点：≤1100px 平板 | ≤680px 手机 | ≤400px 小屏
   注意：本层全部为追加覆盖，PC 端（>1100px）零改动。
   ============================================================ */

/* ========== 平板 ≤1100px ========== */
@media(max-width:1100px){
  /* 修：单列布局下 .case-facts 限高会把 4 张参数卡裁掉 2 张 */
  .case-facts{max-height:none}
  /* 单列时右栏 prose 不需要再撑满列高 */
  .case-detail>div:last-child .prose{flex:0 1 auto}
  /* 长表格（材质详情 wx-content / 现货表）容器可横向滑动 */
  .wx-content .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .wx-content .table-wrap table{min-width:520px}
  /* 钢号球体：降低高度与动画负担 */
  .grade-cosmos{height:440px}
}

/* ========== 手机 ≤680px ========== */
.m-cta-bar{display:none}   /* 吸底条：PC 隐藏，需写在媒体查询之前 */
@media(max-width:680px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body{font-size:15px;line-height:1.7;padding-bottom:76px}   /* 给吸底操作条留位 */
  img,video{max-width:100%}

  /* ---------- 通用排版 ---------- */
  .section{padding:22px 0}
  .section-head{margin-bottom:18px}
  .section-head h2{font-size:23px;line-height:1.3}
  .section-head .en-sub{font-size:11px}
  /* 手机端必须完整可读，取消 PC 端单行省略 */
  .section-head p{white-space:normal;overflow:visible;text-overflow:clip;font-size:14px;line-height:1.7}
  .feature p{white-space:normal}
  .page-hero{padding:34px 0}
  .page-hero h1{font-size:23px}
  .page-hero p{font-size:13.5px}

  /* ---------- 顶部导航 ---------- */
  .nav-inner{height:60px}
  .brand{gap:9px;min-width:0}
  .brand-logo{height:36px}
  .brand-text{font-size:15.5px}
  .brand-text small{font-size:5px;letter-spacing:1.4px;margin-top:4px}
  .nav-toggle{font-size:24px;padding:8px 4px;line-height:1}
  .nav-menu{top:60px;padding:6px 10px}
  .nav-menu a{min-height:44px;font-size:15.5px;padding:8px 12px;
    flex-direction:row;align-items:baseline;justify-content:flex-start;gap:9px;text-align:left}
  .nav-menu a small{font-size:9px;letter-spacing:1.2px}

  /* ---------- Hero ---------- */
  .hero-inner{padding:38px 0 34px;gap:18px}
  .hero h1{font-size:26px;line-height:1.3}
  .hero .hero-en{font-size:11.5px;line-height:1.55;margin-bottom:12px}
  .hero p{font-size:15px;line-height:1.75;margin-bottom:16px}
  .hero-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .hero-btns .btn{width:100%;padding:12px 6px;font-size:14px;text-align:center;line-height:1.3}
  .hero-btns .btn small{display:block;font-size:9.5px;letter-spacing:1px;opacity:.75;margin-top:2px}
  .hero-card{padding:16px 18px}
  .hero-card h3{font-size:17px}
  .stat-row{padding:9px 0;gap:10px}
  .stat-row b{font-size:21px}

  /* ---------- 栅格：手机两列（页面长度可减半） ---------- */
  .cat-grid,.feature-grid,.news-grid,.related-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .product-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .mat-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}
  .grid-3,.grid-4{grid-template-columns:repeat(2,1fr);gap:12px}

  /* ---------- 卡片内部压缩 ---------- */
  .cat-card{padding:16px 8px}
  .cat-card .ico{width:44px;height:44px;font-size:22px;border-radius:12px;margin-bottom:8px}
  .cat-card h4{font-size:14px}
  .cat-card p{font-size:11px}
  .product-thumb{height:108px}
  .product-thumb .grade{font-size:15px}
  .product-thumb .badge{top:8px;left:8px;font-size:10.5px;padding:3px 8px}
  .product-body{padding:12px}
  .product-body h4{font-size:13.5px;line-height:1.4;margin-bottom:4px}
  .product-body .meta{font-size:11.5px;margin-bottom:6px}
  .product-body .price{font-size:15px}
  .product-body .stock{font-size:11.5px}
  .news-card{padding:14px;flex-direction:column;gap:8px}
  .news-date{min-width:0;width:58px;height:58px;border-radius:10px}
  .news-date b{font-size:20px}
  .news-date span{font-size:10px;letter-spacing:-.4px}
  .news-card h4{font-size:14px;margin-bottom:4px}
  .news-card p{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .feature{padding:8px 4px}
  .feature .ico{width:48px;height:48px;font-size:24px;border-radius:14px;margin-bottom:10px}
  .feature h4{font-size:14.5px;margin-bottom:4px}
  .feature h4 .en-sub{font-size:8.5px;letter-spacing:1px}
  .feature p{font-size:12px}
  .related-grid .product-body h4{font-size:13px}

  /* ---------- 现货表 → 手机卡片式（不再横向拖动） ---------- */
  .xh-swipe{display:none}
  .xh-scroll{overflow:visible;border:0;background:transparent;border-radius:0;box-shadow:none;padding:0}
  .xh-table{min-width:0;display:block;font-size:14px}
  .xh-table thead{display:none}
  .xh-table tbody{display:block}
  /* 紧凑卡：材质整行 + 厚/宽/长三格 + 重量/单价两格，备注与存货地手机端隐藏 */
  .xh-table tr{display:flex;flex-wrap:wrap;align-items:stretch;background:var(--surface);
    border:1px solid var(--line);border-radius:12px;padding:8px 6px 6px;margin-bottom:10px;box-shadow:var(--shadow)}
  .xh-table td{flex:1 1 28%;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px;
    padding:6px 6px;border-bottom:1px dashed var(--line);background:none;color:var(--steel-800);
    white-space:normal;text-align:left;font-size:13.5px;line-height:1.4;overflow-wrap:anywhere}
  .xh-table td::before{content:attr(data-l);color:var(--muted);font-size:11px;font-weight:600;line-height:1.3}
  .xh-table td:nth-child(1)::before{content:"材质"}
  .xh-table td:nth-child(2)::before{content:"厚度 (mm)"}
  .xh-table td:nth-child(3)::before{content:"宽度 (mm)"}
  .xh-table td:nth-child(4)::before{content:"长度 (mm)"}
  .xh-table td:nth-child(5)::before{content:"重量 (吨)"}
  .xh-table td:nth-child(6)::before{content:"单价 (元/吨)"}
  .xh-table td.c-mat{flex:1 1 100%;flex-direction:row;align-items:baseline;gap:8px;
    max-width:none;font-size:16px;font-weight:800;color:var(--steel-700);padding:2px 6px 8px}
  .xh-table td.c-mat::before{content:""}
  .xh-table td.c-wt,.xh-table td.c-price{flex:1 1 46%;border-bottom:none;padding-bottom:2px}
  .xh-table td.c-price{color:var(--accent);font-weight:800;font-size:16px}
  .xh-table td.c-remark,.xh-table td.c-loc{display:none}
  .xh-table td.xh-empty{flex:1 1 100%;display:block;text-align:center;color:var(--muted);
    border-bottom:none;padding:14px 0}
  .xh-table td.xh-empty::before{content:""}
  .xh-note{text-align:left;font-size:12.5px}
  .xh-pager a,.xh-pager span{padding:10px 12px}

  /* ---------- 筛选条 / 表单：16px 起步，规避 iOS 聚焦自动放大 ---------- */
  .filter-bar{padding:12px;gap:8px;margin-bottom:20px}
  .filter-bar input,.filter-bar select{font-size:16px;padding:11px 12px;flex:1 1 100%}
  .form-wrap{padding:20px 16px}
  .form-row{margin-bottom:14px}
  .form-row label{font-size:13.5px;margin-bottom:6px}
  .form-row input,.form-row select,.form-row textarea{font-size:16px;padding:12px 13px;min-height:46px}
  .form-row textarea{min-height:110px}
  .form-note{font-size:12.5px}
  .btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center}
  .form-wrap .btn{width:100%}
  .xh-fg-grid,.xh-filters--compact .xh-fg-grid{grid-template-columns:repeat(2,1fr);max-width:none;gap:10px}
  .xh-inp{font-size:16px;padding:12px 6px}
  .xh-lb{font-size:12.5px}
  .m-search .m-search-input,.m-search .m-search-select{font-size:16px}
  .m-search .m-search-actions{width:100%}
  .m-search .m-search-actions .btn{width:100%}

  /* ---------- 案例详情 ---------- */
  .case-detail{gap:20px}
  .case-title{font-size:20px;margin:6px 0 10px}
  .case-kicker{font-size:11.5px}
  .case-facts{grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0 0}
  .case-facts .spec-item{padding:11px 13px;gap:3px}
  .case-facts .spec-item .k{font-size:11px}
  .case-facts .spec-item .v{font-size:13.5px}
  .case-spot{margin-top:10px;padding:11px 13px;font-size:12.8px;line-height:1.65}
  .case-spot .k{font-size:11.5px}
  .case-detail .prose{padding:18px 16px}
  .case-detail .prose p{font-size:14.5px;line-height:1.75}
  .case-detail .prose h3{font-size:16.5px;padding-left:14px}
  .case-detail .prose ul.case-steps li{font-size:13.8px;line-height:1.65}
  .case-nav{margin-top:16px}
  .case-nav a{font-size:13px;max-width:100%}
  .related-grid{margin-top:4px}

  /* ---------- 产品 / 材质详情 ---------- */
  .detail-grid{gap:20px}
  .detail-hero{min-height:150px;padding:22px 10px}
  .spec-list{grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0}
  .spec-item{padding:12px 13px}
  .spec-item .v{font-size:14.5px}
  .prose{padding:16px}
  .prose h3{font-size:17px}
  .prose p{font-size:14.5px}
  .table{font-size:13px}
  .table th,.table td{padding:10px 11px}
  .pagination .page-num{min-width:38px;height:38px}

  /* ---------- 材质中心 / 长文 ---------- */
  .mat-hero .container{padding:24px 0 30px}
  .mat-hero-title{font-size:26px}
  .mat-crumb{font-size:12px;margin-bottom:16px}
  .grade-badge{font-size:16px!important}
  .card-header{padding:13px 14px!important}
  .card-body{padding:12px 14px!important}
  .wx-content{font-size:14.5px;line-height:1.8}
  .wx-content h2,.wx-content h2.text-lg,.wx-content h2.text-2xl{font-size:18px}
  .wx-content .table-wrap table{min-width:460px;font-size:12.5px}
  .chip{padding:8px 14px;font-size:13.5px}     /* 筛选 chip 放大到可点 */
  .gchip{padding:5px 12px;font-size:11.5px}   /* 钢号球芯片：≥32px 高 */
  .mat-more{font-size:12.5px}

  /* ---------- 页脚 ---------- */
  .footer-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:34px 0 26px}
  .footer-grid>div:first-child{grid-column:1/-1}
  .footer-grid h4{font-size:15px}
  .footer-grid p,.footer-grid li{font-size:12.5px;line-height:1.75}
  .footer-bottom{padding:14px 0;font-size:12.5px}

  /* ---------- 悬浮按钮 & 吸底操作条 ---------- */
  .float-tools{right:14px;bottom:84px;gap:10px}
  .ft-btn{width:46px;height:46px}
  .hy-chat-panel{width:100%;max-width:100%;border-radius:16px 16px 0 0;bottom:0}
  .hc-close{width:40px;height:40px;font-size:24px}
  .m-cta-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;
    background:rgba(255,255,255,.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
    border-top:1px solid var(--line);box-shadow:0 -4px 18px rgba(8,26,51,.10);
    padding:8px 10px calc(8px + env(safe-area-inset-bottom))}
  .m-cta-bar a{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:46px;
    border-radius:12px;font-weight:800;font-size:15px;text-decoration:none;letter-spacing:.5px}
  .m-cta-bar .m-cta-tel{background:var(--bg-soft);color:var(--steel-800);border:1px solid var(--line);margin-right:8px}
  .m-cta-bar .m-cta-cut{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;
    box-shadow:0 6px 16px rgba(255,90,31,.32)}
  .m-cta-bar .ic{font-size:17px;line-height:1}
}

/* ========== 小屏 ≤400px ========== */
@media(max-width:400px){
  .container,.container-wide{width:96%}
  .hero h1{font-size:23px}
  .hero-btns{grid-template-columns:1fr}
  .brand-text{font-size:14.5px}
  .product-thumb{height:96px}
  .footer-grid{grid-template-columns:1fr}
  .footer-grid>div:first-child{grid-column:auto}
  .m-cta-bar a{font-size:14px}
}
/* 材质中心卡片栅格（由 materials.html 内联样式迁移而来，便于手机端两列覆盖） */
.mat-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
@media(max-width:1100px){.mat-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}

/* ============================================================
   会员中心 / OA 办公系统 / 后台 —— 移动端适配
   （在线文档列表 .od-card 已有卡片式适配，此处补齐其余页面）
   ============================================================ */
@media(max-width:1100px){
  .dash-layout{grid-template-columns:1fr;gap:16px}
  .od-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  /* ---------- 侧栏 → 横向滚动标签条（原来竖排 11 项占满 642px 首屏） ---------- */
  .sidebar{display:flex;gap:8px;padding:8px;overflow-x:auto;border-radius:12px;
    -webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
  .sidebar::-webkit-scrollbar{display:none}
  .sidebar a{flex:0 0 auto;margin-bottom:0;padding:9px 13px;font-size:13.5px;white-space:nowrap;
    background:var(--bg-soft);border:1px solid var(--line);border-radius:9px;scroll-snap-align:start}
  .sidebar a:hover,.sidebar a.active{background:linear-gradient(135deg,var(--steel-800),var(--steel-600));
    color:#fff;border-color:transparent}
  .dash-layout{gap:12px}
  /* 关键：横向侧栏的固有宽度会把 grid 列撑开（374→654px），必须 min-width:0 让其内部滚动 */
  .dash-layout>*{min-width:0}
  .sidebar{min-width:0;max-width:100%}

  /* ---------- 面板 / KPI 压缩 ---------- */
  .panel{padding:16px 14px;border-radius:14px}
  .panel h3{font-size:16px;margin-bottom:12px;padding-left:12px}
  .kpi{padding:14px 12px;border-radius:14px}
  .kpi .n{font-size:24px}
  .kpi .l{font-size:12px;margin-top:4px}
  .kpi::after{display:none}          /* 装饰圆在窄卡片里会挤掉文字 */
  .grid-2,.grid-3,.grid-4{gap:10px}
  .grid-4{grid-template-columns:repeat(2,1fr)}

  /* ---------- 通用宽表 → 横向滚动 + 首列吸附 ---------- */
  .table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;
    white-space:nowrap;border-radius:12px;box-shadow:var(--shadow)}
  .table th,.table td{padding:9px 10px;font-size:12.5px}
  .table th:first-child,.table td:first-child{position:sticky;left:0;z-index:2}
  .table th:first-child{z-index:3}
  .table td:first-child{background:var(--surface);box-shadow:1px 0 0 var(--line)}
  .table::-webkit-scrollbar{height:6px}
  .table::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}

  /* ---------- OA 控件 16px（防 iOS 聚焦缩放） ---------- */
  .od-input,.od-select,.od-textarea,.od-search input,.od-search select{font-size:16px;min-height:44px}
  .od-chip{padding:6px 12px;font-size:12.5px}
  .od-chip-mem{font-size:13.5px;padding:7px 12px}
  .od-sub{font-size:11px}

  /* ---------- 页面头部 / 通用 ---------- */
  .page-hero{padding:26px 0}
  .page-hero h1{font-size:21px}
  .page-hero p{font-size:13px;line-height:1.6}
  .tip{font-size:12.5px;line-height:1.7}
  .btn{min-height:44px}
  .empty-icon{font-size:40px}
}

/* ---------- 平板：OA 侧栏也改横条，避免 980~1100px 区间仍竖排 ---------- */
@media(min-width:681px) and (max-width:1100px){
  .dash-layout{grid-template-columns:200px 1fr;gap:20px}
}

/* ---------- 进入办公系统/会员中心后隐藏营销吸底条（这些页面已登录，不再需要引单入口） ---------- */
body:has(.dash-layout) .m-cta-bar{display:none}
body:has(.dash-layout) .float-tools{bottom:22px}
@media(max-width:680px){body:has(.dash-layout){padding-bottom:0}}

/* ==========================================================================
   产品配图（取自站内真实加工实拍图片案例库） + 品类聚合页
   说明：图片一律绝对定位铺满父容器（父容器高度仍由既有规则 / 媒体查询控制），
        因此新增规则不会与移动端断点里的高度规则打架。
   ========================================================================== */
.product-thumb img,
.detail-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}
.product-thumb.has-img::after,
.detail-hero.has-img::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(9,18,32,.18) 0%,rgba(9,18,32,.30) 45%,rgba(9,18,32,.78) 100%)}
.product-thumb.has-img .grade,
.detail-hero.has-img .grade{position:absolute;left:14px;bottom:12px;z-index:2;
  padding:4px 12px;border-radius:7px;background:rgba(9,18,32,.52);
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-shadow:none}
.product-thumb.has-img .grade{font-size:15px;letter-spacing:.4px;line-height:1.25;max-width:calc(100% - 28px)}
.detail-hero.has-img .grade{font-size:24px;letter-spacing:1px}
@media(max-width:680px){
  .product-thumb.has-img .grade{font-size:12.5px;padding:3px 9px;left:10px;bottom:8px}
  .detail-hero.has-img .grade{font-size:18px;left:12px;bottom:10px}
}

/* ---------- 品类聚合着陆页 ---------- */
.cat-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.cat-hero-shot{height:320px;border-radius:var(--radius-lg);overflow:hidden;position:relative;border:1px solid var(--line)}
.cat-hero-shot img{width:100%;height:100%;object-fit:cover;display:block}
.cat-hero-shot .cap{position:absolute;left:0;right:0;bottom:0;padding:10px 16px;font-size:13px;color:#eaf2fb;
  background:linear-gradient(180deg,rgba(9,18,32,0),rgba(9,18,32,.82))}
.cat-table{width:100%;border-collapse:collapse;font-size:14.5px}
.cat-table th,.cat-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.cat-table th{background:var(--bg-2);font-weight:600;color:var(--text);position:sticky;top:0}
.cat-table tbody tr:hover{background:var(--bg-2)}
.cat-table td.g{font-weight:700;color:var(--accent);white-space:nowrap}
.cat-table-wrap{max-height:640px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.cat-grade-chips{display:flex;flex-wrap:wrap;gap:8px}
.cat-grade-chips a{display:inline-block;padding:6px 13px;border:1px solid var(--line);border-radius:999px;
  background:var(--bg-2);color:var(--text);font-size:13.5px;text-decoration:none}
.cat-grade-chips a:hover{border-color:var(--accent);color:var(--accent)}
.cat-faq details{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin-bottom:10px;overflow:hidden}
.cat-faq summary{padding:14px 18px;cursor:pointer;font-weight:600;font-size:15.5px}
.cat-faq details[open] summary{border-bottom:1px solid var(--line);color:var(--accent)}
.cat-faq .a{padding:14px 18px;color:var(--muted);line-height:1.85;font-size:14.5px}
.cat-shot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cat-shot-grid a{display:block;height:150px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}
.cat-shot-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.cat-shot-grid a:hover img{transform:scale(1.06)}
@media(max-width:1100px){
  .cat-hero-grid{grid-template-columns:1fr;gap:22px}
  .cat-hero-shot{height:230px}
  .cat-shot-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .cat-hero-shot{height:180px}
  .cat-table{font-size:13px}
  .cat-table th,.cat-table td{padding:8px 9px}
  .cat-table-wrap{max-height:520px}
  .cat-shot-grid{grid-template-columns:repeat(2,1fr);gap:9px}
  .cat-shot-grid a{height:104px}
}

/* 品类页左对齐标题组：eyebrow 独占一行，不与 h2 挤同一行 */
.cat-hero-grid .section-head .eyebrow,
.section-head .eyebrow{display:block}

/* ==========================================================================
   行情类资讯：数据来源区块 + 行情数据表
   用途：所有带行情数据的文章必须在文末展示数据来源 / 统计口径 / 截止日期，
        并在正文表格中标注牌号+规格+城市+钢厂四要素，避免脱离语境的裸数字。
   ========================================================================== */
.q-src{margin-top:28px;padding:16px 18px;border:1px solid var(--line);border-left:3px solid var(--accent);
  border-radius:var(--radius);background:var(--bg-2);font-size:13.5px;color:var(--muted);line-height:1.85}
.q-src .q-src-h{font-size:14px;font-weight:700;color:var(--text);margin-bottom:8px}
.q-src ul{margin:0 0 10px;padding-left:20px}
.q-src li{margin-bottom:3px}
.q-src p{margin:0;font-size:13px}
.q-src b{color:var(--text)}
.q-table-wrap{overflow-x:auto;margin:0 0 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.q-table{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}
.q-table th,.q-table td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
.q-table th{background:var(--bg-2);font-weight:600;color:var(--text);font-size:13.5px}
.q-table tbody tr:last-child td{border-bottom:none}
.q-table tbody tr:hover{background:var(--bg-2)}
.q-table td:nth-child(4){font-weight:700;color:var(--accent)}
.prose .q-table a{color:inherit;text-decoration:none}
@media(max-width:680px){
  .q-src{padding:13px 14px;font-size:13px}
  .q-table{font-size:13px;min-width:460px}
  .q-table th,.q-table td{padding:8px 10px}
}

/* ==========================================================================
   「弘冶观点」结论框 —— 资讯二次创作的核心标识。
   放在正文最前，用本公司独立判断统领后文引用数据，形成转化性表达（区别于单纯转载）。
   ========================================================================== */
.q-view{margin:0 0 26px;padding:18px 20px 14px;border:1px solid var(--line);
  border-left:4px solid var(--accent-3);
  border-radius:var(--radius);background:linear-gradient(180deg,#fffaf2 0%,var(--bg-soft) 100%)}
.q-view-h{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;color:var(--steel-800);margin-bottom:10px}
.q-view-h::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);flex:0 0 auto}
.q-view ul{margin:0;padding-left:20px}
.q-view li{margin-bottom:7px;font-size:15px;line-height:1.85;color:var(--text)}
.q-view li:last-child{margin-bottom:0}
.q-view b{color:var(--accent);font-weight:700}
@media(max-width:680px){
  .q-view{padding:15px 15px 12px;margin-bottom:20px}
  .q-view li{font-size:14.5px;line-height:1.8}
}

/* ==========================================================================
   资讯详情页增强（2026-10-07）：封面 / 摘要 / 上下篇导航 / 操作区 / 相关资讯
   移动端：封面降高、操作按钮全宽、上下篇纵向堆叠、相关卡片两列
   ========================================================================== */
.nd-wrap{max-width:1240px}
/* 阅读列保持 840 居中，相关推荐区用满外层 1240 宽度（比正文更宽） */
.nd-cover,.nd-body,.nd-summary,.nd-nav,.nd-actions{max-width:840px;margin-left:auto;margin-right:auto}
.nd-cover{margin:0 auto 22px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line)}
.nd-cover img{width:100%;height:320px;object-fit:cover;display:block}
.nd-summary{font-size:16px;font-weight:700;color:var(--steel-800);line-height:1.75;
  padding:14px 18px;background:var(--bg-soft);border-left:3px solid var(--accent-3);
  border-radius:8px;margin-bottom:22px}
/* 正文内容图片：块级居中 + 自适应（含移动端），不溢出阅读列 */
.nd-body img{display:block;max-width:100%;height:auto;margin:16px auto;border-radius:10px}
.nd-actions{margin-top:32px;padding-top:26px;border-top:1px solid var(--line);
  display:flex;gap:14px;flex-wrap:wrap;justify-content:center}

.nd-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}
.nd-nav-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);
  padding:14px 16px;transition:border-color .25s,box-shadow .25s}
.nd-nav-item:hover{border-color:var(--accent);box-shadow:var(--shadow)}
.nd-nav-item a{display:flex;flex-direction:column;gap:5px;text-decoration:none}
.nd-nav-lbl{font-size:12.5px;color:var(--accent);font-weight:700}
.nd-nav-t{font-size:14.5px;color:var(--text);line-height:1.6;display:-webkit-box;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nd-nav-r{text-align:right}
.nd-nav-r a{align-items:flex-end}
.nd-nav-off{font-size:13.5px;color:var(--muted)}

.nd-rel{margin-top:40px}
.nd-rel-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.nd-rel-h h2{font-size:19px;font-weight:800;color:var(--steel-800);margin:0}
.nd-rel-h a{font-size:14px;color:var(--accent);text-decoration:none;white-space:nowrap}
.nd-rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.nd-rel-card{display:flex;flex-direction:column;border:1px solid var(--line);
  border-radius:var(--radius);overflow:hidden;background:var(--surface);text-decoration:none;
  transition:border-color .25s,box-shadow .25s,transform .25s}
.nd-rel-card:hover{border-color:var(--accent);box-shadow:var(--shadow-hover);transform:translateY(-2px)}
.nd-rel-thumb{height:110px;background:linear-gradient(135deg,var(--steel-700),var(--steel-500));
  position:relative;overflow:hidden}
.nd-rel-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.nd-rel-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  color:#fff;font-weight:800;letter-spacing:2px;opacity:.85}
.nd-rel-body{padding:11px 13px;flex:1;display:flex;flex-direction:column;gap:5px}
.nd-rel-cat{font-size:11.5px;color:var(--accent);font-weight:700}
.nd-rel-body h3{margin:0;font-size:14px;line-height:1.55;color:var(--text);font-weight:600;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nd-rel-body time{font-size:12px;color:var(--muted);margin-top:auto}

@media(max-width:1100px){
  .nd-cover img{height:260px}
  .nd-rel-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .nd-cover{margin-bottom:16px}
  .nd-cover img{height:186px}
  .nd-summary{font-size:15px;padding:12px 14px;margin-bottom:18px;line-height:1.75}
  .nd-nav{grid-template-columns:1fr;gap:10px;margin-top:20px}
  .nd-nav-r{text-align:left}
  .nd-nav-r a{align-items:flex-start}
  .nd-nav-item{padding:12px 14px}
  .nd-nav-t{font-size:14px}
  .nd-actions{gap:10px;margin-top:26px;padding-top:22px}
  .nd-actions .btn{flex:1 1 100%;justify-content:center;text-align:center}
  .nd-rel{margin-top:30px}
  .nd-rel-h h2{font-size:17px}
  .nd-rel-grid{gap:10px}
  .nd-rel-thumb{height:88px}
  .nd-rel-body{padding:9px 11px}
  .nd-rel-body h3{font-size:13px}
}
.pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:34px 0 6px}
.pager .pg{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg-2);color:var(--text);font-size:14px;font-weight:600;text-decoration:none;transition:.15s}
.pager .pg:hover{border-color:var(--accent);color:var(--accent)}
.pager .pg.active{background:var(--accent);border-color:var(--accent);color:#fff;cursor:default}
.pager .pg.disabled{opacity:.45;pointer-events:none}
.pager .pg-prev,.pager .pg-next{min-width:96px}
@media(max-width:680px){
  .pager{gap:6px;margin:24px 0 4px}
  .pager .pg{min-width:34px;height:34px;padding:0 10px;font-size:13px}
  .pager .pg-prev,.pager .pg-next{min-width:78px;font-size:12.5px}
}

/* ==========================================================================
   补漏配图（2026-10-07）：资讯卡缩略图 / 材质卡配图 / 材质详情主图
   ========================================================================== */
/* 资讯卡：有封面时改为纵向卡片（图在上，日期+文字在下） */
.news-card.has-shot{flex-direction:column;gap:0;padding:0}
.news-card.has-shot .news-card-body{display:flex;gap:20px;padding:22px 24px 24px}
.news-thumb{position:relative;height:168px;overflow:hidden;background:linear-gradient(135deg,var(--steel-700),var(--steel-500));flex-shrink:0}
.news-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.news-card.has-shot:hover .news-thumb img{transform:scale(1.06)}
.news-card.has-shot:hover .news-date{background:linear-gradient(135deg,var(--steel-700),var(--steel-500))}

/* 材质卡配图 */
.mat-card-shot{position:relative;height:132px;overflow:hidden;background:linear-gradient(135deg,var(--steel-700),var(--steel-500))}
.mat-card-shot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.material-card:hover .mat-card-shot img{transform:scale(1.06)}

/* 材质详情主图 */
.mat-cover{margin:0 0 26px;position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line)}
.mat-cover img{width:100%;height:260px;object-fit:cover;display:block}
.mat-cover figcaption{position:absolute;left:0;right:0;bottom:0;padding:11px 18px;font-size:13.5px;color:#eaf2fb;
  background:linear-gradient(180deg,rgba(9,18,32,0),rgba(9,18,32,.84))}

@media(max-width:1100px){
  .news-thumb{height:150px}
  .mat-cover img{height:220px}
}
@media(max-width:680px){
  .news-thumb{height:132px}
  .news-card.has-shot .news-card-body{padding:16px 16px 18px;gap:14px}
  .news-card.has-shot .news-date{min-width:56px;height:56px}
  .news-card.has-shot .news-date b{font-size:20px}
  .mat-card-shot{height:104px}
  .mat-cover{margin-bottom:18px}
  .mat-cover img{height:160px}
  .mat-cover figcaption{padding:9px 13px;font-size:12.5px}
}

/* 关于我们 / 联系我们：企业实景配图条 */
.page-shot{margin:22px 0 0;position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line)}
.page-shot img{width:100%;height:300px;object-fit:cover;display:block}
.page-shot figcaption{padding:10px 16px;font-size:13px;color:var(--muted);background:var(--bg-2);border-top:1px solid var(--line)}
@media(max-width:1100px){.page-shot img{height:230px}}
@media(max-width:680px){.page-shot{margin-top:16px}.page-shot img{height:170px}.page-shot figcaption{padding:8px 12px;font-size:12.5px}}

/* ===== 资讯正文对比表格（2026-10-13 新增，作用域 .nd-body，不影响其他页面） ===== */
.nd-body .nd-table-wrap{overflow-x:auto;margin:18px 0;border:1px solid var(--line);border-radius:var(--radius);
  background:var(--surface);-webkit-overflow-scrolling:touch}
.nd-body table.nd-table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:560px;margin:0}
.nd-body table.nd-table th,.nd-body table.nd-table td{padding:10px 13px;border-bottom:1px solid var(--line);
  border-right:1px solid var(--line);text-align:left;vertical-align:top;white-space:normal;line-height:1.6}
.nd-body table.nd-table th{background:linear-gradient(180deg,#12386e,#0d2a56);color:#fff;font-weight:700;
  text-align:center;white-space:nowrap}
.nd-body table.nd-table td{color:var(--steel-700)}
.nd-body table.nd-table td:first-child{font-weight:700;color:var(--steel-800)}
.nd-body table.nd-table tbody tr:nth-child(even) td{background:var(--bg-soft)}
.nd-body table.nd-table tbody tr:hover td{background:rgba(255,90,31,.06)}
.nd-body table.nd-table tr:last-child td{border-bottom:none}
.nd-body table.nd-table th:last-child,.nd-body table.nd-table td:last-child{border-right:none}
@media(max-width:680px){
  .nd-body table.nd-table{font-size:12.5px;min-width:520px}
  .nd-body table.nd-table th,.nd-body table.nd-table td{padding:8px 10px}
}

/* 按品类选购卡片（图文） */
.cat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cat-card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:.28s}
.cat-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover);border-color:var(--accent)}
.cat-card-thumb{position:relative;height:158px;background:linear-gradient(135deg,var(--steel-700),var(--steel-500));overflow:hidden}
.cat-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.cat-card:hover .cat-card-thumb img{transform:scale(1.05)}
.cat-card-grade{position:absolute;left:12px;bottom:12px;z-index:2;background:rgba(13,36,66,.85);color:#fff;font-size:12px;padding:4px 11px;border-radius:999px;letter-spacing:.4px}
.cat-card-body{padding:14px 16px 16px}
.cat-card-body h3{margin:0;font-size:17px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.cat-card-en{font-size:11px;font-weight:500;color:#8a97a8;letter-spacing:.5px}
.cat-card-body p{margin:7px 0 0;font-size:13px;color:#5a6b80;line-height:1.65}
.cat-more-links{margin-top:24px;display:flex;gap:22px;justify-content:center;flex-wrap:wrap}
.cat-more-links a{font-size:14px;color:var(--accent);text-decoration:none}
.cat-more-links a:hover{text-decoration:underline}
@media(max-width:900px){.cat-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.cat-cards{grid-template-columns:1fr}}


/* ==========================================================================
   牌号知识专辑（grade album）布局样式
   —— 追加到 hongye.com/static/css/style.css 末尾

   设计原则：不引入第三方配色，完全复用站内既有 CSS 变量（--steel-* / --accent /
   --surface / --line / --radius / --shadow）与组件类（.card / .btn-* / .prose /
   .container-wide / .mat-hero），只新增专辑特有的布局类 gp-*。
   这样新页面与弘冶首页、产品页、视频相比不会出现视觉割裂。
   ========================================================================== */

/* ---------- 专辑子频道导航（10 个 tab 横向排布，窄屏可滚） ---------- */
.gp-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 22px;
  padding: 0 0 4px;
}
.gp-nav a {
  font-size: 13.5px;
  text-decoration: none;
  color: var(--steel-700);
  border: 1px solid var(--line);
  padding: 8px 15px;
  border-radius: 999px;
  background: var(--surface);
  transition: .2s;
  white-space: nowrap;
}
.gp-nav a:hover {
  background: var(--steel-700);
  color: #fff;
  border-color: var(--steel-700);
}
.gp-nav a.active {
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  color: #fff;
  border-color: transparent;
  box-shadow: 0 8px 20px rgba(255, 90, 31, .28);
  font-weight: 700;
}

/* ---------- 导语卡片：首屏核心结论，提升停留 ---------- */
.gp-lead {
  background: linear-gradient(135deg, #eef4fb, #f9fbff);
  border-left: 4px solid var(--steel-500);
  border-radius: var(--radius);
  padding: 18px 22px;
  margin: 0 0 24px;
  color: var(--steel-800);
  font-size: 15.5px;
  line-height: 1.85;
}
.gp-lead b { color: var(--steel-700); }

/* ---------- 关键要点块：列表式速读，利于百度提取摘要 ---------- */
.gp-keypoints {
  background: var(--bg-soft);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 18px 22px 8px;
  margin: 0 0 24px;
}
.gp-keypoints h4 {
  color: var(--steel-800);
  font-size: 15px;
  margin: 0 0 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.gp-keypoints h4::before {
  content: "";
  width: 3px; height: 15px;
  background: linear-gradient(180deg, var(--accent), var(--accent-3));
  border-radius: 2px;
}
.gp-keypoints ul { list-style: none; padding: 0; margin: 0; }
.gp-keypoints li {
  position: relative;
  padding: 6px 0 6px 20px;
  color: #3a4a5c;
  font-size: 14.5px;
  line-height: 1.8;
}
.gp-keypoints li::before {
  content: "";
  position: absolute; left: 4px; top: 15px;
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--accent-2);
}

/* ---------- 正文章节 ---------- */
.gp-body h2 {
  color: var(--steel-800);
  border-left: 4px solid var(--accent);
  padding-left: 12px;
  margin: 34px 0 16px;
  font-size: 22px;
  line-height: 1.4;
}
.gp-body h3 {
  color: var(--steel-700);
  margin: 26px 0 12px;
  font-size: 18px;
}
.gp-body p { color: #3a4a5c; font-size: 15px; line-height: 1.9; margin-bottom: 14px; }
.gp-body ul, .gp-body ol { margin: 0 0 16px 22px; color: #3a4a5c; font-size: 15px; line-height: 1.9; }
.gp-body li { margin-bottom: 6px; }
.gp-body strong { color: var(--steel-800); }
.gp-body a { color: var(--accent); text-decoration: none; }
.gp-body a:hover { text-decoration: underline; }
.gp-body blockquote {
  border-left: 4px solid var(--steel-400);
  background: var(--bg-soft);
  margin: 18px 0;
  padding: 12px 18px;
  color: #33424f;
  border-radius: 0 var(--radius) var(--radius) 0;
}

/* ---------- 表格：窄屏横向滚动，避免挤爆排版 ---------- */
.gp-table-wrap { width: 100%; overflow-x: auto; margin: 18px 0; }
.gp-body table {
  border-collapse: collapse;
  width: 100%;
  min-width: 560px;
  font-size: 14.5px;
  background: var(--surface);
}
.gp-body th, .gp-body td {
  border: 1px solid var(--line);
  padding: 10px 13px;
  text-align: left;
  vertical-align: top;
  line-height: 1.7;
}
.gp-body th {
  background: linear-gradient(180deg, #eaf1fa, #f4f8fd);
  color: var(--steel-800);
  font-weight: 700;
  white-space: nowrap;
}
.gp-body tr:nth-child(even) td { background: #fafbfd; }
.gp-body table caption {
  caption-side: bottom;
  padding-top: 10px;
  font-size: 12.5px;
  color: var(--muted);
  text-align: left;
}

/* ---------- FAQ 折叠（details 原生，无 JS 依赖、可被爬虫抓取） ---------- */
.gp-faq { margin: 26px 0 0; }
.gp-faq-item {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  margin-bottom: 12px;
  overflow: hidden;
}
.gp-faq-item summary {
  cursor: pointer;
  padding: 15px 20px;
  font-weight: 700;
  color: var(--steel-800);
  font-size: 15.5px;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.gp-faq-item summary::-webkit-details-marker { display: none; }
.gp-faq-item summary::after {
  content: "+";
  color: var(--accent);
  font-size: 20px;
  font-weight: 400;
  flex-shrink: 0;
}
.gp-faq-item[open] summary::after { content: "\2212"; }
.gp-faq-item .gp-faq-a {
  padding: 0 20px 16px;
  color: #3a4a5c;
  font-size: 14.5px;
  line-height: 1.9;
  border-top: 1px solid var(--line);
  padding-top: 14px;
}

/* ---------- 转化 CTA ---------- */
.gp-cta {
  background: linear-gradient(135deg, var(--steel-800), var(--steel-600));
  color: #fff;
  border-radius: var(--radius-lg);
  padding: 26px 28px;
  margin: 30px 0 0;
  box-shadow: var(--shadow);
}
.gp-cta h3 { color: #fff; margin: 0 0 10px; font-size: 20px; border: 0; padding: 0; }
.gp-cta p { color: #cfe0f5; margin: 0 0 16px; font-size: 15px; line-height: 1.8; }
.gp-cta .gp-tel { color: var(--accent-3); font-weight: 800; font-size: 19px; }

/* ---------- 同专辑其他页互链（主题聚类，提升爬取深度） ---------- */
.gp-album {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
  margin-top: 16px;
}
.gp-album a {
  display: block;
  padding: 13px 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  text-decoration: none;
  color: var(--steel-700);
  font-size: 14px;
  font-weight: 600;
  transition: .2s;
}
.gp-album a:hover {
  border-color: var(--accent-2);
  color: var(--accent);
  transform: translateY(-2px);
  box-shadow: var(--shadow);
}
.gp-album a small { display: block; color: var(--muted); font-weight: 400; font-size: 12px; margin-top: 3px; }

/* ---------- 数据出处标注（技术站可信度） ---------- */
.gp-source {
  font-size: 13px;
  color: var(--muted);
  border: 1px dashed var(--line);
  background: var(--bg-soft);
  border-radius: 12px;
  padding: 12px 16px;
  margin-top: 22px;
  line-height: 1.8;
}

@media (max-width: 700px) {
  .gp-nav { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 8px; }
  .gp-body h2 { font-size: 19px; }
  .gp-cta { padding: 20px; }
}

/* ---------- 中英语言切换（单图标按钮：中文界面显示「去英文」英国旗，英文界面显示「去中文」五星红旗）
   桌面端：绝对定位悬浮于导航栏右上角，不占导航流空间；
   导航栏右侧预留 58px 角位，导航项内边距 18→14px 找补，保证单行不换行 ---------- */
.langswitch{display:inline-flex;align-items:center;border:1px solid var(--line);
  border-radius:9px;overflow:hidden;background:#fff;flex:0 0 auto}
.langswitch .ls-go{display:grid;place-items:center;padding:5px 7px;line-height:1}
.langswitch .ls-go:hover{background:var(--bg)}
.langswitch svg,.en-langswitch svg{width:18px;height:18px;display:block;border-radius:3px;
  box-shadow:0 0 0 1px rgba(6,26,51,.15)}
@media(min-width:681px){
  .nav-inner{position:relative;padding-right:58px}
  .langswitch{position:absolute;right:11px;top:50%;transform:translateY(-50%)}
  .nav-menu{gap:4px}
  .nav-menu a{padding-left:14px;padding-right:14px}
}
@media(max-width:680px){
  .langswitch{margin-left:6px}
  .langswitch .ls-go{padding:5px 7px}
}

/* ---------- 681–1180px：导航收起为汉堡（9 个栏目 + 长品牌名在该区间放不下单行，
   提前折叠，避免栏目文字被挤成两行；切换钮仍悬浮右上角 ---------- */
@media(min-width:681px) and (max-width:1279px){
  .nav-menu{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;
    flex-direction:column;padding:10px 14px;border-radius:0 0 12px 12px;
    box-shadow:0 14px 30px rgba(6,26,51,.14)}
  .nav-menu.open{display:flex}
  .nav-menu a{min-height:44px;flex-direction:row;align-items:baseline;justify-content:flex-start;
    gap:9px;text-align:left;padding:10px 14px}
  .nav-menu a small{font-size:9px}
  .nav-toggle{display:block}
}

/* [2026-10-27] footer ICP filing -- must look identical to the copyright text.
   font-size/family/weight/line-height are forced to INHERIT because .en-foot a
   sets font-size:14px + display:block, which would make the ICP line larger and
   break it onto its own row on the English pages. */
.footer-bottom .icp,.en-foot-bottom .icp{
  font-size:inherit;font-family:inherit;font-weight:inherit;font-style:inherit;
  line-height:inherit;letter-spacing:inherit;
  display:inline;padding:0;margin-left:10px;vertical-align:baseline;
  color:inherit;text-decoration:none;white-space:nowrap;
  transition:opacity .2s}
.footer-bottom .icp:hover,.en-foot-bottom .icp:hover{text-decoration:underline}
@media(max-width:680px){
  .footer-bottom .icp,.en-foot-bottom .icp{margin-left:0;display:inline-block;margin-top:3px}
}

/* [2026-10-27] FAQ accordion promoted to global scope.
   .faq-list/.faq-item were only defined inside templates/contact.html's own
   <style> block, so /about (which uses the same markup) rendered native
   <details> triangles with no card styling. Keep one canonical definition here. */
.faq-list{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:box-shadow .2s,border-color .2s}
.faq-item:hover{border-color:rgba(255,90,31,.35);box-shadow:0 6px 18px rgba(16,39,74,.06)}
.faq-item summary{cursor:pointer;padding:18px 22px;font-weight:700;color:var(--steel-800);font-size:15.5px;list-style:none;position:relative;padding-right:48px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::marker{content:""}
.faq-item summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:20px;line-height:1;color:var(--accent);transition:transform .2s}
.faq-item[open] summary::after{content:"–"}
.faq-item p{margin:0;padding:0 22px 18px;font-size:14.5px;line-height:1.8;color:var(--steel-600)}
.faq-item p a{color:var(--accent);font-weight:700;text-decoration:none}
.faq-item p a:hover{text-decoration:underline}
@media(max-width:820px){.faq-list{grid-template-columns:1fr}}
.quality-grid .prose .q-note{margin:16px 0 0;font-size:14px;line-height:1.85;color:var(--steel-600);padding-left:14px;border-left:3px solid rgba(255,90,31,.45)}
@media(max-width:900px){.quality-grid .prose .q-note{font-size:13.5px}}