/* 赫名仪器官网 · 共享样式（Apple 风格） */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","PingFang SC","Helvetica Neue","Microsoft YaHei",sans-serif;
  background:#fff;color:#1d1d1f;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;
}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
section{position:relative}
.link{color:#2997ff;font-size:16px;display:inline-flex;align-items:center;gap:5px;transition:color .25s}
.link:hover{color:#0071e3;text-decoration:underline;text-underline-offset:3px}
.link svg{width:12px;height:12px;margin-top:-1px;flex:none}
.links{display:flex;gap:32px;justify-content:center;margin-top:22px;flex-wrap:wrap}
.rv{opacity:0;transform:translateY(34px);transition:opacity 1s cubic-bezier(.16,.6,.2,1),transform 1s cubic-bezier(.16,.6,.2,1)}
.rv.on{opacity:1;transform:none}
.d1{transition-delay:.07s}.d2{transition-delay:.14s}.d3{transition-delay:.21s}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rv{opacity:1;transform:none;transition:none}}

/* ===== 导航 ===== */
.nav{position:fixed;inset:0 0 auto 0;z-index:100;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,4vw);transition:background .5s ease,border-color .5s ease;border-bottom:1px solid transparent}
.nav.solid{background:rgba(251,251,253,.85);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom-color:rgba(0,0,0,.08)}
.nav .logo{font-size:17px;font-weight:600;letter-spacing:-.2px;color:#fff;transition:color .4s}
.nav.solid .logo{color:#1d1d1f}
.nav .menu{display:flex;gap:30px}
.nav .menu a{font-size:12px;color:rgba(255,255,255,.86);opacity:.86;transition:opacity .25s}
.nav.solid .menu a{color:rgba(29,29,31,.75)}
.nav .menu a:hover{opacity:1}
.nav .menu a.cur{opacity:1;font-weight:600}
@media (max-width:860px){.nav .menu{display:none}}

/* ===== 首页 Hero（极简大字版） ===== */
.hero{background:#000;color:#fff;text-align:center;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:88vh;padding:128px 24px 104px}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 56% 46% at 50% 40%,rgba(115,170,255,.10),transparent 70%);pointer-events:none}
.hero .txt{position:relative;z-index:2;max-width:1200px}
.hero h1{font-size:clamp(44px,7.2vw,110px);font-weight:700;letter-spacing:-.025em;line-height:1.05}
.hero .sub{font-size:clamp(16px,1.8vw,21px);color:#a1a1a6;max-width:700px;margin:26px auto 0;line-height:1.6}
.hero .links{margin-top:44px;gap:14px}
.hero .btn{display:inline-flex;align-items:center;justify-content:center;min-width:152px;padding:14px 30px;border-radius:980px;font-size:16px;font-weight:500;transition:background .3s,border-color .3s}
.hero .btn.primary{background:#fff;color:#000}
.hero .btn.primary:hover{background:rgba(255,255,255,.84)}
.hero .btn.ghost{color:#fff;border:1px solid rgba(255,255,255,.38)}
.hero .btn.ghost:hover{border-color:rgba(255,255,255,.92);background:rgba(255,255,255,.06)}
@media (max-width:640px){
.hero{min-height:78vh;padding:122px 20px 96px}
.hero h1{font-size:clamp(30px,8.4vw,42px);letter-spacing:-.012em}
.hero .sub{font-size:16px;margin-top:22px}
.hero .links{margin-top:38px}
.hero .btn{min-width:138px;padding:13px 24px;font-size:15px}
}

/* ===== 首页 · 三大系列 ===== */
.series{padding:108px 24px 96px;text-align:center}
.series h2{font-size:clamp(36px,4.4vw,54px);font-weight:700;letter-spacing:-.018em;line-height:1.1}
.series .sub{font-size:clamp(16px,1.8vw,20px);color:#6e6e73;max-width:640px;margin:14px auto 0;line-height:1.5}
.series .grid{max-width:1400px;margin:56px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.series .card{background:#f5f5f7;border-radius:26px;padding:52px 26px 0;display:flex;flex-direction:column;overflow:hidden;transition:transform .45s cubic-bezier(.2,.6,.2,1)}
.series .card:hover{transform:translateY(-4px)}
.series .code{font-size:12px;font-weight:600;letter-spacing:.16em;color:#86868b}
.series .card h3{font-size:clamp(23px,2.3vw,30px);font-weight:700;letter-spacing:-.012em;margin-top:10px}
.series .card .desc{font-size:14.5px;color:#6e6e73;margin:10px auto 0;line-height:1.6;max-width:320px}
.series .card .links{margin-top:16px}
.series .card .link{font-size:15px}
.series .card .pic{margin-top:32px;flex:1;display:flex;align-items:flex-end;justify-content:center}
.series .card .pic img{width:auto;max-width:88%;max-height:340px;border-radius:18px 18px 0 0;mix-blend-mode:multiply;filter:drop-shadow(0 16px 26px rgba(0,0,0,.16))}
@media (max-width:980px){.series .grid{grid-template-columns:1fr;max-width:520px}}

/* ===== 首页 · 服务领域 ===== */
.industries{background:#f5f5f7;padding:100px 24px}
.industries h2{font-size:clamp(32px,3.8vw,48px);font-weight:700;letter-spacing:-.016em;text-align:center;line-height:1.12}
.industries .sub{font-size:clamp(16px,1.8vw,20px);color:#6e6e73;max-width:640px;margin:14px auto 0;line-height:1.5;text-align:center}
.industries .grid{max-width:1180px;margin:52px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.industries .icard{background:#fff;border-radius:22px;padding:34px 26px 36px;transition:transform .45s cubic-bezier(.2,.6,.2,1)}
.industries .icard:hover{transform:translateY(-4px)}
.industries .ic{width:54px;height:54px;border-radius:15px;background:rgba(0,113,227,.08);color:#0071e3;display:flex;align-items:center;justify-content:center}
.industries .ic svg{width:26px;height:26px}
.industries .icard h3{font-size:19px;font-weight:700;letter-spacing:-.01em;margin-top:20px}
.industries .icard p{font-size:13.5px;color:#6e6e73;line-height:1.7;margin-top:9px}
@media (max-width:860px){
.industries{padding:84px 20px}
.industries .grid{grid-template-columns:1fr 1fr;gap:14px}
.industries .icard{padding:26px 18px 28px;border-radius:18px}
.industries .ic{width:44px;height:44px;border-radius:12px}
.industries .ic svg{width:22px;height:22px}
.industries .icard h3{font-size:16px;margin-top:16px}
.industries .icard p{font-size:12.5px;line-height:1.65;margin-top:7px}
}

/* ===== 技术黑带 ===== */
.darkband{background:#000;color:#fff;padding:130px 24px;text-align:center}
.darkband h2{font-size:clamp(36px,4.4vw,56px);font-weight:700;letter-spacing:-.02em;line-height:1.14}
.darkband .sub{font-size:clamp(16px,1.8vw,21px);color:#86868b;max-width:640px;margin:16px auto 0;line-height:1.6}
.darkband .cols{max-width:900px;margin:76px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left}
.darkband .cols h4{font-size:15px;font-weight:600;margin-bottom:8px}
.darkband .cols p{font-size:13.5px;color:#86868b;line-height:1.65}
@media (max-width:760px){.darkband .cols{grid-template-columns:1fr;gap:36px}}

/* ===== 数据条 ===== */
.stats{padding:108px 24px 100px;text-align:center}
.stats h2{font-size:clamp(32px,3.8vw,48px);font-weight:700;letter-spacing:-.016em}
.stats .sub{font-size:19px;color:#6e6e73;margin-top:12px}
.stats .row{max-width:980px;margin:40px auto 0;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.stats .item{flex:1;min-width:150px}
.stats .n{font-size:clamp(34px,4vw,52px);font-weight:700;letter-spacing:-.02em}
.stats .l{font-size:14px;color:#6e6e73;margin-top:6px}

/* ===== CTA ===== */
.cta{background:#f5f5f7;padding:100px 24px;text-align:center}
.cta h2{font-size:clamp(32px,3.8vw,48px);font-weight:700;letter-spacing:-.016em}
.cta .links{flex-direction:column;align-items:center;gap:12px}
.cta .addr{margin-top:16px;font-size:14px;color:#6e6e73}
.cta.dark{background:#000}
.cta.dark h2{color:#fff}
.cta.dark .addr{color:#86868b}

/* ===== 系列页 Hero ===== */
.phero{padding:128px 24px 88px;background:#f5f5f7;text-align:center;overflow:hidden}
.phero .eyebrow{font-size:13px;font-weight:600;letter-spacing:.16em;color:#6e6e73;text-transform:uppercase}
.phero h1{font-size:clamp(38px,5vw,64px);font-weight:700;letter-spacing:-.02em;line-height:1.08;margin-top:14px}
.phero .sub{font-size:clamp(16px,1.8vw,20px);color:#6e6e73;max-width:660px;margin:16px auto 0;line-height:1.55}
.phero .hl{display:flex;justify-content:center;gap:clamp(28px,5vw,72px);margin-top:34px;flex-wrap:wrap}
.phero .hl .n{font-size:clamp(20px,2.2vw,26px);font-weight:700;letter-spacing:-.01em}
.phero .hl .l{font-size:12.5px;color:#86868b;margin-top:4px}
.phero .pic{max-width:920px;margin:44px auto 0}
.phero .pic img{width:auto;height:min(52vh,460px);max-width:100%;margin:0 auto;border-radius:24px;mix-blend-mode:multiply;filter:drop-shadow(0 24px 44px rgba(0,0,0,.18))}

/* ===== 系列介绍 ===== */
.intro{padding:104px 24px;text-align:center}
.intro h2{font-size:clamp(30px,3.6vw,44px);font-weight:700;letter-spacing:-.016em}
.intro .paras{max-width:720px;margin:30px auto 0;text-align:left}
.intro .paras p{font-size:17px;line-height:1.8;color:#48484a}
.intro .paras p+p{margin-top:18px}

/* ===== 核心特点 ===== */
.feat{background:#f5f5f7;padding:92px 24px 100px}
.feat .grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:34px}
.feat .item h4{font-size:17px;font-weight:600;letter-spacing:-.01em}
.feat .item p{font-size:13.5px;color:#6e6e73;line-height:1.7;margin-top:10px}
@media (max-width:980px){.feat .grid{grid-template-columns:repeat(2,1fr);gap:40px 30px}}
@media (max-width:560px){.feat .grid{grid-template-columns:1fr}}

/* ===== 应用场景 ===== */
.apps{padding:100px 24px;text-align:center}
.apps h2{font-size:clamp(30px,3.6vw,44px);font-weight:700;letter-spacing:-.016em}
.apps .grid{max-width:1000px;margin:44px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:left}
.apps .item{background:#f5f5f7;border-radius:22px;padding:30px 30px 32px}
.apps .item h4{font-size:17px;font-weight:600}
.apps .item p{font-size:14px;color:#6e6e73;line-height:1.7;margin-top:8px}
@media (max-width:720px){.apps .grid{grid-template-columns:1fr}}

/* ===== 型号参数表 ===== */
.models{background:#f5f5f7;padding:96px 24px 100px;text-align:center}
.models h2{font-size:clamp(30px,3.6vw,44px);font-weight:700;letter-spacing:-.016em}
.models .tablecard{max-width:1140px;margin:44px auto 0;background:#fff;border-radius:22px;box-shadow:0 6px 28px rgba(0,0,0,.06);padding:10px 30px;text-align:left}
.models .tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.mtable{width:100%;border-collapse:collapse;font-size:14px;margin:8px 0}
.mtable th{text-align:left;font-size:12px;font-weight:600;color:#86868b;padding:14px 14px 12px;border-bottom:1px solid #d2d2d7;white-space:nowrap;letter-spacing:.02em}
.mtable td{padding:13px 14px;border-bottom:1px solid rgba(0,0,0,.06);color:#424245;white-space:nowrap}
.mtable td:first-child{font-weight:600;color:#1d1d1f}
.mtable tbody tr:last-child td{border-bottom:none}
.mtable tbody tr:hover td{background:#fafafa}
.models .note{max-width:1140px;margin:20px auto 0;font-size:12.5px;color:#86868b;line-height:1.75;text-align:left}

/* ===== Footer ===== */
footer{background:#f5f5f7;border-top:1px solid #d2d2d7;color:#6e6e73;font-size:12px}
footer .inner{max-width:980px;margin:0 auto;padding:20px 22px}
footer .notice{padding:16px 0;border-bottom:1px solid #d2d2d7;line-height:1.7}
footer .legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:14px 0}
footer .legal .mps{margin-left:16px}
footer .legal .mps img{width:12px;height:13px;display:inline-block;vertical-align:-2px;margin-right:3px}
footer a:hover{text-decoration:underline;color:#1d1d1f}