/* =========================================================
   华中特种油 · 全新官网
   设计语言：深空 / 大地金 / 极简克制（参照 STARLUX 星宇航空）
   ========================================================= */

:root{
  --bg:        #FFFFFF;
  --bg-2:      #F4F6F9;
  --panel:     #FFFFFF;
  --panel-2:   #F7F9FB;
  --line:      #E2E6EC;
  --line-strong:#C7CED8;
  --text:      #1A1D21;
  --muted:     #4A5158;
  --muted-2:   #7C848E;
  --gold:      #E00000;   /* 华鑫红 */
  --gold-l:    #E00000;
  --gold-d:    #B00000;
  --rose:      #0080C8;   /* MASSIT 蓝 */
  --blue:      #0080C8;
  --blue-d:    #0069A3;
  --font-cn: "Microsoft YaHei Light","Microsoft YaHei","PingFang SC","Hiragino Sans GB","Source Han Sans SC",sans-serif;
  --font-en: "Helvetica Neue","HarmonyOS Sans","Segoe UI",Arial,sans-serif;
  --ease: cubic-bezier(.22,.61,.36,1);
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:var(--bg);
  color:var(--text);
  font-family:var(--font-cn);
  font-weight:300;
  line-height:1.9;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;}
::selection{background:var(--gold);color:#0A0A0B;}

/* 全局颗粒质感 */
body::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---------- 版心 ---------- */
.wrap{width:100%;max-width:1360px;margin:0 auto;padding:0 clamp(20px,5.2vw,88px);}

/* ---------- 拉丁小标 ---------- */
.eyebrow{
  font-family:var(--font-en);
  font-size:11px;letter-spacing:.34em;text-transform:uppercase;
  color:var(--gold);font-weight:400;
  display:flex;align-items:center;gap:14px;
}
.eyebrow::before{content:"";width:34px;height:1px;background:var(--gold);opacity:.7;}
.eyebrow.center{justify-content:center;}
.eyebrow.center::after{content:"";width:34px;height:1px;background:var(--gold);opacity:.7;}

/* ---------- 大标题 ---------- */
.h1{
  font-size:clamp(30px,4.6vw,62px);
  line-height:1.28;font-weight:300;letter-spacing:.045em;
}
.h2{
  font-size:clamp(24px,2.9vw,40px);
  line-height:1.4;font-weight:300;letter-spacing:.05em;
}
.h3{font-size:clamp(18px,1.5vw,22px);font-weight:300;letter-spacing:.06em;}
.lead{font-size:clamp(14.5px,1.15vw,17px);color:var(--muted);line-height:2.15;letter-spacing:.03em;}
.gold{color:var(--gold-l);}

/* =========================================================
   顶部导航
   ========================================================= */
.hd{
  position:fixed;top:0;left:0;right:0;z-index:9000;
  transition:background .5s var(--ease),backdrop-filter .5s var(--ease),border-color .5s var(--ease);
  border-bottom:1px solid transparent;
}
.hd.solid{
  background:rgba(10,10,11,.86);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border-bottom-color:var(--line);
}
.hd-in{
  height:86px;display:flex;align-items:center;justify-content:space-between;
  transition:height .4s var(--ease);
}
.hd.solid .hd-in{height:70px;}
.logo{display:flex;align-items:baseline;gap:12px;}
.logo-cn{
  font-size:17px;letter-spacing:.22em;font-weight:400;white-space:nowrap;
}
.logo-en{
  font-family:var(--font-en);font-size:9px;letter-spacing:.26em;
  color:var(--muted-2);text-transform:uppercase;white-space:nowrap;
}
.nav{display:flex;align-items:center;gap:clamp(18px,2.4vw,40px);}
.nav a{
  position:relative;font-size:13.5px;letter-spacing:.16em;color:var(--muted);
  padding:6px 0;transition:color .35s var(--ease);
}
.nav a::after{
  content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--gold);
  transition:width .4s var(--ease);
}
.nav a:hover,.nav a.on{color:var(--text);}
.nav a:hover::after,.nav a.on::after{width:100%;}
.hd-tel{
  display:flex;align-items:center;gap:9px;font-family:var(--font-en);
  font-size:12.5px;letter-spacing:.13em;color:var(--gold-l);white-space:nowrap;
}
.hd-tel svg{width:13px;height:13px;stroke:var(--gold);fill:none;stroke-width:1.4;}
.burger{display:none;width:40px;height:40px;position:relative;cursor:pointer;}
.burger i{position:absolute;left:8px;width:24px;height:1px;background:var(--text);transition:.4s var(--ease);}
.burger i:nth-child(1){top:15px;}
.burger i:nth-child(2){top:23px;width:16px;}
.burger.on i:nth-child(1){top:19px;transform:rotate(45deg);}
.burger.on i:nth-child(2){top:19px;width:24px;transform:rotate(-45deg);}

/* 移动端抽屉 */
.drawer{
  position:fixed;inset:0;z-index:8900;background:rgba(8,8,9,.98);
  backdrop-filter:blur(20px);
  display:flex;flex-direction:column;justify-content:center;gap:6px;
  padding:0 9vw;opacity:0;pointer-events:none;transition:opacity .45s var(--ease);
}
.drawer.on{opacity:1;pointer-events:auto;}
.drawer a{
  font-size:26px;letter-spacing:.16em;color:var(--muted);padding:14px 0;
  border-bottom:1px solid var(--line);transition:color .3s;
}
.drawer a:active{color:var(--gold-l);}
.drawer .d-tel{margin-top:28px;font-family:var(--font-en);font-size:20px;color:var(--gold);letter-spacing:.1em;border:0;}

/* =========================================================
   HERO
   ========================================================= */
.hero{
  position:relative;min-height:100svh;display:flex;align-items:center;
  overflow:hidden;
}
.hero-bg{position:absolute;inset:0;z-index:0;}
.hero-bg::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(120% 90% at 78% 18%, rgba(185,155,107,.16) 0%, transparent 55%),
    radial-gradient(90% 70% at 12% 88%, rgba(140,114,71,.13) 0%, transparent 60%),
    linear-gradient(180deg,#0B0B0D 0%,#08080A 55%,#0A0A0B 100%);
}
/* 细网格 */
.hero-grid{
  position:absolute;inset:0;opacity:.5;
  background-image:
    linear-gradient(to right, rgba(237,234,227,.055) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(237,234,227,.055) 1px, transparent 1px);
  background-size:clamp(90px,9vw,150px) clamp(90px,9vw,150px);
  mask-image:radial-gradient(120% 100% at 50% 30%, #000 20%, transparent 78%);
  -webkit-mask-image:radial-gradient(120% 100% at 50% 30%, #000 20%, transparent 78%);
}
/* 地平线光带 */
.hero-glow{
  position:absolute;left:50%;bottom:-30%;width:130%;height:56%;
  transform:translateX(-50%);
  background:radial-gradient(ellipse at 50% 100%, rgba(185,155,107,.28) 0%, rgba(185,155,107,.07) 34%, transparent 66%);
  filter:blur(24px);
}
.hero-in{
  position:relative;z-index:2;width:100%;padding-top:118px;padding-bottom:96px;
}
.hero-eyebrow{margin-bottom:clamp(28px,4vw,52px);}
.hero h1{
  font-size:clamp(34px,6.2vw,88px);line-height:1.24;font-weight:300;
  letter-spacing:.04em;max-width:16em;
}
.hero h1 em{font-style:normal;color:var(--gold-l);}
.hero-sub{
  margin-top:clamp(30px,4vw,48px);max-width:640px;
  font-size:clamp(13.5px,1.15vw,16.5px);line-height:2.3;color:var(--muted);
  letter-spacing:.04em;
}
.hero-rule{
  width:100%;height:1px;background:linear-gradient(90deg,var(--line-strong),transparent);
  margin:clamp(40px,5vw,64px) 0 clamp(26px,3vw,36px);
}
.hero-meta{
  display:flex;flex-wrap:wrap;gap:clamp(24px,4vw,64px);
}
.hero-meta div{min-width:110px;}
.hero-meta .k{
  font-family:var(--font-en);font-size:10px;letter-spacing:.28em;text-transform:uppercase;
  color:var(--muted-2);margin-bottom:8px;
}
.hero-meta .v{font-size:15px;letter-spacing:.09em;color:var(--text);}
.hero-meta .v b{font-family:var(--font-en);font-size:26px;font-weight:400;color:var(--gold-l);letter-spacing:.02em;}
.scroll-tip{
  position:absolute;left:50%;bottom:30px;transform:translateX(-50%);z-index:3;
  display:flex;flex-direction:column;align-items:center;gap:10px;
  font-family:var(--font-en);font-size:9px;letter-spacing:.32em;color:var(--muted-2);
  text-transform:uppercase;
}
.scroll-tip i{display:block;width:1px;height:46px;background:linear-gradient(var(--gold),transparent);animation:drop 2.4s infinite var(--ease);}
@keyframes drop{0%{transform:scaleY(0);transform-origin:top;opacity:1}45%{transform:scaleY(1);transform-origin:top;opacity:1}55%{transform:scaleY(1);transform-origin:bottom;opacity:1}100%{transform:scaleY(0);transform-origin:bottom;opacity:0}}

/* =========================================================
   通用 section
   ========================================================= */
.sec{padding:clamp(62px,7.4vw,112px) 0;position:relative;}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:clamp(44px,5.5vw,80px);}
.sec-head .h2{max-width:20em;}
.sec-head .more{
  font-family:var(--font-en);font-size:11px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--muted);border-bottom:1px solid var(--line-strong);padding-bottom:6px;
  white-space:nowrap;transition:.35s var(--ease);
}
.sec-head .more:hover{color:var(--gold-l);border-color:var(--gold);}

/* 宣言段 */
.manifest{padding:clamp(68px,8vw,120px) 0;border-top:1px solid var(--line);}
.manifest .txt{
  font-size:clamp(20px,2.4vw,32px);line-height:1.85;font-weight:300;letter-spacing:.05em;
  max-width:26em;color:rgba(237,234,227,.9);
}
.manifest .txt span{color:var(--gold-l);}
.manifest .note{
  margin-top:clamp(26px,3.4vw,40px);display:flex;gap:clamp(30px,6vw,90px);flex-wrap:wrap;
  color:var(--muted);font-size:13.5px;letter-spacing:.05em;line-height:2.1;
}
.manifest .note p{max-width:22em;}

/* =========================================================
   产品矩阵
   ========================================================= */
.plines{border-top:1px solid var(--line);}
.pline{
  display:grid;grid-template-columns:88px 1fr 1.15fr auto;gap:clamp(16px,3vw,48px);
  align-items:center;padding:clamp(26px,3.2vw,42px) 0;
  border-bottom:1px solid var(--line);
  position:relative;transition:background .5s var(--ease);
}
.pline::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,rgba(185,155,107,.10),transparent);
  transition:width .6s var(--ease);
}
.pline:hover::before{width:100%;}
.pline .no{
  font-family:var(--font-en);font-size:11px;letter-spacing:.2em;color:var(--muted-2);
}
.pline .nm{font-size:clamp(18px,1.9vw,26px);letter-spacing:.1em;font-weight:300;}
.pline .en{
  display:block;font-family:var(--font-en);font-size:9.5px;letter-spacing:.24em;
  text-transform:uppercase;color:var(--gold-d);margin-top:9px;
}
.pline .ds{font-size:13.5px;color:var(--muted);line-height:2;letter-spacing:.03em;}
.pline .ar{
  width:44px;height:44px;border:1px solid var(--line-strong);border-radius:50%;
  display:grid;place-items:center;transition:.45s var(--ease);flex:none;
}
.pline .ar svg{width:14px;height:14px;stroke:var(--muted);fill:none;stroke-width:1.3;transition:.45s;}
.pline:hover .ar{border-color:var(--gold);background:rgba(185,155,107,.10);}
.pline:hover .ar svg{stroke:var(--gold-l);transform:translateX(2px);}
.pline:hover .nm{color:var(--gold-l);}

/* =========================================================
   优势
   ========================================================= */
.adv{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);}
.adv-i{
  padding:clamp(32px,3.6vw,48px) clamp(18px,2.4vw,32px);
  border-bottom:1px solid var(--line);border-right:1px solid var(--line);
  transition:background .45s var(--ease);
}
.adv-i:last-child{border-right:0;}
.adv-i:hover{background:rgba(255,255,255,.018);}
.adv-i .no{font-family:var(--font-en);font-size:11px;letter-spacing:.24em;color:var(--gold-d);margin-bottom:clamp(26px,3vw,44px);}
.adv-i h4{font-size:17px;font-weight:300;letter-spacing:.07em;line-height:1.7;margin-bottom:16px;}
.adv-i p{font-size:13.5px;color:var(--muted);line-height:2.1;letter-spacing:.02em;}

/* =========================================================
   双品牌
   ========================================================= */
.brands{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);}
.brand-c{
  background:var(--bg);padding:clamp(34px,4vw,56px);
  display:flex;flex-direction:column;justify-content:flex-start;gap:26px;
  min-height:230px;transition:background .5s var(--ease);
}
.brand-c:hover{background:var(--bg-2);}
.brand-c .mark{
  font-family:var(--font-en);font-size:clamp(30px,3.4vw,46px);letter-spacing:.14em;
  color:var(--text);font-weight:300;
}
.brand-c .mark small{display:block;font-family:var(--font-cn);font-size:12px;letter-spacing:.3em;color:var(--gold);margin-top:14px;}
.brand-c p{font-size:13px;color:var(--muted);line-height:2.1;}

/* =========================================================
   数据 / 技术服务
   ========================================================= */
.svc{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1px,0.2vw,1px);background:var(--line);}
.svc-c{background:var(--bg);padding:clamp(30px,3.4vw,44px) clamp(22px,2.8vw,36px);}
.svc-c + .svc-c{border-left:1px solid var(--line);}
.svc-c .step{font-family:var(--font-en);font-size:10px;letter-spacing:.26em;color:var(--gold);margin-bottom:24px;}
.svc-c h4{font-size:19px;font-weight:300;letter-spacing:.08em;margin-bottom:16px;}
.svc-c p{font-size:13.5px;color:var(--muted);line-height:2.05;}
.svc-c ul{margin-top:18px;}
.svc-c li{font-size:13px;color:var(--muted);padding-left:16px;position:relative;line-height:2.1;}
.svc-c li::before{content:"";position:absolute;left:0;top:13px;width:6px;height:1px;background:var(--gold-d);}

/* =========================================================
   新闻
   ========================================================= */
.news{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(30px,5vw,80px);}
.news-lead a{display:block;}
.news-lead .tag{font-family:var(--font-en);font-size:10px;letter-spacing:.24em;color:var(--gold);text-transform:uppercase;}
.news-lead h3{
  font-size:clamp(21px,2.3vw,30px);font-weight:300;line-height:1.6;letter-spacing:.05em;
  margin:20px 0 18px;transition:color .35s;
}
.news-lead:hover h3{color:var(--gold-l);}
.news-lead p{font-size:14px;color:var(--muted);line-height:2.15;}
.news-lead .d{font-family:var(--font-en);font-size:11px;letter-spacing:.16em;color:var(--muted-2);margin-top:26px;}
.news-list li{border-top:1px solid var(--line);}
.news-list li:last-child{border-bottom:1px solid var(--line);}
.news-list a{display:flex;justify-content:space-between;gap:24px;padding:22px 0;transition:.35s;}
.news-list a:hover{padding-left:10px;}
.news-list .t{font-size:14px;color:var(--muted);line-height:1.8;transition:color .35s;}
.news-list a:hover .t{color:var(--gold-l);}
.news-list .dt{font-family:var(--font-en);font-size:11px;letter-spacing:.12em;color:var(--muted-2);white-space:nowrap;padding-top:4px;}

/* =========================================================
   CTA
   ========================================================= */
.cta{
  position:relative;overflow:hidden;border-top:1px solid var(--line);
  padding:clamp(70px,8.4vw,128px) 0;text-align:center;
}
.cta::before{
  content:"";position:absolute;left:50%;top:50%;width:120%;height:150%;transform:translate(-50%,-50%);
  background:radial-gradient(ellipse at 50% 50%, rgba(185,155,107,.13), transparent 62%);
  pointer-events:none;
}
.cta h2{font-size:clamp(26px,3.8vw,52px);font-weight:300;letter-spacing:.06em;line-height:1.5;position:relative;}
.cta p{margin:26px auto 0;max-width:46em;color:var(--muted);font-size:14px;letter-spacing:.05em;position:relative;}
.btn{
  display:inline-flex;align-items:center;gap:14px;margin-top:44px;position:relative;
  padding:16px 34px;border:1px solid var(--gold);color:var(--gold-l);
  font-size:13px;letter-spacing:.2em;transition:.45s var(--ease);
}
.btn svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.4;transition:.45s;}
.btn:hover{background:var(--gold);color:#0A0A0B;}
.btn:hover svg{transform:translateX(4px);}

/* =========================================================
   页脚
   ========================================================= */
.ft{border-top:1px solid var(--line);padding:clamp(56px,7vw,90px) 0 34px;background:var(--bg-2);}
.ft-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:clamp(28px,4vw,56px);}
.ft-brand .logo-cn{font-size:16px;}
.ft-brand p{margin-top:22px;font-size:12.5px;color:var(--muted-2);line-height:2.1;max-width:24em;}
.ft-col h5{
  font-family:var(--font-en);font-size:10px;letter-spacing:.26em;text-transform:uppercase;
  color:var(--gold-d);margin-bottom:22px;font-weight:400;
}
.ft-col li{margin-bottom:12px;}
.ft-col a{font-size:13px;color:var(--muted);letter-spacing:.04em;transition:color .3s;}
.ft-col a:hover{color:var(--gold-l);}
.ft-col .tel{font-family:var(--font-en);font-size:22px;color:var(--text);letter-spacing:.06em;}
.ft-col address{font-style:normal;font-size:12.5px;color:var(--muted);line-height:2.2;}
.ft-bot{
  margin-top:clamp(44px,5vw,64px);padding-top:26px;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;
  font-size:11.5px;color:var(--muted-2);letter-spacing:.06em;
}
.ft-bot a:hover{color:var(--gold);}

/* =========================================================
   内页通用：页头
   ========================================================= */
.ph{
  position:relative;padding:clamp(150px,15vw,220px) 0 clamp(54px,6vw,84px);
  border-bottom:1px solid var(--line);overflow:hidden;
}
.ph::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(90% 80% at 76% 0%, rgba(185,155,107,.13), transparent 58%);
}
.ph::after{
  content:"";position:absolute;inset:0;opacity:.4;
  background-image:linear-gradient(to right, rgba(237,234,227,.05) 1px, transparent 1px);
  background-size:clamp(90px,9vw,150px) 100%;
  mask-image:linear-gradient(to bottom,#000,transparent);
  -webkit-mask-image:linear-gradient(to bottom,#000,transparent);
}
.ph .wrap{position:relative;z-index:2;}
.crumb{font-family:var(--font-en);font-size:10px;letter-spacing:.24em;color:var(--muted-2);text-transform:uppercase;margin-bottom:26px;}
.crumb a:hover{color:var(--gold);}
.ph h1{font-size:clamp(30px,4.4vw,58px);font-weight:300;letter-spacing:.06em;line-height:1.35;}
.ph .sub{margin-top:22px;max-width:44em;font-size:14px;color:var(--muted);line-height:2.15;letter-spacing:.03em;}

/* =========================================================
   产品页
   ========================================================= */
.filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:clamp(34px,4vw,52px);}
.filter button{
  font-family:var(--font-cn);font-size:12.5px;letter-spacing:.1em;color:var(--muted);
  padding:10px 20px;border:1px solid var(--line);background:transparent;cursor:pointer;
  transition:.35s var(--ease);
}
.filter button:hover{color:var(--text);border-color:var(--line-strong);}
.filter button.on{color:#0A0A0B;background:var(--gold);border-color:var(--gold);}

.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
.pcard{
  background:var(--bg);padding:clamp(28px,3vw,40px);position:relative;
  display:flex;flex-direction:column;justify-content:space-between;min-height:200px;
  transition:background .45s var(--ease);
}
.pcard:hover{background:var(--bg-2);}
.pcard .cat{font-family:var(--font-en);font-size:9.5px;letter-spacing:.2em;color:var(--gold-d);text-transform:uppercase;}
.pcard h3{font-size:17px;font-weight:300;letter-spacing:.06em;line-height:1.7;margin:18px 0 auto;transition:color .35s;}
.pcard:hover h3{color:var(--gold-l);}
.pcard .go{margin-top:28px;display:flex;align-items:center;gap:10px;font-family:var(--font-en);font-size:10px;letter-spacing:.22em;color:var(--muted-2);text-transform:uppercase;transition:.4s;}
.pcard:hover .go{color:var(--gold);}
.pcard .go svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:1.5;}

/* 产品详情 */
.pd{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(30px,6vw,90px);align-items:start;}
.pd-spec{border-top:1px solid var(--line);}
.pd-spec .row{
  display:grid;grid-template-columns:120px 1fr;gap:20px;padding:16px 0;
  border-bottom:1px solid var(--line);font-size:13px;
}
.pd-spec .k{color:var(--muted-2);letter-spacing:.08em;}
.pd-spec .v{color:var(--text);letter-spacing:.03em;}
.tagline-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px;}
.tagline-list span{
  font-size:11.5px;letter-spacing:.1em;color:var(--gold-l);padding:6px 14px;
  border:1px solid rgba(185,155,107,.3);
}
.dl-file{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:22px 26px;border:1px solid var(--line);margin-top:14px;transition:.4s var(--ease);
}
.dl-file:hover{border-color:var(--gold);background:rgba(185,155,107,.05);}
.dl-file .n{font-size:14px;letter-spacing:.08em;}
.dl-file .s{font-family:var(--font-en);font-size:10px;letter-spacing:.18em;color:var(--muted-2);margin-top:6px;}
.dl-file svg{width:16px;height:16px;stroke:var(--gold);fill:none;stroke-width:1.3;}

/* =========================================================
   关于页
   ========================================================= */
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,6vw,100px);align-items:start;}
.about-txt p{font-size:14.5px;line-height:2.35;color:var(--muted);letter-spacing:.03em;margin-bottom:24px;}
.about-txt p strong{color:var(--text);font-weight:400;}
.stats{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);}
.stats div{padding:30px 26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);}
.stats b{display:block;font-family:var(--font-en);font-size:clamp(28px,3vw,40px);font-weight:300;color:var(--gold-l);letter-spacing:.02em;}
.stats span{font-size:11.5px;color:var(--muted-2);letter-spacing:.12em;display:block;margin-top:10px;}

.timeline{border-top:1px solid var(--line);}
.tl{display:grid;grid-template-columns:110px 1fr;gap:clamp(20px,4vw,60px);padding:26px 0;border-bottom:1px solid var(--line);}
.tl .y{font-family:var(--font-en);font-size:13px;letter-spacing:.16em;color:var(--gold);}
.tl p{font-size:13.5px;color:var(--muted);line-height:2.05;}

/* 联系页 */
.ct-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(34px,6vw,90px);align-items:start;}
.ct-item{padding:26px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:110px 1fr;gap:24px;}
.ct-item .k{font-family:var(--font-en);font-size:10px;letter-spacing:.24em;color:var(--gold-d);text-transform:uppercase;padding-top:4px;}
.ct-item .v{font-size:15px;letter-spacing:.05em;line-height:2;}
.ct-item .v small{display:block;font-size:12px;color:var(--muted-2);letter-spacing:.04em;margin-top:6px;}
.form{background:var(--panel);border:1px solid var(--line);padding:clamp(28px,3.4vw,44px);}
.form h3{font-size:18px;font-weight:300;letter-spacing:.08em;margin-bottom:8px;}
.form .hint{font-size:12px;color:var(--muted-2);letter-spacing:.03em;margin-bottom:30px;}
.field{margin-bottom:20px;}
.field label{display:block;font-size:11px;letter-spacing:.16em;color:var(--muted-2);margin-bottom:9px;}
.field input,.field textarea,.field select{
  width:100%;background:transparent;border:0;border-bottom:1px solid var(--line-strong);
  color:var(--text);font-family:var(--font-cn);font-size:14px;padding:10px 0;outline:none;
  transition:border-color .35s;letter-spacing:.03em;
}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--gold);}
.field textarea{resize:vertical;min-height:88px;}
.field select option{background:var(--panel);}
.submit{
  width:100%;margin-top:12px;padding:16px;background:var(--gold);color:#0A0A0B;border:0;
  font-family:var(--font-cn);font-size:13px;letter-spacing:.22em;cursor:pointer;transition:.4s;
}
.submit:hover{background:var(--gold-l);}
.map{
  margin-top:clamp(44px,6vw,80px);border:1px solid var(--line);height:340px;
  display:grid;place-items:center;position:relative;overflow:hidden;
  background:
    radial-gradient(60% 60% at 50% 50%, rgba(185,155,107,.07), transparent 70%),
    repeating-linear-gradient(0deg, rgba(237,234,227,.04) 0 1px, transparent 1px 44px),
    repeating-linear-gradient(90deg, rgba(237,234,227,.04) 0 1px, transparent 1px 44px);
}
.map .pin{text-align:center;}
.map .pin b{display:block;font-size:14px;letter-spacing:.14em;color:var(--gold-l);font-weight:300;}
.map .pin span{font-size:11.5px;color:var(--muted-2);letter-spacing:.08em;}

/* =========================================================
   动效
   ========================================================= */
.rv{opacity:1;transform:translateY(16px);transition:opacity .8s var(--ease),transform .8s var(--ease);}
.rv.in{opacity:1;transform:none;}
.rv.d1{transition-delay:.09s}.rv.d2{transition-delay:.18s}.rv.d3{transition-delay:.27s}.rv.d4{transition-delay:.36s}

/* =========================================================
   响应式
   ========================================================= */
@media (max-width:1080px){
  .nav{display:none;}
  .burger{display:block;}
  .hd-tel{display:none;}
  .adv{grid-template-columns:repeat(2,1fr);}
  .adv-i:nth-child(2n){border-right:0;}
  .svc{grid-template-columns:1fr;}
  .ft-top{grid-template-columns:1fr 1fr;}
  .pline{grid-template-columns:56px 1fr auto;row-gap:14px;}
  .pline .ds{display:none;}
  .pgrid{grid-template-columns:repeat(2,1fr);}
  .news{grid-template-columns:1fr;}
  .pd,.two,.ct-grid{grid-template-columns:1fr;}
  .brands{grid-template-columns:1fr;}
}
@media (max-width:680px){
  .adv{grid-template-columns:1fr;}
  .adv-i{border-right:0;}
  .pgrid{grid-template-columns:1fr;}
  .ft-top{grid-template-columns:1fr;}
  .stats{grid-template-columns:1fr 1fr;}
  .hero h1{font-size:clamp(27px,7.4vw,36px);}
  .hero h1 br{display:none;}
  .hero-meta{gap:22px 28px;}
  .hero-meta .v b{font-size:22px;}
  .scroll-tip{display:none;}
  .ct-item{grid-template-columns:1fr;gap:8px;}
  .tl{grid-template-columns:1fr;gap:8px;}
  .pd-spec .row{grid-template-columns:96px 1fr;}
}

/* =========================================================
   文章正文 / 分页 / 补充
   ========================================================= */
.post{font-size:14.5px;line-height:2.3;color:var(--muted);letter-spacing:.02em;}
.post p{margin-bottom:18px;}
.post img{max-width:100%;height:auto;margin:22px 0;}
.post h2,.post h3,.post h4{color:var(--text);font-weight:300;letter-spacing:.06em;margin:34px 0 16px;line-height:1.65;}
.post h2{font-size:22px;}
.post h3{font-size:18px;}
.post h4{font-size:16px;}
.post a{color:var(--gold-l);border-bottom:1px solid rgba(185,155,107,.35);}
.post ul,.post ol{margin:0 0 20px 1.4em;}
.post ul{list-style:disc;}
.post ol{list-style:decimal;}
.post li{margin-bottom:10px;}
.post table{width:100%;border-collapse:collapse;margin:26px 0;font-size:13px;}
.post th,.post td{border:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top;}
.post th{background:rgba(255,255,255,.035);color:var(--text);font-weight:400;}
.post strong,.post b{color:var(--text);font-weight:400;}

.pages{margin-top:clamp(38px,4.5vw,60px);display:flex;justify-content:center;}
.pages .page{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center;font-family:var(--font-en);}
.pages a,.pages span{
  display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;
  padding:0 14px;border:1px solid var(--line);font-size:12.5px;letter-spacing:.08em;
  color:var(--muted);transition:.35s var(--ease);
}
.pages a:hover{border-color:var(--gold);color:var(--gold-l);}
.pages .current,.pages span.current{background:var(--gold);border-color:var(--gold);color:#0A0A0B;}

/* 产品详情 / 文章页的图片自适应 */
.about-txt img{max-width:100%;height:auto;}

/* 子栏目聚合链接 */
.chips{display:flex;gap:22px;flex-wrap:wrap;font-size:12.5px;letter-spacing:.1em;color:var(--muted-2);}
.chips a{transition:color .3s;}
.chips a:hover{color:var(--gold-l);}


/* =========================================================
   2026-10-30 改版：面向 40–50 岁工业客户的稳重配色 + 大字号
   品牌色：华鑫红 #E00000 / MASSIT 蓝 #0080C8
   ========================================================= */

/* 去掉颗粒质感（白底显脏） */
body::after{display:none;}
body{font-size:16px;line-height:1.95;background:var(--bg);color:var(--text);}

/* ---------- 顶部导航 ---------- */
.hd.solid{background:rgba(255,255,255,.94);border-bottom-color:var(--line);box-shadow:0 1px 12px rgba(16,24,40,.06);}
.logo-cn{font-size:20px;letter-spacing:.18em;color:#1A1D21;font-weight:600;}
.logo-en{font-size:10px;color:var(--muted-2);}
.nav a{font-size:15px;letter-spacing:.1em;color:#3A4048;}
.nav a:hover,.nav a.on{color:var(--blue);}
.nav a::after{background:var(--blue);height:2px;}
.hd-tel{font-size:14px;color:var(--gold);font-weight:600;letter-spacing:.06em;}
.hd-tel svg{stroke:var(--gold);}
.burger i{background:#1A1D21;}
.drawer{background:rgba(255,255,255,.99);}
.drawer a{color:#3A4048;border-bottom-color:var(--line);font-size:26px;}
.drawer a:active,.drawer a:hover{color:var(--blue);}
.drawer .d-tel{color:var(--gold);}

/* ---------- 首屏：保留深色，换成深藏青 + 双品牌色微光 ---------- */
.hero{
  --text:#FFFFFF; --muted:rgba(255,255,255,.80); --muted-2:rgba(255,255,255,.55);
  --line:rgba(255,255,255,.16); --line-strong:rgba(255,255,255,.28);
  --gold:#FF4D4D; --gold-l:#FF6B6B; --gold-d:#FF4D4D;
}
.hero-bg::before{
  background:
    radial-gradient(110% 85% at 80% 15%, rgba(0,128,200,.30) 0%, transparent 58%),
    radial-gradient(95% 75% at 8% 92%, rgba(224,0,0,.20) 0%, transparent 62%),
    linear-gradient(170deg,#12202C 0%,#0D1822 52%,#101C26 100%);
}
.hero-grid{opacity:.30;}
.hero-glow{background:radial-gradient(ellipse at 50% 100%, rgba(0,128,200,.30) 0%, rgba(0,128,200,.08) 40%, transparent 70%);}
.hero h1{font-size:clamp(36px,5.4vw,74px);letter-spacing:.03em;line-height:1.3;}
.hero-sub{font-size:clamp(16px,1.35vw,19px);line-height:2.15;color:rgba(255,255,255,.82);}
.hero-meta .k{font-size:11.5px;color:rgba(255,255,255,.5);}
.hero-meta .v{font-size:17px;color:#fff;}
.hero-meta .v b{color:#FF6B6B;font-size:30px;}
.eyebrow{font-size:12.5px;letter-spacing:.28em;color:var(--gold);}
.hero .eyebrow{color:#FF6B6B;}

/* ---------- 通用标题与正文 ---------- */
.h2{font-size:clamp(26px,2.9vw,40px);line-height:1.45;}
.lead{font-size:clamp(16px,1.2vw,18px);color:var(--muted);line-height:2.1;}
.manifest .txt{color:#23272C;font-size:clamp(21px,2.3vw,32px);}
.manifest .txt span{color:var(--gold);}
.manifest .note{color:var(--muted);font-size:15px;line-height:2.1;}

/* ---------- 产品矩阵 ---------- */
.pline{padding:clamp(28px,3.4vw,46px) 0;}
.pline .no{font-size:12px;color:var(--muted-2);}
.pline .nm{font-size:clamp(20px,2vw,27px);color:#1A1D21;font-weight:500;}
.pline .en{font-size:11px;color:var(--blue);letter-spacing:.18em;}
.pline .ds{font-size:15px;color:var(--muted);line-height:1.95;}
.pline .ar{border-color:var(--line-strong);}
.pline .ar svg{stroke:var(--muted-2);}
.pline:hover .nm{color:var(--gold);}
.pline:hover .ar{border-color:var(--gold);background:rgba(224,0,0,.06);}
.pline:hover .ar svg{stroke:var(--gold);}
.pline::before{background:linear-gradient(90deg,rgba(224,0,0,.045),transparent);}

/* ---------- 优势 ---------- */
.adv-i:hover{background:var(--bg-2);}
.adv-i .no{font-size:12px;color:var(--blue);}
.adv-i h4{font-size:19px;color:#1A1D21;font-weight:500;line-height:1.7;}
.adv-i p{font-size:15px;color:var(--muted);line-height:2;}

/* ---------- 双品牌 ---------- */
.brand-c{background:#fff;}
.brand-c:hover{background:var(--bg-2);}
.brand-c .mark{color:#1A1D21;font-size:clamp(30px,3.2vw,44px);font-weight:600;}
.brand-c .mark small{font-size:13px;color:var(--blue);letter-spacing:.24em;margin-top:12px;}
.brand-c p{font-size:15px;color:var(--muted);line-height:2.05;}

/* ---------- 技术服务 ---------- */
.svc-c{background:#fff;}
.svc-c .step{font-size:11.5px;color:var(--gold);}
.svc-c h4{font-size:21px;color:#1A1D21;font-weight:500;}
.svc-c p{font-size:15px;color:var(--muted);}
.svc-c li{font-size:14.5px;color:var(--muted);line-height:2;}
.svc-c li::before{background:var(--blue);}

/* ---------- 新闻 / 问答 ---------- */
.news-lead .tag{font-size:11.5px;color:var(--gold);}
.news-lead h3{color:#1A1D21;font-size:clamp(22px,2.2vw,30px);}
.news-lead:hover h3{color:var(--blue);}
.news-lead p{font-size:15.5px;color:var(--muted);line-height:2.1;}
.news-lead .d{font-size:12px;color:var(--muted-2);}
.news-list .t{font-size:15.5px;color:#33383F;}
.news-list a:hover .t{color:var(--blue);}
.news-list .dt{font-size:12.5px;color:var(--muted-2);}

/* ---------- CTA ---------- */
.cta{background:var(--bg-2);border-top-color:var(--line);border-bottom:1px solid var(--line);}
.cta::before{background:radial-gradient(ellipse at 50% 50%, rgba(0,128,200,.07), rgba(224,0,0,.04) 45%, transparent 68%);}
.cta h2{color:#1A1D21;}
.cta p{color:var(--muted);font-size:16px;}
.btn{border:2px solid var(--gold);color:var(--gold);font-size:15px;padding:16px 36px;font-weight:500;}
.btn:hover{background:var(--gold);color:#fff;border-color:var(--gold);}

/* ---------- 页脚：深色收底 ---------- */
.ft{
  background:#16232E;border-top:none;
  --text:#FFFFFF; --muted:rgba(255,255,255,.72); --muted-2:rgba(255,255,255,.48);
  --line:rgba(255,255,255,.12); --line-strong:rgba(255,255,255,.22);
  --gold:#FF6B6B; --gold-l:#FF8080; --gold-d:#FF6B6B;
}
.ft .logo-cn{color:#fff;font-size:19px;letter-spacing:.14em;}
.ft-brand p{color:rgba(255,255,255,.6);font-size:14px;line-height:2;}
.ft-col h5{font-size:11.5px;color:rgba(255,255,255,.42);letter-spacing:.2em;}
.ft-col a{font-size:14.5px;color:rgba(255,255,255,.76);}
.ft-col a:hover{color:#FF8080;}
.ft-col .tel{color:#fff;font-size:26px;}
.ft-col address{font-size:14px;color:rgba(255,255,255,.66);line-height:2.1;}
.ft-bot{font-size:13px;color:rgba(255,255,255,.45);}
.ft-bot a:hover{color:#FF8080;}

/* ---------- 内页页头 ---------- */
.ph{background:var(--bg-2);border-bottom-color:var(--line);}
.ph::before{background:radial-gradient(90% 80% at 78% 0%, rgba(0,128,200,.10), rgba(224,0,0,.05) 55%, transparent 72%);}
.ph::after{background-image:linear-gradient(to right, rgba(26,29,33,.05) 1px, transparent 1px);}
.crumb{font-size:11.5px;color:var(--muted-2);}
.crumb a:hover{color:var(--blue);}
.ph h1{color:#1A1D21;}
.ph .sub{font-size:16px;color:var(--muted);line-height:2.05;}

/* ---------- 产品卡片 ---------- */
.pcard{background:#fff;}
.pcard:hover{background:var(--bg-2);}
.pcard .cat{font-size:11px;color:var(--blue);}
.pcard h3{font-size:19px;color:#1A1D21;font-weight:500;line-height:1.65;}
.pcard:hover h3{color:var(--gold);}
.pcard .go{font-size:11.5px;color:var(--muted-2);}
.pcard:hover .go{color:var(--gold);}

/* ---------- 产品详情 / 表单 ---------- */
.pd-spec .row{font-size:15px;border-bottom-color:var(--line);}
.pd-spec .k{color:var(--muted-2);}
.pd-spec .v{color:#1A1D21;}
.dl-file{border-color:var(--line-strong);}
.dl-file:hover{border-color:var(--gold);background:rgba(224,0,0,.03);}
.dl-file .n{font-size:15.5px;color:#1A1D21;}
.dl-file .s{font-size:12px;color:var(--muted-2);}
.dl-file svg{stroke:var(--gold);}
.tagline-list span{font-size:13px;color:var(--gold);border-color:rgba(224,0,0,.28);background:rgba(224,0,0,.03);}

.form{background:var(--bg-2);border-color:var(--line);}
.form h3{color:#1A1D21;font-size:20px;}
.form .hint{font-size:13px;color:var(--muted-2);}
.field label{font-size:12.5px;color:var(--muted);}
.field input,.field textarea,.field select{font-size:16px;color:#1A1D21;border-bottom-color:var(--line-strong);}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);}
.field select option{background:#fff;}
.submit{background:var(--gold);color:#fff;font-size:15px;font-weight:500;}
.submit:hover{background:#B00000;}

/* ---------- 联系页 ---------- */
.ct-item{border-bottom-color:var(--line);}
.ct-item .k{font-size:11.5px;color:var(--blue);}
.ct-item .v{font-size:17px;color:#1A1D21;}
.ct-item .v small{font-size:13px;color:var(--muted-2);}
.map{border-color:var(--line);background:
    radial-gradient(60% 60% at 50% 50%, rgba(0,128,200,.05), transparent 70%),
    repeating-linear-gradient(0deg, rgba(26,29,33,.05) 0 1px, transparent 1px 44px),
    repeating-linear-gradient(90deg, rgba(26,29,33,.05) 0 1px, transparent 1px 44px);}
.map .pin b{color:var(--blue);font-size:15px;}
.map .pin span{color:var(--muted-2);font-size:12.5px;}

/* ---------- 正文 ---------- */
.post{font-size:16px;line-height:2.15;color:#33383F;}
.post h2{color:#1A1D21;font-size:23px;}
.post h3{color:#1A1D21;font-size:19px;}
.post a{color:var(--blue);border-bottom-color:rgba(0,128,200,.3);}
.post th,.post td{border-color:var(--line);}
.post th{background:var(--bg-2);color:#1A1D21;}
.post strong,.post b{color:#1A1D21;}

/* ---------- 分页 ---------- */
.pages a,.pages span{border-color:var(--line-strong);color:var(--muted);font-size:13.5px;height:42px;min-width:42px;}
.pages a:hover{border-color:var(--gold);color:var(--gold);}
.pages .current,.pages span.current{background:var(--gold);border-color:var(--gold);color:#fff;}

/* ---------- 其他 ---------- */
.chips{font-size:14px;gap:24px;}
.chips a{color:var(--muted);}
.chips a:hover{color:var(--blue);}
.stats b{color:var(--gold);font-size:clamp(30px,3vw,42px);}
.stats span{font-size:12.5px;color:var(--muted-2);}
.scroll-tip{font-size:10px;letter-spacing:.28em;}


/* ---- 修正：深色首屏内的文字颜色（变量在 body 上已计算，需显式覆盖）---- */
.hero{color:#FFFFFF;}
.hero h1{color:#FFFFFF;}
.hero h1 em{color:#FF6B6B;}
.hero .hero-sub{color:rgba(255,255,255,.84);}
.hero .hero-meta .v{color:#FFFFFF;}
.hero .hero-meta .k{color:rgba(255,255,255,.52);}
.hero .scroll-tip{color:rgba(255,255,255,.5);}
.hero .hero-rule{background:linear-gradient(90deg,rgba(255,255,255,.3),transparent);}

/* 顶部导航在深色首屏上：浅色文字；滚动后：深色 */
.hd.home:not(.solid) .logo-cn{color:#FFFFFF;}
.hd.home:not(.solid) .logo-en{color:rgba(255,255,255,.55);}
.hd.home:not(.solid) .nav a{color:rgba(255,255,255,.86);}
.hd.home:not(.solid) .nav a:hover,.hd.home:not(.solid) .nav a.on{color:#FFFFFF;}
.hd.home:not(.solid) .nav a::after{background:#FF6B6B;}
.hd.home:not(.solid) .burger i{background:#FFFFFF;}
.hd.home:not(.solid) .hd-tel{color:#FF8080;}

/* 内页页头是浅底，页头内的白色文字规则不生效，无需处理 */


/* ---- 首屏高度：超高屏幕不铺满整屏，避免下方内容被推到很远 ---- */
.hero{min-height:min(88svh,880px);}
@media (max-width:680px){ .hero{min-height:auto;padding:120px 0 70px;} }

.rv,.rv.in{opacity:1;}


/* ---- 字号再提一档（40–50 岁受众）---- */
body{font-size:16.5px;}
.pline .ds{font-size:16px;line-height:2;max-width:34em;}
.pline .nm{font-size:clamp(21px,2.1vw,28px);}
.manifest .note{font-size:16px;line-height:2.15;gap:clamp(30px,5vw,70px);}
.manifest .note p{max-width:26em;}
.adv-i p{font-size:16px;line-height:2.05;}
.svc-c p{font-size:16px;}
.svc-c li{font-size:15.5px;}
.brand-c p{font-size:16px;line-height:2.1;}
.news-lead p{font-size:16.5px;}
.news-list .t{font-size:16.5px;}
.news-list .dt{font-size:13px;}
.cta p{font-size:17px;}
.pcard h3{font-size:20px;}
.ph .sub{font-size:17px;}
.post{font-size:17px;line-height:2.2;}
.lead{font-size:clamp(17px,1.25vw,19px);}
.ft-col a{font-size:15px;}
.ft-brand p{font-size:15px;}
.ft-col address{font-size:15px;}
.ft-bot{font-size:13.5px;}
.ct-item .v{font-size:18px;}
.pd-spec .row{font-size:16px;}
.news-lead .d{font-size:12.5px;}
.hero-sub{font-size:clamp(17px,1.4vw,20px);}

/* 宣言区收紧间距，减少空档 */
.manifest{padding:clamp(56px,6vw,92px) 0;}
.manifest .note{margin-top:clamp(22px,2.6vw,32px);}


/* =========================================================
   2026-10-30 二次调整：取消深色首屏与深色页脚
   客户反馈「黑了不吉利」，全站改为浅底
   ========================================================= */
.hero{
  --text:#1A1D21; --muted:#4A5158; --muted-2:#7C848E;
  --line:#E2E6EC; --line-strong:#C7CED8;
  --gold:#E00000; --gold-l:#E00000; --gold-d:#B00000;
  color:#1A1D21;
}
.hero-bg::before{
  background:
    radial-gradient(75% 60% at 86% 6%, rgba(0,128,200,.16) 0%, transparent 62%),
    radial-gradient(70% 55% at 2% 98%, rgba(224,0,0,.09) 0%, transparent 64%),
    linear-gradient(168deg,#FFFFFF 0%,#F1F7FD 48%,#E6F0FA 100%);
}
/* 首屏底部一条品牌色细线，收边用 */
.hero::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;z-index:3;
  background:linear-gradient(90deg,#E00000 0%,#E00000 34%,#0080C8 34%,#0080C8 100%);
  opacity:.9;
}
.hero-grid{
  opacity:.55;
  background-image:
    linear-gradient(to right, rgba(26,29,33,.055) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(26,29,33,.055) 1px, transparent 1px);
}
.hero-glow{background:radial-gradient(ellipse at 50% 100%, rgba(224,0,0,.07) 0%, rgba(0,128,200,.05) 42%, transparent 72%);filter:blur(30px);}
.hero h1{color:#1A1D21;}
.hero h1 em{color:#E00000;}
.hero .hero-sub{color:#4A5158;}
.hero .hero-meta .k{color:#8A929C;}
.hero .hero-meta .v{color:#1A1D21;}
.hero .hero-meta .v b{color:#E00000;}
.hero .hero-rule{background:linear-gradient(90deg,#C7CED8,transparent);}
.hero .eyebrow{color:#E00000;}
.hero .eyebrow::before{background:#E00000;}
.hero .scroll-tip{color:#9AA2AC;}
.hero .scroll-tip i{background:linear-gradient(#E00000,transparent);}

/* 导航在浅色首屏上：深色文字 */
.hd.home:not(.solid) .logo-cn{color:#1A1D21;}
.hd.home:not(.solid) .logo-en{color:#7C848E;}
.hd.home:not(.solid) .nav a{color:#3A4048;}
.hd.home:not(.solid) .nav a:hover,.hd.home:not(.solid) .nav a.on{color:#0080C8;}
.hd.home:not(.solid) .nav a::after{background:#0080C8;}
.hd.home:not(.solid) .burger i{background:#1A1D21;}
.hd.home:not(.solid) .hd-tel{color:#E00000;}

/* 页脚改浅灰，不用深色 */
.ft{
  background:#F4F6F9;border-top:3px solid #E00000;
  --text:#1A1D21; --muted:#4A5158; --muted-2:#7C848E;
  --line:#DDE2E9; --line-strong:#C7CED8;
  --gold:#E00000; --gold-l:#E00000; --gold-d:#B00000;
}
.ft .logo-cn{color:#1A1D21;font-size:19px;letter-spacing:.14em;}
.ft-brand p{color:#5B636C;font-size:15px;line-height:2;}
.ft-col h5{color:#8A929C;font-size:11.5px;letter-spacing:.2em;}
.ft-col a{color:#3A4048;font-size:15px;}
.ft-col a:hover{color:#E00000;}
.ft-col .tel{color:#E00000;font-size:26px;font-weight:600;}
.ft-col address{color:#5B636C;font-size:15px;line-height:2.1;}
.ft-bot{color:#8A929C;font-size:13.5px;border-top-color:#DDE2E9;}
.ft-bot a:hover{color:#E00000;}


/* ---- 首屏数据行统一视觉分量 ---- */
.hero-meta{gap:clamp(28px,4.5vw,72px);}
.hero-meta .v{font-size:22px;font-weight:500;color:#1A1D21;letter-spacing:.04em;}
.hero-meta .v b{font-size:26px;color:#E00000;font-weight:600;}
.hero-meta .k{font-size:11.5px;letter-spacing:.22em;color:#98A0AA;}
.scroll-tip{display:none;}
.hero{min-height:min(80svh,780px);}
.hero-in{padding-top:120px;padding-bottom:64px;}

/* ---- 产品系列行：右侧说明与左侧名称字号拉近 ---- */
.pline .ds{font-size:17px;line-height:2.05;color:#4A5158;max-width:32em;}
.pline .nm{font-size:clamp(21px,2vw,27px);}


/* ---- 移动端：产品品类行保留说明文字（窄屏也看得到代表型号） ---- */
@media (max-width:1080px){
  .pline{grid-template-columns:38px 1fr 38px;row-gap:8px;align-items:start;padding:22px 0;}
  .pline > :nth-child(1){grid-area:1/1/2/2;}
  .pline > :nth-child(2){grid-area:1/2/2/3;}
  .pline > :nth-child(3){grid-area:2/2/3/3;display:block !important;font-size:15px;line-height:1.95;margin-top:6px;max-width:none;}
  .pline > :nth-child(4){grid-area:1/3/2/4;}
  .pline .ar{width:30px;height:30px;}
  .pline .ar svg{width:12px;height:12px;}
  .sec-head{display:block;}
  .sec-head .more{display:inline-block;margin-top:16px;}
}


/* =========================================================
   产品中心：按类型折叠（details/summary）
   ========================================================= */
.acc-meta{
  display:flex;gap:28px;flex-wrap:wrap;align-items:center;
  font-family:var(--font-en);font-size:12.5px;letter-spacing:.16em;
  color:#7C848E;text-transform:uppercase;margin-bottom:26px;
}
.acc-meta span{position:relative;padding-left:16px;}
.acc-meta span::before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;margin-top:-3px;background:#E00000;}

.acc{border-top:1px solid var(--line);}
.acc-i{border-bottom:1px solid var(--line);}
.acc-i > summary{
  display:flex;align-items:center;gap:26px;
  padding:30px 0;cursor:pointer;list-style:none;
  transition:background .3s var(--ease);
}
.acc-i > summary::-webkit-details-marker{display:none;}
.acc-i > summary:hover{background:#FAFBFD;}
.acc-i > summary .no{
  font-family:var(--font-en);font-size:12.5px;letter-spacing:.14em;color:#A3AAB4;
  min-width:26px;
}
.acc-i > summary .nm{
  font-size:clamp(21px,2vw,27px);color:#1A1D21;font-weight:500;letter-spacing:.06em;
}
.acc-i > summary .en{
  font-family:var(--font-en);font-size:11.5px;letter-spacing:.18em;
  color:#0080C8;text-transform:uppercase;
}
.acc-i > summary .ic{
  margin-left:auto;width:34px;height:34px;border:1px solid #CBD2DB;border-radius:50%;
  position:relative;flex:0 0 auto;transition:.35s var(--ease);
}
.acc-i > summary .ic::before,
.acc-i > summary .ic::after{
  content:"";position:absolute;left:50%;top:50%;background:#5B636C;transition:.35s var(--ease);
}
.acc-i > summary .ic::before{width:12px;height:1.5px;transform:translate(-50%,-50%);}
.acc-i > summary .ic::after{width:1.5px;height:12px;transform:translate(-50%,-50%);}
.acc-i > summary:hover .ic{border-color:#E00000;}
.acc-i > summary:hover .ic::before,
.acc-i > summary:hover .ic::after{background:#E00000;}
.acc-i[open] > summary .ic{transform:rotate(90deg);border-color:#E00000;}
.acc-i[open] > summary .ic::after{opacity:0;}
.acc-i[open] > summary .ic::before{background:#E00000;}
.acc-i[open] > summary .nm{color:#E00000;}

.acc-b{padding:0 0 34px;}
.acc-b .grp{
  font-family:var(--font-en);font-size:12px;letter-spacing:.2em;color:#98A0AA;
  text-transform:uppercase;margin:6px 0 10px;padding-left:26px;position:relative;
}
.acc-b .grp::before{content:"";position:absolute;left:0;top:50%;width:14px;height:1px;background:#CBD2DB;}

.plist{display:grid;grid-template-columns:1fr;}
.prow{
  display:flex;align-items:baseline;gap:20px;
  padding:17px 14px;border-bottom:1px solid #EDF0F5;
  transition:background .3s var(--ease),padding-left .3s var(--ease);
}
.prow:hover{background:#F7FAFD;padding-left:20px;}
.prow .pm{
  font-family:var(--font-en);font-size:15px;letter-spacing:.06em;color:#0080C8;
  min-width:104px;flex:0 0 auto;
}
.prow .pn{font-size:16.5px;color:#1A1D21;flex:0 0 auto;min-width:150px;}
.prow .pb{font-size:14px;color:#5B636C;line-height:1.9;flex:1;}
.prow:hover .pn{color:#E00000;}

.acc-note{font-size:13.5px;color:#8A929C;margin-top:22px;padding-left:26px;}

@media (max-width:1080px){
  .acc-i > summary{gap:14px;padding:22px 0;flex-wrap:wrap;}
  .acc-i > summary .nm{font-size:20px;}
  .acc-i > summary .en{width:100%;order:3;padding-left:40px;}
  .acc-b .grp{padding-left:0;}
  .prow{display:block;padding:14px 4px;}
  .prow .pm{display:inline-block;min-width:0;margin-right:10px;}
  .prow .pn{display:inline;}
  .prow .pb{display:block;margin-top:6px;font-size:14px;}
  .acc-note{padding-left:0;}
}


/* =========================================================
   产品详情页
   ========================================================= */
.feature-list{list-style:none;}
.feature-list li{
  position:relative;padding-left:20px;margin-bottom:14px;
  font-size:16px;line-height:2;color:#3A4048;
}
.feature-list li::before{
  content:"";position:absolute;left:0;top:.95em;width:7px;height:7px;
  background:#E00000;border-radius:50%;
}
.sib-list{border-top:1px solid var(--line);}
.sib-list li{border-bottom:1px solid var(--line);}
.sib-list a{display:flex;gap:14px;align-items:baseline;padding:14px 0;transition:.3s var(--ease);}
.sib-list a:hover{padding-left:6px;}
.sib-list .m{font-family:var(--font-en);font-size:13.5px;color:#0080C8;letter-spacing:.05em;min-width:78px;}
.sib-list .n{font-size:15px;color:#1A1D21;}
.sib-list a:hover .n{color:#E00000;}
@media (max-width:1080px){
  .feature-list li{font-size:15.5px;}
}


/* ---- 修正：展开后图标应为「减号」，字号偏小 ---- */
.acc-i[open] > summary .ic{transform:none;}
.acc-i[open] > summary .ic::after{display:none;}
.acc-i[open] > summary .ic::before{width:12px;background:#E00000;}
.prow{padding:18px 14px;}
.prow .pm{font-size:16px;min-width:112px;}
.prow .pn{font-size:17px;min-width:170px;}
.prow .pb{font-size:15.5px;line-height:1.95;color:#4A5158;}
.acc-b .grp{font-size:12.5px;}
.acc-note{font-size:14px;}


/* =========================================================
   2026-10-30 三改：应用行业 / 资质荣誉 / 推荐卡片
   ========================================================= */
.apps{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);
}
.app-i{background:#fff;padding:34px 30px;transition:background .4s var(--ease);}
.app-i .ai{
  width:48px;height:48px;border-radius:50%;background:#F3F8FD;
  display:flex;align-items:center;justify-content:center;margin-bottom:20px;
  transition:background .4s var(--ease);
}
.app-i .ai svg{
  width:24px;height:24px;stroke:#0080C8;fill:none;
  stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;
  transition:stroke .4s var(--ease);
}
.app-i h4{font-size:19px;color:#1A1D21;font-weight:500;margin-bottom:10px;letter-spacing:.04em;}
.app-i p{font-size:15px;color:#5B636C;line-height:1.95;}
.app-i:hover{background:#FAFCFE;}
.app-i:hover .ai{background:#FDECEC;}
.app-i:hover .ai svg{stroke:#E00000;}

.stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  margin-bottom:36px;
}
.stats > div{background:#fff;padding:32px 22px;text-align:center;}
.stats b{
  display:block;font-family:var(--font-en);font-weight:600;line-height:1.1;
  font-size:clamp(30px,3vw,42px);color:#E00000;letter-spacing:.02em;
}
.stats b small{font-size:.5em;margin-left:2px;}
.stats span{display:block;margin-top:12px;font-size:13.5px;color:#7C848E;letter-spacing:.06em;}

.certs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.cert-i{
  position:relative;background:#fff;border:1px solid var(--line);
  padding:24px 26px;overflow:hidden;
}
.cert-i::before{
  content:"";position:absolute;left:0;top:0;width:3px;height:100%;
  background:#E00000;transform:scaleY(0);transform-origin:top;
  transition:transform .45s var(--ease);
}
.cert-i:hover::before{transform:scaleY(1);}
.cert-i .ck{display:block;font-size:16px;color:#1A1D21;font-weight:500;margin-bottom:8px;letter-spacing:.03em;}
.cert-i .cs{display:block;font-size:13.5px;color:#7C848E;line-height:1.85;}

.pcard-b{font-size:13.5px;color:#7C848E;line-height:1.85;margin-top:10px;}

@media (max-width:1080px){
  .apps{grid-template-columns:repeat(2,1fr);}
  .certs{grid-template-columns:1fr 1fr;}
  .stats{grid-template-columns:repeat(2,1fr);}
  .app-i{padding:26px 22px;}
}
@media (max-width:680px){
  .apps{grid-template-columns:1fr;}
  .certs{grid-template-columns:1fr;}
  .app-i h4{font-size:18px;}
  .stats > div{padding:24px 12px;}
}

/* 推荐卡片：统一顶部标签高度，避免无型号卡片错位 */
.pcard .cat{min-height:18px;}
.pcard{display:flex;flex-direction:column;}
.pcard .go{margin-top:auto;padding-top:16px;}
.pcard-b{margin-bottom:6px;}

/* ---- 段落节奏：等距 + 浅底带，减少大片空白感 ---- */
.sec{padding:clamp(56px,6vw,92px) 0;}
.sec.band{background:#F6F9FC;}
.sec.band .app-i,
.sec.band .cert-i{background:#fff;}
.sec .sec-head{margin-bottom:clamp(28px,3.2vw,44px);}


/* =========================================================
   新闻列表 / 新闻详情 / 企业风采
   ========================================================= */
.newslist{border-top:1px solid var(--line);}
.nrow{
  display:flex;gap:32px;align-items:flex-start;
  padding:30px 8px;border-bottom:1px solid var(--line);
  transition:background .35s var(--ease),padding-left .35s var(--ease);
}
.nrow:hover{background:#FAFCFE;padding-left:16px;}
.nrow .nd{
  font-family:var(--font-en);font-size:13px;letter-spacing:.1em;color:#98A0AA;
  min-width:96px;padding-top:6px;
}
.nrow .nc{flex:1;}
.nrow .tag{
  display:inline-block;font-size:11.5px;letter-spacing:.16em;color:#E00000;
  border:1px solid rgba(224,0,0,.28);padding:2px 10px;margin-bottom:10px;
}
.nrow h3{font-size:20px;color:#1A1D21;font-weight:500;line-height:1.6;margin-bottom:8px;}
.nrow:hover h3{color:#E00000;}
.nrow p{font-size:15px;color:#5B636C;line-height:1.95;}
.nrow .ar{
  width:34px;height:34px;border:1px solid #CBD2DB;border-radius:50%;
  display:flex;align-items:center;justify-content:center;flex:0 0 auto;margin-top:8px;
  transition:.35s var(--ease);
}
.nrow .ar svg{width:14px;height:14px;stroke:#7C848E;fill:none;stroke-width:1.4;}
.nrow:hover .ar{border-color:#E00000;background:#FDECEC;}
.nrow:hover .ar svg{stroke:#E00000;}

.np-nav{margin-top:56px;border-top:1px solid var(--line);}
.np{display:flex;gap:18px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line);}
.np .k{font-size:12.5px;color:#98A0AA;letter-spacing:.1em;min-width:52px;}
.np .t{font-size:16px;color:#1A1D21;}
.np:hover .t{color:#E00000;}

.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.gallery figure{position:relative;overflow:hidden;background:#F1F4F8;}
.gallery .g-wide{grid-column:1 / -1;}
.gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--ease);}
.gallery figure:hover img{transform:scale(1.03);}
.gallery .g-wide img{max-height:420px;object-position:center;}
.gallery figure:not(.g-wide) img{height:270px;}
.gallery figcaption{
  position:absolute;left:0;bottom:0;right:0;padding:22px 20px 16px;
  background:linear-gradient(transparent,rgba(10,16,22,.86));
  display:flex;flex-direction:column;gap:4px;text-shadow:0 1px 4px rgba(0,0,0,.5);
}
.gallery .gt{font-size:16px;color:#fff;letter-spacing:.08em;}
.gallery .gs{font-size:12.5px;color:rgba(255,255,255,.88);}

@media (max-width:1080px){
  .nrow{gap:16px;padding:22px 4px;}
  .nrow .nd{min-width:0;font-size:12px;}
  .nrow .ar{display:none;}
  .nrow h3{font-size:18px;}
  .gallery{grid-template-columns:1fr;}
  .gallery figure:not(.g-wide) img{height:220px;}
}


/* ---- 无型号品类的产品线清单 ---- */
.linelist{display:grid;grid-template-columns:repeat(3,1fr);gap:2px 32px;padding-left:26px;margin-bottom:8px;}
.linelist li{
  font-size:15.5px;color:#3A4048;line-height:2.1;padding-left:16px;position:relative;
  border-bottom:1px dashed #EDF0F5;
}
.linelist li::before{content:"";position:absolute;left:0;top:.95em;width:5px;height:5px;background:#0080C8;border-radius:50%;}

/* ---- 服务流程四步 ---- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
.stepi{background:#fff;padding:30px 26px;}
.stepi .k{
  font-family:var(--font-en);font-size:12px;letter-spacing:.18em;color:#E00000;display:block;margin-bottom:14px;
}
.stepi h4{font-size:18px;color:#1A1D21;font-weight:500;margin-bottom:10px;}
.stepi p{font-size:14.5px;color:#5B636C;line-height:1.95;}

/* ---- 双品牌 LOGO ---- */
.brand-logo{display:flex;align-items:center;height:96px;margin-bottom:24px;}
.brand-logo img{max-height:96px;max-width:230px;width:auto;object-fit:contain;}
.brand-logo.is-massit img{max-height:48px;max-width:260px;}

@media (max-width:1080px){
  .linelist{grid-template-columns:1fr 1fr;padding-left:0;gap:0 20px;}
  .steps{grid-template-columns:1fr 1fr;}
  .brand-logo{height:80px;}
  .brand-logo img{max-height:80px;}
}
@media (max-width:680px){
  .linelist{grid-template-columns:1fr;}
  .steps{grid-template-columns:1fr;}
}

/* 首屏 Slogan：安稳运行=华鑫红，全程保障=MASSIT 蓝 */
.hero h1 em{color:#E00000;font-style:normal;}
.hero h1 em.em-blue{color:#0080C8;}