/* ==========================================================================
 * 站点定制样式表（custom.css）—— 阶段②
 * --------------------------------------------------------------------------
 * 来源：旧主题 style.css 的 1:1 完整迁移（含全部响应式断点与轮播样式）
 *
 * 加载顺序：父主题样式(generate-style) → 子主题 style.css → 本文件
 * 因此本文件的同权重规则优先级最高，可完整还原旧主题视觉。
 *
 * 迁移说明（重要）：
 *   1. 规则原样移植，未做任何"顺手修复"，确保与旧主题像素级一致；
 *   2. 旧样式中引用的未定义变量 --hs-surface / --hs-shadow-md /
 *      --hs-ink-0 / --hs-ink-1（旧主题 :root 中即缺失，属历史遗留），
 *      阶段⑤已在 :root 补定义：--hs-surface=#FFF、--hs-shadow-md=中间档
 *      阴影、--hs-ink-0=主文字色、--hs-ink-1=次级文字色。原渲染为属性
 *      回退（背景透明/无阴影/文字继承），补定义后按设计本意渲染（白底
 *      卡片、投影、规范文字色），视觉向旧主题设计意图收敛；
 *   3. GP 父主题样式与本文档选择器几乎无交集（本文档全部使用 .hs-*
 *      自有类名），不存在覆盖冲突；阶段⑤已逐页核对无冲突。
 * ========================================================================== */

/* =========================================================================
   湖南思迅主题样式
   设计语言：现代 B2B 企业级视觉 —— 品牌蓝 + 留白 + 卡片化 + 清晰层级
   ========================================================================= */

:root{
  --hs-primary: #0B5CE6;          /* 思迅品牌蓝 */
  --hs-primary-dark: #0848B8;
  --hs-primary-soft: #EAF1FF;     /* 品牌蓝浅底 */
  --hs-accent: #0FA8A6;           /* 辅助青蓝 */
  --hs-ink: #1A2233;              /* 主文字 */
  --hs-ink-2: #5A6478;            /* 次级文字 */
  --hs-ink-3: #8A93A6;            /* 弱化文字 */
  --hs-line: #E6EAF2;             /* 分割线 */
  --hs-bg: #FFFFFF;
  --hs-bg-soft: #F6F8FB;          /* 浅灰底 */
  --hs-radius: 14px;
  --hs-radius-lg: 20px;
  --hs-shadow: 0 10px 30px rgba(20,40,90,.08);
  --hs-shadow-md: 0 16px 40px rgba(20,40,90,.12); /* 阶段⑤补定义（旧主题遗留未定义） */
  --hs-shadow-lg: 0 24px 60px rgba(20,40,90,.14);
  --hs-surface: #FFFFFF;            /* 卡片/表面底色（阶段⑤补定义，等同 --hs-bg） */
  --hs-ink-0: #1A2233;              /* 标题文字（阶段⑤补定义，等同 --hs-ink） */
  --hs-ink-1: #5A6478;              /* 正文次级文字（阶段⑤补定义，等同 --hs-ink-2） */
  --hs-container: 1240px;
  --hs-gutter: 24px;
}

/* ---------- Reset / Base ---------- */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;
  /* 系统字体栈（2026-10-19 性能改造）
     ------------------------------------------------------------------
     原为 body 优先 "Noto Sans SC" 网络字体，实测首屏要拉 19 个 woff2
     分片 + 668KB 字体 CSS ≈ 1.7MB，慢速 4G 下整体加载 8.2 秒。
     改为设备自带黑体后，字体请求归零，视觉上：
       Windows → 微软雅黑（与 Noto Sans SC 同为无衬线黑体，字形接近）
       macOS / iOS → 苹方 PingFang SC（更精致）
       Android → 思源黑体 / Noto Sans CJK
     英文优先系统 UI 字体（Segoe UI / SF），中文字面在后。
     如需回到网络字体，见 README 6.14 的回滚说明。 */
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑","Source Han Sans SC","Noto Sans CJK SC","Helvetica Neue",Arial,sans-serif;
  color:var(--hs-ink);
  background:var(--hs-bg);
  line-height:1.7;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto;display:block;}
a{color:var(--hs-primary);text-decoration:none;transition:color .2s;}
a:hover{color:var(--hs-primary-dark);}
h1,h2,h3,h4,h5,h6{margin:0 0 .6em;line-height:1.3;font-weight:700;color:var(--hs-ink);}
p{margin:0 0 1em;}
ul,ol{padding-left:1.4em;}
figure{margin:0;}
:focus-visible{outline:3px solid var(--hs-primary);outline-offset:2px;border-radius:4px;}

.hs-container{max-width:var(--hs-container);margin:0 auto;padding:0 var(--hs-gutter);}
.hs-section{padding:72px 0;}
.hs-section--soft{background:var(--hs-bg-soft);}
.hs-section--brand{background:linear-gradient(135deg,#0B5CE6 0%,#0A4FC4 60%,#0FA8A6 140%);color:#fff;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* ---------- Section headings ---------- */
.hs-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;letter-spacing:.12em;
  color:var(--hs-primary);text-transform:uppercase;margin-bottom:12px;}
.hs-eyebrow::before{content:"";width:24px;height:2px;background:var(--hs-primary);}
.hs-head{max-width:680px;margin:0 auto 40px;text-align:center;}
.hs-head .hs-eyebrow{justify-content:center;}
.hs-head .hs-eyebrow::before{display:none;}
.hs-title{font-size:clamp(26px,4vw,36px);font-weight:800;}
.hs-sub{color:var(--hs-ink-2);font-size:17px;margin-top:10px;}
.hs-head--left{margin:0 0 32px;text-align:left;}
.hs-head--left .hs-eyebrow::before{display:block;}

/* ---------- Buttons ---------- */
.hs-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 26px;border-radius:999px;font-size:15px;font-weight:600;line-height:1;
  transition:all .22s ease;cursor:pointer;border:2px solid transparent;white-space:nowrap;}
.hs-btn--primary{background:var(--hs-primary);color:#fff;}
.hs-btn--primary:hover{background:var(--hs-primary-dark);color:#fff;transform:translateY(-2px);box-shadow:var(--hs-shadow);}
.hs-btn--ghost{border-color:rgba(255,255,255,.55);color:#fff;background:transparent;}
.hs-btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.12);}
.hs-btn--outline{border-color:var(--hs-primary);color:var(--hs-primary);background:#fff;}
.hs-btn--outline:hover{background:var(--hs-primary);color:#fff;}
.hs-btn--lg{padding:15px 34px;font-size:16px;}
.hs-btn--sm{padding:9px 18px;font-size:14px;}

/* ---------- Header / Nav ---------- */
.hs-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--hs-line);}
.hs-header .hs-container{max-width:none;}
.hs-header__inner{display:flex;align-items:center;justify-content:space-between;height:76px;gap:18px;
  max-width:1500px;margin:0 auto;padding:0 80px 0 50px;}
.hs-brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;color:var(--hs-ink);white-space:nowrap;flex:0 0 auto;}
.hs-brand__logo{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#0B5CE6,#0FA8A6);
  display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:20px;flex:0 0 auto;}
.hs-brand small{display:block;font-size:11px;font-weight:500;color:var(--hs-ink-3);letter-spacing:.05em;white-space:nowrap;}

.hs-nav{flex:1 1 auto;}
.hs-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:14px;justify-content:center;flex-wrap:nowrap;}
.hs-nav a{display:block;padding:11px 20px;font-size:16px;font-weight:600;color:var(--hs-ink-2);border-radius:8px;white-space:nowrap;}
.hs-nav a:hover,.hs-nav .current-menu-item>a,.hs-nav .current_page_item>a{color:var(--hs-primary);background:var(--hs-primary-soft);}
.hs-header__cta{display:flex;align-items:center;gap:26px;flex:0 0 auto;}
.hs-header__tel{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--hs-primary);white-space:nowrap;}
.hs-header__tel svg{flex:0 0 auto;color:var(--hs-primary);}
.hs-header__tel a{color:var(--hs-primary);white-space:nowrap;}
.hs-header__tel a:hover{text-decoration:underline;}
.hs-header__tel i{color:var(--hs-line);font-style:normal;}
.hs-burger{display:none;width:44px;height:44px;border:0;background:var(--hs-primary);border-radius:10px;
  cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:4px;flex:0 0 auto;}
.hs-burger span{display:block;width:20px;height:2.5px;background:#fff;border-radius:2px;}

/* 桌面页头窄屏收敛（2026-10-19 v1.5.8）
   ----------------------------------------------------------------------
   原页头按 1920 视口设计：品牌 440 + 导航 646 + 电话/CTA 401 + 间距 36
   = 1523px，而 .hs-header__inner 的可用宽度只有「视口 − 130px padding」。
   实测 1440 溢出 133px、1366 溢出 207px、1280 溢出 293px，1920 刚好零余量
   （换成系统字体后字宽略增，1920 也会压线）。表现为横向滚动条、电话与
   按钮右侧被切。这里只压缩留白与字号，不改视觉风格与配色：
     · 1800 以下：收窄 padding、导航 gap 与链接内边距
     · 1480 以下：隐藏电话号（导航优先，电话在页脚与联系页仍完整可见）
     · 1280 以下：进一步缩字号、隐藏品牌副标题
   ---------------------------------------------------------------------- */
@media(min-width:1025px) and (max-width:1799px){
  .hs-header__inner{padding:0 40px 0 32px;gap:14px;}
  .hs-nav ul{gap:6px;}
  .hs-nav a{padding:11px 14px;font-size:15px;}
  .hs-header__cta{gap:16px;}
}
@media(min-width:1025px) and (max-width:1479px){
  .hs-header__tel{display:none;}
}
@media(min-width:1025px) and (max-width:1279px){
  .hs-header__inner{padding:0 24px 0 20px;gap:10px;}
  .hs-nav a{padding:10px 11px;font-size:14px;}
  .hs-brand{font-size:18px;}
  .hs-brand small{display:none;}
}

/* Mobile nav（平板与手机统一汉堡抽屉） */
@media(max-width:1024px){
  .hs-nav{position:fixed;inset:0 0 0 auto;width:min(320px,82vw);background:#fff;transform:translateX(100%);
    transition:transform .28s ease;padding:24px;box-shadow:var(--hs-shadow-lg);overflow:auto;}
  .hs-nav.is-open{transform:translateX(0);}
  .hs-nav ul{flex-direction:column;gap:4px;}
  .hs-nav a{padding:14px;font-size:16px;}
  /* 汉堡按钮定位修正（2026-10-19）：它原是 header flex 的普通子项，同行内有
     更高的元素（品牌区两行文本）时 align-items:center 会把它下推到 y≈45，
     而页头只有 60 高 —— 按钮一半悬在 hero 上，压住「思迅 22 年…」徽标的前两字。
     改为绝对定位钉在页头右侧垂直居中，与内容互不干扰。 */
  .hs-header__inner{position:relative;}
  .hs-burger{display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%);z-index:2;}
}

/* ---------- Hero ---------- */
.hs-hero{position:relative;background:linear-gradient(160deg,#0A2F7A 0%,#0B5CE6 55%,#0FA8A6 130%);color:#fff;overflow:hidden;}
.hs-hero--carousel{min-height:540px;}
@media(max-width:768px){.hs-hero--carousel{min-height:420px;}}
@media(max-width:480px){.hs-hero--carousel{min-height:340px;}}
.hs-hero::after{content:"";position:absolute;right:-10%;top:-20%;width:620px;height:620px;border-radius:50%;
  background:radial-gradient(circle at center,rgba(255,255,255,.16),transparent 62%);}
.hs-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:88px 0 96px;position:relative;z-index:2;}
.hs-hero__badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);
  color:#fff;font-size:13px;font-weight:600;padding:7px 16px;border-radius:999px;margin-bottom:20px;}
.hs-hero h1{color:#fff;font-size:clamp(30px,5vw,46px);font-weight:900;line-height:1.25;letter-spacing:.01em;margin-bottom:18px;}
.hs-hero__lead{font-size:18px;line-height:1.8;color:rgba(255,255,255,.9);max-width:520px;margin-bottom:28px;}
.hs-hero__actions{display:flex;gap:16px;flex-wrap:wrap;}
.hs-hero__stats{display:flex;gap:40px;margin-top:40px;flex-wrap:wrap;}
.hs-hero__stat b{display:block;font-size:28px;font-weight:800;color:#fff;}
.hs-hero__stat span{font-size:13px;color:rgba(255,255,255,.75);}
.hs-hero__visual{position:relative;z-index:2;}
.hs-hero__panel{background:#fff;border-radius:18px;padding:26px;box-shadow:var(--hs-shadow-lg);color:var(--hs-ink);}
.hs-hero__panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}
.hs-hero__panel-head b{font-size:15px;}
.hs-hero__panel-head span{font-size:13px;color:var(--hs-ink-3);}
.hs-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;}
.hs-kpi div{background:var(--hs-bg-soft);border-radius:10px;padding:14px;}
.hs-kpi b{display:block;font-size:18px;color:var(--hs-primary);}
.hs-kpi span{font-size:11px;color:var(--hs-ink-3);}
.hs-bars{display:flex;align-items:flex-end;gap:10px;height:120px;}
.hs-bars i{flex:1;background:linear-gradient(180deg,#0B5CE6,#0FA8A6);border-radius:6px 6px 2px 2px;}
@media(max-width:960px){.hs-hero__grid{grid-template-columns:1fr;padding:56px 0;}
  .hs-hero__visual{max-width:520px;}}

/* ---------- Cards ---------- */
.hs-grid{display:grid;gap:24px;}
.hs-grid--3{grid-template-columns:repeat(3,1fr);}
.hs-grid--4{grid-template-columns:repeat(4,1fr);}
.hs-grid--2{grid-template-columns:repeat(2,1fr);}
@media(max-width:1024px){.hs-grid--4{grid-template-columns:repeat(2,1fr);}.hs-grid--3{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.hs-grid--4,.hs-grid--3,.hs-grid--2{grid-template-columns:1fr;}}

.hs-card{background:#fff;border:1px solid var(--hs-line);border-radius:var(--hs-radius);padding:26px;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;}
.hs-card:hover{transform:translateY(-5px);box-shadow:var(--hs-shadow);border-color:#D4DEF4;}
.hs-card__icon{width:52px;height:52px;border-radius:13px;background:var(--hs-primary-soft);color:var(--hs-primary);
  display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.hs-card__icon svg{width:26px;height:26px;}
.hs-card h3{font-size:18px;margin-bottom:8px;}
.hs-card p{color:var(--hs-ink-2);font-size:14.5px;margin:0;}
.hs-card__tag{display:inline-block;font-size:12px;color:var(--hs-primary);background:var(--hs-primary-soft);
  padding:3px 10px;border-radius:999px;margin-top:12px;}

/* 产品卡片：整卡可点，图标与名称同一行 */
a.hs-card--product{display:flex;flex-direction:column;justify-content:flex-start;text-decoration:none;color:inherit;padding:20px;height:100%;}
.hs-card--product .hs-card__head{display:flex;align-items:flex-start;gap:14px;margin-bottom:12px;}
.hs-card--product .hs-card__icon{flex:0 0 auto;width:52px;height:52px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:12px;}
.hs-card--product .hs-card__icon img{width:100%;height:100%;object-fit:cover;border-radius:12px;}
.hs-card--product .hs-card__icon svg{width:26px;height:26px;}
.hs-card--product .hs-card__titles{display:flex;flex-direction:column;justify-content:center;}
.hs-card--product .hs-card__titles h3{font-size:17px;line-height:1.3;margin:0;color:var(--hs-ink);order:1;white-space:normal;word-break:break-all;}
.hs-card--product .hs-card__titles .hs-card__tag{margin-top:4px;order:2;align-self:flex-start;font-size:11px;padding:2px 8px;}
.hs-card--product .hs-card__target{font-size:14px;font-weight:600;color:var(--hs-primary);margin-bottom:6px;}
.hs-card--product p{font-size:13.5px;line-height:1.5;}
.hs-card--product .hs-feature-list{margin-top:10px;font-size:13px;}
.hs-feature-list li:empty{display:none;}

/* 产品中心列表：简洁卡片（图标+名称+副标题） */
a.hs-card--simple{display:flex;align-items:flex-start;gap:16px;background:#fff;border:1px solid var(--hs-line);border-radius:var(--hs-radius);padding:18px 20px;text-decoration:none;color:inherit;}
.hs-card--simple .hs-card__icon{margin-top:2px;}
a.hs-card--simple:hover{transform:translateY(-3px);box-shadow:var(--hs-shadow);border-color:#D4DEF4;}
.hs-card--simple .hs-card__icon{flex:0 0 auto;width:52px;height:52px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:12px;}
.hs-card--simple .hs-card__icon img{width:100%;height:100%;object-fit:cover;border-radius:12px;}
.hs-card--simple .hs-card__icon svg{width:26px;height:26px;}
.hs-card__simple-txt h3{font-size:17px;line-height:1.3;margin:0;color:var(--hs-ink);white-space:nowrap;}
.hs-card__simple-txt p{font-size:13.5px;color:var(--hs-ink-2);margin:3px 0 0;}

/* 深色底卡片（用于品牌色区块） */
.hs-card--dark{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);}
.hs-card--dark h3,.hs-card--dark h3 a{color:#fff;}
.hs-card--dark p{color:rgba(255,255,255,.8);}
.hs-card--dark .hs-card__icon{background:rgba(255,255,255,.14);color:#fff;}
.hs-card--dark .hs-card__tag{background:rgba(255,255,255,.14);color:#fff;}
.hs-card--dark:hover{border-color:rgba(255,255,255,.35);}

/* ---------- Product / solution grid ---------- */
.hs-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:36px;}
.hs-tab{padding:10px 20px;border-radius:999px;border:1px solid var(--hs-line);background:#fff;color:var(--hs-ink-2);
  font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;}
.hs-tab:hover{border-color:var(--hs-primary);color:var(--hs-primary);}
.hs-tab.is-active{background:var(--hs-primary);border-color:var(--hs-primary);color:#fff;}

/* 两级筛选：父级主 Tab、子级次 Tab、业态 chips */
.hs-tabs--multi{justify-content:flex-start;margin-bottom:10px;}
.hs-tabs--sub{justify-content:flex-start;margin-bottom:14px;padding-left:4px;}
.hs-tabs--chips{row-gap:8px;}
.hs-tab--small{padding:6px 14px;font-size:13px;font-weight:500;border-color:transparent;background:#f3f4f6;color:var(--hs-ink-2);}
.hs-tab--small:hover{border-color:var(--hs-primary);color:var(--hs-primary);background:#fff;}
.hs-tab--small.is-active{background:var(--hs-primary);color:#fff;border-color:var(--hs-primary);}

.hs-empty{text-align:center;color:var(--hs-ink-2);padding:40px 0;}

/* 页面正文 */
.hs-entry{line-height:1.9;color:var(--hs-ink-1);}
.hs-entry h2{font-size:28px;margin:28px 0 16px;color:var(--hs-ink-0);}
.hs-entry h3{font-size:22px;margin:24px 0 12px;color:var(--hs-ink-0);}
.hs-entry p{margin:0 0 16px;}
.hs-entry img{max-width:100%;height:auto;border-radius:10px;margin:16px 0;}
.hs-entry ul,.hs-entry ol{margin:0 0 16px;padding-left:22px;}
.hs-entry blockquote{border-left:3px solid var(--hs-primary);padding-left:16px;color:var(--hs-ink-2);margin:0 0 16px;}

.hs-panel{display:none;}
.hs-panel.is-active{display:block;animation:hsFade .4s ease;}
@keyframes hsFade{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}

.hs-feature-list{list-style:none;margin:14px 0 0;padding:0;}
.hs-feature-list li{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:var(--hs-ink-2);margin-bottom:8px;}
.hs-feature-list li::before{content:"✓";color:var(--hs-accent);font-weight:800;flex:0 0 auto;}

/* 步骤列表（教程单页） */
.hs-steps-list{margin:0 0 1em;padding-left:1.3em;color:var(--hs-ink-2);}
.hs-steps-list li{margin-bottom:.6em;}

/* ---------- Split feature ---------- */
.hs-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.hs-split--rev .hs-split__media{order:-1;}
.hs-split__media{position:relative;}
.hs-split__media img{border-radius:var(--hs-radius-lg);box-shadow:var(--hs-shadow-lg);width:100%;object-fit:cover;}
.hs-split h2{font-size:clamp(24px,3.4vw,32px);margin-bottom:16px;}
.hs-split p{color:var(--hs-ink-2);}
.hs-about-box{background:var(--hs-surface);border:1px solid var(--hs-line);border-radius:var(--hs-radius-lg);
  padding:32px;box-shadow:var(--hs-shadow-lg);}
.hs-about-box h3{font-size:24px;margin-bottom:14px;color:var(--hs-primary);}
.hs-about-box p{font-size:14.5px;line-height:1.85;color:var(--hs-ink-2);margin-bottom:14px;}
.hs-about-list{list-style:none;margin:16px 0 0;padding:0;}
.hs-about-list li{padding:9px 0 9px 26px;position:relative;color:var(--hs-ink-2);font-size:14.5px;border-bottom:1px dashed var(--hs-line);}
.hs-about-list li:last-child{border-bottom:0;}
.hs-about-list li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;
  background:var(--hs-primary-soft);}
.hs-about-list li::after{content:"";position:absolute;left:5px;top:50%;transform:translateY(-60%) rotate(45deg);width:5px;height:9px;
  border:solid var(--hs-primary);border-width:0 2px 2px 0;}
@media(max-width:900px){.hs-split{grid-template-columns:1fr;gap:28px;}
  .hs-split--rev .hs-split__media{order:0;}}

/* ---------- Process / steps ---------- */
.hs-steps{display:grid;grid-template-columns:repeat(7,1fr);gap:16px;counter-reset:step;}
.hs-step{position:relative;background:#fff;border:1px solid var(--hs-line);border-radius:var(--hs-radius);padding:22px 18px;text-align:center;}
.hs-step::before{counter-increment:step;content:counter(step,decimal-leading-zero);display:block;font-size:13px;
  color:var(--hs-primary);font-weight:800;margin-bottom:8px;}
.hs-step b{display:block;font-size:15px;margin-bottom:6px;}
.hs-step span{font-size:12.5px;color:var(--hs-ink-2);}
@media(max-width:1024px){.hs-steps{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.hs-steps{grid-template-columns:1fr;}}

/* ---------- Metrics band ---------- */
.hs-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;text-align:center;}
.hs-metrics b{display:block;font-size:clamp(26px,3.6vw,40px);font-weight:900;color:#fff;}
.hs-metrics span{font-size:14px;color:rgba(255,255,255,.8);}
@media(max-width:900px){.hs-metrics{grid-template-columns:repeat(2,1fr);gap:28px;}}

/* ---------- FAQ（v1.5.4：原生 details/summary） ---------- */
.hs-faq{max-width:860px;margin:0 auto;}
.hs-faq__item{border:1px solid var(--hs-line);border-radius:12px;margin-bottom:12px;background:#fff;overflow:hidden;}
.hs-faq__q{width:100%;text-align:left;background:#fff;border:0;padding:18px 20px;font-size:16px;font-weight:600;
  color:var(--hs-ink);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;
  list-style:none;}
.hs-faq__q::-webkit-details-marker{display:none;}
.hs-faq__q::marker{content:"";}
.hs-faq__q::after{content:"+";font-size:22px;color:var(--hs-primary);transition:transform .2s;font-weight:400;}
.hs-faq__item[open] .hs-faq__q::after{transform:rotate(45deg);}
.hs-faq__a{padding:0 20px 18px;color:var(--hs-ink-2);font-size:15px;}

/* ---------- Cases（2026-10-14 改版：封面图 + 标题 图片卡片） ---------- */
.hs-case-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--hs-line);
  border-radius:var(--hs-radius-lg);overflow:hidden;height:100%;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;}
.hs-case-card:hover{transform:translateY(-5px);box-shadow:var(--hs-shadow);border-color:#D4DEF4;}
.hs-case-card__img{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--hs-bg-soft);}
.hs-case-card__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}
.hs-case-card:hover .hs-case-card__img img{transform:scale(1.04);}
.hs-case-card__ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;
  font-size:46px;font-weight:800;color:var(--hs-primary);
  background:linear-gradient(135deg,var(--hs-primary-soft),#FFFFFF);}
.hs-case-card__body{display:block;padding:16px 18px 18px;}
.hs-case-card__title{display:block;font-size:16px;font-weight:700;color:var(--hs-ink);line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.hs-case-card__sub{display:block;margin-top:6px;font-size:13px;color:var(--hs-ink-3);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* ---------- CTA band ---------- */
.hs-cta{background:linear-gradient(135deg,#0B5CE6,#0A4FC4 55%,#0FA8A6);color:#fff;border-radius:var(--hs-radius-lg);
  padding:56px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;}
.hs-cta h2{color:#fff;font-size:clamp(24px,3.4vw,32px);margin-bottom:8px;}
.hs-cta p{color:rgba(255,255,255,.85);margin:0;max-width:520px;}
.hs-cta .hs-btn--ghost{border-color:#fff;}

/* ---------- Footer ---------- */
.hs-footer{background:#0F1830;color:#A7B1CC;font-size:14px;}
.hs-footer__top{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:40px;padding:60px 0;}
.hs-footer__brand{color:#fff;font-size:19px;font-weight:800;display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.hs-footer__brand .hs-brand__logo{width:36px;height:36px;font-size:17px;}
.hs-footer p{color:#8C96B3;line-height:1.9;}
.hs-footer__col b{color:#fff;font-size:15px;display:block;margin-bottom:16px;}
.hs-footer__col ul{list-style:none;margin:0;padding:0;}
.hs-footer__col li{margin-bottom:10px;}
.hs-footer__col a{color:#8C96B3;}
.hs-footer__col a:hover{color:#fff;}
.hs-footer__contact li{display:flex;gap:10px;align-items:flex-start;}
.hs-footer__contact svg{width:18px;height:18px;flex:0 0 auto;margin-top:3px;color:var(--hs-accent);}
.hs-footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding:20px 0;display:flex;
  justify-content:space-between;gap:16px;flex-wrap:wrap;color:#6E7895;font-size:12.5px;}
@media(max-width:960px){.hs-footer__top{grid-template-columns:1fr 1fr;}}
@media(max-width:640px){.hs-footer__top{grid-template-columns:1fr;}}

/* ---------- Page hero (interior) ---------- */
.hs-page-hero{background:linear-gradient(160deg,#EAF2FF,#F7FAFF);color:#0F172A;padding:56px 0;}
.hs-page-hero h1{color:#0F172A;font-size:clamp(26px,4vw,36px);margin-bottom:10px;}
.hs-page-hero p{color:#475569;font-size:16px;max-width:720px;margin:0;}
.hs-page-hero--img{color:#fff;background-size:cover;background-position:center;padding:96px 0;}
.hs-page-hero--img h1{color:#fff;}
.hs-page-hero--img p{color:rgba(255,255,255,.92);}
.hs-page-hero--img .hs-crumbs{color:rgba(255,255,255,.8);}
.hs-page-hero--img .hs-crumbs a{color:rgba(255,255,255,.9);}
.hs-crumbs{font-size:15px;color:#475569;margin-bottom:18px;}
.hs-crumbs a{color:#334155;font-weight:600;}
.hs-crumbs a:hover{color:var(--hs-primary);}
/* 产品详情实景 hero（仿思迅总部产品页） */
.hs-page-hero--img{text-align:center;}
.hs-page-hero--img .hs-crumbs{justify-content:center;}
.hs-page-hero--img .hs-page-hero__sub{margin:8px auto 0;font-size:clamp(18px,2.4vw,24px);font-weight:600;}
.hs-hero-caps{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:30px 0 26px;}
.hs-hero-cap{background:rgba(15,23,42,.42);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:14px 18px;min-width:150px;max-width:200px;text-align:left;}
.hs-hero-cap b{display:block;font-size:15px;color:#fff;margin-bottom:4px;}
.hs-hero-cap span{display:block;font-size:12.5px;color:rgba(255,255,255,.82);line-height:1.45;}
.hs-hero-cta{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;}
.hs-btn--light{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.55);}
.hs-btn--light:hover{background:#fff;color:var(--hs-primary);}
@media(max-width:768px){.hs-hero-caps{gap:10px;}.hs-hero-cap{max-width:100%;flex:1 1 45%;}}

/* ---------- Breadcrumb schema ---------- */
.hs-schema{display:none;}

/* ---------- Pagination / misc ---------- */
.hs-pagination{display:flex;gap:8px;justify-content:center;margin-top:40px;flex-wrap:wrap;}
.hs-pagination a,.hs-pagination span{display:inline-flex;min-width:40px;height:40px;padding:0 12px;align-items:center;
  justify-content:center;border:1px solid var(--hs-line);border-radius:8px;color:var(--hs-ink-2);font-size:14px;}
.hs-pagination .current,.hs-pagination a:hover{background:var(--hs-primary);border-color:var(--hs-primary);color:#fff;}

.hs-post{margin-bottom:40px;padding:28px;background:#fff;border:1px solid var(--hs-line);border-radius:var(--hs-radius);}
.hs-post h2{font-size:22px;}
.hs-post__meta{font-size:13px;color:var(--hs-ink-3);margin-bottom:10px;}

.hs-form label{display:block;font-size:14px;font-weight:600;margin-bottom:6px;}
.hs-form input,.hs-form textarea,.hs-form select{width:100%;padding:12px 14px;border:1px solid var(--hs-line);
  border-radius:10px;font-size:15px;font-family:inherit;background:#fff;}
.hs-form input:focus,.hs-form textarea:focus{border-color:var(--hs-primary);outline:none;box-shadow:0 0 0 3px var(--hs-primary-soft);}
.hs-form .hs-form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
/* 提交结果提示（v1.5.22）：旧版页面拿到 ?lead=ok 什么都不显示，用户以为没提交成功。 */
.hs-form-note{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:10px;
  margin:0 0 16px;font-size:14px;line-height:1.6;border:1px solid transparent;}
.hs-form-note b{font-size:15px;}
.hs-form-note--ok{background:#EAF7EF;border-color:#BFE6CE;color:#14663A;}
.hs-form-note--warn{background:#FDF3E3;border-color:#F0D9AE;color:#8A5300;}
.hs-form__consent{margin:10px 0 0;font-size:12.5px;line-height:1.6;color:var(--hs-ink-2);}
.hs-form__consent a{color:var(--hs-primary);text-decoration:underline;}

@media(max-width:720px){.hs-form .hs-form__row{grid-template-columns:1fr;}}

/* =========================================================================
   响应式自适应：桌面（默认） → 平板（≤1024） → 手机（≤640） → 小屏（≤420）
   ========================================================================= */

/* ---------- 平板 ---------- */
@media(max-width:1024px){
  .hs-section{padding:60px 0;}
  .hs-hero__grid{gap:32px;}
  .hs-head{margin-bottom:32px;}
  .hs-split{gap:32px;}
}

/* ---------- 手机 / 小平板 ---------- */
@media(max-width:768px){
  html,body{overflow-x:hidden;}
  .hs-container{--hs-gutter:16px;}
  .hs-section{padding:48px 0;}
  .hs-header__inner{height:60px;}
  .hs-header__tel{display:none;}
  .hs-header__cta .hs-btn--sm{display:none;}
  .hs-brand{font-size:15px;gap:8px;min-width:0;}
  /* Logo 图原始宽 228px，加公司全名（10 字）在 390 视口下总宽超过
     可用 358px，右侧被裁（历史问题，换系统字体后更明显）。
     缩图到 130px 并隐藏副标题；页头右侧同时给汉堡按钮留 64px
     （44 按钮 + 16 边距 + 4 空隙），否则按钮会压住公司名末字。 */
  .hs-header__inner{padding-right:64px;}
  .hs-brand__logo-img{width:130px;height:auto;}
  .hs-brand small{display:none;}
  .hs-hero__grid{padding:48px 0 56px;}
  .hs-hero h1{font-size:clamp(28px,6.5vw,36px);}
  .hs-hero__lead{font-size:16px;}
  .hs-hero__stats{gap:22px;}
  .hs-kpi{grid-template-columns:repeat(2,1fr);}
  .hs-metrics b{font-size:30px;}
  .hs-title{font-size:26px;}
  .hs-sub{font-size:15.5px;}
  .hs-btn--lg{padding:13px 26px;font-size:15px;}
  /* 两级筛选 Tab：多列转横向滚动，避免超高 */
  .hs-tabs--multi,.hs-tabs--sub,.hs-tabs--chips{
    flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;padding-bottom:6px;}
  .hs-tabs--multi::-webkit-scrollbar,.hs-tabs--sub::-webkit-scrollbar,.hs-tabs--chips::-webkit-scrollbar{display:none;}
  .hs-tab{white-space:nowrap;}
  .hs-footer__top{gap:28px;padding:48px 0;}
}

/* ---------- 手机 ---------- */
@media(max-width:640px){
  .hs-section{padding:44px 0;}
  .hs-card{padding:20px;}
  .hs-card h3{font-size:17px;}
  .hs-hero__panel{padding:20px;}
  .hs-cta{padding:36px 22px;flex-direction:column;text-align:center;gap:22px;}
  .hs-cta .hs-btn--ghost{width:100%;max-width:360px;}
  .hs-page-hero{padding:44px 0;text-align:center;}
  .hs-crumbs{justify-content:center;}
  .hs-split{gap:24px;}
  .hs-metrics{gap:20px;}
  .hs-metrics b{font-size:26px;}
  .hs-faq__q{padding:15px 16px;font-size:15px;}
  .hs-footer__bottom{flex-direction:column;text-align:center;gap:8px;padding:24px 0;}
  .hs-footer__col{font-size:14px;}
  .hs-tab{padding:8px 15px;font-size:13.5px;}
  .hs-tab--small{padding:6px 12px;font-size:12.5px;}
  .hs-steps{gap:12px;}
  .hs-form input,.hs-form textarea,.hs-form select{font-size:16px;}  /* 避免 iOS 聚焦自动缩放 */
}

/* ---------- 小屏手机 ---------- */
@media(max-width:420px){
  .hs-header__cta .hs-btn--sm{display:none;}   /* 腾出空间给品牌与菜单按钮 */
  .hs-header__tel{font-size:12.5px;gap:5px;}
  .hs-hero__actions .hs-btn{padding:12px 20px;font-size:14px;}
  .hs-hero__stats{gap:16px;}
  .hs-hero__stat b{font-size:22px;}
  .hs-hero__stat span{font-size:12px;}
  .hs-title{font-size:24px;}
  .hs-cta h2{font-size:24px;}
  .hs-cta p{font-size:14.5px;}
}


@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}

/* =========================================================================
   首页 Hero 轮播（首屏背景轮播图）
   ========================================================================= */
.hs-hero--carousel .hs-hero__slides{position:absolute;inset:0;z-index:0;}
.hs-hero__slide{position:absolute;inset:0;background-size:cover;background-position:center;
  opacity:0;transition:opacity .9s ease;transform:scale(1.04);}
.hs-hero__slide.is-active{opacity:1;}
.hs-hero--carousel .hs-hero__scrim{position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.28) 100%);}
.hs-hero__seo{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
.hs-hero--carousel .hs-hero__grid{position:relative;z-index:2;}
.hs-hero__dots{position:absolute;bottom:22px;left:0;right:0;display:flex;gap:8px;justify-content:center;z-index:5;}
.hs-hero__dot{width:10px;height:10px;border-radius:50%;border:0;background:rgba(255,255,255,.45);cursor:pointer;padding:0;transition:all .2s;}
.hs-hero__dot.is-active{background:#fff;width:22px;border-radius:999px;}
.hs-hero__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border-radius:50%;
  border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);color:#fff;font-size:24px;line-height:1;
  cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;}
.hs-hero__nav:hover{background:rgba(255,255,255,.28);}
.hs-hero__prev{left:20px;}
.hs-hero__next{right:20px;}
@media(max-width:768px){
  .hs-hero__prev{left:10px;width:38px;height:38px;font-size:20px;}
  .hs-hero__next{right:10px;width:38px;height:38px;font-size:20px;}
  .hs-hero__dots{bottom:14px;}
}

/* ---------- 场景方案卡片（对齐思迅总部官网：图标 + 业态 + 适用场景 + 核心能力） ---------- */
.hs-sol-grid{grid-template-columns:repeat(4,1fr);}
.hs-sol{padding:24px;display:flex;flex-direction:column;}
.hs-sol__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;}
.hs-sol__icon{width:52px;height:52px;border-radius:13px;background:linear-gradient(135deg,var(--hs-primary-soft),#DFF3F2);color:var(--hs-primary);
  display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.hs-sol__icon svg{width:28px;height:28px;}
.hs-sol__icon--img{background:transparent;padding:0;overflow:hidden;}
.hs-sol__icon--img img{width:100%;height:100%;object-fit:cover;border-radius:13px;display:block;}
.hs-sol-hero-img{margin:0 0 24px;border-radius:var(--hs-radius-lg);overflow:hidden;box-shadow:var(--hs-shadow-md);}
.hs-sol-hero-img img{display:block;width:100%;height:auto;object-fit:cover;}
.hs-sol h3{font-size:19px;margin:0 0 8px;}
.hs-sol__scene{font-size:13.5px;color:var(--hs-ink-3);margin:0 0 14px;line-height:1.6;}
.hs-sol__feats{list-style:none;margin:0 0 16px;padding:0;border-top:1px dashed var(--hs-line);padding-top:14px;}
.hs-sol__feats li{font-size:13.5px;color:var(--hs-ink-2);padding-left:16px;position:relative;margin-bottom:7px;}
.hs-sol__feats li::before{content:"›";position:absolute;left:0;color:var(--hs-primary);font-weight:800;}
@media(max-width:1024px){.hs-sol-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:768px){.hs-sol-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.hs-sol-grid{grid-template-columns:1fr;}}

/* 场景方案单页 */
.hs-sol-detail__icon{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,var(--hs-primary-soft),#DFF3F2);
  color:var(--hs-primary);display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.hs-sol-detail__icon svg{width:34px;height:34px;}
.hs-sol-detail h3{font-size:20px;margin:22px 0 10px;color:var(--hs-ink);}
/* v1.5.24：正文段落继承 .hs-entry 的 text-align:center，方案页正文一填内容就变成居中排版，
   与左对齐的列表、要点卡混在一起很难读。这里把方案详情内的段落与列表统一左对齐。 */
.hs-sol-detail p{text-align:left;font-size:17px;line-height:1.9;color:var(--hs-ink-1);margin:0 0 14px;}
.hs-sol-detail h3,.hs-sol-detail .hs-feature-list{text-align:left;}
.hs-sol-detail .hs-feature-list li{text-align:left;font-size:15px;line-height:1.7;}

/* 联系我们：联系信息列表（黑色大字、图标与文字对齐） */
.hs-contact{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:18px;}
.hs-contact li{display:flex;align-items:center;gap:14px;font-size:17px;font-weight:600;color:#0f172a;line-height:1.4;}
.hs-contact svg{flex:0 0 auto;width:22px;height:22px;color:var(--hs-primary);}
.hs-contact b{color:#0f172a;font-weight:700;}
.hs-contact a{color:#0f172a;text-decoration:none;}
.hs-contact a:hover{color:var(--hs-primary);text-decoration:underline;}

/* 联系我们：公司业务二维码 1:1 展示窗 */
.hs-qrcode{margin-top:28px;}
.hs-qrcode__item{width:220px;max-width:100%;aspect-ratio:1/1;margin:0;border:1px solid var(--hs-line);border-radius:var(--hs-radius-lg);
  padding:14px;background:var(--hs-surface);box-shadow:var(--hs-shadow-md);}
.hs-qrcode__item img{width:100%;height:100%;object-fit:contain;display:block;}
.hs-qrcode__item figcaption{text-align:center;font-size:13px;color:var(--hs-ink-3);margin-top:8px;}
.hs-qrcode__empty{width:220px;max-width:100%;aspect-ratio:1/1;border:2px dashed var(--hs-line);border-radius:var(--hs-radius-lg);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px;text-align:center;background:var(--hs-surface);}
.hs-qrcode__empty b{font-size:14.5px;color:var(--hs-ink);}
.hs-qrcode__empty span{font-size:12.5px;color:var(--hs-ink-3);line-height:1.6;}

/* 联系我们：公司定位信息 / 地图 */
.hs-map{background:var(--hs-surface);border-top:1px solid var(--hs-line);padding:64px 0 72px;}
.hs-map__head{text-align:center;margin-bottom:24px;}
.hs-map__addr{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--hs-ink-2);
  font-size:16px;font-weight:600;margin-top:14px;flex-wrap:wrap;text-align:center;}
.hs-map__addr svg{flex:0 0 auto;color:var(--hs-primary);}
.hs-map__frame{margin-top:8px;border:1px solid var(--hs-line);border-radius:var(--hs-radius-lg);
  overflow:hidden;box-shadow:var(--hs-shadow-md);background:#fff;min-height:380px;}
.hs-map__frame img{display:block;width:100%;height:400px;object-fit:cover;}
.hs-map__empty{min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:12px;padding:32px;text-align:center;background:var(--hs-surface);}
.hs-map__empty b{font-size:15px;color:var(--hs-ink);}
.hs-map__empty span{font-size:13px;color:var(--hs-ink-3);line-height:1.6;max-width:520px;}
.hs-map__actions{display:flex;justify-content:center;gap:14px;margin-top:20px;flex-wrap:wrap;}
@media(max-width:480px){.hs-map__frame img{height:300px;} .hs-map__empty{min-height:240px;}}

/* =========================================================================
   资质 / 营业执照展示区（关于页 · 团队服务下方）
   ========================================================================= */
.hs-credential .hs-head{margin-bottom:36px;}
.hs-license{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;max-width:900px;margin:0 auto;}
.hs-license__item{background:#fff;border:1px solid var(--hs-line);border-radius:var(--hs-radius-lg);padding:18px;box-shadow:var(--hs-shadow);margin:0;}
.hs-license__item img{max-width:100%;height:auto;border-radius:10px;border:1px solid var(--hs-line);}
.hs-license__item figcaption{text-align:center;font-size:13px;color:var(--hs-ink-3);margin-top:12px;}
.hs-license__empty{width:100%;}
.hs-license__frame{border:2px dashed #B7C6EC;border-radius:var(--hs-radius-lg);padding:60px 24px;text-align:center;background:rgba(255,255,255,.65);}
.hs-license__frame b{display:block;font-size:18px;color:var(--hs-ink-2);margin-bottom:8px;}
.hs-license__frame span{font-size:14px;color:var(--hs-ink-3);line-height:1.8;}
@media(max-width:640px){
  .hs-license__frame{padding:44px 18px;}
  .hs-license__frame b{font-size:16px;}
}


/* 产品详情页hero左对齐+标题放大 */
.hs-page-hero--left{text-align:left;}
.hs-page-hero--left .hs-crumbs{text-align:left;}
.hs-page-hero--left h1{font-size:56px;}
.hs-page-hero--left .hs-page-hero__sub{font-size:22px;}

/* 产品详情页hero居中+放大 */
.hs-page-hero--center{text-align:center;}
.hs-page-hero--center .hs-crumbs{text-align:center;}
.hs-page-hero--center h1{font-size:64px;}
.hs-page-hero--center .hs-page-hero__sub{font-size:26px;margin-top:12px;}
.hs-page-hero--center .hs-hero-caps{justify-content:center;margin-top:28px;}
.hs-page-hero--center .hs-hero-cap{padding:20px 32px;font-size:18px;}
.hs-page-hero--center .hs-hero-cap b{font-size:20px;display:block;margin-bottom:6px;}
.hs-page-hero--center .hs-hero-cta{margin-top:24px;}
.hs-page-hero--center .hs-btn--lg{padding:16px 48px;font-size:18px;}

/* 面包屑左对齐22px，标题保持居中 */
.hs-page-hero--center .hs-crumbs{text-align:left;font-size:22px;margin-bottom:20px;}

/* 产品详情页CTA按钮放大显眼 */
.hs-page-hero--center .hs-hero-cta .hs-btn--ghost{padding:18px 64px;font-size:20px;border-width:2px;}

/* 产品详情页特点卡片放大，按钮下移 */
.hs-page-hero--center .hs-hero-cap{padding:28px 44px;font-size:20px;}
.hs-page-hero--center .hs-hero-cap b{font-size:24px;display:block;margin-bottom:6px;}
.hs-page-hero--center .hs-hero-cap span{font-size:15px;opacity:.85;}
.hs-page-hero--center .hs-hero-cta{margin-top:40px;}

/* 产品详情页特点卡片加宽 */
.hs-page-hero--center .hs-hero-cap{padding:32px 56px;font-size:20px;min-width:180px;}

/* 产品详情页特点卡片固定220px */
.hs-page-hero--center .hs-hero-cap{min-width:220px;max-width:220px;text-align:center;}

/* 产品详情页正文图片
   ----------------------------------------------------------------------
   2026-10-19 修：原规则 `display:block; margin:0 auto` 把所有正文图片
   强制水平居中，而段落文字是左对齐（编辑器会输出 text-align:left），
   于是图片左边缘比文字右移 (1192−1000)/2 ≈ 96px，前端看起来
   「文字和图片不是同一个开头」，与后台编辑器所见不一致。
   现改为按 WP 常规语义：默认跟随段落、不自动居中；只有显式
   aligncenter 类或段落自身 text-align:center 时才居中。
   ---------------------------------------------------------------------- */
.hs-entry img{max-width:100%;height:auto;display:block;margin:16px 0;border-radius:8px;}
/* 居中例外：显式 aligncenter、段落内联 text-align:center，
   以及没有任何内联对齐的段落（这类段落继承 .hs-entry 的 text-align:center，
   计算值虽是 center 但 CSS 选不到，只能用 :not 反选）。 */
.hs-entry img.aligncenter,
.hs-entry p[style*="text-align: center"] img,
.hs-entry p[style*="text-align:center"] img,
.hs-entry p:not([style*="text-align"]) img{margin-left:auto;margin-right:auto;}
.hs-entry img.alignleft{float:left;margin:0 16px 16px 0;}
.hs-entry img.alignright{float:right;margin:0 0 16px 16px;}
.hs-entry p:has(img){margin:0;}
.hs-entry{font-size:16px;line-height:1.8;text-align:center;}
.hs-entry h2{font-size:28px;margin:28px 0 16px;}
.hs-entry h3{font-size:22px;margin:24px 0 12px;}

/* 产品详情页「功能模块」标题（v1.5.20）
   ----------------------------------------------------------------------
   原来九个模块标题混用三套结构（H2、H3+整体加粗、纯段落加粗），
   正文已统一改成裸 <h3>序号、名称</h3>，视觉全部由这里接管：
   字重 500（不加粗）、字号 21px、左对齐、底部分隔线一致。
   作用域限定 .hs-entry--product，案例/隐私政策等页面的 h2/h3 不受影响。
   ---------------------------------------------------------------------- */
.hs-entry--product h3{
	font-size:24px;
	font-weight:500;
	line-height:1.55;
	margin:40px 0 16px;
	padding:0 0 12px;
	text-align:left;
	letter-spacing:.5px;
	color:var(--hs-ink-0);
	border-bottom:1px solid #DDE4F0;
}
.hs-entry--product h3:first-child{margin-top:0;}

/* 产品详情页核心能力网格 */
.hs-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;padding:0;margin:20px 0;}
.hs-feature-card{background:#f8fafc;border-radius:12px;padding:20px;}
.hs-feature-card h3{font-size:18px;margin:0 0 8px;color:#0f172a;}
.hs-feature-card p{font-size:14px;color:#64748b;margin:0;line-height:1.6;}
.hs-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0;}
.hs-gallery-grid img{width:100%;height:220px;object-fit:cover;border-radius:10px;}
@media(max-width:768px){.hs-feature-grid,.hs-gallery-grid{grid-template-columns:1fr;}.hs-gallery-grid img{height:180px;}}

/* ===== 手机端优化 ===== */
/* 手机端产品卡片保持2列，不强制1列 */
@media(max-width:640px){
  .hs-grid--4{grid-template-columns:repeat(2,1fr) !important;gap:12px !important;}
  .hs-card{padding:14px !important;}
  .hs-card__title{font-size:14px !important;}
  .hs-card__desc{font-size:12px !important;line-height:1.5 !important;}
  .hs-card__icon{width:40px !important;height:40px !important;}
  .hs-card ul{font-size:12px !important;}
}
/* 手机端特点卡片2列 */
@media(max-width:640px){
  .hs-feature-grid{grid-template-columns:repeat(2,1fr) !important;gap:10px !important;}
  .hs-gallery-grid{grid-template-columns:repeat(2,1fr) !important;gap:8px !important;}
  .hs-gallery-grid img{height:160px !important;}
}
/* 手机端hero特点卡片2列 */
@media(max-width:640px){
  .hs-hero-caps{flex-wrap:wrap !important;}
  .hs-hero-cap{flex:0 0 45% !important;margin-bottom:8px;}
  .hs-page-hero__title{font-size:28px !important;}
  .hs-page-hero__sub{font-size:16px !important;}
}
/* 手机端导航汉堡菜单 */
@media(max-width:960px){
  .hs-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:16px;flex-direction:column;gap:12px;}
  .hs-nav.is-open{display:flex !important;}
  .hs-header .hs-container{flex-wrap:wrap;}
}
/* 手机端正文 */
@media(max-width:640px){
  .hs-entry h2{font-size:22px !important;}
  .hs-entry h3{font-size:18px !important;}
  .hs-entry--product h3{font-size:20px !important;margin:30px 0 14px !important;padding-bottom:10px !important;}
  .hs-entry{font-size:15px !important;}
  .hs-container{padding:0 16px !important;}
}

/* 手机端修复 */
@media(max-width:640px){
  /* 原来这里是 max-height:32px + width:auto!important —— 会把 390 视口下的
     Logo 撑回 228px 宽（按 32/33 比例），加上公司全名后总宽超出屏幕，右侧
     被裁。改为明确宽度 150px（高约 22px，比原 32px 更矮，不会撑高页头）。 */
  .hs-brand img{width:130px !important;height:auto !important;max-height:none !important;}
  .hs-brand{font-size:15px !important;}
  .hs-header__tel{display:none !important;}
  .hs-header__cta .hs-btn--sm{padding:6px 12px !important;font-size:12px !important;}
  /* 特点卡片一排自动排完，不强制2列 */
  .hs-hero-caps{display:flex !important;flex-wrap:wrap;gap:8px !important;}
  .hs-hero-cap{flex:1 1 auto !important;min-width:0 !important;padding:10px 12px !important;}
  .hs-hero-cap b{font-size:13px !important;display:block;}
  .hs-hero-cap span{font-size:11px !important;display:block;margin-top:2px;}
  /* 产品图集一排4列自动缩放 */
  .hs-gallery-grid{grid-template-columns:repeat(4,1fr) !important;}
  .hs-gallery-grid img{height:100px !important;}
}

/* ==========================================================================
 * GP 兼容补充（阶段②新增）
 * --------------------------------------------------------------------------
 * GP 父主题在其自身标记上可能有少量全局规则；以下补充仅用于消除
 * 极少数潜在冲突，均为"防御性"规则，不影响旧主题视觉：
 *   1. GP 可能输出 .screen-reader-text 跳转链接锚点 #content，
 *      本站主内容锚点为 #hs-main；此处保证跳转链接不可见但不破坏布局；
 *   2. GP 的 .site / #page 容器不施加内边距，无需额外处理（留注释备忘）。
 * ========================================================================== */
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* 3. 布局流修复（阶段②上线后补充，详见 inc/chrome.php 文件头注释）：
 *    GP 基础规则 .site-content{display:flex} 面向"内容+侧栏横排"设计，
 *    而迁移页面（body.full-width-content）的 6 个 <section> 是 .site-content
 *    的直接子元素，会被错误地排成横排。此处恢复块级堆叠；
 *    全幅宽度由 GP 自带 .full-width-content .container.grid-container{max-width:100%} 完成，
 *    两侧容器（.site/.site-content）在本站不承担宽度职责，不再需要内边距。 */
.full-width-content .site-content{display:block;}
.full-width-content .site.grid-container{padding:0;}

/* ==========================================================================
 * 编辑器优化新增区块样式（2026-10，配合 inc/editor.php 新字段渲染）
 *   1. .hs-sol-points   方案单页「方案要点」卡片刻（hs_solution_points）；
 *   2. .hs-case-gallery 案例单页「项目实拍」图集（hs_case_images）。
 * ========================================================================== */
.hs-sol-points{margin-top:28px;}
.hs-sol-points h3{font-size:20px;margin:0 0 14px;color:var(--hs-ink,#1d2327);}
.hs-sol-points .hs-card h4{margin:0 0 6px;font-size:15px;}
.hs-sol-points .hs-card p{font-size:13px;color:#5b6472;margin:0;}

.hs-case-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.hs-case-gallery a{display:block;border-radius:10px;overflow:hidden;border:1px solid #e8ebf0;background:#fff;}
.hs-case-gallery img{display:block;width:100%;height:180px;object-fit:cover;transition:transform .3s;}
.hs-case-gallery a:hover img{transform:scale(1.03);}
@media (max-width:640px){
  .hs-case-gallery{grid-template-columns:repeat(2,1fr);}
  .hs-case-gallery img{height:120px;}
}

/* ==========================================================================
 * 案例区块样式（2026-10，「案例行业」更名「案例分类」；10-14 卡片改版）
 *   1. .hs-chip / .hs-chip--on-dark  分类徽标（hero 深浅两底）
 *   2. .hs-case-hero__meta           案例详情 hero 徽标 + 行业副文本
 *   3. .hs-case-cta                  案例详情「获取同行业方案」按钮区
 * ========================================================================== */
.hs-chip{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--hs-bg-soft,#f2f6fd);
  border:1px solid var(--hs-line,#e3e9f2);font-size:12px;font-weight:600;color:var(--hs-accent,#0b5ce6);
  line-height:1.6;white-space:nowrap;}
.hs-chip--on-dark{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.4);color:#fff;}

.hs-case-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;}
.hs-case-hero__industry{font-size:15px;opacity:.92;}

.hs-case-cta{text-align:center;margin-top:32px;}
