/* =====================================================================
   中仪友信 官网主题 v4  (bjzyyx.local / FastAdmin + Bootstrap3)
   自有品牌配色: 科技深蓝 #1e5bb8 + 深青辅色 #007a8a (蓝→青 CTA)
   字体: 系统字体栈 (苹方/微软雅黑) + 标题收紧字距 + 等宽数字
   独立加载, 不依赖 grunt 构建。
   ===================================================================== */

:root {
    /* 品牌色 (清爽天蓝·白系 全面换肤) —— 用 --hioki-blue-rgb 供 rgba() 图片遮罩复用 */
    --hioki-blue: #2f6fed;
    --hioki-blue-rgb: 47, 111, 237;
    --hioki-blue-hover: #1f57cc;
    --hioki-accent: #5aa0ff;
    --hioki-accent-rgb: 90, 160, 255;
    --hioki-deep: #0d2a5c;
    --hioki-deep-rgb: 13, 42, 92;
    --hioki-cta-grad: linear-gradient(135deg, #2f6fed 0%, #5aa0ff 100%);

    /* 圆角体系 */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-pill: 999px;

    /* 内页 Banner 高度: 与 1920x400 品牌素材统一 */
    --hioki-inner-banner-height: 400px;
    --hioki-inner-banner-height-tablet: 240px;
    --hioki-inner-banner-height-mobile: 180px;

    /* 文字色 (偏冷灰, 可读性更好) */
    --txt-1: #1f2937;                   /* 主文字 */
    --txt-2: #4b5563;                   /* 次文字 */
    --txt-3: #9ca3af;                   /* 弱文字 */

    /* 背景色 */
    --bg-page: #ffffff;
    --bg-gray: #f4f7fc;                 /* 浅灰带一丝蓝 */
    --bg-blue-light: #eaf2ff;           /* 蓝调浅底 (跟随新主色) */
    --bg-blue-light-2: #f4f8ff;         /* 更浅蓝调 */
    --bg-blue-light-3: #eef4ff;         /* 登录门/浅底 */

    /* 边框色 */
    --border-line: #e4eaf3;             /* 通用细边 */
    --border-blue: #b9d0f5;             /* 蓝灰边(卡/表/表单) */
    --border-blue-2: #d4e1f8;           /* 更浅蓝灰边 */

    /* 阴影 (更柔和的浅蓝影) */
    --shadow-card: 0 10px 24px rgba(47,111,237,.12);
    --shadow-card-soft: 0 4px 14px rgba(47,111,237,.08);
    --shadow-header: 0 2px 16px rgba(13,42,92,.08);
    --shadow-nav: 0 8px 24px rgba(13,42,92,.10);
}

/* ---------- 全局 ---------- */
body.hioki-body {
    /* 正文主力: 微软雅黑(Win 屏幕小字渲染最清晰精神) / 苹方(macOS·iOS) / Segoe UI(英文·数字更精致) */
    font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft Yahei", "Helvetica Neue", STHeiti, Tahoma, Simsun, sans-serif;
    color: var(--txt-1);
    font-size: 15px;          /* 14→15: 提升正文可读性, 大屏更舒适 */
    font-weight: 400;
    line-height: 1.7;         /* 配 15px 紧凑精神, 不松散 */
    letter-spacing: 0;        /* 中文正文不加字距, 保持笔画连贯(加字距会让中文显散) */
    background: var(--bg-page);
    padding-top: 100px; /* 固定 header 让位 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
/* 段落 / 列表: 跟随正文, 间距统一 */
body.hioki-body p { font-size: 15px; line-height: 1.8; margin: 0 0 14px; }
body.hioki-body li { font-size: 15px; line-height: 1.8; }
/* 辅助小字: 保持比正文小一档, 形成层级 */
body.hioki-body small, body.hioki-body .small { font-size: 13px; color: var(--txt-2); }

/* 标题: 收紧字距 + 保证字重, 用 !important 兜底覆盖各页面类选择器, 整体更挺拔有层次 */
body.hioki-body h1, body.hioki-body h2, body.hioki-body h3, body.hioki-body h4,
body.hioki-body .hioki-sec-title .cn,
body.hioki-body .hioki-sec-title,
body.hioki-body .theme-f30, body.hioki-body .theme-center,
body.hioki-body .solution-section-title, body.hioki-body .solution-industry-title,
body.hioki-body .pd-info h1.pd-name,
body.hioki-body .hioki-article h1.article-title,
body.hioki-body .hioki-list-title,
body.hioki-body .ny-banner .ny-text h1,
body.hioki-body .hioki-banner .carousel-caption h2,
body.hioki-body .hioki-auth h2,
body.hioki-body .index-member .member-text h3 {
    letter-spacing: -.01em !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}
/* 超大标题(banner/页头大字) 用 700 更有力 */
body.hioki-body .ny-banner .ny-text h1,
body.hioki-body .hioki-sec-title .index-letter,
body.hioki-body .solution-section-title {
    font-weight: 700 !important;
}
/* 数字密集区: 等宽数字对齐, 强化仪器/数据气质 */
body.hioki-body .product-pagination,
body.hioki-body .support-sample-count b,
body.hioki-body .support-sample-count strong,
body.hioki-body .solution-sample-count b,
body.hioki-body .solution-sample-count strong,
body.hioki-body table.spec-table,
body.hioki-body table.param-table,
body.hioki-body .pd-spec-table {
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum";
}
body.hioki-body a { color: var(--txt-1); transition: color .2s; }
body.hioki-body a:hover { color: var(--hioki-blue-hover); text-decoration: none; }
body.hioki-body main.content { padding-top: 0; background: var(--bg-page); }
body.hioki-body.page-solution main.content { padding: 0; }
img { max-width: 100%; height: auto; }

/* 颜色工具类 */
.font-blue, .text-blue { color: var(--hioki-blue) !important; }
.text-orange { color: var(--hioki-accent) !important; }

/* 容器(更宽, 对齐原站) */
body.hioki-body .container { max-width: 1600px; }
.hioki-container { max-width: 1600px; margin: 0 auto; padding: 0 6%; }

/* =====================================================================
   顶部固定头部
   ===================================================================== */
.hioki-header {
    position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
    height: 100px; background: #fff;
    box-shadow: var(--shadow-header);
    display: flex; align-items: center;
    padding-left: 35px; padding-right: 20px;
}
.hioki-header .h-inner { width: 100%; max-width: 1600px; margin: 0 auto; display: flex; align-items: center; }
/* Logo */
.hioki-header .logo { display: flex; align-items: center; margin-right: auto; }
.hioki-header .logo img { max-height: 70px; max-width: 230px; }
.hioki-header .logo .logo-text { display: none; }

/* 右侧工具区 */
.hioki-header .h-tools { display: flex; align-items: center; gap: 20px; }

/* 电话 */
.hioki-header .tel { color: var(--hioki-blue); font-size: 20px; font-weight: bold; line-height: 40px; white-space: nowrap; }
.hioki-header .tel i { margin-right: 6px; }

/* 会员入口 */
.hioki-header .h-user { display: flex; align-items: center; gap: 6px; color: var(--txt-2); font-size: 15px; }
.hioki-header .h-user i { color: var(--hioki-blue); }

/* 搜索框 */
.hioki-header .search-box { display: flex; align-items: center; border: 1px solid var(--hioki-blue); }
.hioki-header .search-box input.in {
    border: none; height: 38px; padding: 0 12px; width: 200px; font-size: 13px; outline: none; background: #fff;
    font-family: inherit; color: var(--txt-1);
}
.hioki-header .search-box input.bt {
    border: none; height: 38px; width: 64px; background: var(--hioki-blue); color: #fff; font-size: 14px;
    cursor: pointer; font-family: inherit; text-transform: uppercase; letter-spacing: 1px;
}
.hioki-header .search-box input.bt:hover { background: var(--hioki-blue-hover); }

/* 导航栏询盘按钮(替代搜索框位置) */
.hioki-header .h-inquiry-btn {
    display: inline-flex; align-items: center; gap: 6px; white-space: nowrap;
    height: 40px; padding: 0 22px; border-radius: 3px;
    background: var(--hioki-cta-grad); color: #fff !important;
    font-size: 15px; font-weight: 600; font-family: inherit;
    transition: opacity .2s, transform .2s; cursor: pointer;
}
.hioki-header .h-inquiry-btn i { font-size: 16px; }
.hioki-header .h-inquiry-btn:hover { opacity: .9; transform: translateY(-1px); }

/* ---------- 主导航 ---------- */
.hioki-mainnav { display: flex; align-items: center; flex-wrap: nowrap; list-style: none; margin: 0; padding: 0; height: 100px; }
.hioki-mainnav > li { position: relative; height: 100px; }
/* PC 端隐藏移动端专属的汉堡菜单询盘项(避免与右侧工具区按钮重复) */
.hioki-mainnav > li.mb-inquiry-li { display: none; }
.hioki-mainnav > li > a {
    display: flex; align-items: center; height: 100px; padding: 0 22px;
    font-size: 17px; color: var(--txt-1); font-weight: 500; position: relative;
}
.hioki-mainnav > li > a:hover, .hioki-mainnav > li.active > a, .hioki-mainnav > li:hover > a { color: var(--hioki-blue); }
.hioki-mainnav > li > a:after {
    content: ''; position: absolute; left: 50%; bottom: 22px; width: 0; height: 2px;
    background: var(--hioki-blue); transform: translateX(-50%); transition: width .25s;
}
.hioki-mainnav > li:hover > a:after, .hioki-mainnav > li.active > a:after { width: 30px; }
.hioki-mainnav > li > a .caret { margin-left: 4px; }

/* 下拉面板(V2 风格: 圆角卡片 + 柔和阴影) */
.hioki-mainnav .navdiv {
    display: none; position: absolute; top: 100px; left: 0;
    background: #fff; box-shadow: var(--shadow-nav); z-index: 1001;
    padding: 30px 24px; min-width: 220px;
    border-radius: var(--radius-md);
}
.hioki-mainnav > li:hover .navdiv { display: block; animation: hiokiFade .2s; }
@keyframes hiokiFade { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }

/* 普通(窄)下拉 */
.hioki-mainnav .navdiv.simple { min-width: 180px; padding: 12px; border-radius: var(--radius-md); }
.hioki-mainnav .navdiv.simple a { display: block; padding: 0 14px; line-height: 38px; font-size: 14px; color: var(--txt-2); border-radius: 8px; transition: color .2s, background .2s; }
.hioki-mainnav .navdiv.simple a:hover { color: var(--hioki-blue); background: #f0f5ff; }

/* Mega 下拉(产品中心) */
.hioki-mainnav .navdiv.mega { left: auto; right: 0; min-width: 760px; }
.hioki-mainnav .navdiv.mega .mega-row { display: flex; flex-wrap: wrap; gap: 10px 30px; }
.hioki-mainnav .navdiv.mega .nav-categor { width: 22%; min-width: 160px; }
.hioki-mainnav .navdiv.mega .nav-categor > a.tit { display: block; font-size: 17px; font-weight: 600; color: var(--txt-1); padding-bottom: 8px; margin-bottom: 6px; border-bottom: 1px solid var(--border-line); }
.hioki-mainnav .navdiv.mega .nav-categor > a.tit:hover { color: var(--hioki-blue); }
.hioki-mainnav .navdiv.mega .nav-categor > a:not(.tit) { display: block; font-size: 13px; color: var(--txt-2); line-height: 28px; }
.hioki-mainnav .navdiv.mega .nav-categor > a:not(.tit):hover { color: var(--hioki-blue); }

/* 解决方案导航(V2 风格: 组标题带渐变竖条, 链接浅蓝悬停) */
.hioki-mainnav .navdiv.solution-nav {
    left: -200px;
    width: 470px;
    min-width: 470px;
    padding: 24px 26px;
    grid-template-columns: 1fr 1fr;
    gap: 24px 30px;
    border-radius: var(--radius-lg);
}
.hioki-mainnav > li:hover .navdiv.solution-nav { display: grid; }
.hioki-mainnav .solution-nav-group strong {
    display: flex; align-items: center;
    margin: 0 0 10px;
    color: var(--txt-1);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 22px;
}
.hioki-mainnav .solution-nav-group strong::before {
    content: "";
    width: 4px; height: 14px;
    margin-right: 8px;
    border-radius: 2px;
    background: linear-gradient(180deg, var(--hioki-blue), var(--hioki-accent));
}
.hioki-mainnav .solution-nav-group a {
    display: block;
    color: var(--txt-2);
    font-size: 14px;
    line-height: 36px;
    padding: 0 14px;
    border-radius: 8px;
    white-space: nowrap;
    transition: color .2s, background .2s, padding-left .2s;
}
.hioki-mainnav .solution-nav-group a:hover { color: var(--hioki-blue); background: #f0f5ff; padding-left: 20px; }

/* ---------- 导航栏搜索入口 (2026-08-31: 由右侧悬浮工具栏移入菜单, 下拉面板内为搜索表单) ---------- */
.hioki-mainnav .navdiv.search-nav { left: auto; right: 0; min-width: 470px; padding: 18px 20px; }
.hioki-mainnav .nav-search-form { display: flex; align-items: center; gap: 10px; }
.hioki-mainnav .nav-search-form .in {
    flex: 1 1 auto; min-width: 0; height: 42px; padding: 0 16px;
    border: 1.5px solid var(--border-blue); border-radius: var(--radius-pill);
    font-size: 14px; outline: none; font-family: inherit; color: var(--txt-1); background: #fff;
}
.hioki-mainnav .nav-search-form .in:focus { border-color: var(--hioki-blue); box-shadow: 0 0 0 3px rgba(var(--hioki-blue-rgb), .15); }
.hioki-mainnav .nav-search-form .bt {
    flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; height: 42px; padding: 0 20px;
    border: 0; border-radius: var(--radius-pill); background: var(--hioki-cta-grad); color: #fff;
    font-size: 14px; font-weight: 600; cursor: pointer; font-family: inherit; transition: opacity .2s;
}
.hioki-mainnav .nav-search-form .bt:hover { opacity: .9; }

/* 中等宽度(992-1599): 头部空间有限, 搜索入口仅留图标+悬停下拉, 文字与箭头收起 */
@media (min-width: 992px) and (max-width: 1599px) {
    .hioki-mainnav > li.nav-search-li > a .nav-search-txt,
    .hioki-mainnav > li.nav-search-li > a .caret { display: none; }
}
/* 电话让位: ≤1536 头部放不下电话+搜索, 电话在页脚"24小时服务电话"与联系我们页仍醒目 */
@media (max-width: 1536px) {
    .hioki-header .h-tools .tel { display: none; }
}

/* 中等宽度收紧菜单间距, 确保 8 个菜单项始终单行不换行 */
@media (max-width: 1440px) {
    .hioki-mainnav > li > a { padding: 0 16px; font-size: 16px; }
}
@media (max-width: 1280px) {
    .hioki-mainnav > li > a { padding: 0 12px; font-size: 15px; }
    .hioki-header .h-tools { gap: 14px; }
    .hioki-header .tel { font-size: 17px; }
}

/* 移动端汉堡 */
.hioki-header .mb-nav-ico { display: none; width: 40px; height: 40px; padding: 0; border: 0; background: transparent; align-items: center; justify-content: center; cursor: pointer; }
.hioki-header .mb-nav-ico i { display: block; width: 24px; }
.hioki-header .mb-nav-ico i span { display: block; width: 24px; height: 2px; background: var(--txt-1); margin: 5px 0; transition: transform .2s, opacity .2s; }
.hioki-header .mb-nav-ico.active i span:first-child { transform: translateY(7px) rotate(45deg); }
.hioki-header .mb-nav-ico.active i span:nth-child(2) { opacity: 0; }
.hioki-header .mb-nav-ico.active i span:last-child { transform: translateY(-7px) rotate(-45deg); }

/* =====================================================================
   区块标题组件
   ===================================================================== */
.hioki-sec-title { text-align: center; margin-bottom: 40px; }
.hioki-sec-title .index-letter { font-size: 42px; font-weight: 700; color: var(--bg-blue-light); letter-spacing: 4px; line-height: 1; }
.hioki-sec-title .cn { font-size: 28px; font-weight: 600; color: var(--txt-1); margin-top: 6px; }
.hioki-sec-title .theme-line { width: 50px; height: 3px; background: var(--hioki-blue); margin: 16px auto 0; }

/* =====================================================================
   首页轮播
   ===================================================================== */
.hioki-banner .carousel-inner > .item > a { position: relative; display: block; background: var(--hioki-deep); }
/* 注：刻意不再加渐变遮罩(.item > a:after), 让 banner 图片完整呈现;
   文字可读性改由下方 .carousel-caption 的多层 text-shadow + 半透明卡片保障。 */
.hioki-banner .carousel-inner,
.hioki-banner .carousel-inner > .item,
.hioki-banner .carousel-inner > .item > a { height: 100%; }
.hioki-banner .carousel-inner picture,
.hioki-banner .carousel-inner > .item > a img,
.hioki-banner .carousel-inner > .item > img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
.hioki-banner .carousel-indicators { bottom: 16px; }
.hioki-banner .carousel-indicators li { width: 60px; height: 8px; background: rgba(255,255,255,.6); border: none; border-radius: 0; margin: 0 5px; }
.hioki-banner .carousel-indicators .active { background: var(--hioki-blue); width: 60px; }
.hioki-banner .carousel-control { background: none !important; opacity: .6; width: 8%; }
.hioki-banner .carousel-control:hover { opacity: 1; }
.hioki-banner .carousel-control .glyphicon { width: 48px; height: 48px; line-height: 48px; font-size: 28px; background: rgba(0,0,0,.2); border-radius: 50%; }
.hioki-banner .carousel-caption { left: 8%; right: 50%; text-align: left; bottom: 18%; z-index: 2; padding: 0; text-shadow: none; }
/* 文字用半透明深色卡片兜底, 无论 banner 是亮底还是暗底都可读 (取消渐变遮罩后必备) */
.hioki-banner .carousel-caption h2 { font-size: 38px; color: #fff; font-weight: 600; margin: 0 0 8px; padding: 6px 14px; background: rgba(var(--hioki-deep-rgb),.55); border-left: 4px solid var(--hioki-accent); display: inline-block; }
.hioki-banner .carousel-caption p { font-size: 18px; line-height: 1.6; color: #fff; margin: 0; padding: 5px 14px; background: rgba(var(--hioki-deep-rgb),.45); display: inline-block; }

/* =====================================================================
   通用区块
   ===================================================================== */
.hioki-section { padding: 70px 0; }
.hioki-section-gray { background: var(--bg-gray); }

/* =====================================================================
   卡片
   ===================================================================== */
/* 产品卡(对齐原站 product-box: 阴影+大标题+底部分隔线) */
.product-box, .hioki-card {
    background: #fff; border: 1px solid var(--border-blue); border-radius: 5px;
    overflow: hidden; transition: box-shadow .25s, transform .25s; display: block; height: 100%;
    box-shadow: var(--shadow-card-soft);
}
.product-box:hover, .hioki-card:hover { box-shadow: var(--shadow-card); transform: translateY(-3px); text-decoration: none; }
.product-box .p-img, .hioki-card .card-img-wrap { position: relative; overflow: hidden; }
.product-box .p-img a { display: block; }
.product-box .p-img img, .hioki-card .card-img { width: 100%; aspect-ratio: 4/3; object-fit: cover; background: var(--bg-gray); display: block; transition: transform .4s; }
.product-box:hover .p-img img, .hioki-card:hover .card-img { transform: scale(1.05); }
.product-box .new-ion { position: absolute; top: 8px; left: 8px; background: #e4393c; color: #fff; font-size: 12px; padding: 2px 8px; border-radius: 2px; z-index: 2; }
.product-box .pro-button { position: absolute; left: 0; right: 0; bottom: 0; display: flex; opacity: 0; transform: translateY(100%); transition: opacity .25s, transform .25s; z-index: 2; }
.product-box:hover .pro-button { opacity: 1; transform: translateY(0); }
.product-box .pro-button a { flex: 1; text-align: center; font-size: 13px; padding: 11px 4px; line-height: 1.3; }
.product-box .pro-button a.btn-inquiry { background: var(--hioki-cta-grad); color: #fff; }
.product-box .pro-button a.btn-detail { background: rgba(var(--hioki-blue-rgb),.92); color: #fff; }
.product-box .pro-button a:hover { filter: brightness(1.08); }
.product-box .p-text, .hioki-card .card-body { padding: 14px 16px; display: block; }
.product-box .p-text .tit, .hioki-card .card-title { font-size: 15px; color: var(--txt-1); font-weight: 600; line-height: 1.5; margin: 0 0 6px; }
.product-box .p-text .tit.overf { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.product-box .p-text .tit:not(.overf) { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.product-box .p-text .tit .p-model { color: var(--hioki-blue); }
.product-box:hover .p-text .tit, .hioki-card:hover .card-title { color: var(--hioki-blue); }
.product-box .p-text .des, .hioki-card .card-desc { font-size: 13px; color: var(--txt-3); line-height: 1.6;
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.hioki-card .card-model { font-size: 13px; color: var(--hioki-blue); font-weight: 600; margin-bottom: 4px; }

/* 客户案例页卡片墙: 无缝拼排不留白 —— 网格 1px 发丝线做分隔(容器当底色), 卡片贴合成整体墙面。
   标题/摘要统一 2 行高度, 同排卡片完全等高; hover 只做图缩放+标题变色, 不上浮(避免露出墙底色)。 */
.case-wall {
    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px; background: var(--border-line); border: 1px solid var(--border-line);
}
.case-wall .hioki-card { display: flex; flex-direction: column; border: none; border-radius: 0; box-shadow: none; }
.case-wall .hioki-card:hover { transform: none; box-shadow: none; }
.case-wall .card-img-wrap { flex: none; }
.case-wall .card-body { flex: 1; }
.case-wall .card-title {
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
    -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 45px;
}
.case-wall .card-desc { min-height: 42px; }
@media (max-width: 991px) { .case-wall { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .case-wall { grid-template-columns: 1fr; } }

/* 产品列表页卡片专属 (对标 hioki .product-list .product-box: 阴影无边框+大标题+底部分隔线)
   ⚠ 同屏卡片必须等高: 图片固定 4/3 容器(不裁切), 标题/摘要统一 2 行截断, 卡片用 flex 列布局撑满。 */
.product-list .product-box { border: none; border-radius: 0; box-shadow: 0 2px 10px rgba(0,0,0,.1); padding: 10px 10px 15px; display: flex; flex-direction: column; }
/* 图片: 固定 4/3 容器(无论原图比例), object-fit:contain 不裁切仪器照, 浅灰底兜底避免白底图粘连 */
.product-list .product-box .p-img img { aspect-ratio: 4 / 3; object-fit: contain; background: var(--bg-gray); }
.product-list .product-box .p-text { padding: 0; margin-top: auto; display: flex; flex-direction: column; }
/* 标题: 统一 2 行截断(覆盖通用 .overf 单行), 固定高度对齐底部分隔线 */
.product-list .product-box .p-text .tit { font-size: 17px; line-height: 1.5; margin-top: 12px; padding-bottom: 10px; border-bottom: 1px solid var(--border-line);
    white-space: normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 58px; }
/* 摘要: 统一 2 行截断, 固定高度。无 .des 的卡片(如详情页相关产品)由 flex 撑满空白, 同屏仍等高 */
.product-list .product-box .p-text .des { font-size: 13px; line-height: 1.6; margin-top: 10px;
    overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 42px; }

/* 行业卡 */
.hioki-industry-card { position: relative; overflow: hidden; border-radius: 5px; display: block; aspect-ratio: 3/2; box-shadow: var(--shadow-card-soft); }
.hioki-industry-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.hioki-industry-card:hover img { transform: scale(1.06); }
.hioki-industry-card .industry-mask { position: absolute; inset: 0; background: linear-gradient(to top, rgba(var(--hioki-blue-rgb),.85) 0%, rgba(var(--hioki-blue-rgb),.1) 60%); display: flex; align-items: flex-end; padding: 20px; transition: background .25s; }
.hioki-industry-card:hover .industry-mask { background: linear-gradient(to top, rgba(var(--hioki-blue-rgb),.95) 0%, rgba(var(--hioki-blue-rgb),.3) 70%); }
.hioki-industry-card .industry-name { font-size: 18px; font-weight: 600; color: #fff; }

/* 分类入口卡(文字+图标) */
.hioki-cat-card { text-align: center; padding: 28px 14px; background: #fff; border: 1px solid var(--border-blue); border-radius: 5px; display: block; transition: all .25s; }
.hioki-cat-card:hover { box-shadow: var(--shadow-card); transform: translateY(-3px); text-decoration: none; border-color: var(--hioki-blue); }
.hioki-cat-card .cat-icon { width: 56px; height: 56px; margin: 0 auto 12px; color: var(--hioki-blue); display: flex; align-items: center; justify-content: center; }
.hioki-cat-card .cat-icon i { font-size: 32px; }
.hioki-cat-card .cat-name { font-size: 15px; font-weight: 600; color: var(--txt-1); }
.hioki-cat-card:hover .cat-name { color: var(--hioki-blue); }

/* =====================================================================
   按钮
   ===================================================================== */
.more-button { display: inline-flex; align-items: center; justify-content: center; background: var(--hioki-cta-grad); color: #fff !important; font-size: 16px; line-height: 40px; padding: 0 28px; border-radius: 2px; transition: opacity .2s, transform .2s; }
.more-button:hover { opacity: .9; color: #fff !important; transform: translateX(2px); }
.more-button.sm { font-size: 13px; line-height: 32px; padding: 0 16px; }
.btn-blue { background: var(--hioki-blue); color: #fff; border: none; border-radius: 2px; padding: 10px 28px; font-size: 15px; transition: background .2s; cursor: pointer; font-family: inherit; }
.btn-blue:hover { background: var(--hioki-blue-hover); color: #fff; }
.btn-outline-blue { background: #fff; color: var(--hioki-blue); border: 1px solid var(--hioki-blue); border-radius: 2px; padding: 10px 28px; font-size: 15px; transition: all .2s; cursor: pointer; font-family: inherit; }
.btn-outline-blue:hover { background: var(--hioki-blue); color: #fff; }

/* =====================================================================
   内页 Banner
   ===================================================================== */
.ny-banner { height: var(--hioki-inner-banner-height); background-size: cover; background-position: center; background-color: var(--hioki-blue); position: relative; display: flex; align-items: center; justify-content: center; }
/* 不叠加任何渐变/纯色遮罩, 标题无背景色块: banner 图完整清晰展示。
   banner 整图均有真实内容, 标题统一居中, 靠纯文字描边+阴影保证可读。*/
.ny-banner .ny-text { position: relative; z-index: 1; text-align: center; color: #fff; padding: 0 15px; }
.ny-banner .ny-text h1 { font-size: 44px; font-weight: 700; margin: 0 0 10px; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.85), 0 2px 10px rgba(0,0,0,.65); }
.ny-banner .ny-text p { font-size: 18px; margin: 0; letter-spacing: 1px; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.85), 0 2px 8px rgba(0,0,0,.6); }

/* =====================================================================
   面包屑
   ===================================================================== */
.hioki-breadcrumb { background: var(--bg-gray); padding: 14px 0; font-size: 13px; color: var(--txt-3); border-bottom: 1px solid var(--border-line); }
.hioki-breadcrumb a { color: var(--txt-3); }
.hioki-breadcrumb a:hover { color: var(--hioki-blue); }
.hioki-breadcrumb .active { color: var(--txt-2); }
.hioki-breadcrumb .sep { margin: 0 10px; color: var(--border-line); }

/* FAQ 列表项的分类小标签 + 会员提示条 */
.hioki-news-item .news-cat-tag { display: inline-block; margin-top: 8px; padding: 2px 10px; background: var(--bg-blue-light-2); color: var(--hioki-blue); font-size: 12px; border-radius: 10px; }
.faq-login-tip { margin-top: 30px; padding: 18px 24px; background: linear-gradient(100deg, rgba(var(--hioki-blue-rgb),.06), rgba(var(--hioki-accent-rgb),.06)); border: 1px solid rgba(var(--hioki-blue-rgb),.18); border-radius: 4px; color: var(--txt-2); font-size: 15px; text-align: center; }
.faq-login-tip i { color: var(--hioki-accent); margin-right: 6px; }
.faq-login-tip a { color: var(--hioki-blue); font-weight: 600; margin: 0 2px; }
@media (max-width: 560px) {
    .faq-login-tip { padding: 14px 16px; font-size: 13px; text-align: left; }
}

/* 品质与资质页(营业执照/代理授权书展示) */
.quality-page .quality-intro { font-size: 16px; line-height: 1.9; color: var(--txt-2); margin: 0 0 30px; }
.quality-page .credential-block { margin-bottom: 40px; padding: 24px; background: #fff; border: 1px solid var(--border-line); border-radius: 5px; }
.quality-page .credential-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 20px; padding-bottom: 16px; border-bottom: 1px solid var(--border-line); flex-wrap: wrap; }
.quality-page .credential-head h3 { margin: 0; font-size: 18px; font-weight: 600; color: var(--txt-1); display: flex; align-items: center; gap: 8px; }
.quality-page .credential-head h3 i { color: var(--hioki-blue); }
.quality-page .credential-download { display: inline-flex; align-items: center; gap: 6px; padding: 8px 18px; background: var(--hioki-blue); color: #fff !important; border-radius: 3px; font-size: 14px; white-space: nowrap; }
.quality-page .credential-download:hover { background: var(--hioki-blue-hover); }
.quality-page .credential-preview { text-align: center; }
.quality-page .credential-preview a { display: inline-block; max-width: 100%; }
.quality-page .credential-preview img { max-width: 100%; max-height: 560px; border: 1px solid var(--border-line); border-radius: 4px; box-shadow: 0 4px 16px rgba(0,0,0,.08); cursor: zoom-in; transition: box-shadow .2s; }
.quality-page .credential-preview img:hover { box-shadow: 0 6px 24px rgba(0,0,0,.15); }
.quality-page .quality-note { margin-top: 10px; padding: 14px 18px; background: var(--bg-gray); border-radius: 4px; color: var(--txt-3); font-size: 15px; }
.quality-page .quality-note i { color: var(--hioki-blue); margin-right: 6px; }
@media (max-width: 560px) {
    .quality-page .credential-block { padding: 16px; }
    .quality-page .credential-head h3 { font-size: 16px; }
    .quality-page .credential-head { flex-direction: column; align-items: flex-start; }
}

/* =====================================================================
   产品列表页
   ===================================================================== */
.hioki-product { padding: 40px 0; }
/* 搜索框 (对标 hioki .search-content: 居中、右侧蓝按钮) */
.search-content { width: 100%; max-width: 640px; margin: 0 auto 10px; }
.search-content .search-input { display: flex; }
.search-content .search-input input.in { flex: 1; height: 46px; border: 1px solid var(--border-blue); background: #fcfcfc; padding: 0 15px; font-size: 15px; border-radius: 5px 0 0 5px; outline: none; font-family: inherit; }
.search-content .search-input .bt { width: 120px; height: 46px; background: var(--hioki-blue); color: #fff; border: none; font-size: 16px; border-radius: 0 5px 5px 0; cursor: pointer; font-family: inherit; transition: background .2s; }
.search-content .search-input .bt:hover { background: var(--hioki-blue-hover); }

/* 分类横向标签 (对标 hioki .product-categor: 左标题块 + 右标签流) */
.product-categor { margin: 30px 0; display: flex; flex-flow: wrap; align-items: stretch; justify-content: space-between; background: #fff; border: 1px solid var(--border-blue); }
.product-categor h3 { width: 15%; min-width: 110px; padding: 22px 0; margin: 0; background: var(--bg-gray); border-right: 1px solid var(--border-blue); text-align: center; font-size: 22px; color: var(--txt-1); font-weight: 600; display: flex; align-items: center; justify-content: center; }
.product-categor .con { width: 85%; flex: 1; padding: 16px 20px; display: flex; flex-wrap: wrap; align-content: center; }
.product-categor .con a { display: inline-block; margin-right: 24px; line-height: 40px; font-size: 17px; color: var(--txt-2); }
.product-categor .con a:hover, .product-categor .con a.active { color: var(--hioki-blue); }

/* 二级分类药丸标签 (对标 hioki .product-categor-sub) */
.product-categor-sub { margin: 0 0 30px; }
.product-categor-sub .con { display: flex; flex-wrap: wrap; }
.product-categor-sub .con a { display: inline-block; margin: 6px 12px 6px 0; padding: 0 22px; border-radius: 5px; font-size: 16px; line-height: 38px; background: var(--bg-gray); border: 1px solid var(--border-blue); color: var(--txt-2); }
.product-categor-sub .con a:hover { color: var(--hioki-blue); }
.product-categor-sub .con a.active { background: var(--hioki-blue); border-color: var(--hioki-blue); color: #fff; }

/* 产品网格 (对标 hioki: 4列, 间距 30px) */
.product-list { display: flex; flex-wrap: wrap; gap: 30px; margin-bottom: 50px; }
.product-list .product-box { width: calc((100% - 90px) / 4); }
@media (max-width: 1199px) { .product-list .product-box { width: calc((100% - 60px) / 4); } .product-list { gap: 20px; } }
@media (max-width: 991px) { .product-list .product-box { width: calc((100% - 20px) / 2); } }
@media (max-width: 560px) { .product-list .product-box { width: 100%; } .product-list { gap: 16px; } }

/* 文章正文内嵌"相关产品"推荐列表 (抓取自方案/案例等正文: <ul class="product-list clearfix"><li><div class="product-box"><div class="img scale-img">…)
   ⚠ 与产品列表页 .product-list(div 直排 .p-img/.p-text) 结构不同: 这里是 ul>li>product-box, 内层用 .img/.text。
   通用 .product-list 的 flex+百分比宽度规则对 li 结构不生效, 会造成正文里带 li 圆点、单列挤在左侧的旧样式,
   故此处按 ul>li>product-box 结构整体重置为响应式卡片网格。 */
.hioki-article .article-content .product-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 24px 0 30px;
    padding: 0;
    list-style: none;
}
/* 题头: 抓取的推荐列表无标题, 由 CSS 补"相关产品"题头, 风格对齐 .hioki-list-title */
.hioki-article .article-content .product-list::before {
    grid-column: 1 / -1;
    content: "相关产品";
    font-size: 20px;
    font-weight: 600;
    color: var(--txt-1);
    padding-bottom: 12px;
    border-bottom: 2px solid var(--hioki-blue);
}
.hioki-article .article-content .product-list > li { margin: 0; padding: 0; min-width: 0; }
.hioki-article .article-content .product-list .product-box {
    width: 100%;
    height: 100%;
    padding: 10px 10px 16px;
    border-radius: var(--radius-md);
    border: 1px solid var(--border-line);
    background: #fff;
    box-shadow: var(--shadow-card-soft);
    display: flex;
    flex-direction: column;
}
/* 图片区: 固定 4/3 容器, contain 不裁切仪器照, 浅灰底兜底 */
.hioki-article .article-content .product-list .img {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-sm);
    aspect-ratio: 4 / 3;
    background: var(--bg-gray);
}
.hioki-article .article-content .product-list .img > a { display: block; height: 100%; }
.hioki-article .article-content .product-list .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform .4s;
}
.hioki-article .article-content .product-list li:hover .img img { transform: scale(1.05); }
/* 标题/摘要: 统一 2 行截断 + 固定最小高, 保证同排卡片等高 */
.hioki-article .article-content .product-list .text {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin-top: auto;
    padding: 14px 0 0;
    color: var(--txt-1);
    word-break: normal;
}
.hioki-article .article-content .product-list .text .tit {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    color: var(--txt-1);
    margin: 0 0 8px;
    min-height: 48px;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: color .2s;
}
.hioki-article .article-content .product-list li:hover .text .tit { color: var(--hioki-blue); }
.hioki-article .article-content .product-list .text .des {
    font-size: 13px;
    line-height: 1.6;
    color: var(--txt-3);
    margin: 0;
    min-height: 42px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/* 悬停操作条: 正文卡片里的按钮是 .more-button(橙渐变, 自带位移/胶囊阴影), 统一压成条状双按钮
   (第一个"询价预约"橙渐变, 最后一个"查看详情"品牌蓝, 与产品列表页配色一致)。
   ⚠ 源站抓取的是非法嵌套 <a><div class="pro-button"><a>…, 浏览器解析会在条内残留一个空的 <a> 占位,
   其没有 .more-button 类, 必须隐藏, 否则按钮条被挤成 1/3 宽留白。 */
.hioki-article .article-content .product-list .pro-button a {
    font-size: 13px;
    line-height: 1.3;
    padding: 10px 4px;
    border-radius: 0;
    box-shadow: none;
}
.hioki-article .article-content .product-list .pro-button a:not(.more-button) { display: none; }
.hioki-article .article-content .product-list .pro-button a.more-button { transform: none; }
.hioki-article .article-content .product-list .pro-button a.more-button:hover { transform: none; filter: brightness(1.08); }
.hioki-article .article-content .product-list .pro-button a.more-button:last-child { background: rgba(var(--hioki-blue-rgb), .92); }
@media (max-width: 991px) {
    .hioki-article .article-content .product-list { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
    .hioki-article .article-content .product-list { grid-template-columns: 1fr; gap: 16px; }
}

/* 列表工具栏标题 */
.hioki-list-title { font-size: 20px; color: var(--txt-1); font-weight: 600; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 2px solid var(--hioki-blue); }
.hioki-list-title small { font-size: 13px; color: var(--txt-3); font-weight: 400; margin-left: 10px; }

/* =====================================================================
   产品详情页
   ===================================================================== */
.hioki-product-detail { padding: 40px 0; }
.pd-top { display: flex; gap: 30px; margin-bottom: 40px; }
.pd-gallery { width: 40%; flex-shrink: 0; }
.pd-gallery .pd-main { border: 1px solid var(--border-blue); border-radius: 5px; overflow: hidden; }
.pd-gallery .pd-main img { width: 100%; display: block; }
.pd-gallery .pd-thumbs { display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
.pd-gallery .pd-thumbs img { width: 64px; height: 64px; object-fit: cover; border: 2px solid var(--border-line); cursor: pointer; border-radius: 3px; }
.pd-gallery .pd-thumbs img.active { border-color: var(--hioki-blue); }
.pd-info { width: 57%; }
.pd-info .pd-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 10px; }
.pd-info h1.pd-name { font-size: 26px; color: var(--txt-1); font-weight: 600; margin: 0; flex: 1; line-height: 1.3; }
.pd-info .pd-back { flex-shrink: 0; font-size: 13px; color: var(--txt-3); white-space: nowrap; padding-top: 6px; }
.pd-info .pd-back:hover { color: var(--hioki-blue); }
.pd-info .pd-model { font-size: 17px; color: var(--hioki-blue); font-weight: 600; margin-bottom: 16px; }
.pd-info .pd-summary { color: var(--txt-2); line-height: 1.9; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--border-line); }
.pd-summary p, .pd-summary-content p { margin: 0; }
.pd-info .pd-actions { margin-top: 4px; }
.pd-info .pd-actions .more-button { font-size: 16px; line-height: 46px; padding: 0 30px; }
.pd-info .pd-actions .more-button i { margin-right: 8px; }

/* 详情 tabs (激活项下边框高亮, 对齐 hioki 风格) */
.pd-tabs { margin-top: 30px; }
.pd-tabs .pd-tabnav { display: flex; background: var(--bg-gray); border-bottom: 2px solid var(--hioki-blue); flex-wrap: wrap; }
.pd-tabs .pd-tabnav a { padding: 16px 28px; font-size: 17px; color: var(--txt-2); position: relative; border-bottom: 3px solid transparent; margin-bottom: -2px; transition: color .2s; }
.pd-tabs .pd-tabnav a.active { color: var(--hioki-blue); border-bottom-color: var(--hioki-blue); background: #fff; font-weight: 600; }
.pd-tabs .pd-tabnav a:not(.active):hover { color: var(--hioki-blue); }
.pd-tabs .tab-pane { display: none; padding: 30px 0; line-height: 1.9; color: var(--txt-1); }
.pd-tabs .tab-pane.active { display: block; }
.pd-tabs .tab-pane h3 { font-size: 18px; color: var(--txt-1); margin: 24px 0 12px; padding-left: 12px; border-left: 4px solid var(--hioki-blue); }
.pd-tabs .tab-pane img { max-width: 100%; }

/* 规格表 (蓝边框, 表头灰底)
   ⚠ 抓取自 hioki.cn 的 specs/options HTML 带各种内联宽度(width 属性 + style="width:..px"),
   导致同页多个表格宽窄不一。用 !important 强制所有表格撑满容器宽度(与第一个表对齐)。 */
.hioki-specs table,
.pd-tabs .tab-pane table { width: 100% !important; max-width: 100% !important; border-collapse: collapse; margin: 12px 0; border: 1px solid var(--border-blue); font-size: 15px; }
.hioki-specs table th, .hioki-specs table td,
.pd-tabs .tab-pane table th, .pd-tabs .tab-pane table td { border: 1px solid var(--border-blue); padding: 12px 3%; line-height: 1.6; vertical-align: top; word-break: break-word; }
.hioki-specs table th,
.pd-tabs .tab-pane table th { background: var(--bg-gray); font-weight: 600; color: var(--txt-1); }
.hioki-specs table td,
.pd-tabs .tab-pane table td { color: var(--txt-2); }
/* 表格内图片响应式, 避免溢出 */
.hioki-specs table img,
.pd-tabs .tab-pane table img { max-width: 100%; height: auto; }

/* 登录门禁 */
.hioki-gate { border: 1px dashed var(--border-blue); background: var(--bg-blue-light-3); padding: 40px; text-align: center; border-radius: 5px; }
.hioki-gate.hioki-gate-soft { background: var(--bg-gray); border-style: solid; border-color: var(--border-line); }
.hioki-gate .gate-icon { font-size: 40px; color: var(--hioki-blue); margin-bottom: 14px; }
.hioki-gate p { color: var(--txt-2); margin-bottom: 18px; font-size: 15px; }

/* =====================================================================
   分页
   ===================================================================== */
.hioki-pagination { text-align: center; margin: 36px 0; }
.hioki-pagination .pagination { margin: 0; }
.hioki-pagination .pagination > li > a, .hioki-pagination .pagination > li > span { color: var(--txt-3); border: 1px solid var(--border-line); margin: 0 4px; border-radius: 3px; font-size: 15px; line-height: 1.4; padding: 8px 14px; }
.hioki-pagination .pagination > li > a:hover { background: var(--hioki-blue); color: #fff; border-color: var(--hioki-blue); }
.hioki-pagination .pagination > .active > a, .hioki-pagination .pagination > .active > span { background: var(--hioki-blue); border-color: var(--hioki-blue); color: #fff; }
.hioki-pagination .pagination > .disabled > a, .hioki-pagination .pagination > .disabled > span { color: var(--border-line); }

/* 产品列表分页: 对标 hioki.cn/products.html, 页码从左侧开始并按容器宽度自然换行 */
.hioki-product .product-pagination { text-align: left; margin: 36px 0 50px; }
.hioki-product .product-pagination .pagination { display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%; font-size: 0; }
.hioki-product .product-pagination .pagination > li { display: block; }
.hioki-product .product-pagination .pagination > li > a,
.hioki-product .product-pagination .pagination > li > span { float: none; display: block; min-width: 50px; height: 38px; margin: 0 4px; padding: 0 15px; border-color: #e5e5e5; border-radius: 0; color: #999; font-size: 18px; line-height: 36px; text-align: center; }
.hioki-product .product-pagination .pagination > li > a:hover,
.hioki-product .product-pagination .pagination > .active > a,
.hioki-product .product-pagination .pagination > .active > span { background: var(--hioki-blue); border-color: var(--hioki-blue); color: #fff; }

@media (max-width: 560px) {
    .hioki-product .product-pagination { margin: 28px 0 36px; }
    .hioki-product .product-pagination .pagination > li > a,
    .hioki-product .product-pagination .pagination > li > span { min-width: 38px; height: 38px; margin: 3px; padding: 0 8px; font-size: 14px; line-height: 36px; }
}

/* =====================================================================
   文章/方案详情
   ===================================================================== */
.hioki-article { background: #fff; padding: 36px; border: 1px solid var(--border-line); border-radius: 5px; }
.hioki-article h1.article-title { font-size: 26px; color: var(--txt-1); margin: 0 0 14px; font-weight: 600; }
.hioki-article .article-meta { color: var(--txt-3); font-size: 13px; padding-bottom: 16px; border-bottom: 1px solid var(--border-line); margin-bottom: 24px; }
.hioki-article .article-meta span { margin-right: 18px; }
.hioki-article .article-content { font-size: 15px; line-height: 1.9; color: var(--txt-2); }
.hioki-article .article-content img { max-width: 100%; }
.hioki-article .article-content h2, .hioki-article .article-content h3 { color: var(--txt-1); margin: 24px 0 12px; }
.hioki-article .article-content table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 15px; }
.hioki-article .article-content table th, .hioki-article .article-content table td { border: 1px solid var(--border-line); padding: 8px 12px; text-align: left; }
.hioki-article .article-content table th { background: var(--bg-gray); font-weight: 600; color: var(--txt-1); }
.hioki-article .article-content table tr:nth-child(even) { background: #fafbfc; }
.hioki-article .article-content video { max-width: 100%; margin: 16px 0; }
/* FAQ 正文安全适配: 中和源站抓取带入的布局类(.container 固定宽度会把文字挤出框外) */
.hioki-article .article-content .container { width: auto; max-width: 100%; padding: 0; margin: 0; }
.hioki-article .article-content .title,
.hioki-article .article-content .detail { width: auto; max-width: 100%; margin: 0; padding: 0; }
.hioki-article .article-content .title h1 { display: none; } /* 标题已由 article-title 渲染, 去重 */
/* Q/A 结构: 问/答图标 + 内容自动换行 (左内距统一 48px, 给 24px 图标留出安全间距) */
.hioki-article .article-content .question,
.hioki-article .article-content .answer { position: relative; width: auto; max-width: 100%; padding: 14px 16px 14px 52px; margin: 0 0 20px; overflow-wrap: break-word; word-break: break-word; }
.hioki-article .article-content .question { background: var(--bg-gray); border-radius: 4px; border-left: 3px solid var(--hioki-blue); }
.hioki-article .article-content .answer p:last-child { margin-bottom: 0; }
.hioki-article .article-content .letter { position: absolute; left: 14px; top: 14px; width: 28px; height: 28px; line-height: 28px; text-align: center; font-weight: 700; color: #fff; background: var(--hioki-blue); border-radius: 50%; font-size: 13px; }
.hioki-article .article-content .answer .letter { background: var(--hioki-accent); }
/* 长文本/长URL强制换行, 防止溢出 */
.hioki-article .article-content p, .hioki-article .article-content div { overflow-wrap: break-word; }
.hioki-article .article-content a { word-break: break-all; }
/* 图文混排: 大图通栏 + 双图并排, 移动端自动堆叠 */
.hioki-article .article-content figure { margin: 20px 0; }
.hioki-article .article-content figure img { display: block; width: 100%; border-radius: 4px; }
.hioki-article .article-content figure figcaption { text-align: center; color: var(--txt-3); font-size: 13px; margin-top: 8px; line-height: 1.6; }
.hioki-article .article-content .img-row { display: flex; gap: 16px; margin: 20px 0; }
.hioki-article .article-content .img-row figure { flex: 1; margin: 0; }
.hioki-article .article-content p { margin: 0 0 14px; }
@media (max-width: 560px) {
    .hioki-article .article-content .img-row { flex-direction: column; gap: 12px; }
    .hioki-article { padding: 18px; }
}

/* 文章上下篇导航 (新闻详情) */
.hioki-article .article-nav { display: flex; justify-content: space-between; gap: 16px; margin-top: 36px; padding-top: 20px; border-top: 1px solid var(--border-line); font-size: 15px; }
.hioki-article .article-nav .prev, .hioki-article .article-nav .next { flex: 1; color: var(--txt-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hioki-article .article-nav .next { text-align: right; }
.hioki-article .article-nav a:hover { color: var(--hioki-blue); }
.hioki-article .article-nav .muted { color: var(--txt-3); }

/* 新闻列表 (日期+标题+摘要 横向卡片) */
.hioki-news-list { background: #fff; border: 1px solid var(--border-line); border-radius: 5px; overflow: hidden; }
.hioki-news-item { display: flex; align-items: center; padding: 22px 28px; border-bottom: 1px solid var(--bg-gray); transition: background .2s; }
.hioki-news-item:last-child { border-bottom: none; }
.hioki-news-item:hover { background: #f6f9ff; }
.hioki-news-item:hover .news-title { color: var(--hioki-blue); }
.hioki-news-item .news-date { flex-shrink: 0; width: 76px; text-align: center; color: var(--hioki-blue); border-right: 1px solid var(--border-line); margin-right: 24px; }
.hioki-news-item .news-date .day { display: block; font-size: 30px; font-weight: 600; line-height: 1; }
.hioki-news-item .news-date .ym { display: block; font-size: 12px; color: var(--txt-3); margin-top: 4px; }
.hioki-news-item .news-body { flex: 1; min-width: 0; }
.hioki-news-item .news-title { font-size: 17px; font-weight: 600; color: var(--txt-1); margin-bottom: 8px; transition: color .2s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hioki-news-item .news-title .news-src { display: inline-block; vertical-align: 2px; margin-right: 8px; padding: 1px 9px; background: #eef3fc; color: var(--hioki-blue); font-size: 12px; font-weight: 400; line-height: 1.6; border-radius: 3px; border: 1px solid #d7e3f8; }
.hioki-news-item .news-desc { font-size: 13px; color: var(--txt-3); line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* =====================================================================
   侧栏 (公司概要等)
   ===================================================================== */
.about-leftsub { background: #fff; box-shadow: 0 3px 10px rgba(0,0,0,.15); border-radius: 5px; overflow: hidden; }
.about-leftsub .sb-head { background: var(--hioki-blue); color: #fff; padding: 18px 20px; font-size: 18px; font-weight: 600; }
.about-leftsub ul { list-style: none; padding: 0; margin: 0; }
.about-leftsub ul > li > a { display: block; padding: 14px 20px 14px 20px; font-size: 15px; color: var(--txt-2); border-bottom: 1px solid var(--bg-gray); }
.about-leftsub ul > li > a:hover, .about-leftsub ul > li.active > a { background: var(--hioki-blue); color: #fff; }

/* 通用侧栏(产品列表旧版) */
.hioki-sidebar { background: #fff; border: 1px solid var(--border-line); border-radius: 5px; overflow: hidden; }
.hioki-sidebar .sb-head { background: var(--hioki-blue); color: #fff; padding: 14px 18px; font-size: 17px; font-weight: 600; }
.hioki-sidebar .sb-list { list-style: none; padding: 0; margin: 0; }
.hioki-sidebar .sb-list > li > a { display: block; padding: 12px 18px; border-bottom: 1px solid var(--bg-gray); color: var(--txt-2); font-size: 15px; }
.hioki-sidebar .sb-list > li > a:hover, .hioki-sidebar .sb-list > li.active > a { color: var(--hioki-blue); background: var(--bg-blue-light-2); }
.hioki-sidebar .sb-list .sub-list { list-style: none; padding: 0; margin: 0; background: var(--bg-gray); }
.hioki-sidebar .sb-list .sub-list > li > a { padding: 8px 16px 8px 32px; font-size: 13px; color: var(--txt-2); }

/* =====================================================================
   下载资源卡
   ===================================================================== */
.hioki-download-card { display: flex; align-items: center; gap: 16px; background: #fff; border: 1px solid var(--border-line); border-radius: 5px; padding: 18px 20px; margin-bottom: 14px; transition: box-shadow .2s; }
.hioki-download-card:hover { box-shadow: var(--shadow-card-soft); }
.hioki-download-card .dl-icon { width: 54px; height: 54px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: var(--bg-blue-light); color: var(--hioki-blue); font-size: 24px; border-radius: 5px; }
.hioki-download-card .dl-body { flex: 1; min-width: 0; }
.hioki-download-card .dl-title { font-size: 15px; color: var(--txt-1); font-weight: 600; margin: 0 0 4px; }
.hioki-download-card .dl-meta { font-size: 12px; color: var(--txt-3); }
.hioki-download-card .dl-action { flex-shrink: 0; }

/* =====================================================================
   会员页
   ===================================================================== */
.hioki-auth { max-width: 440px; margin: 50px auto; background: #fff; border: 1px solid var(--border-line); padding: 40px; box-shadow: var(--shadow-card-soft); border-radius: 5px; }
.hioki-auth h2 { text-align: center; font-size: 24px; color: var(--txt-1); margin: 0 0 24px; }
.hioki-auth .form-group label { color: var(--txt-2); font-weight: 400; }
.hioki-auth .btn-submit { background: var(--hioki-blue); color: #fff; border: none; width: 100%; padding: 12px; font-size: 16px; border-radius: 3px; cursor: pointer; font-family: inherit; }
/* 注册/登录表单验证码: 用 flex 强制输入框与验证码图片/发送按钮正确并排
   (Bootstrap 默认 table-cell 布局被全局 .form-control{display:block;float:left} 破坏, 导致图片被挤成 4px 不可见) */
.hioki-auth .input-group { display: flex; align-items: stretch; width: 100%; }
.hioki-auth .input-group > .form-control { display: block; float: none; flex: 1 1 auto; min-width: 0; width: auto; }
.hioki-auth .input-group-btn { display: flex; align-items: stretch; flex: 0 0 auto; width: auto; padding: 0; border: 0; }
.hioki-auth .input-group-btn > img { height: 100%; width: auto; min-width: 100px; object-fit: cover; border-radius: 0 3px 3px 0; cursor: pointer; }
.hioki-auth .input-group-btn > .btn-captcha { white-space: nowrap; }
.hioki-auth .btn-submit:hover { background: var(--hioki-blue-hover); }
.hioki-auth .auth-foot { text-align: center; margin-top: 18px; font-size: 13px; color: var(--txt-3); }
.hioki-auth .auth-foot a { color: var(--hioki-blue); }

/* 询价弹窗 (原生 Modal, 不依赖 layer.js) */
.inquiry-modal { position: fixed; inset: 0; z-index: 99999; display: flex !important; align-items: center !important; justify-content: center !important; background: rgba(0,0,0,.5); opacity: 0; transition: opacity .25s; padding: 16px; box-sizing: border-box; }
.inquiry-modal.show { opacity: 1; display: flex !important; }
.inquiry-modal-box { width: 100%; max-width: 440px; max-height: 90vh; overflow-y: auto; background: #fff; border-radius: 5px; box-shadow: 0 12px 40px rgba(0,0,0,.25); transform: translateY(12px); transition: transform .25s; }
.inquiry-modal.show .inquiry-modal-box { transform: translateY(0); }
.inquiry-modal-head { display: flex; align-items: center; justify-content: space-between; padding: 16px 24px; border-bottom: 1px solid var(--border-line); font-size: 16px; font-weight: 600; color: var(--txt-1); }
.inquiry-modal-head .fa-phone { color: var(--hioki-blue); margin-right: 6px; }
.inquiry-modal-close { cursor: pointer; color: var(--txt-3); font-size: 18px; padding: 4px; }
.inquiry-modal-close:hover { color: var(--txt-1); }
.inquiry-modal-box .inquiry-form { padding: 22px 24px; }
.inquiry-modal-box .inquiry-form .form-group { margin-bottom: 16px; }
.inquiry-modal-box .inquiry-form .control-label { display: block; color: var(--txt-1); font-weight: 500; font-size: 15px; margin-bottom: 6px; }
.inquiry-modal-box .inquiry-form .req { color: #e74c3c; }
.inquiry-modal-box .inquiry-form .form-control { width: 100%; height: 42px; padding: 8px 12px; border: 1px solid var(--border-line); border-radius: 3px; font-size: 15px; font-family: inherit; box-sizing: border-box; }
.inquiry-modal-box .inquiry-form textarea.form-control { height: auto; resize: vertical; min-height: 76px; }
.inquiry-modal-box .inquiry-form .form-control:focus { border-color: var(--hioki-blue); outline: none; box-shadow: 0 0 0 2px rgba(var(--hioki-blue-rgb),.12); }
/* 通用询盘弹窗顶部说明文字 */
.inquiry-modal-box .inquiry-tip-text { margin: 0 0 16px; padding: 10px 14px; background: var(--bg-blue-light-2); border-radius: 3px; font-size: 13px; line-height: 1.6; color: var(--txt-2); }
.inquiry-modal-box .inquiry-product { padding: 10px 14px; background: var(--bg-blue-light-2); border-radius: 3px; margin-bottom: 16px; font-size: 15px; color: var(--txt-2); }
.inquiry-modal-box .inquiry-product i { color: var(--hioki-blue); margin-right: 4px; }
.inquiry-modal-box .inquiry-product strong { color: var(--txt-1); }
.btn-inquiry-submit { width: 100%; height: 46px; background: var(--hioki-cta-grad); color: #fff; border: none; border-radius: 3px; font-size: 16px; font-weight: 600; cursor: pointer; font-family: inherit; }
.btn-inquiry-submit:hover { opacity: .92; }
.btn-inquiry-submit:disabled { opacity: .6; cursor: not-allowed; }
/* 询价 Toast 提示 */
.inquiry-toast { position: fixed; top: 30px; left: 50%; transform: translateX(-50%) translateY(-20px); z-index: 100000; max-width: 90vw; padding: 14px 24px; border-radius: 4px; color: #fff; font-size: 14px; box-shadow: 0 6px 20px rgba(0,0,0,.2); opacity: 0; transition: opacity .25s, transform .25s; display: flex; align-items: center; gap: 8px; }
.inquiry-toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }
.inquiry-toast-success { background: #28a745; }
.inquiry-toast-error { background: #e74c3c; }
.inquiry-toast-info { background: var(--hioki-blue); }

/* 产品列表: 多选勾选框 */
.product-list-select-hint { font-size: 13px; color: var(--txt-3); margin-bottom: 12px; }
.product-list-select-hint i { color: var(--hioki-blue); }
.product-box { position: relative; }
.product-select-check { position: absolute; top: 10px; left: 10px; z-index: 3; width: 26px; height: 26px; border-radius: 50%; background: rgba(255,255,255,.92); border: 2px solid #c5cdd9; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all .2s; }
.product-select-check i { color: #fff; font-size: 13px; opacity: 0; transform: scale(.5); transition: all .2s; }
.product-select-check.checked, .product-box.is-selected .product-select-check { background: var(--hioki-blue); border-color: var(--hioki-blue); }
.product-select-check.checked i, .product-box.is-selected .product-select-check i { opacity: 1; transform: scale(1); }
/* 询价车角标(悬浮工具栏圆形按钮右上角) */
.fd-btn.fd-cart { position: relative; }
.cart-badge { position: absolute; top: -4px; right: -4px; min-width: 20px; height: 20px; line-height: 20px; padding: 0 6px; background: var(--hioki-accent); color: #fff; font-size: 11px; font-weight: 700; border-radius: 10px; text-align: center; box-shadow: 0 2px 6px rgba(0,0,0,.22); display: none; }
/* 询价车面板 */
.cart-modal .inquiry-modal-box { max-width: 480px; }
.cart-modal .cart-body { padding: 0; }
.cart-items-head { display: flex; align-items: center; justify-content: space-between; padding: 14px 24px; border-bottom: 1px solid var(--border-line); font-size: 15px; font-weight: 600; color: var(--txt-1); }
.cart-items-head .cart-clear { font-size: 13px; color: #e74c3c; font-weight: 400; cursor: pointer; }
.cart-items { max-height: 200px; overflow-y: auto; padding: 8px 16px; }
.cart-item { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px 12px; margin-bottom: 6px; background: var(--bg-gray); border-radius: 3px; font-size: 13px; color: var(--txt-2); }
.cart-item .ci-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cart-item .ci-remove { color: var(--txt-3); cursor: pointer; padding: 2px 4px; flex-shrink: 0; }
.cart-item .ci-remove:hover { color: #e74c3c; }
.cart-modal .inquiry-form { padding: 18px 24px 22px; }
.cart-empty { padding: 50px 24px; text-align: center; color: var(--txt-3); }
.cart-empty i { font-size: 48px; color: var(--border-line); margin-bottom: 14px; display: block; }
.cart-empty p { font-size: 17px; color: var(--txt-2); margin: 0 0 6px; }
.cart-empty span { font-size: 13px; }
/* 详情页双按钮 */
.pd-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.pd-actions .btn-add-cart { background: #fff; color: var(--hioki-blue) !important; border: 1px solid var(--hioki-blue); }
.pd-actions .btn-add-cart.in-cart { background: var(--bg-blue-light-2); color: var(--hioki-blue) !important; border-color: var(--hioki-blue); }
@media (max-width: 480px) {
    .pd-actions .more-button { flex: 1 1 100%; text-align: center; }
    .cart-modal .inquiry-modal-box { max-width: 100%; }
}
/* 弹窗内的多产品列表(单产品询价用) */
.inquiry-modal-box .inquiry-products { margin-bottom: 16px; }
.inquiry-modal-box .inquiry-products-title { font-size: 13px; color: var(--txt-3); margin-bottom: 8px; }
.inquiry-modal-box .inquiry-products-title i { color: var(--hioki-blue); margin-right: 4px; }
.inquiry-modal-box .inquiry-products-list { max-height: 120px; overflow-y: auto; }
.inquiry-modal-box .inquiry-product-item { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 7px 12px; margin-bottom: 5px; background: var(--bg-gray); border-radius: 3px; font-size: 13px; color: var(--txt-2); }
.inquiry-modal-box .inquiry-product-item .ip-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 480px) {
    .inquiry-modal-box .inquiry-form { padding: 16px; }
    .inquiry-modal-box .inquiry-form .form-control { height: 44px; }
    .inquiry-modal-head { padding: 14px 16px; font-size: 15px; }
}

/* =====================================================================
   搜索结果
   ===================================================================== */
.hioki-search-tabs .nav-tabs { border-bottom: 2px solid var(--border-line); margin-bottom: 20px; }
.hioki-search-tabs .nav-tabs > li > a { border: none; border-bottom: 2px solid transparent; margin-bottom: -2px; color: var(--txt-2); font-size: 15px; padding: 10px 24px; }
.hioki-search-tabs .nav-tabs > li.active > a { background: none; border-bottom: 2px solid var(--hioki-blue); color: var(--hioki-blue); }
.hioki-search-result { background: #fff; border: 1px solid var(--border-line); padding: 18px 22px; margin-bottom: 12px; display: block; border-radius: 5px; transition: box-shadow .2s; }
.hioki-search-result:hover { box-shadow: var(--shadow-card-soft); text-decoration: none; }
.hioki-search-result .sr-title { font-size: 17px; color: var(--txt-1); font-weight: 600; margin: 0 0 6px; }
.hioki-search-result:hover .sr-title { color: var(--hioki-blue); }
.hioki-search-result .sr-desc { color: var(--txt-3); font-size: 13px; }
.hioki-search-result .sr-model { color: var(--hioki-blue); font-size: 13px; margin-right: 12px; }
.hioki-search-result .sr-desc { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.7; }
.hioki-search-result .sr-title > .fa { margin-right: 8px; color: var(--hioki-blue); }
.hioki-search-result .sr-chip { display: inline-block; margin-left: 10px; padding: 2px 10px; border-radius: 999px; background: #f0f5fc; color: var(--hioki-blue); font-size: 12px; font-weight: 400; vertical-align: 2px; }
.hioki-search-result .sr-meta { margin: 8px 0 0; color: var(--txt-3); font-size: 12.5px; }
.hioki-search-result .sr-meta .news-src { margin-right: 10px; }
.hioki-search-result .sr-meta > .fa { margin-right: 4px; }
/* 搜索结果分区 (5 类内容堆叠 + 单类分页) */
.sc-section { margin-top: 36px; }
.sc-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 12px; border-bottom: 2px solid var(--border-line); }
.sc-head h3 { display: flex; align-items: center; gap: 9px; margin: 0; color: var(--txt-1); font-size: 19px; font-weight: 700; }
.sc-head h3 > .fa { color: var(--hioki-blue); font-size: 18px; }
.sc-count { padding: 1px 10px; border-radius: 999px; background: #eef3fa; color: var(--hioki-blue); font-size: 13px; font-weight: 600; }
.sc-more { flex-shrink: 0; color: var(--txt-3); font-size: 13.5px; transition: color .2s; }
.sc-more:hover { color: var(--hioki-blue); }
.sc-more .fa { margin-left: 4px; }
.sc-list { margin-top: 14px; }
.sc-empty { padding: 46px 20px; }
.sc-empty .fa { font-size: 34px; }
.sc-empty p { margin: 8px 0 0; }
.sc-back { margin: 6px 0 14px; }
.sc-back a { display: inline-flex; align-items: center; gap: 6px; color: var(--txt-3); font-size: 13.5px; transition: color .2s; }
.sc-back a:hover { color: var(--hioki-blue); }
@media (max-width: 560px) {
    .sc-section { margin-top: 26px; }
    .sc-head h3 { font-size: 16.5px; }
    .sc-more { font-size: 12.5px; }
}
.hioki-search-empty { text-align: center; padding: 80px 20px; color: var(--txt-3); }
.hioki-search-empty .fa { font-size: 48px; color: var(--border-line); margin-bottom: 16px; }

/* =====================================================================
   占位页
   ===================================================================== */
.hioki-placeholder { text-align: center; padding: 100px 20px; }
.hioki-placeholder .ph-icon { font-size: 60px; color: var(--border-line); margin-bottom: 20px; }
.hioki-placeholder h2 { color: var(--txt-2); font-size: 22px; margin-bottom: 12px; }
.hioki-placeholder p { color: var(--txt-3); }

/* =====================================================================
   右侧悬浮工具栏 V3 (显眼升级: PC 右侧标签胶囊竖栏 / 移动端底部通栏操作条)
   图标+文字常显, 询盘 CTA 渐变+呼吸光晕; 移动端通栏 4 格操作条适配 iOS 安全区
   ===================================================================== */
.fixed-sub {
    position: fixed; right: 12px; top: 50%; transform: translateY(-50%); z-index: 900;
    display: flex; flex-direction: column; gap: 6px;
    padding: 10px 8px; border-radius: 22px;
    background: rgba(255, 255, 255, .92);
    -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
    border: 1px solid var(--border-blue);
    box-shadow: 0 12px 32px rgba(var(--hioki-blue-rgb), .22);
}
body.hioki-body .fd-btn {
    position: relative; display: flex; align-items: center; gap: 7px;
    padding: 0 12px 0 11px; height: 42px; border-radius: 14px;
    background: transparent; color: var(--hioki-blue);
    font-size: 12.5px; font-weight: 600; line-height: 1; white-space: nowrap;
    border: 1px solid transparent;
    box-shadow: none;
    text-decoration: none;
    transition: transform .22s, box-shadow .22s, background .22s, color .22s;
}
body.hioki-body .fd-btn i.fa { font-size: 17px; width: 19px; text-align: center; flex: none; }
body.hioki-body .fd-btn:hover { background: var(--hioki-blue); color: #fff !important; border-color: transparent; transform: translateY(-2px); box-shadow: 0 10px 24px rgba(var(--hioki-blue-rgb), .38); }
/* 在线询盘 CTA: 渐变填充 + 呼吸光晕(常驻高亮, hover 暂停动画) */
body.hioki-body .fd-btn.fd-cta {
    background: var(--hioki-cta-grad); color: #fff !important; border-color: transparent;
    animation: fdPulse 2.6s ease-in-out infinite;
}
body.hioki-body .fd-btn.fd-cta:hover { animation-play-state: paused; }
@keyframes fdPulse {
    0%, 100% { box-shadow: 0 8px 20px rgba(var(--hioki-blue-rgb), .35), 0 0 0 0 rgba(90, 160, 255, .42); }
    50%      { box-shadow: 0 8px 20px rgba(var(--hioki-blue-rgb), .35), 0 0 0 11px rgba(90, 160, 255, 0); }
}
/* 询价车计数: 行内红点徽章(跟随文字标签; PC 小屏、移动端共用) */
.fixed-sub .fd-btn.fd-cart .cart-badge {
    position: static; min-width: 18px; height: 18px; line-height: 18px;
    padding: 0 5px; margin-left: 2px; border-radius: 9px;
    background: #ff4d4f; color: #fff; font-size: 11px; font-weight: 700; text-align: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .22);
}
body.hioki-body .fd-btn .cart-badge { background: #ff4d4f; }

/* 移动端悬浮工具栏: 底部通栏操作条(电话/在线询盘/询价车/返回顶部), 半透明白底+毛玻璃+iOS 安全区 */
.fd-dock-m {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 900;
    display: flex; align-items: stretch; gap: 6px;
    padding: 7px 10px calc(7px + env(safe-area-inset-bottom, 0px));
    background: rgba(255, 255, 255, .97);
    -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
    border-top: 1px solid var(--border-blue);
    box-shadow: 0 -6px 18px rgba(13, 42, 92, .14);
}
body.hioki-body .fd-dock-m .fd-btn {
    flex: 1; min-width: 0; height: auto; min-height: 50px;
    flex-direction: column; gap: 4px;
    padding: 6px 2px; border-radius: 12px;
    background: transparent; border: none; box-shadow: none;
    color: var(--hioki-blue); font-size: 11px; font-weight: 600;
}
body.hioki-body .fd-dock-m .fd-btn i.fa { font-size: 20px; width: auto; }
body.hioki-body .fd-dock-m .fd-btn:hover { background: #eef4ff; transform: none; box-shadow: none; }
body.hioki-body .fd-dock-m .fd-btn.fd-cta { background: var(--hioki-cta-grad); color: #fff !important; box-shadow: 0 6px 14px rgba(var(--hioki-blue-rgb), .3); }
body.hioki-body .fd-dock-m .fd-btn.fd-cta:hover { background: var(--hioki-cta-grad); }
body.hioki-body .fd-dock-m .fd-btn:active { transform: scale(.96); }
body.hioki-body .fd-dock-m .fd-btn.fd-cart .cart-badge { position: absolute; top: 4px; right: 6px; }

/* 底部操作条占位: 避免遮挡页脚/正文 (显示区间 ≤991px 与 fd-dock-m 一致) */
@media (max-width: 991px) {
    body { padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)); }
}
/* 尊重系统"减弱动态效果"设置 */
@media (prefers-reduced-motion: reduce) {
    body.hioki-body .fd-btn.fd-cta { animation: none; }
}

/* =====================================================================
   页脚
   ===================================================================== */
.hioki-footer { background: var(--hioki-blue); color: #fff; padding: 26px 0 0; margin-top: 50px; }
/* 页脚内容块居中并收窄, 让左右栏贴近中间的"在线留言"; 外部蓝带仍全宽 */
.hioki-footer .hioki-container { max-width: 1500px; margin: 0 auto; padding: 0 2%; }
/* —— 页脚新版式(紧凑): 联系方式 | 在线留言询盘 | 快速导航 | 双二维码 —— */
.hioki-footer .ft-grid { display: grid; grid-template-columns: 2.1fr 2.2fr 1.1fr auto; gap: 20px 26px; padding-bottom: 18px; align-items: start; }
.hioki-footer .ft-contact { grid-column: 1; }
.hioki-footer .ft-inquiry { grid-column: 2; }
.hioki-footer .ft-nav { grid-column: 3; }
.hioki-footer .ft-qr { grid-column: 4; justify-self: start; display: flex; gap: 14px; align-items: flex-start; }

.hioki-footer .flogo img { max-width: 160px; }
.ft-contact-list { list-style: none; margin: 10px 0 0; padding: 0; }
.ft-contact-list li { display: flex; gap: 8px; align-items: flex-start; margin-bottom: 5px; font-size: 13px; line-height: 1.4; color: rgba(255,255,255,.88); }
.ft-contact-list li i { flex: 0 0 auto; width: 16px; text-align: center; margin-top: 3px; color: var(--hioki-accent); font-size: 13px; }

.hioki-footer .ft-col h4 { font-size: 16px; margin: 0 0 8px; font-weight: 600; color: #8fb6ff; }
.hioki-footer .ft-inquiry h4 small { display: block; font-size: 10px; letter-spacing: 2px; font-weight: 400; color: rgba(255,255,255,.5); margin-top: 2px; }
.ft-form { margin-top: 8px; }
.ft-row { display: flex; gap: 8px; }
.ft-input { flex: 1 1 auto; min-width: 0; margin-bottom: 8px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.28); color: #fff; border-radius: 6px; padding: 6px 11px; font-size: 13px; font-family: inherit; }
.ft-input::placeholder { color: rgba(255,255,255,.55); }
.ft-input:focus { outline: none; background: rgba(255,255,255,.2); border-color: rgba(255,255,255,.5); }
.ft-submit { flex: 0 0 auto; white-space: nowrap; border: none; cursor: pointer; background: linear-gradient(100deg, #ee8d00, #fdba1a); color: #fff; font-weight: 600; font-size: 14px; padding: 7px 14px; margin-bottom: 8px; border-radius: 6px; transition: opacity .2s; font-family: inherit; }
.ft-submit:hover { opacity: .9; }
.ft-submit:disabled { opacity: .7; cursor: default; }
.ft-form-msg { min-height: 16px; margin: 4px 0 0; font-size: 13px; }
.ft-form-msg.ft-ok { color: #7ce38b; }
.ft-form-msg.ft-err { color: #ffb4b4; }

.hioki-footer .ft-nav ul { list-style: none; padding: 0; margin: 0; }
.hioki-footer .ft-nav ul > li { margin-bottom: 6px; }
.hioki-footer .ft-nav ul > li > a { color: #cfe0ff; font-size: 13px; }
.hioki-footer .ft-nav ul > li > a:hover { color: #fff; }

.ft-qr .qr-item { text-align: center; }
.ft-qr .qr-item img { width: 78px; height: 78px; object-fit: contain; background: #fff; padding: 4px; border-radius: 6px; display: block; }
.ft-qr .qr-item p { margin-top: 5px; font-size: 11.5px; color: rgba(255,255,255,.85); white-space: nowrap; }

@media (max-width: 991px) {
    .hioki-footer .hioki-container { padding: 0 2%; }
    .hioki-footer .ft-grid { grid-template-columns: 1fr 1fr; gap: 22px 28px; }
    .hioki-footer .ft-contact, .hioki-footer .ft-inquiry { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
    .hioki-footer .hioki-container { padding: 0 12px; }
    .hioki-footer .ft-grid { grid-template-columns: 1fr; gap: 20px; padding-bottom: 20px; }
    /* 各栏显式定位的 grid-column 在单列下会落到隐式列导致横向溢出, 重置为自动堆叠 */
    .hioki-footer .ft-col { grid-column: auto; }
    .hioki-footer .ft-inquiry h4 small { display: none; }
    .ft-qr { gap: 14px; }
    .ft-qr .qr-item img { width: 76px; height: 76px; }
    .ft-contact-list li { font-size: 12.5px; }
}

.hioki-footer .copyright { border-top: 1px solid rgba(255,255,255,.15); padding: 12px 0; font-size: 12px; color: rgba(255,255,255,.7); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; }
.hioki-footer .copyright a { color: rgba(255,255,255,.7); }
.hioki-footer .copyright a:hover { color: #fff; }
.hioki-footer .copyright .icp a { margin: 0 8px; }
.hioki-footer .copyright .social a { display: inline-flex; align-items: center; gap: 4px; margin-left: 14px; }
.hioki-footer .copyright .social i { font-size: 16px; }
.hioki-footer .copyright .social a span { color: rgba(255,255,255,.7); }
.hioki-footer .copyright .social a:hover i, .hioki-footer .copyright .social a:hover span { color: #fff; }

/* =====================================================================
   响应式
   ===================================================================== */
@media (max-width: 1440px) {
    .hioki-container { padding: 0 4%; }
    .hioki-header { padding-left: 20px; }
    .hioki-mainnav > li > a { padding: 0 16px; font-size: 15px; }
    .hioki-banner .carousel-caption h2 { font-size: 30px; }
}

@media (max-height: 850px) and (min-width: 992px) {
    .hioki-mainnav .navdiv.solution-nav { padding-top: 30px; padding-bottom: 30px; }
}

@media (max-height: 700px) and (min-width: 992px) {
    .hioki-mainnav .solution-nav-group strong { font-size: 15px; line-height: 22px; }
    .hioki-mainnav .solution-nav-group a { font-size: 15px; line-height: 22px; }
}

@media (max-width: 991px) {
    body.hioki-body { padding-top: 70px; }
    .hioki-header { height: 70px; padding: 0 16px; }
    .hioki-mainnav { display: none; position: fixed; top: 70px; left: 0; right: 0; bottom: 0; background: #fff; flex-direction: column; align-items: stretch; height: auto; overflow-y: auto; padding: 10px 0; z-index: 999; }
    .hioki-mainnav.open { display: flex; }
    .hioki-mainnav > li { width: 100%; height: auto; border-bottom: 1px solid var(--bg-gray); }
    .hioki-mainnav > li > a { height: 50px; padding: 0 20px; justify-content: space-between; }
    .hioki-mainnav > li > a:after { display: none; }
    .hioki-mainnav > li:hover .navdiv { display: none; animation: none; }
    .hioki-mainnav .navdiv,
    .hioki-mainnav .navdiv.mega,
    .hioki-mainnav .navdiv.solution-nav { position: static; width: 100%; min-width: 0; box-shadow: none; padding: 0 20px 10px; display: none; }
    .hioki-mainnav > li.open .navdiv,
    .hioki-mainnav > li.open .navdiv.solution-nav { display: block; }
    .hioki-mainnav .solution-nav-group { padding: 4px 0 10px; }
    .hioki-mainnav .solution-nav-group strong { margin: 0; font-size: 15px; line-height: 36px; }
    .hioki-mainnav .solution-nav-group a { padding-left: 16px; font-size: 15px; line-height: 38px; }
    .hioki-mainnav .navdiv.mega .mega-row { flex-direction: column; }
    .hioki-mainnav .navdiv.mega .nav-categor { width: 100%; }
    .hioki-header .mb-nav-ico { display: flex; }
    .hioki-header .h-tools .tel, .hioki-header .h-tools .search-box, .hioki-header .h-tools .h-user, .hioki-header .h-tools .h-inquiry-btn { display: none; }
    /* 移动端汉堡菜单内的搜索项: 下拉面板通栏, 表单纵向堆叠 */
    .hioki-mainnav .navdiv.search-nav { min-width: 0; width: 100%; padding: 14px 20px 12px; }
    .hioki-mainnav .nav-search-form { flex-direction: column; align-items: stretch; gap: 8px; }
    .hioki-mainnav .nav-search-form .bt { justify-content: center; height: 42px; }
    /* 移动端汉堡菜单内的询盘入口: 醒目块状按钮(复用站点 CTA 渐变) */
    .hioki-mainnav > li.mb-inquiry-li { display: list-item; border-bottom: none; padding: 12px 20px; }
    .hioki-mainnav > li.mb-inquiry-li > a { height: 46px; justify-content: center; background: var(--hioki-cta-grad); color: #fff !important; border-radius: 3px; font-size: 16px; font-weight: 600; }
    .hioki-mainnav > li.mb-inquiry-li > a i { margin-right: 8px; }
    .ny-banner { height: var(--hioki-inner-banner-height-tablet); }
    .ny-banner .ny-text h1 { font-size: 28px; }
    .ny-banner .ny-text p { font-size: 15px; }
    .hioki-section { padding: 40px 0; }
    .hioki-sec-title .index-letter { font-size: 30px; }
    .hioki-sec-title .cn { font-size: 22px; }
    .pd-top { flex-direction: column; }
    .pd-gallery, .pd-info { width: 100%; }
    .pd-gallery { margin-bottom: 20px; }
    .pd-info h1.pd-name { font-size: 22px; }
    /* 分类标签栏: 移动端标题块缩小, 标签横向滚动 */
    .product-categor h3 { width: auto; min-width: 80px; padding: 14px 12px; font-size: 15px; }
    .product-categor .con { width: auto; flex: 1; padding: 12px; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .product-categor .con a { margin-right: 18px; line-height: 32px; font-size: 15px; white-space: nowrap; flex-shrink: 0; }
    .product-categor-sub .con { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .product-categor-sub .con a { white-space: nowrap; flex-shrink: 0; }
    .hioki-footer .footer-grid { gap: 20px; }
    .fixed-sub { display: none; }
}

@media (max-width: 560px) {
    .hioki-container { padding: 0 12px; }
    /* 移动端无 hover: 产品卡按钮常驻显示在图区底部 */
    .product-box .pro-button { position: static; opacity: 1; transform: none; display: flex; }
    .product-box .pro-button a { padding: 9px 4px; font-size: 12px; }
    .product-box .p-img a { pointer-events: none; }
    .ny-banner { height: var(--hioki-inner-banner-height-mobile); }
    .ny-banner .ny-text h1 { font-size: 22px; }
    .pd-info h1.pd-name { font-size: 19px; }
    .pd-info .pd-title-row { flex-wrap: wrap; }
    /* 详情画廊缩略图横向滚动 */
    .pd-gallery .pd-thumbs { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .pd-gallery .pd-thumbs img { flex-shrink: 0; }
    /* 注：移动端同样不再叠加渐变遮罩, banner 图片完整展示; 文字可读性由 caption 的半透明卡片保障 */
    .hioki-banner .carousel-caption { left: 14px; right: 40%; bottom: 24%; padding: 0; }
    .hioki-banner .carousel-caption h2 { font-size: 20px; line-height: 1.35; margin: 0 0 6px; padding: 5px 10px; }
    .hioki-banner .carousel-caption p { font-size: 12px; line-height: 1.5; margin: 0; padding: 4px 10px; }
    .hioki-banner .carousel-indicators { display: none; }
    .hioki-banner .carousel-control { width: 11%; }
    .hioki-banner .carousel-control .glyphicon { width: 30px; height: 30px; line-height: 30px; font-size: 17px; margin-top: -15px; }
    .hioki-auth { margin: 20px 12px; padding: 24px; }
    .hioki-footer .copyright { flex-direction: column; text-align: center; }
    .hioki-footer .footer-grid .logo-col { flex-basis: 100%; }
    .hioki-footer .fcol.logo-col p { font-size: 13px; line-height: 1.6; }
    /* 移动端: 右侧组解包, "关于"列与二维码恢复独立流式布局 */
    .hioki-footer .fcol-group.about-qr-group { flex-basis: 100%; flex-wrap: wrap; gap: 0; }
    .hioki-footer .fcol { min-width: 40%; }
    .hioki-footer .fcol.qr-col { min-width: 0; flex-basis: 100%; justify-content: center; gap: 24px; margin-top: 10px; }
    .hioki-footer .fcol.qr-col .qr-item img { width: 88px; height: 88px; }
    .pd-tabs .pd-tabnav { overflow-x: auto; flex-wrap: nowrap; }
    .pd-tabs .pd-tabnav a { white-space: nowrap; padding: 12px 16px; font-size: 14px; }
    .pd-tabs .tab-pane { padding: 20px 0; }
}

/* =====================================================================
   首页 v3 (一比一复刻 hioki.cn) —— 新增组件
   原站关键类: .index-pro / .pro-tab / .pro-box / .talk-ul / .service-box
              .index-solution / .index-member / .index-news / .index-about
              .index-letter / .theme-center / .theme-f30 / .theme-line / .more-button
   ===================================================================== */

/* —— Banner 下方文字快速切换条 (悬浮在 banner 上, 居中白字+下划线) —— */
.hioki-banner { position: relative; }
.hioki-banner .banner-text {
    position: absolute;
    bottom: 8%;
    left: 0;
    width: 100%;
    z-index: 5;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.hioki-banner .banner-text a {
    color: #fff;
    margin: 0 14px;
    display: inline-block;
    padding: 0 26px 0 0;
    line-height: 40px;
    font-size: 16px;
    position: relative;
    cursor: pointer;
    transition: color .2s;
}
.hioki-banner .banner-text a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: rgba(255,255,255,.4);
    transition: background .2s;
}
.hioki-banner .banner-text a.active:after,
.hioki-banner .banner-text a:hover:after { background: var(--hioki-blue); }
.hioki-banner .banner-text a.active { font-weight: 600; }

/* —— 大字水印 (index-letter, 各区块装饰大字) —— */
.index-letter {
    font-size: 90px;
    line-height: 100px;
    color: var(--hioki-blue);
    opacity: .1;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}
/* —— 通用: 30px 蓝色标题 —— */
.theme-f30 { font-size: 30px; color: var(--txt-1); font-weight: 600; position: relative; text-align: center; }
.theme-line { margin-top: 16px; display: inline-block; width: 30px; height: 2px; background: var(--txt-1); }
.theme-line.blue { background: var(--hioki-blue); }
.theme-line.white { background: #fff; }
/* —— 通用: 居中标题(文字两侧带横线) —— */
.theme-center { text-align: center; }
.theme-center span {
    display: inline-block;
    position: relative;
    font-size: 32px;
    color: var(--txt-1);
    font-weight: bold;
    padding: 0 40px;
}
.theme-center span:before,
.theme-center span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 30px;
    height: 2px;
    background: var(--txt-1);
}
.theme-center span:before { left: 0; }
.theme-center span:after { right: 0; }
.theme-center.white span { color: #fff; }
.theme-center.white span:before,
.theme-center.white span:after { background: #fff; }
/* —— 通用: 橙色 CTA 按钮 (带箭头) —— */
.index-pro .more-button,
.index-solution .more-button,
.index-member .more-button,
.index-news .more-button,
.index-about .more-button {
    position: relative;
    display: inline-block;
    line-height: 48px;
    width: 200px;
    background: var(--hioki-cta-grad);
    color: #fff !important;
    font-size: 18px;
    padding-left: 38px;
    text-align: left;
    border-radius: 0;
    transition: opacity .2s;
}
.index-pro .more-button:after,
.index-solution .more-button:after,
.index-member .more-button:after,
.index-news .more-button:after,
.index-about .more-button:after {
    content: "›";
    position: absolute;
    top: 50%;
    margin-top: -26px;
    right: 28px;
    font-size: 26px;
    color: #fff;
    line-height: 48px;
    transition: transform .25s;
}
.index-pro .more-button:hover,
.index-solution .more-button:hover,
.index-member .more-button:hover,
.index-news .more-button:hover,
.index-about .more-button:hover { opacity: .9; }
/* 关于我们区双 CTA 并排(站点 CTA 渐变 + 蓝色描边) */
.index-about .about-cta-row { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; }
.index-about .about-cta-row .more-button { width: auto; min-width: 160px; }
.index-about .more-button.more-button-outline { background: #fff; color: var(--hioki-blue) !important; border: 2px solid var(--hioki-blue); line-height: 44px; }
.index-about .more-button.more-button-outline:after { content: ''; }
.index-about .more-button.more-button-outline i { margin-right: 8px; }
.index-about .more-button.more-button-outline:hover { background: var(--hioki-blue); color: #fff !important; opacity: 1; }
@media (max-width: 560px) {
    .index-about .about-cta-row .more-button { flex: 1 1 100%; text-align: center; }
}
.index-pro .more-button:hover:after,
.index-solution .more-button:hover:after,
.index-member .more-button:hover:after,
.index-news .more-button:hover:after,
.index-about .more-button:hover:after { transform: translateX(4px); }

/* =====================================================================
   四标签区 (.index-pro, 浅底 + 4 等宽白卡标签 + 左右大卡轮播)
   ===================================================================== */
.index-pro {
    position: relative; /* 给 ::before 前景蒙版层定位 */
    padding: 80px 0;
    min-height: 600px;
    background: #fff;
    background-image: url(../img/hioki/index_pro_bg.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
/* 前景白色蒙版层: 厂房底图(本身已带 0.92 重蒙版)之上再叠一层淡白膜,
   保证白色卡片可读,同时让厂房若隐若现保留质感 */
.index-pro::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, .25);
    pointer-events: none;
    z-index: 0;
}
/* 区块内所有直接子容器上浮到蒙版之上 */
.index-pro > * { position: relative; z-index: 1; }
/* 标签栏: 4 等宽白卡, 蓝字, 竖线分隔, 激活项蓝底白字 */
.index-pro .pro-tab {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 5px 30px rgba(0,0,0,.12);
    border-radius: 4px;
    overflow: hidden;
}
.index-pro .pro-tab span {
    width: 25%;
    background: #fff;
    line-height: 72px;
    font-size: 22px;
    color: var(--hioki-blue);
    text-align: center;
    position: relative;
    cursor: pointer;
    transition: background .2s, color .2s;
    user-select: none;
}
.index-pro .pro-tab span i { font-style: normal; position: relative; z-index: 1; }
.index-pro .pro-tab span:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 30px;
    border-left: 1px solid var(--hioki-blue);
}
.index-pro .pro-tab span:last-child:after { display: none; }
.index-pro .pro-tab span.active {
    background: var(--hioki-blue);
    color: #fff;
}
.index-pro .pro-tab span.active:after { border-left-color: transparent; }
.index-pro .pro-tab span.active:before {
    content: "";
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: var(--hioki-accent);
}
.index-pro .pro-tab span:not(.active):hover { background: var(--bg-blue-light-2); }

/* tab 内容容器 */
.index-pro .js-tab-box { margin-top: 56px; }
.index-pro .js-tab-con { display: none; }
.index-pro .js-tab-con.active { display: block; }

/* —— 推荐产品 / 最新方案: 左右大卡轮播 —— */
.index-pro .pro-content { position: relative; padding: 0 80px; }
.index-pro .pro-swiper { overflow: hidden; }
.index-pro .pro-track { display: flex; transition: transform .45s ease; }
.index-pro .pro-slide { flex: 0 0 100%; min-width: 0; }
.index-pro .pro-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    padding: 30px;
    box-shadow: var(--shadow-card-soft);
    border-radius: 4px;
}
.index-pro .pro-box .pro-img { width: 48%; text-align: center; }
.index-pro .pro-box .pro-img img { max-width: 100%; max-height: 360px; margin: 0 auto; display: block; object-fit: contain; }
.index-pro .pro-box .pro-text { width: 48%; }
.index-pro .pro-box .pro-text .pro-tit {
    font-size: 26px;
    color: var(--hioki-blue);
    font-weight: 600;
    margin: 0;
    line-height: 1.4;
}
.index-pro .pro-box .pro-text .theme-line { margin: 18px 0 24px; }
.index-pro .pro-box .pro-text .pro-des {
    margin: 0 0 40px;
    font-size: 17px;
    line-height: 32px;
    color: var(--txt-1);
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* 轮播箭头 */
.index-pro .pro-prev,
.index-pro .pro-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(var(--hioki-blue-rgb),.15);
    border: none;
    color: var(--hioki-blue);
    font-size: 26px;
    line-height: 42px;
    text-align: center;
    cursor: pointer;
    z-index: 6;
    transition: background .2s, color .2s;
}
.index-pro .pro-prev { left: 16px; }
.index-pro .pro-next { right: 16px; }
.index-pro .pro-prev:hover,
.index-pro .pro-next:hover { background: var(--hioki-blue); color: #fff; }

/* —— 热门话题 (talk-ul, 3 列白卡) —— */
.index-pro .talk-ul { list-style: none; padding: 0; margin: 0 -16px; display: flex; flex-wrap: wrap; }
.index-pro .talk-ul li { width: 33.3333%; padding: 16px; box-sizing: border-box; }
.index-pro .talk-ul li a {
    display: block;
    background: #fff;
    padding: 22px;
    box-shadow: 0 5px 10px rgba(0,0,0,.12);
    border-radius: 4px;
    height: 100%;
    transition: box-shadow .25s, transform .25s;
}
.index-pro .talk-ul li a:hover { box-shadow: var(--shadow-card); transform: translateY(-3px); text-decoration: none; }
.index-pro .talk-ul .talk-date span {
    display: inline-block;
    background: var(--hioki-blue);
    color: #fff;
    line-height: 24px;
    padding: 0 15px;
    font-size: 13px;
    border-radius: 2px;
}
.index-pro .talk-ul li p {
    margin: 14px 0 0;
    color: var(--txt-1);
    font-size: 17px;
    line-height: 28px;
    height: 84px;
    overflow: hidden;
}
.index-pro .talk-ul li a:hover p { color: var(--hioki-blue); }

/* —— 服务支持 (单张居中大卡) —— */
.index-pro .service-box {
    max-width: 1185px;
    margin: 0 auto 30px;
    background: #fff;
    padding: 40px 35px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    box-shadow: var(--shadow-card-soft);
    border-radius: 4px;
}
.index-pro .service-box .text { width: 66%; }
.index-pro .service-box .text h3 {
    font-size: 28px;
    font-weight: 600;
    color: var(--hioki-blue);
    margin: 0;
}
.index-pro .service-box .text .theme-line { margin: 18px 0 24px; }
.index-pro .service-box .text .des {
    font-size: 17px;
    line-height: 30px;
    color: var(--txt-1);
    text-align: justify;
}
.index-pro .service-box .text .des p { margin: 0; }
.index-pro .service-box .more-button { flex-shrink: 0; }

/* =====================================================================
   行业方案 (.index-solution, 深蓝底 + 3 列横向卡: 左横版图 + 右文字 + 白字水印)
   ===================================================================== */
.index-solution {
    padding: 70px 0 90px;
    position: relative;
    text-align: center;
    background-color: var(--hioki-blue);
    background-image: url(../img/hioki/index_solution_bg.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.index-solution .index-letter {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    color: #fff;
    opacity: .1;
}
.index-solution .theme-center { margin-bottom: 50px; position: relative; }
.index-solution .sol-list {
    list-style: none;
    padding: 0;
    margin: 50px 0 60px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}
/* 防 clearfix 等伪元素被 grid 当作网格项导致首行空位 */
.index-solution .sol-list::before,
.index-solution .sol-list::after { content: none; display: none; }
.index-solution .sol-list li {
    min-width: 0;
    margin: 0;
    box-sizing: border-box;
}
.index-solution .sol-card {
    display: flex;
    align-items: stretch;
    height: 200px;
    overflow: hidden;
    border-radius: 6px;
    box-shadow: 0 5px 14px rgba(0,0,0,.25);
    background: #fff;
    color: #333;
    transition: transform .3s, box-shadow .3s;
}
.index-solution .sol-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 22px rgba(0,0,0,.32);
}
.index-solution .sol-card-img {
    flex: 0 0 44%;
    width: 44%;
    overflow: hidden;
    background: #d8dde6;
}
.index-solution .sol-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .4s;
}
.index-solution .sol-card:hover .sol-card-img img { transform: scale(1.06); }
.index-solution .sol-card-text {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 18px 22px;
    text-align: left;
    background: #fff;
}
.index-solution .sol-card-text h3 {
    font-size: 20px;
    margin: 0;
    font-weight: 600;
    color: #1f2a44;
    line-height: 1.4;
}
.index-solution .sol-card-more {
    margin-top: 12px;
    display: inline-block;
    font-size: 15px;
    color: var(--hioki-blue);
}
.index-solution .sol-card:hover .sol-card-text h3 { color: var(--hioki-blue); }
.index-solution .sol-more-wrap { text-align: center; }

/* =====================================================================
   会员专区 (.index-member, 资料下载 / 会员中心 交替图文双卡)
   ===================================================================== */
.index-member {
    padding: 70px 0 20px;
    background-color: #fff;
    background-image: url(../img/hioki/index_member.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.index-member .member-box {
    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.index-member .member-box .member-img { width: 50%; }
.index-member .member-box .member-img img { margin: 0 auto; max-width: 90%; display: block; border-radius: 4px; }
.index-member .member-box .member-text { width: 50%; padding: 0 5%; text-align: center; }
.index-member .member-box .member-text h3 { font-size: 28px; font-weight: 600; margin: 0; color: var(--txt-1); }
.index-member .member-box .member-text p { font-size: 17px; margin: 26px 0 40px; color: var(--txt-2); line-height: 1.8; }
.b-shadow { box-shadow: 0 5px 25px rgba(0,0,0,.15); }

/* =====================================================================
   新闻资讯 (.index-news, 蓝调浅底 + 大字水印 + 分类标签 + 3 列卡片)
   ===================================================================== */
.index-news { background: var(--bg-blue-light); padding: 70px 0 80px; position: relative; }
.index-news .news-top { position: relative; padding-bottom: 40px; }
.index-news .news-top .index-letter { position: absolute; top: -50px; left: 0; width: auto; text-align: left; }
.index-news .news-top .theme-f30 { text-align: left; position: relative; }
.index-news .news-top .theme-line { margin: 16px 0 0; }
.index-news .news-tab {
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
}
.index-news .news-tab span {
    margin-right: 36px;
    position: relative;
    font-size: 17px;
    color: var(--txt-2);
    cursor: pointer;
    transition: color .2s;
    user-select: none;
}
.index-news .news-tab span:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -18px;
    transform: translateY(-50%);
    height: 18px;
    width: 1px;
    background: var(--border-blue);
}
.index-news .news-tab span:last-child:after { display: none; }
.index-news .news-tab span:hover,
.index-news .news-tab span.active { color: var(--hioki-blue); }
.index-news .news-more { position: absolute; right: 0; top: 50px; }
.index-news .js-tab-box { margin-top: 40px; }
.index-news .js-tab-con { display: none; }
.index-news .js-tab-con.active { display: block; }
.index-news .news-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; }
.index-news .news-list li { width: 31%; margin-right: 3.5%; margin-bottom: 0; box-sizing: border-box; }
.index-news .news-list li:nth-child(3n) { margin-right: 0; }
.index-news .news-card {
    display: block;
    background: #fff;
    padding: 22px 22px 30px;
    box-shadow: 0 5px 18px rgba(0,0,0,.08);
    border-radius: 4px;
    height: 100%;
    transition: background .25s, color .25s, box-shadow .25s, transform .25s;
}
.index-news .news-card:hover {
    background: var(--hioki-blue);
    color: #fff !important;
    box-shadow: var(--shadow-card);
    transform: translateY(-3px);
    text-decoration: none;
}
.index-news .news-card .news-date span {
    display: inline-block;
    vertical-align: middle;
    background: var(--hioki-blue);
    color: #fff;
    padding: 0 16px;
    line-height: 26px;
    font-size: 13px;
    border-radius: 2px;
    transition: background .25s, color .25s;
}
.index-news .news-card:hover .news-date span { background: #fff; color: var(--hioki-blue); }
.index-news .news-card .news-date i {
    margin-left: 10px;
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    color: var(--txt-3);
    transition: color .25s;
}
.index-news .news-card:hover .news-date i { color: #fff; }
.index-news .news-card .news-tit {
    margin-top: 16px;
    font-size: 18px;
    color: var(--txt-1);
    line-height: 1.5;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: color .25s;
}
.index-news .news-card:hover .news-tit { color: #fff; }
.index-news .news-card .news-des {
    margin-top: 14px;
    font-size: 15px;
    line-height: 26px;
    height: 78px;
    overflow: hidden;
    color: var(--txt-2);
    transition: color .25s;
}
.index-news .news-card:hover .news-des { color: rgba(255,255,255,.9); }

/* =====================================================================
   关于我们 (.index-about, 大字水印 + 左文右图)
   ===================================================================== */
.index-about { padding: 80px 0 90px; background: #fff; }
.index-about .hioki-container {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
}
.index-about .about-text { width: 55%; max-width: 700px; position: relative; }
.index-about .about-text .index-letter { position: absolute; top: -55px; left: 0; width: auto; text-align: left; }
.index-about .about-text .theme-f30 { text-align: left; position: relative; }
.index-about .about-text .theme-line { margin: 16px 0 0; }
.index-about .about-tip { margin-top: 16px; font-size: 17px; color: var(--txt-1); font-weight: 500; }
.index-about .about-des { margin: 40px 0; font-size: 15px; line-height: 30px; text-align: justify; color: var(--txt-2); }
.index-about .about-des p { margin: 0 0 14px; }
.index-about .about-img { width: 42%; display: flex; align-items: center; }
.index-about .about-img img { width: 100%; display: block; border-radius: 4px; box-shadow: var(--shadow-card-soft); }

/* =====================================================================
   首页 v3 响应式
   ===================================================================== */
@media (max-width: 1440px) {
    .index-pro .pro-box .pro-text .pro-des { font-size: 16px; line-height: 32px; margin: 16px 0 50px; }
    .index-pro .pro-tab span { font-size: 20px; }
}

@media (max-width: 1199px) {
    /* 行业方案: PC 基础已是 3 列,窄屏适当减小卡片高度与间距 */
    .index-solution .sol-card { height: 180px; }
    .index-solution .sol-list { gap: 18px; }
    .index-solution .sol-card-text { padding: 14px 16px; }
    .index-solution .sol-card-text h3 { font-size: 18px; }
}

@media (max-width: 991px) {
    /* 移动端切换竖屏构图底图 */
    .index-pro {
        padding: 50px 0;
        min-height: 0;
        background-image: url(../img/hioki/index_pro_bg_mobile.jpg);
        background-position: center top;
    }
    .index-pro .pro-tab { max-width: 100%; }
    .index-pro .pro-tab span { font-size: 16px; line-height: 60px; }
    .index-pro .js-tab-box { margin-top: 36px; }
    .index-pro .pro-content { padding: 0 40px; }
    .index-pro .pro-box { flex-direction: column; }
    .index-pro .pro-box .pro-img,
    .index-pro .pro-box .pro-text { width: 100%; }
    .index-pro .pro-box .pro-text { margin-top: 20px; }
    .index-pro .pro-box .pro-text .pro-tit { font-size: 22px; }
    .index-pro .pro-box .pro-text .pro-des { font-size: 15px; line-height: 28px; margin: 12px 0 24px; }
    .index-pro .pro-prev, .index-pro .pro-next { width: 32px; height: 32px; line-height: 30px; font-size: 20px; }
    .index-pro .pro-prev { left: 0; }
    .index-pro .pro-next { right: 0; }
    .index-pro .talk-ul li { width: 100%; }
    .index-pro .service-box { flex-direction: column; align-items: flex-start; padding: 24px; }
    .index-pro .service-box .text { width: 100%; }
    .index-pro .service-box .des { font-size: 15px; line-height: 28px; }

    .index-letter { font-size: 60px; line-height: 80px; }
    .index-solution { padding: 50px 0 60px; }
    .index-solution .sol-list { margin: 40px 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
    .index-solution .sol-card { height: 160px; }
    .index-solution .sol-card-text { padding: 12px 14px; }
    .index-solution .sol-card-text h3 { font-size: 17px; }

    .index-member { padding: 50px 0 20px; }
    .index-member .member-box { flex-direction: column; padding: 0 10px; }
    .index-member .member-box.reverse { flex-direction: column; }
    .index-member .member-img, .index-member .member-text { width: 100%; }
    .index-member .member-text { padding: 20px 0; }
    .index-member .member-text h3 { font-size: 22px; }
    .index-member .member-text p { font-size: 15px; margin: 14px 0 24px; }

    .index-news { padding: 50px 0 60px; }
    .index-news .news-top { padding-bottom: 30px; }
    .index-news .news-tab { text-align: left; }
    .index-news .news-tab span { font-size: 15px; margin-right: 20px; }
    .index-news .news-tab span:after { right: -10px; height: 14px; }
    .index-news .news-more { position: static; display: inline-flex; margin-top: 16px; }
    .index-news .js-tab-box { margin-top: 30px; }
    .index-news .news-list li { width: 100%; margin-right: 0; margin-bottom: 16px; }
    .index-news .news-card .news-tit { font-size: 17px; }
    .index-news .news-card .news-des { font-size: 13px; line-height: 26px; height: 52px; }

    .index-about { padding: 50px 0 60px; }
    .index-about .hioki-container { flex-direction: column; }
    .index-about .about-text { width: 100%; max-width: 100%; }
    .index-about .about-img { width: 100%; margin-top: 30px; }
    .index-about .about-des { font-size: 13px; line-height: 26px; margin: 24px 0; }
    .index-about .about-tip { font-size: 15px; }
}

@media (max-width: 560px) {
    .hioki-banner .banner-text { bottom: 0; flex-wrap: nowrap; padding: 0 8px; }
    .hioki-banner .banner-text a { flex: 1 1 33.333%; min-width: 0; margin: 0; padding: 7px 2px 5px; font-size: 11px; line-height: 28px; white-space: nowrap; }
    .hioki-banner .banner-text a:after { height: 3px; }
    .index-pro .pro-tab { overflow-x: auto; }
    .index-pro .pro-tab span { flex: 0 0 auto; min-width: 25%; font-size: 14px; line-height: 50px; }
    .index-solution .sol-list { grid-template-columns: 1fr; gap: 14px; }
    .index-solution .sol-card { height: 150px; }
    .index-solution .sol-card-img { flex-basis: 40%; width: 40%; }
    .index-solution .sol-card-text h3 { font-size: 17px; }
    .index-solution .sol-card-more { font-size: 13px; }
}

/* =====================================================================
   解决方案首页
   ===================================================================== */
.solution-page { color: #333; background: #fff; }
body.hioki-body.page-solution .hioki-footer { margin-top: 0; }
.solution-page .hioki-container { max-width: 1600px; }
.solution-hero {
    height: var(--hioki-inner-banner-height); padding-top: 0;
    display: flex; align-items: center; justify-content: center;
    background: var(--hioki-blue) url(../img/hioki/solution/banner.jpg) center / cover no-repeat;
    color: #fff; text-align: center;
}
.solution-hero-text h1 { margin: 0; font-size: 60px; line-height: 1.2; font-weight: 700; text-shadow: 0 1px 2px rgba(0,0,0,.85), 0 2px 10px rgba(0,0,0,.65); }
.solution-hero-text p { margin: 25px 0 0; font-size: 30px; line-height: 1; text-shadow: 0 1px 2px rgba(0,0,0,.85), 0 2px 8px rgba(0,0,0,.6); }
.solution-page .hioki-breadcrumb { padding: 22px 0; background: #fff; border-bottom-color: #e5e5e5; color: #666; }
.solution-page .hioki-breadcrumb a, .solution-page .hioki-breadcrumb .active { color: #666; }
.solution-section-title { margin: 0 0 28px; color: var(--hioki-blue); font-size: 36px; line-height: 1.35; font-weight: 700; text-align: center; }
.solution-section-title span { position: relative; display: inline-block; padding: 0 60px; }
.solution-section-title span:before, .solution-section-title span:after { content: ''; position: absolute; top: 50%; width: 30px; height: 2px; background: currentColor; }
.solution-section-title span:before { left: 0; }
.solution-section-title span:after { right: 0; }
.solution-section-title.is-light { color: #fff; }
.solution-industries { padding: 80px 0 90px; }
.solution-industry-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px 1.25%; }
.solution-industry-card { display: block; min-width: 0; padding: 10px 0; color: #333; background: #fff; transition: padding .3s; }
.solution-industry-image { display: block; overflow: hidden; aspect-ratio: 16 / 9; }
.solution-industry-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
.solution-industry-content { display: flex; height: auto; align-items: center; justify-content: space-between; background: #fff; }
.solution-industry-content p { height: 80px; margin: 10px; padding: 0 20px; overflow: hidden; color: #7d7777; font-size: 18px; line-height: 80px; }
.solution-industry-content p:last-of-type { flex: 0 0 35px; width: 35px; height: 35px; padding: 0; text-align: center; line-height: 35px; transition: color .25s, background .25s; }
.solution-industry-card:hover { padding: 20px 0 0; }
.solution-industry-card:hover img { transform: scale(1.04); }
.solution-industry-card:hover .solution-industry-content p:first-of-type { color: var(--hioki-blue); }
.solution-industry-card:hover .solution-industry-content p:last-of-type { color: #fff; background: var(--hioki-blue); border-radius: 50%; }
.solution-cases { position: relative; padding: 75px 0 60px; overflow: hidden; background: var(--hioki-blue); }
.solution-case-carousel { overflow: hidden; }
.solution-case-slide { height: auto; }
.solution-case-card { display: flex; height: 100%; padding: 10px 10px 40px; flex-direction: column; background: #fff; color: #333; }
.solution-case-image { display: block; overflow: hidden; aspect-ratio: 4 / 3; background: #f3f3f3; }
.solution-case-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.solution-case-card:hover img { transform: scale(1.1); }
.solution-case-card strong { display: block; min-height: 60px; margin: 18px 15px 20px; overflow: hidden; color: #333; font-size: 18px; line-height: 30px; font-weight: 400; }
.solution-case-link { align-self: flex-start; margin: auto 15px 0; padding: 0 24px; color: #fff; background: var(--hioki-blue); font-size: 14px; line-height: 38px; }
.solution-case-card:hover .solution-case-link { background: var(--hioki-blue-hover); }
.solution-case-prev, .solution-case-next { position: absolute; top: 50%; z-index: 4; width: 48px; height: 74px; margin-top: -10px; padding: 0; border: 0; color: var(--hioki-blue); background: rgba(255,255,255,.58); font-size: 34px; transition: background .2s; }
.solution-case-prev { left: max(12px, calc((100vw - 1600px) / 2)); }
.solution-case-next { right: max(12px, calc((100vw - 1600px) / 2)); }
.solution-case-prev:hover, .solution-case-next:hover { background: rgba(255,255,255,.85); }
.solution-more-wrap { margin-top: 36px; text-align: center; }
.solution-more { display: inline-flex; min-width: 180px; height: 48px; align-items: center; justify-content: space-between; padding: 0 24px; color: var(--hioki-blue) !important; background: #fff; font-size: 16px; }
.solution-more span { font-size: 20px; transition: transform .2s; }
.solution-more:hover span { transform: translateX(4px); }
.solution-latest { padding: 70px 0 65px; }
.solution-latest-list { border-top: 1px solid #d9d5d5; }
.solution-latest-item { display: flex; align-items: center; min-height: 65px; padding: 20px 0; border-bottom: 1px solid #d9d5d5; color: #333; }
.solution-latest-item time { flex: 0 0 10%; color: #7d7777; font-size: 17px; }
.solution-latest-item strong { min-width: 0; overflow: hidden; color: #333; font-size: 18px; line-height: 1.5; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }
.solution-latest-item:hover time, .solution-latest-item:hover strong { color: var(--hioki-blue); }
.solution-contact { position: relative; padding: 75px 0 80px; background: #313d5d url(../img/hioki/solution/contact.jpg) center / cover no-repeat; color: #fff; text-align: center; }
/* 半透明深色渐变遮罩: 新背景图偏亮, 用遮罩保证白色标题/橙色按钮清晰可读 */
.solution-contact:before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(31,42,74,.78) 0%, rgba(31,42,74,.55) 50%, rgba(31,42,74,.78) 100%); }
.solution-contact .hioki-container { position: relative; z-index: 1; }
.solution-contact p { position: relative; margin: 0 0 30px; font-size: 30px; line-height: 1.5; font-weight: 600; text-shadow: 0 2px 8px rgba(0,0,0,.4); }
.solution-contact-button { display: inline-flex; width: 220px; height: 54px; align-items: center; justify-content: space-between; padding: 0 28px; color: #fff !important; background: var(--hioki-cta-grad); font-size: 18px; box-shadow: 0 4px 14px rgba(0,0,0,.25); }
.solution-contact-button span { font-size: 24px; transition: transform .25s; }
.solution-contact-button:hover span { transform: translateX(5px); }
.solution-empty { padding: 50px 20px; color: #7d7777; text-align: center; }
.solution-empty.is-light { color: rgba(255,255,255,.86); }

@media (max-width: 1199px) {
    .solution-case-prev { left: 12px; }
    .solution-case-next { right: 12px; }
}

@media (max-width: 991px) {
    body.hioki-nav-open { overflow: hidden; }
    .solution-hero { height: var(--hioki-inner-banner-height-tablet); }
    .solution-hero-text h1 { font-size: 36px; }
    .solution-hero-text p { margin-top: 12px; font-size: 24px; }
    .solution-page .hioki-breadcrumb { display: none; }
    .solution-industries { padding: 48px 0 55px; }
    .solution-section-title { font-size: 28px; }
    .solution-industry-list { grid-template-columns: 1fr; gap: 0; }
    .solution-industry-card { padding: 10px 0; }
    .solution-industry-card:hover { margin: 10px 0; padding: 10px 0; }
    .solution-industry-card:hover img { transform: none; }
    .solution-industry-card:hover .solution-industry-content p:first-of-type { color: #7d7777; }
    .solution-industry-card:hover .solution-industry-content p:last-of-type { color: #7d7777; background: transparent; border-radius: 0; }
    .solution-cases { padding: 48px 0 45px; }
    .solution-case-prev, .solution-case-next { width: 38px; height: 58px; font-size: 28px; }
    .solution-latest { padding: 48px 0 50px; }
    .solution-contact { padding: 55px 0; }
    .solution-contact p { font-size: 24px; }
}

@media (max-width: 560px) {
    .solution-hero { height: var(--hioki-inner-banner-height-mobile); }
    .solution-hero-text h1 { font-size: 28px; }
    .solution-hero-text p { font-size: 20px; }
    .solution-section-title { margin-bottom: 22px; font-size: 24px; }
    .solution-section-title span { padding: 0 48px; }
    .solution-industry-content p { font-size: 17px; }
    .solution-case-card { padding-bottom: 26px; }
    .solution-case-card strong { margin: 14px 12px 16px; font-size: 17px; line-height: 26px; }
    .solution-case-link { margin-left: 12px; }
    .solution-case-prev, .solution-case-next { top: 48%; }
    .solution-latest-item { display: block; padding: 18px 0; }
    .solution-latest-item time { display: block; margin-bottom: 8px; font-size: 15px; }
    .solution-latest-item strong { display: block; overflow: visible; font-size: 17px; white-space: normal; }
    .solution-contact { padding: 48px 0; }
    .solution-contact p { margin-bottom: 24px; font-size: 20px; }
    .solution-contact-button { width: 190px; height: 48px; font-size: 16px; }
}

/* =====================================================================
   行业方案内页
   ===================================================================== */
.solution-industry-page { color: #333; background: #fff; }
.solution-industry-hero { position: relative; display: flex; height: var(--hioki-inner-banner-height); align-items: center; justify-content: center; background-color: var(--hioki-blue); background-position: center; background-size: cover; }
.solution-industry-hero:before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,.1); }
.solution-industry-hero-text { position: relative; color: #fff; text-align: center; text-shadow: 0 2px 5px rgba(0,0,0,.28); }
.solution-industry-hero-text h1 { margin: 0; font-size: 48px; line-height: 1.3; font-weight: 600; }
.solution-industry-hero-text p { margin: 15px 0 0; font-size: 26px; line-height: 1.3; }
.solution-industry-page .hioki-breadcrumb { padding: 22px 0; background: #fff; border-bottom: 0; color: #666; }
.solution-industry-page .hioki-breadcrumb a, .solution-industry-page .hioki-breadcrumb .active { color: #666; }
.solution-industry-title { margin: 0 0 35px; color: var(--hioki-blue); font-size: 32px; line-height: 1.4; font-weight: 600; text-align: center; }
.solution-industry-title span { position: relative; display: inline-block; padding: 0 52px; }
.solution-industry-title span:before, .solution-industry-title span:after { content: ''; position: absolute; top: 50%; width: 30px; height: 2px; background: currentColor; }
.solution-industry-title span:before { left: 0; }
.solution-industry-title span:after { right: 0; }
.solution-industry-title.is-light { color: #fff; }
.solution-industry-intro { padding: 70px 0 80px; text-align: center; }
.solution-industry-intro p { max-width: 1180px; margin: 0 auto 38px; color: var(--hioki-blue); font-size: 18px; line-height: 2; }
.solution-industry-intro img { display: block; width: 100%; max-width: 1300px; margin: 0 auto; }
.solution-industry-solutions { position: relative; overflow: hidden; padding: 75px 0; background: var(--hioki-blue); text-align: center; }
.solution-industry-watermark { position: absolute; top: 4px; left: 0; width: 100%; color: #fff; opacity: .1; font-size: 90px; line-height: 1; font-weight: 700; text-align: center; }
.solution-industry-solutions .hioki-container { position: relative; }
.solution-industry-stages { display: flex; margin: 0 auto 32px; align-items: center; justify-content: center; gap: 40px; }
.solution-industry-stages a { min-width: 130px; padding: 5px 8px; color: #fff !important; background: var(--hioki-cta-grad); font-size: 20px; line-height: 30px; text-align: center; }
.solution-industry-stages a:hover, .solution-industry-stages a.active { filter: brightness(.96); }
.solution-industry-grid { display: flex; flex-wrap: wrap; justify-content: space-around; }
.solution-industry-solution-card { width: 30%; margin: 30px 0; background: #fff; }
.solution-industry-solution-card > a { display: block; padding: 10px 10px 40px; color: #333; }
.solution-industry-solution-card .image { display: block; overflow: hidden; aspect-ratio: 16 / 9; }
.solution-industry-solution-card .image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
.solution-industry-solution-card:hover .image img { transform: scale(1.1); }
.solution-industry-solution-card strong { display: block; height: 60px; margin: 25px 0; overflow: hidden; color: #333; font-size: 18px; line-height: 30px; font-weight: 400; }
.solution-industry-page .detail-button { display: inline-flex; width: 155px; height: 38px; align-items: center; justify-content: center; color: #fff; background: var(--hioki-blue); font-size: 16px; }
.solution-industry-more { display: inline-flex; width: 180px; height: 48px; align-items: center; justify-content: center; color: #fff !important; background: var(--hioki-cta-grad); font-size: 18px; }
.solution-industry-samples { padding: 75px 0 90px; overflow: hidden; }
.solution-sample-content { position: relative; max-width: 1180px; margin: 0 auto; }
.solution-sample-carousel { overflow: hidden; }
.solution-sample-carousel .swiper-slide { height: auto; padding: 10px; }
.solution-sample-card { display: flex; height: 100%; align-items: center; color: #333; }
.solution-sample-card .image { flex: 0 0 46%; overflow: hidden; box-shadow: 0 5px 25px rgba(0,0,0,.15); }
.solution-sample-card .image img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; transition: transform .35s; }
.solution-sample-card:hover .image img { transform: scale(1.06); }
.solution-sample-card .text { display: flex; min-width: 0; padding: 25px; flex: 1; flex-direction: column; align-items: flex-start; }
.solution-sample-card strong { color: var(--hioki-blue); font-size: 22px; line-height: 1.5; font-weight: 500; }
.solution-sample-card .description { display: block; min-height: 52px; margin: 16px 0 24px; overflow: hidden; color: #777; font-size: 15px; line-height: 26px; }
.solution-sample-count { display: block; margin: 20px 0 0 50%; padding-left: 25px; color: #999; font-size: 15px; }
.solution-sample-count b { color: var(--hioki-blue); font-size: 24px; font-weight: 400; }
.solution-sample-controls { position: absolute; right: -4px; bottom: -5px; display: flex; }
.solution-sample-controls button { width: 42px; height: 42px; padding: 0; border: 1px solid #d8d8d8; color: var(--hioki-blue); background: #fff; font-size: 26px; line-height: 38px; }
.solution-industry-products { padding: 75px 0 80px; background: #f3f5f8 url(../img/hioki/solution/product-background.jpg) center / cover no-repeat; text-align: center; }
.solution-product-list { display: grid; margin: 0; padding: 0; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; list-style: none; text-align: left; }
.solution-product-list li { min-width: 0; background: #fff; box-shadow: 0 5px 25px rgba(0,0,0,.15); }
.solution-product-list li.is-extra { display: none; }
.solution-product-list.is-expanded li.is-extra { display: block; }
.solution-product-list a { display: flex; height: 100%; padding: 10px 10px 38px; flex-direction: column; color: #333; }
.solution-product-list .image { display: block; overflow: hidden; aspect-ratio: 4 / 3; }
.solution-product-list .image img { width: 100%; height: 100%; object-fit: contain; transition: transform .35s; }
.solution-product-list li:hover .image img { transform: scale(1.06); }
.solution-product-list strong { display: block; margin: 20px 20px 10px; color: #333; font-size: 20px; line-height: 30px; font-weight: 500; }
.solution-product-list .line { width: 34px; height: 2px; margin: 0 20px 14px; background: var(--hioki-blue); }
.solution-product-list .description { height: 84px; margin: 0 20px 24px; overflow: hidden; color: #777; font-size: 15px; line-height: 28px; }
.solution-product-list .detail-button { margin: auto 20px 0; }
.solution-products-toggle { margin: 45px auto 0; padding: 0; border: 0; border-bottom: 1px solid var(--hioki-blue); color: var(--hioki-blue); background: transparent; font-size: 16px; line-height: 36px; }

@media (max-width: 991px) {
    .solution-industry-hero { height: var(--hioki-inner-banner-height-tablet); }
    .solution-industry-hero-text h1 { font-size: 34px; }
    .solution-industry-hero-text p { font-size: 20px; }
    .solution-industry-page .hioki-breadcrumb { display: none; }
    .solution-industry-intro, .solution-industry-solutions, .solution-industry-samples, .solution-industry-products { padding: 50px 0; }
    .solution-industry-title { font-size: 27px; }
    .solution-industry-stages { gap: 16px; }
    .solution-industry-stages a { min-width: 0; font-size: 17px; }
    .solution-industry-solution-card { width: 47%; margin: 15px 0; }
    .solution-product-list { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
}

@media (max-width: 560px) {
    .solution-industry-hero { height: var(--hioki-inner-banner-height-mobile); }
    .solution-industry-hero-text h1 { font-size: 25px; }
    .solution-industry-hero-text p { margin-top: 8px; font-size: 17px; }
    .solution-industry-intro, .solution-industry-solutions, .solution-industry-samples, .solution-industry-products { padding: 38px 0; }
    .solution-industry-title { margin-bottom: 24px; font-size: 22px; }
    .solution-industry-title span { padding: 0 40px; }
    .solution-industry-title span:before, .solution-industry-title span:after { width: 22px; }
    .solution-industry-intro p { margin-bottom: 25px; font-size: 15px; line-height: 1.9; text-align: left; }
    .solution-industry-watermark { font-size: 54px; }
    .solution-industry-stages { flex-direction: column; gap: 8px; }
    .solution-industry-stages a { width: 100%; font-size: 17px; }
    .solution-industry-solution-card { width: 100%; margin: 7px 0; }
    .solution-industry-solution-card > a { padding-bottom: 30px; }
    .solution-sample-card { display: block; }
    .solution-sample-card .image { display: block; width: 100%; }
    .solution-sample-card .text { padding: 22px 4px; }
    .solution-sample-count { margin-left: 0; padding-left: 4px; }
    .solution-sample-controls { right: 10px; }
    .solution-product-list { grid-template-columns: 1fr; gap: 16px; }
    .solution-product-list strong, .solution-product-list .line, .solution-product-list .description, .solution-product-list .detail-button { margin-left: 12px; margin-right: 12px; }
}

/* =====================================================================
   技术支持
   ===================================================================== */
.hioki-mainnav .navdiv.support-nav { left: -145px; display: none; width: 420px; min-width: 420px; padding: 24px 26px; grid-template-columns: 1fr 1fr; gap: 24px 30px; border-radius: var(--radius-lg); }
.hioki-mainnav > li:hover .navdiv.support-nav { display: grid; }
.hioki-mainnav .support-nav-group strong {
    display: flex; align-items: center;
    margin: 0 0 10px;
    color: var(--txt-1);
    font-size: 14px; font-weight: 700; letter-spacing: 1px;
    line-height: 22px;
}
.hioki-mainnav .support-nav-group strong::before {
    content: "";
    width: 4px; height: 14px;
    margin-right: 8px;
    border-radius: 2px;
    background: linear-gradient(180deg, var(--hioki-blue), var(--hioki-accent));
}
.hioki-mainnav .support-nav-group a {
    display: block;
    color: var(--txt-2);
    font-size: 14px; line-height: 36px;
    padding: 0 14px;
    border-radius: 8px;
    white-space: nowrap;
    transition: color .2s, background .2s, padding-left .2s;
}
.hioki-mainnav .support-nav-group a:hover { color: var(--hioki-blue); background: #f0f5ff; padding-left: 20px; }
body.hioki-body.page-support main.content { padding: 0; }
body.hioki-body.page-support .hioki-footer { margin-top: 0; }
.support-page { color: #333; background: #fff; }
.support-banner { position: relative; width: 100%; height: var(--hioki-inner-banner-height); overflow: hidden; background: #eef1f7; }
.support-banner img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
/* 不叠加任何遮罩, 标题无背景色块: banner 图完整清晰展示。整图均匀受光, 标题居中, 纯文字描边+阴影保证可读 */
.support-banner-text { position: absolute; top: 50%; left: 50%; z-index: 1; color: #fff; text-align: center; transform: translate(-50%,-50%); width: 90%; }
.support-banner-text h1 { margin: 0 0 10px; font-size: 44px; line-height: 1.2; font-weight: 700; text-shadow: 0 1px 2px rgba(0,0,0,.85), 0 2px 10px rgba(0,0,0,.65); }
.support-banner-text p { margin: 0; font-size: 18px; line-height: 1.4; text-shadow: 0 1px 2px rgba(0,0,0,.85), 0 2px 8px rgba(0,0,0,.6); }
.support-page .hioki-breadcrumb { padding: 20px 0; border: 0; background: #fff; color: #666; }
.support-page .hioki-breadcrumb a, .support-page .hioki-breadcrumb .active { color: #666; }
.support-main { padding: 36px 0 90px; }
.support-layout { display: grid; grid-template-columns: 280px minmax(0,1fr); gap: 55px; align-items: start; }
.support-sidebar { min-width: 0; }
.support-sidebar-toggle { display: none; }
.support-sidebar-nav { border: 1px solid #e6e6e6; background: #fff; }
.support-sidebar-heading, .support-sidebar-single { display: flex; width: 100%; min-height: 58px; padding: 0 24px; border: 0; align-items: center; justify-content: space-between; color: #333; background: #f5f5f5; font-size: 18px; line-height: 1.4; text-align: left; }
.support-sidebar-heading i { color: var(--hioki-blue); transition: transform .2s; }
.support-sidebar-group.is-open .support-sidebar-heading i { transform: rotate(180deg); }
.support-sidebar-links { display: none; }
.support-sidebar-group.is-open .support-sidebar-links { display: block; }
.support-sidebar-links a { display: block; min-height: 49px; padding: 12px 25px 12px 37px; border-top: 1px solid #eee; color: #666; font-size: 15px; line-height: 24px; }
.support-sidebar-links a:before { content: '-'; margin-right: 4px; }
.support-sidebar-links a:hover, .support-sidebar-links a.active { color: #fff; background: var(--hioki-blue); }
.support-sidebar-single { border-top: 1px solid #e6e6e6; color: #333 !important; }
.support-sidebar-single:hover { color: #fff !important; background: var(--hioki-blue); }
.support-content { min-width: 0; }
.support-search { display: flex; height: 52px; margin-bottom: 32px; align-items: center; color: #333; font-size: 18px; }
.support-search label { margin: 0 12px 0 0; font-weight: 400; white-space: nowrap; }
.support-search input[type="search"] { width: min(520px, calc(100% - 190px)); height: 52px; padding: 0 18px; border: 1px solid #ddd; border-right: 0; outline: 0; color: #333; background: #fff; font-size: 16px; }
.support-search input[type="search"]:focus { border-color: var(--hioki-blue); box-shadow: inset 0 0 0 1px var(--hioki-blue); }
.support-search button { display: inline-flex; width: 105px; height: 52px; padding: 0; border: 0; align-items: center; justify-content: center; gap: 8px; color: #fff; background: var(--hioki-blue); font-size: 16px; }
.support-tabs { display: flex; margin-bottom: 28px; border-bottom: 2px solid var(--hioki-blue); }
.support-tabs a { display: flex; min-width: 220px; min-height: 52px; padding: 10px 28px; align-items: center; justify-content: center; border: 1px solid #ddd; border-bottom: 0; color: #666; background: #f7f7f7; font-size: 17px; }
.support-tabs a + a { border-left: 0; }
.support-tabs a:hover, .support-tabs a.active { color: #fff; border-color: var(--hioki-blue); background: var(--hioki-blue); }
.support-document-list { border-top: 1px solid #e6e6e6; }
.support-document-item { display: grid; min-height: 180px; padding: 25px 20px; border-bottom: 1px solid #e6e6e6; grid-template-columns: 190px minmax(0,1fr) 72px; gap: 28px; align-items: center; }
.support-document-cover { width: 190px; height: 130px; overflow: hidden; background: #f4f5f7; }
.support-document-cover img { display: block; width: 100%; height: 100%; object-fit: contain; transition: transform .3s; }
.support-document-item:hover .support-document-cover img { transform: scale(1.04); }
.support-document-copy { min-width: 0; }
.support-document-copy h2 { margin: 0 0 14px; color: #333; font-size: 19px; line-height: 1.5; font-weight: 500; }
.support-document-copy h2 small { color: #777; font-size: 14px; font-weight: 400; }
.support-document-copy p { display: -webkit-box; margin: 0 0 13px; overflow: hidden; color: #777; font-size: 15px; line-height: 25px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.support-document-copy time { color: #999; font-size: 13px; }
.support-download-button { display: flex; width: 62px; height: 62px; flex-direction: column; align-items: center; justify-content: center; color: #fff !important; background: var(--hioki-blue); font-size: 12px; line-height: 20px; }
.support-download-button i { font-size: 20px; }
.support-download-button:hover { background: var(--hioki-blue-hover); }
.support-download-button.is-disabled { color: #999 !important; background: #e8e8e8; }
.support-video-scroll { width: 100%; overflow-x: auto; border: 1px solid #e2e2e2; outline: 0; -webkit-overflow-scrolling: touch; }
.support-video-scroll:focus { box-shadow: 0 0 0 2px rgba(var(--hioki-blue-rgb),.28); }
.support-video-table { width: 100%; min-width: 850px; margin: 0; border-collapse: collapse; table-layout: fixed; }
.support-video-table th, .support-video-table td { width: 20%; padding: 18px 14px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; color: #555; font-size: 15px; line-height: 24px; text-align: center; vertical-align: middle; }
.support-video-table th:last-child, .support-video-table td:last-child { border-right: 0; }
.support-video-table tbody tr:last-child td { border-bottom: 0; }
.support-video-table th { padding-top: 16px; padding-bottom: 16px; color: #333; background: #f3f3f3; font-size: 17px; font-weight: 500; }
.support-video-table tbody tr:hover td { background: #f7f9fd; }
.support-view-button { display: inline-flex; min-width: 82px; min-height: 36px; padding: 5px 15px; align-items: center; justify-content: center; color: #fff !important; background: var(--hioki-blue); }
.support-view-button:hover { background: var(--hioki-blue-hover); }
.support-view-button.is-disabled { color: #999 !important; background: #e8e8e8; }
.support-pagination { margin: 45px 0 0; text-align: center; }
.support-pagination .pagination { display: flex; margin: 0; flex-wrap: wrap; justify-content: center; }
.support-pagination .pagination > li { display: block; }
.support-pagination .pagination > li > a, .support-pagination .pagination > li > span { float: none; display: block; min-width: 50px; height: 38px; margin: 4px; padding: 0 15px; border: 1px solid #e5e5e5; border-radius: 0; color: #999; background: #fff; font-size: 18px; line-height: 36px; text-align: center; }
.support-pagination .pagination > li > a:hover, .support-pagination .pagination > .active > span { color: #fff; border-color: var(--hioki-blue); background: var(--hioki-blue); }
.support-pagination .pagination > .disabled > span { color: #bbb; background: #f7f7f7; }
.support-empty { min-height: 320px; padding: 85px 20px; color: #999; text-align: center; }
.support-empty i { color: #d5d5d5; font-size: 54px; }
.support-empty p { margin: 15px 0 0; font-size: 17px; }

/* “查看”按钮改 button 元素后保持视觉一致 + 增加播放图标 */
button.support-view-button { cursor: pointer; border: 0; gap: 6px; font-family: inherit; }
button.support-view-button i { font-size: 16px; }

/* 视频播放弹窗(全屏遮罩 + 16:9 居中) */
.hioki-video-modal { position: fixed; inset: 0; z-index: 2000; display: none; }
.hioki-video-modal.is-open { display: block; }
.hioki-video-mask { position: absolute; inset: 0; background: rgba(0,0,0,.78); animation: hioki-fade .2s ease; }
.hioki-video-dialog { position: absolute; top: 50%; left: 50%; width: min(960px, 92vw); transform: translate(-50%, -50%); }
.hioki-video-body { position: relative; width: 100%; padding-top: 56.25%; background: #000; box-shadow: 0 20px 60px rgba(0,0,0,.45); }
.hioki-video-body iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.hioki-video-close { position: absolute; top: -44px; right: 0; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%; color: #fff; background: rgba(255,255,255,.18); cursor: pointer; font-size: 18px; line-height: 36px; text-align: center; transition: background .2s; }
.hioki-video-close:hover { background: rgba(255,255,255,.35); }
.hioki-video-footer { display: flex; margin-top: 14px; padding: 0 4px; align-items: center; justify-content: space-between; color: rgba(255,255,255,.85); font-size: 13px; }
.hioki-video-hint i { margin-right: 5px; color: rgba(255,255,255,.6); }
.hioki-video-page-link { display: inline-flex; padding: 7px 16px; border: 1px solid rgba(255,255,255,.4); border-radius: 2px; align-items: center; gap: 6px; color: #fff; transition: background .2s, border-color .2s; }
.hioki-video-page-link:hover { background: rgba(255,255,255,.15); border-color: #fff; }
@keyframes hioki-fade { from { opacity: 0; } to { opacity: 1; } }

/* =====================================================================
   技术资料 V2 (td-): 现代文档中心 —— 页头统计 + 胶囊分类 + 文件卡片网格
   (替代 hioki.cn 式"左栏目录 + 封面行列表"布局, 双端自适应)
   ===================================================================== */
.td-head { padding: 46px 0 10px; background: linear-gradient(180deg, #eef4fc 0%, #f8fafd 62%, #fff 100%); }
.td-head-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; }
.td-kicker { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 12px; padding: 5px 14px; border: 1px solid rgba(61,96,175,.25); border-radius: 999px; color: var(--hioki-blue); background: rgba(255,255,255,.75); font-size: 12px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; }
.td-head-copy h2 { margin: 0 0 10px; color: #16233a; font-size: 30px; font-weight: 700; letter-spacing: 1px; }
.td-head-copy p { margin: 0; color: #66738a; font-size: 15px; line-height: 1.8; }
.td-head-stats { display: flex; flex-shrink: 0; padding: 14px 0 4px; }
.td-stat { display: flex; flex-direction: column; gap: 4px; padding: 0 30px; text-align: center; }
.td-stat + .td-stat { border-left: 1px solid rgba(61,96,175,.18); }
.td-stat b { color: var(--hioki-blue); font-size: 30px; font-weight: 700; line-height: 1.1; font-variant-numeric: tabular-nums; }
.td-stat span { color: #8391a6; font-size: 12.5px; letter-spacing: 1px; }
.td-toolbar { display: flex; margin-top: 30px; padding: 16px 18px; border: 1px solid rgba(61,96,175,.14); border-radius: 14px; align-items: center; justify-content: space-between; gap: 16px; background: #fff; box-shadow: 0 6px 18px rgba(13,42,92,.05); flex-wrap: wrap; }
.td-pills { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.td-pill { display: inline-flex; height: 42px; padding: 0 18px; align-items: center; gap: 8px; border: 1px solid #dbe4f1; border-radius: 999px; color: #4c5a70; background: #fff; font-size: 14.5px; transition: all .2s; }
.td-pill i { font-size: 15px; color: #93a2ba; transition: color .2s; }
.td-pill em { padding: 1px 9px; border-radius: 999px; background: #eef3fa; color: #7488a5; font-style: normal; font-size: 12px; font-variant-numeric: tabular-nums; transition: all .2s; }
.td-pill:hover { border-color: var(--hioki-blue); color: var(--hioki-blue); }
.td-pill:hover i { color: var(--hioki-blue); }
.td-pill.is-active { border-color: transparent; color: #fff; background: linear-gradient(120deg, var(--hioki-blue) 0%, #5b8dee 100%); box-shadow: 0 6px 14px rgba(61,96,175,.32); }
.td-pill.is-active i { color: #fff; }
.td-pill.is-active em { background: rgba(255,255,255,.22); color: #fff; }
.td-pill-video:hover { border-color: #ee8d00; color: #d97a00; }
.td-pill-video:hover i { color: #ee8d00; }
.td-search { display: flex; flex: 1 1 300px; max-width: 380px; height: 44px; padding: 0 0 0 16px; border: 1px solid #dbe4f1; border-radius: 999px; align-items: center; gap: 8px; background: #f8fafd; transition: border-color .2s, box-shadow .2s, background .2s; }
.td-search:focus-within { border-color: var(--hioki-blue); background: #fff; box-shadow: 0 0 0 3px rgba(61,96,175,.12); }
.td-search > i { color: #93a2ba; font-size: 15px; }
.td-search input[type="search"] { flex: 1; min-width: 0; height: 100%; padding: 0; border: 0; outline: 0; background: none; color: #2c394e; font-size: 14.5px; }
.td-search input[type="search"]::placeholder { color: #9aa7bc; }
.td-search button { flex-shrink: 0; height: 34px; margin: 0 5px 0 4px; padding: 0 22px; border: 0; border-radius: 999px; color: #fff; background: linear-gradient(100deg, var(--hioki-blue), #5b8dee); cursor: pointer; font-size: 14px; }
.td-search button:hover { filter: brightness(1.08); }

.td-main { padding: 30px 0 90px; }
.td-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
.td-card { display: flex; padding: 20px; border: 1px solid #e6ecf5; border-radius: 14px; align-items: center; gap: 16px; background: #fff; transition: transform .22s, box-shadow .22s, border-color .22s; }
.td-card:hover { transform: translateY(-3px); border-color: rgba(61,96,175,.45); box-shadow: 0 12px 26px rgba(13,42,92,.09); }
.td-card-icon { display: flex; width: 52px; height: 64px; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 10px; color: var(--hioki-blue); background: linear-gradient(160deg, #eaf1fc, #d9e6fa); font-size: 22px; transition: all .22s; }
.td-card:hover .td-card-icon { color: #fff; background: linear-gradient(150deg, var(--hioki-blue), #5b8dee); }
.td-card-body { flex: 1; min-width: 0; }
.td-card-body h3 { display: -webkit-box; margin: 0 0 7px; overflow: hidden; color: #1d2b42; font-size: 16.5px; line-height: 1.5; font-weight: 600; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.td-card-body h3 small { margin-left: 6px; color: #8b98ad; font-size: 12.5px; font-weight: 400; white-space: nowrap; }
.td-card-body p { display: -webkit-box; margin: 0 0 9px; overflow: hidden; color: #77839a; font-size: 13.5px; line-height: 1.65; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.td-card-meta { display: flex; align-items: center; gap: 10px; color: #97a3b8; font-size: 12.5px; }
.td-card-meta time { display: inline-flex; align-items: center; gap: 5px; font-variant-numeric: tabular-nums; }
.td-card-type { padding: 2px 10px; border-radius: 999px; background: #f0f5fc; color: var(--hioki-blue); font-size: 12px; }
.td-card-btn { display: inline-flex; height: 40px; padding: 0 18px; flex-shrink: 0; border: 1px solid var(--hioki-blue); border-radius: 999px; align-items: center; justify-content: center; gap: 7px; color: var(--hioki-blue) !important; background: #fff; font-size: 13.5px; transition: all .2s; }
.td-card-btn i { font-size: 14px; }
.td-card-btn:hover { color: #fff !important; border-color: transparent; background: linear-gradient(100deg, var(--hioki-blue), #5b8dee); box-shadow: 0 6px 14px rgba(61,96,175,.3); }
.td-card-btn.is-disabled { border-color: #dfe4ec; color: #9aa6ba !important; background: #f6f8fb; cursor: not-allowed; box-shadow: none; }
.td-pagination { display: flex; flex-direction: column; gap: 12px; margin-top: 40px; align-items: center; }
.td-pagination-info { margin: 0; color: #8391a6; font-size: 13px; }
.td-pagination .pagination { display: flex; margin: 0; flex-wrap: wrap; justify-content: center; gap: 6px; }
.td-pagination .pagination > li { display: block; }
.td-pagination .pagination > li > a, .td-pagination .pagination > li > span { display: block; min-width: 38px; height: 36px; padding: 0 12px; border: 1px solid #e2e9f3; border-radius: 9px; color: #55657d; background: #fff; font-size: 14px; line-height: 34px; text-align: center; transition: all .18s; }
.td-pagination .pagination > li > a:hover { border-color: var(--hioki-blue); color: var(--hioki-blue); }
.td-pagination .pagination > .active > span { border-color: transparent; color: #fff; background: linear-gradient(120deg, var(--hioki-blue), #5b8dee); }
.td-pagination .pagination > .disabled > span { color: #bcc6d6; background: #f8fafc; }
.td-empty { padding: 90px 20px; color: #8391a6; text-align: center; }
.td-empty i { color: #cdd8e8; font-size: 52px; }
.td-empty p { margin: 16px 0 14px; font-size: 16px; }
.td-empty a { display: inline-block; padding: 9px 22px; border: 1px solid var(--hioki-blue); border-radius: 999px; color: var(--hioki-blue); font-size: 13.5px; transition: all .2s; }
.td-empty a:hover { color: #fff; background: var(--hioki-blue); }

@media (max-width: 991px) {
    .td-head { padding: 34px 0 6px; }
    .td-head-row { flex-direction: column; align-items: flex-start; gap: 18px; }
    .td-head-stats { padding: 0; }
    .td-stat:first-child { padding-left: 0; }
    .td-toolbar { margin-top: 22px; padding: 14px; }
    .td-search { max-width: none; flex-basis: 100%; }
    .td-grid { grid-template-columns: 1fr; }
    .td-main { padding: 24px 0 70px; }
}
@media (max-width: 560px) {
    .td-head-copy h2 { font-size: 24px; }
    .td-head-copy p { font-size: 13.5px; }
    .td-stat b { font-size: 24px; }
    .td-stat { padding: 0 18px; }
    .td-pills { width: 100%; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: 2px; }
    .td-pills::-webkit-scrollbar { display: none; }
    .td-pill { flex-shrink: 0; height: 40px; padding: 0 14px; font-size: 13.5px; }
    .td-card { flex-wrap: wrap; padding: 16px; gap: 12px; }
    .td-card-icon { width: 44px; height: 56px; font-size: 19px; }
    .td-card-btn { width: 100%; margin-top: 2px; }
}

@media (max-width: 991px) {
    .hioki-mainnav .navdiv.support-nav { position: static; display: none; width: 100%; min-width: 0; padding: 0 20px 10px; grid-template-columns: 1fr; gap: 0; box-shadow: none; }
    .hioki-mainnav > li:hover .navdiv.support-nav { display: none; }
    .hioki-mainnav > li.open .navdiv.support-nav { display: block; }
    .hioki-mainnav .support-nav-group { padding: 4px 0 10px; }
    .hioki-mainnav .support-nav-group strong { margin: 0; font-size: 15px; line-height: 36px; }
    .hioki-mainnav .support-nav-group a { padding-left: 16px; font-size: 14px; line-height: 38px; }
    .support-page .hioki-breadcrumb { display: none; }
    .support-banner { height: var(--hioki-inner-banner-height-tablet); }
    .support-banner img { height: 100%; }
    .support-banner-text h1 { font-size: 28px; }
    .support-banner-text p { font-size: 15px; }
    .support-main { padding: 30px 0 60px; }
    .support-layout { display: block; }
    .support-sidebar { margin-bottom: 25px; }
    .support-sidebar-toggle { display: flex; width: 100%; height: 52px; padding: 0 20px; border: 0; align-items: center; justify-content: space-between; color: #fff; background: var(--hioki-blue); font-size: 17px; }
    .support-sidebar-toggle i { transition: transform .2s; }
    .support-sidebar-toggle[aria-expanded="true"] i { transform: rotate(180deg); }
    .support-sidebar-nav { display: none; }
    .support-sidebar-nav.is-open { display: block; }
    .support-search { margin-bottom: 25px; }
    .support-document-item { grid-template-columns: 160px minmax(0,1fr) 62px; gap: 20px; }
    .support-document-cover { width: 160px; height: 112px; }
    /* 移动端视频弹窗:接横屏全宽,竖向留窄边距 */
    .hioki-video-dialog { width: 94vw; }
    .hioki-video-close { top: -40px; }
    .hioki-video-footer { flex-wrap: wrap; gap: 10px; justify-content: center; font-size: 12px; }
}

@media (max-width: 560px) {
    .support-banner { height: var(--hioki-inner-banner-height-mobile); }
    .support-banner img { width: 100%; max-width: 100%; height: 100%; margin: 0; transform: none; object-fit: cover; object-position: center; }
    .support-banner-text h1 { font-size: 22px; }
    .support-banner-text p { font-size: 13px; }
    .support-main { padding: 20px 0 45px; }
    .support-search { height: 44px; font-size: 15px; }
    .support-search label { margin-right: 7px; }
    .support-search input[type="search"] { width: calc(100% - 128px); height: 44px; padding: 0 10px; font-size: 14px; }
    .support-search button { width: 75px; height: 44px; gap: 5px; font-size: 14px; }
    .support-tabs a { min-width: 0; min-height: 46px; padding: 8px; flex: 1; font-size: 14px; line-height: 20px; text-align: center; }
    .support-document-item { display: grid; min-height: 0; padding: 18px 0; grid-template-columns: 105px minmax(0,1fr); gap: 14px; align-items: start; }
    .support-document-cover { width: 105px; height: 78px; }
    .support-document-copy h2 { margin-bottom: 8px; font-size: 15px; line-height: 1.45; }
    .support-document-copy h2 small { display: block; margin-top: 3px; font-size: 12px; }
    .support-document-copy p { margin-bottom: 7px; font-size: 12px; line-height: 20px; }
    .support-document-copy time { font-size: 11px; }
    .support-download-button { width: 100%; height: 36px; grid-column: 1 / -1; flex-direction: row; gap: 7px; font-size: 13px; }
    .support-download-button i { font-size: 15px; }
    .support-video-table { min-width: 760px; }
    .support-video-table th, .support-video-table td { padding: 14px 10px; font-size: 13px; line-height: 21px; }
    .support-video-table th { font-size: 14px; }
    .support-pagination { margin-top: 30px; }
    .support-pagination .pagination > li > a, .support-pagination .pagination > li > span { min-width: 38px; height: 38px; margin: 3px; padding: 0 8px; font-size: 14px; line-height: 36px; }
    .support-empty { min-height: 240px; padding: 60px 15px; }
}

/* =====================================================================
   多品牌产品中心 —— 品牌总览/品牌专区组件
   ===================================================================== */

/* —— 品牌卡片网格 (产品中心首页) —— */
/* —— 品牌墙 (总览页, 按行业分组) —— */
.brand-sector { margin-bottom: 48px; }
.sector-title { display: flex; align-items: baseline; gap: 10px; margin-bottom: 22px; padding-left: 14px; border-left: 4px solid var(--hioki-blue); }
.sector-title small { font-size: 13px; font-weight: 400; color: var(--txt-3); margin-left: 4px; }
.brand-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 22px; }
.brand-card { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--border-line); border-radius: 8px; overflow: hidden; transition: box-shadow .25s, transform .25s, border-color .25s; }
.brand-card:hover { box-shadow: var(--shadow-card); transform: translateY(-4px); border-color: rgba(var(--hioki-blue-rgb), .4); text-decoration: none; }
.brand-card .brand-logo { display: flex; align-items: center; justify-content: center; height: 120px; padding: 20px 16px; background: linear-gradient(180deg, #f3f7fc, var(--bg-blue-light-2)); border-bottom: 1px solid var(--border-line); }
.brand-card .brand-logo img { max-width: 88%; max-height: 76px; object-fit: contain; display: block; }
/* 白色 logo 卡片: 深色底板保证白字可见 */
.brand-card .brand-logo.logo-dark { background: linear-gradient(180deg, #33415c, #24324a); border-bottom-color: rgba(255,255,255,.06); }
.brand-card .brand-logo.logo-dark img { filter: none; }
.brand-card .brand-mark { font-size: 18px; font-weight: 700; color: var(--hioki-blue); letter-spacing: .4px; text-align: center; line-height: 1.3; word-break: break-word; }
.brand-card .brand-info { flex: 1; padding: 14px 16px 15px; display: flex; flex-direction: column; }
.brand-card .b-name { font-size: 16px; font-weight: 700; color: var(--txt-1); line-height: 1.35; word-break: break-word; }
.brand-card:hover .b-name { color: var(--hioki-blue); }
.brand-card .b-meta { display: flex; flex-direction: column; gap: 5px; margin-top: 9px; font-size: 12px; color: var(--txt-3); }
.brand-card .b-meta span { display: inline-flex; align-items: center; }
.brand-card .b-meta span::before { content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: var(--hioki-blue); margin-right: 7px; opacity: .6; flex: 0 0 auto; }

/* —— 品牌分类速览 (总览页每个品牌区块) —— */
.brand-cat-title { margin-top: 10px; }
.brand-cat-group { margin-bottom: 34px; }
.brand-cat-sub { font-size: 18px; font-weight: 600; color: var(--txt-1); margin: 26px 0 14px; padding-left: 12px; border-left: 4px solid var(--hioki-blue); line-height: 1.4; }
.brand-cat-sub a { color: inherit; }
.brand-cat-sub a:hover { color: var(--hioki-blue); }

/* —— 品牌专区简介条 (列表页顶部) —— */
.brand-intro { display: flex; align-items: center; gap: 18px; background: var(--bg-blue-light-2); border: 1px solid rgba(var(--hioki-blue-rgb), .18); border-radius: 4px; padding: 16px 20px; margin-bottom: 25px; }
.brand-intro-logo { flex: 0 0 auto; max-width: 150px; display: flex; align-items: center; justify-content: center; }
.brand-intro-logo img { max-width: 150px; max-height: 52px; object-fit: contain; }
.brand-intro-text { font-size: 14px; color: var(--txt-2); line-height: 1.8; }

/* —— 产品卡品牌角标 (跨品牌列表时区分品牌) —— */
.product-box .p-brand-tag { position: absolute; top: 8px; right: 8px; z-index: 2; background: rgba(var(--hioki-blue-rgb), .92); color: #fff; font-size: 12px; line-height: 1; padding: 4px 8px; border-radius: 2px; }

/* —— 详情页品牌行 —— */
.pd-brand { margin: 2px 0 10px; }
.pd-brand a { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--txt-2); border: 1px solid rgba(var(--hioki-blue-rgb), .35); border-radius: 3px; padding: 4px 10px; transition: color .2s, border-color .2s; }
.pd-brand a:hover { color: var(--hioki-blue); border-color: var(--hioki-blue); }
.pd-brand img { max-height: 22px; max-width: 88px; object-fit: contain; }
.pd-brand em { font-style: normal; color: var(--txt-3); font-size: 12px; border-left: 1px solid var(--border-line); padding-left: 8px; }

/* —— 导航品牌列 —— */
.hioki-mainnav .nav-categor.nav-brand-col { background: var(--bg-blue-light-2); border-radius: 4px; padding: 10px 12px; }
.hioki-mainnav .nav-categor.nav-brand-col > a:not(.tit) { font-weight: 600; }

/* —— 导航「品牌列表」下拉(按行业分组的多列菜单, 锚定在触发项正下方) —— */
.hioki-mainnav .navdiv.nav-brand-menu {
    left: 0; right: auto;
    width: 540px; max-width: calc(100vw - 330px); min-width: 0;
    padding: 22px 24px 24px;
}
.hioki-mainnav .nav-brand-menu > a.nav-brand-all {
    display: flex; align-items: center; gap: 8px;
    color: var(--hioki-blue); font-weight: 600; font-size: 15px;
    padding-bottom: 12px; margin-bottom: 14px;
    border-bottom: 1px solid var(--border-line);
}
.hioki-mainnav .brand-nav-groups { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 22px; }
.hioki-mainnav .brand-nav-group strong {
    display: block; font-size: 14px; font-weight: 700; color: var(--txt-1);
    padding-left: 10px; margin-bottom: 6px;
    border-left: 3px solid var(--hioki-blue); line-height: 1.4;
}
.hioki-mainnav .brand-nav-group > a {
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    padding: 0 10px; line-height: 34px; font-size: 14px; color: var(--txt-2); border-radius: 3px;
}
.hioki-mainnav .brand-nav-group > a:hover { color: var(--hioki-blue); background: var(--bg-blue-light-2); }
.hioki-mainnav .brand-nav-group > a .nm { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hioki-mainnav .brand-nav-group > a .cnt { flex: 0 0 auto; font-size: 12px; color: var(--txt-3); background: var(--bg-blue-light-2); padding: 1px 8px; border-radius: 9px; line-height: 18px; }
.hioki-mainnav .brand-nav-group > a:hover .cnt { color: var(--hioki-blue); }
/* 大屏: 加宽为3列, 展示更丰满 */
@media (min-width: 1280px) {
    .hioki-mainnav .navdiv.nav-brand-menu { width: 820px; max-width: calc(100vw - 330px); padding: 22px 28px 26px; }
    .hioki-mainnav .brand-nav-groups { grid-template-columns: repeat(3, 1fr); gap: 16px 26px; }
}

/* —— 详情页产品资料下载列表 —— */
.pd-download-list { display: flex; flex-direction: column; gap: 10px; }
.pd-download-item { display: flex; align-items: center; gap: 12px; background: #fff; border: 1px solid var(--border-line); border-radius: 4px; padding: 14px 18px; text-decoration: none; transition: border-color .2s, box-shadow .2s; }
.pd-download-item:hover { border-color: rgba(var(--hioki-blue-rgb), .5); box-shadow: var(--shadow-card); }
.pd-download-item > i { font-size: 26px; color: #e4393c; flex: 0 0 auto; }
.pd-download-item .t { font-size: 15px; font-weight: 600; color: var(--txt-1); }
.pd-download-item:hover .t { color: var(--hioki-blue); }
.pd-download-item .d { font-size: 12px; color: var(--txt-3); flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pd-download-item .go { flex: 0 0 auto; font-size: 13px; color: var(--hioki-blue); display: inline-flex; align-items: center; gap: 6px; }
@media (max-width: 560px) {
    .pd-download-item { flex-wrap: wrap; gap: 6px 10px; padding: 12px 14px; }
    .pd-download-item .d { flex-basis: 100%; white-space: normal; }
}

/* —— 响应式 —— */
@media (max-width: 991px) {
    .brand-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 18px; }
    .brand-card .brand-logo { height: 104px; }
    .brand-card .brand-logo img { max-height: 66px; }
    .brand-sector { margin-bottom: 38px; }
    /* 移动端「品牌列表」无二级下拉: 点击直达品牌列表页 */
    .hioki-mainnav .navdiv.nav-brand-menu { display: none !important; }
}
@media (max-width: 560px) {
    .brand-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 14px; }
    .brand-card .brand-logo { height: 96px; padding: 14px 10px; }
    .brand-card .brand-logo img { max-height: 58px; }
    .brand-card .b-name { font-size: 15px; }
    .brand-card .brand-info { padding: 11px 12px 13px; }
}

/* ============================================================================
   蓝白全面换肤 (2026) —— 追加覆盖层: 天蓝+白主调, 去日置结构件, 圆角化
   本段置于文件末尾以覆盖早期规则。需回滚时删除本段+恢复 :root 即可。
   ============================================================================ */
.hioki-container { max-width: 1280px; }
.hioki-section, .index-pro, .index-solution, .index-member, .index-news, .index-about { letter-spacing: .2px; }

/* ---------- 首页 Banner: 保留轮播图, 高度与其余内页 banner 统一(CSS 变量 400/240/180) ---------- */
.hioki-banner { overflow: hidden; }
.hioki-banner .carousel-inner > .item { height: var(--hioki-inner-banner-height); position: relative; overflow: hidden;
    background: linear-gradient(125deg, #3476fa 0%, #5f9dff 55%, #9dc6ff 100%) !important; }
.hioki-banner .item::before { content: ""; position: absolute; top: -120px; right: -80px; width: 380px; height: 380px; border-radius: 50%;
    background: rgba(255,255,255,.12); pointer-events: none; }
.hioki-banner .item::after { content: ""; position: absolute; bottom: -140px; left: 8%; width: 300px; height: 300px; border-radius: 50%;
    border: 46px solid rgba(255,255,255,.09); pointer-events: none; }
.hioki-banner::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 70px;
    background: linear-gradient(to top, rgba(255,255,255,.05), rgba(255,255,255,0)); pointer-events: none; }
/* 显示真实轮播图, 用 object-fit: cover 撑满并裁切到 500px 高度 */
.hioki-banner .carousel-inner > .item > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.hioki-banner .carousel-inner picture,
.hioki-banner .carousel-inner > .item > a img,
.hioki-banner .carousel-inner > .item > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.hioki-banner .carousel-caption { left: 0; right: 0; bottom: auto; top: 50%; transform: translateY(-50%); padding: 0 24px; text-align: center; z-index: 3; }
/* 文字可读性: 明亮摄影图上叠加白色标题, 靠中心柔光蒙层 + 双层阴影保证对比度(对三张明亮banner统一生效) */
.hioki-banner .carousel-caption::before {
    content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
    width: min(94%, 1060px); height: 230%;
    background: radial-gradient(closest-side ellipse at center, rgba(16,47,98,.45), rgba(16,47,98,0) 74%);
    pointer-events: none; z-index: -1;
}
.hioki-banner .carousel-caption h2 { background: none !important; border-left: none; padding: 0; display: block; font-size: 46px; color: #fff;
    font-weight: 700; letter-spacing: 2px; margin: 0 0 14px; text-shadow: 0 1px 2px rgba(10,32,72,.8), 0 5px 26px rgba(13,42,92,.5); }
.hioki-banner .carousel-caption p { background: none; padding: 0; display: block; font-size: 20px; color: #fff;
    letter-spacing: 1px; margin: 0; text-shadow: 0 1px 2px rgba(10,32,72,.75), 0 3px 14px rgba(13,42,92,.45); }
.hioki-banner .carousel-indicators li { width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,.55); transition: width .25s, background .25s; }
.hioki-banner .carousel-indicators .active { width: 28px; border-radius: 6px; background: #fff; }
.hioki-banner .carousel-control { width: 7%; }
.hioki-banner .carousel-control .glyphicon { background: rgba(255,255,255,.2); color: #fff; border: 1px solid rgba(255,255,255,.5); }
.hioki-banner .banner-text a { color: #fff; font-size: 15px; opacity: .85; }
.hioki-banner .banner-text a:after { background: rgba(255,255,255,.5); }
.hioki-banner .banner-text a.active:after,
.hioki-banner .banner-text a:hover:after { background: #fff; }
.hioki-banner .banner-text a.active { opacity: 1; }

/* ---------- 首页轮播切换: 淡入淡出, 修复切换时两张全幅图叠成"两层" ----------
   Bootstrap 3 默认横向滑动过渡会让新旧图同时显示; 首页轮播改为把所有 frame
   绝对定位堆叠在同一高度容器内, 仅做 opacity 过渡, 消除两层叠加现象。 */
.hioki-banner #homeCarousel .carousel-inner { height: var(--hioki-inner-banner-height); position: relative; }
.hioki-banner #homeCarousel .carousel-inner > .item {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    opacity: 0;
    transition: opacity .55s ease-in-out;
    -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);
}
.hioki-banner #homeCarousel .carousel-inner > .item.active { opacity: 1; }
.hioki-banner #homeCarousel .carousel-inner > .item.next,
.hioki-banner #homeCarousel .carousel-inner > .item.prev { opacity: 1; }
.hioki-banner #homeCarousel .carousel-inner > .item.active.left,
.hioki-banner #homeCarousel .carousel-inner > .item.active.right { opacity: 0; }

/* 首页轮播高度响应式(须置于上方 500px→变量 规则之后, 同特异性靠源序生效) */
@media (max-width: 991px) {
    .hioki-banner .carousel-inner > .item,
    .hioki-banner #homeCarousel .carousel-inner { height: var(--hioki-inner-banner-height-tablet); }
}
@media (max-width: 560px) {
    .hioki-banner .carousel-inner > .item,
    .hioki-banner #homeCarousel .carousel-inner { height: var(--hioki-inner-banner-height-mobile); }
}

/* 渐变换肤只作用于无背景图的 .ny-banner; 带 .ny-banner-photo 的(产品中心系页面)保留模板内联背景图 */
.ny-banner:not(.ny-banner-photo) { background-image: none !important; background: linear-gradient(120deg, #3476fa 0%, #5f9dff 55%, #9dc6ff 100%) !important; overflow: hidden; }
.ny-banner::before { content: ""; position: absolute; top: -100px; right: -60px; width: 300px; height: 300px; border-radius: 50%; background: rgba(255,255,255,.14); }
.ny-banner::after { content: ""; position: absolute; bottom: -120px; left: 6%; width: 240px; height: 240px; border-radius: 50%; border: 38px solid rgba(255,255,255,.12); }
.ny-banner .ny-text h1 { text-shadow: 0 2px 12px rgba(13,42,92,.3); }
.ny-banner .ny-text p { text-shadow: none; opacity: .95; }

/* ---------- Banner 品牌列表(产品中心总览) ---------- */
.ny-banner-brands { align-items: center; justify-content: center; height: var(--hioki-inner-banner-height); padding: 0; overflow: hidden; }
.ny-banner-brands .ny-text { max-width: 1180px; width: 100%; }
.ny-banner-brands .ny-sub { margin-bottom: 20px; }
.ny-brandlist { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 6px; }
.ny-brand-chip {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 88px; max-width: 150px; height: 46px; padding: 0 14px;
    background: rgba(255,255,255,.94); border: 1px solid rgba(255,255,255,.6);
    border-radius: 10px; box-shadow: 0 4px 12px rgba(13,42,92,.18);
    transition: transform .2s, box-shadow .2s;
}
.ny-brand-chip:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(13,42,92,.28); text-decoration: none; }
.ny-brand-chip img { max-height: 30px; max-width: 110px; object-fit: contain; }
.ny-brand-mark { font-weight: 700; font-size: 13px; color: var(--hioki-blue); }
@media (max-width: 991px) {
    .ny-banner-brands { height: var(--hioki-inner-banner-height-tablet); padding: 0; }
    .ny-brandlist { gap: 8px; }
    .ny-brand-chip { min-width: 76px; height: 40px; padding: 0 10px; }
    .ny-brand-chip img { max-height: 26px; max-width: 90px; }
}
@media (max-width: 560px) {
    .ny-banner-brands { height: var(--hioki-inner-banner-height-mobile); padding: 0; }
    .ny-banner-brands .ny-sub { margin-bottom: 8px; }
    .ny-brandlist { gap: 6px; flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
    .ny-brandlist::-webkit-scrollbar { display: none; }
    .ny-brand-chip { min-width: 76px; flex: 0 0 auto; max-width: 110px; height: 34px; padding: 0 10px; }
    .ny-brand-chip img { max-height: 22px; max-width: 82px; }
}

/* ---------- 模块标题: 去掉日置水印大字 / 双线, 改现代 kicker+标题+渐变短条 ---------- */
.index-letter { font-size: 13px; line-height: 1.2; letter-spacing: 5px; color: var(--hioki-blue); opacity: .8; text-transform: uppercase; font-weight: 700; }
.index-solution .index-letter { color: #fff; opacity: .8; }
.theme-f30 { font-size: 30px; font-weight: 700; color: var(--txt-1); letter-spacing: 1px; }
.theme-center span { font-size: 30px; font-weight: 700; color: var(--txt-1); letter-spacing: 1px; padding: 0 42px; }
.theme-center span:before, .theme-center span:after { width: 32px; height: 3px; border-radius: 2px; background: linear-gradient(90deg, var(--hioki-blue), var(--hioki-accent)); }
.theme-line, .theme-line.blue { width: 44px; height: 4px; border-radius: 3px; background: linear-gradient(90deg, var(--hioki-blue), var(--hioki-accent)); }

/* ---------- CTA / 按钮: 圆角渐变 ---------- */
.more-button { border-radius: var(--radius-pill); font-weight: 600; box-shadow: 0 6px 18px rgba(47,111,237,.28); transition: all .25s; }
.more-button:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(47,111,237,.38); opacity: 1; }
.index-pro .more-button, .index-solution .more-button, .index-member .more-button,
.index-news .more-button, .index-about .more-button { width: auto; min-width: 176px; border-radius: var(--radius-pill); text-align: center; padding: 0 38px; }
.index-pro .more-button:after, .index-solution .more-button:after, .index-member .more-button:after,
.index-news .more-button:after, .index-about .more-button:after { content: "→"; position: static; margin: 0; padding-left: 10px; font-size: 20px; line-height: 1; transform: none; display: inline-block; }
.index-pro .more-button:hover:after, .index-solution .more-button:hover:after,
.index-member .more-button:hover:after, .index-news .more-button:hover:after,
.index-about .more-button:hover:after { transform: translateX(3px); }
.btn-blue { border-radius: var(--radius-pill); padding: 11px 32px; box-shadow: 0 6px 16px rgba(47,111,237,.26); font-weight: 600; }
.btn-outline-blue { border-radius: var(--radius-pill); padding: 11px 32px; }

/* ---------- 卡片: 统一圆角 + 柔和浅蓝影 ---------- */
.product-box, .hioki-card, .hioki-cat-card, .hioki-download-card, .hioki-search-result,
.hioki-article, .hioki-news-list, .about-leftsub, .hioki-sidebar, .hioki-auth { border-radius: var(--radius-md); }
.product-list .product-box, .hioki-card { border-radius: var(--radius-md); border: 1px solid var(--border-line); box-shadow: var(--shadow-card-soft); }
.hioki-industry-card { border-radius: var(--radius-md); }
.index-pro .pro-box, .index-pro .service-box, .index-pro .talk-ul li a,
.index-news .news-card, .index-solution .sol-card { border-radius: var(--radius-md); }
.index-pro .pro-tab { border-radius: var(--radius-md); overflow: hidden; }

/* ---------- 首页分区: 去除厂房/实拍照片底, 蓝白纯色 ---------- */
.index-pro { background-image: none !important; background: linear-gradient(180deg, #ffffff 0%, #f2f7ff 100%); }
.index-pro::before { display: none; }
.index-solution { background-image: none !important; background: linear-gradient(150deg, #0d2a5c 0%, #1d4fa8 62%, #2f6fed 100%); }
.index-member { background-image: none !important; background: #ffffff; }
.index-news { background: #f4f8ff; }

/* ---------- 头部 / 导航: 白底 + 蓝胶囊 ---------- */
.hioki-header { box-shadow: var(--shadow-header); }
.hioki-header .search-box { border-radius: var(--radius-pill); overflow: hidden; border: 1.5px solid var(--border-blue); }
.hioki-header .search-box input.bt { width: 68px; letter-spacing: 1.5px; }
.hioki-header .h-inquiry-btn { border-radius: var(--radius-pill); box-shadow: 0 6px 16px rgba(47,111,237,.28); }
.hioki-mainnav > li > a:after { height: 3px; border-radius: 2px; background: var(--hioki-blue); bottom: 24px; }
.hioki-mainnav > li:hover > a:after, .hioki-mainnav > li.active > a:after { width: 30px; }
/* 顶级导航项图标 */
.hioki-mainnav > li > a i { margin-right: 7px; font-size: 15px; color: var(--hioki-accent); opacity: .9; transition: color .2s; }
.hioki-mainnav > li > a:hover i, .hioki-mainnav > li.active > a i { color: var(--hioki-blue); }
.hioki-mainnav > li.mb-inquiry-li > a i { color: #fff !important; opacity: 1; }
@media (max-width: 991px) {
    .hioki-mainnav > li > a i { font-size: 17px; margin-right: 10px; }
    .hioki-mainnav > li > a { justify-content: flex-start; }
    .hioki-mainnav > li > a .caret { margin-left: auto; }
}

/* ---------- 页脚: 深蓝渐变 + 浅蓝文字 ---------- */
.hioki-footer { background: linear-gradient(160deg, #0d2a5c 0%, #123a7a 55%, #1a4aa0 100%); }
.hioki-footer .fcol h4 { color: #8fb6ff; }
.hioki-footer .fcol ul > li > a { color: #cfe0ff; }
.hioki-footer .fcol ul > li > a:hover { color: #fff; }
.hioki-footer .copyright { border-top-color: rgba(255,255,255,.15); }

/* ---------- 分页 / 标签 / 侧栏 ---------- */
.hioki-pagination .pagination > li > a, .hioki-pagination .pagination > li > span { border-radius: 999px; padding: 8px 16px; }
.hioki-product .product-pagination .pagination > li > a,
.hioki-product .product-pagination .pagination > li > span { border-radius: 6px; }
.hioki-news-item .news-cat-tag { border-radius: 999px; }
.product-categor { border-radius: var(--radius-md); }
.index-pro .pro-tab span.active { background: var(--hioki-cta-grad); }
.about-leftsub .sb-head, .hioki-sidebar .sb-head { background: linear-gradient(135deg,#2f6fed,#5aa0ff); }

/* ---------- 移动端适配 ---------- */
@media (max-width: 991px) {
    /* banner 高度统一由上方 CSS 变量规则控制(400/240/180), 此处不再写死像素 */
    .hioki-banner .carousel-caption h2 { font-size: 30px; }
    .hioki-banner .carousel-caption p { font-size: 16px; }
    .ny-banner { height: var(--hioki-inner-banner-height-tablet); }
    .theme-f30 { font-size: 24px; }
    .theme-center span { font-size: 24px; padding: 0 34px; }
    .index-letter { font-size: 12px; letter-spacing: 4px; }
    .hioki-mainnav { background: linear-gradient(180deg,#ffffff,#f4f8ff); }
    .hioki-mainnav > li > a { font-size: 16px; }
    .hioki-mainnav > li.active > a { color: var(--hioki-blue); font-weight: 700; }
}
@media (max-width: 560px) {
    .hioki-banner .carousel-caption h2 { font-size: 24px; margin: 0 0 10px; }
    .hioki-banner .carousel-caption p { font-size: 14px; }
    .ny-banner { height: var(--hioki-inner-banner-height-mobile); }
    .ny-banner .ny-text h1 { font-size: 24px; }
    .ny-banner .ny-text p { font-size: 14px; }
    .index-pro .more-button, .index-solution .more-button, .index-member .more-button,
    .index-news .more-button, .index-about .more-button { min-width: 0; flex: 1 1 100%; padding: 0 24px; }
    .product-list .product-box { border-radius: var(--radius-md); }
}


/* ============================================================================
   首页新版块 (2026 重排: 快捷入口 / 热点产品 / 核心优势 / 行业图卡 / 新闻时间线)
   ============================================================================ */
.home-products, .home-why, .home-industry, .home-news, .home-about { padding: 72px 0; }
.home-products, .home-industry, .home-about { background: #fff; }
.home-why { background: #f4f8ff; }
.home-news { background: #f7faff; }

/* —— 首页「解决方案 + 客户案例」图文墙 —— */
.home-solcase { padding: 72px 0; background: linear-gradient(180deg, #f6f9ff 0%, #fff 60%, #f6f9ff 100%); }
.sc-sub { margin: -18px 0 34px; font-size: 14px; color: var(--txt-3); }

/* 解决方案: 3x2 图卡 (图片 + 编号角标 + 白底正文) */
.sol-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.sol-card { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--border-line); border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-card-soft); transition: transform .3s, box-shadow .3s, border-color .3s; }
.sol-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-card); border-color: rgba(var(--hioki-blue-rgb), .4); text-decoration: none; }
.sol-media { position: relative; aspect-ratio: 16/10; overflow: hidden; }
.sol-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s; }
.sol-card:hover .sol-media img { transform: scale(1.08); }
.sol-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(13,42,92,0) 55%, rgba(13,42,92,.28)); }
.sol-num { position: absolute; top: 12px; left: 12px; z-index: 2; min-width: 30px; height: 30px; padding: 0 8px; border-radius: 8px; background: rgba(255,255,255,.94); color: var(--hioki-blue); font-size: 12px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 3px 8px rgba(13,42,92,.2); }
.sol-body { display: flex; flex-direction: column; flex: 1; padding: 18px 20px 20px; }
.sol-title { font-size: 16px; font-weight: 700; color: var(--txt-1); line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 46px; transition: color .2s; }
.sol-card:hover .sol-title { color: var(--hioki-blue); }
.sol-sum { margin-top: 10px; font-size: 13px; color: var(--txt-3); line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sol-link { margin-top: 16px; display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--hioki-blue); }
.sol-link i { transition: transform .3s; }
.sol-card:hover .sol-link i { transform: translateX(4px); }
.sc-more { margin-top: 34px; text-align: center; }
.sc-more .more-button i { margin-left: 6px; }

/* 客户案例: 双列横向卡片 (缩略图 + 标题 + 摘要 + 箭头) */
.case-block { margin-top: 56px; }
.case-head { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; }
.case-head::before { content: ""; display: block; width: 4px; height: 22px; border-radius: 2px; background: linear-gradient(180deg, var(--hioki-blue), var(--hioki-accent)); }
.case-title { font-size: 20px; font-weight: 700; color: var(--txt-1); display: inline-flex; align-items: center; gap: 8px; margin-right: auto; }
.case-title i { color: var(--hioki-accent); }
.case-more { font-size: 13px; font-weight: 600; color: var(--hioki-blue); display: inline-flex; align-items: center; gap: 5px; }
.case-more:hover { color: var(--hioki-blue-hover); }
.case-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.case-item { display: flex; align-items: center; gap: 16px; background: #fff; border: 1px solid var(--border-line); border-radius: var(--radius-md); padding: 14px 16px; transition: transform .28s, box-shadow .28s, border-color .28s; }
.case-item:hover { transform: translateY(-3px); box-shadow: var(--shadow-card-soft); border-color: rgba(var(--hioki-blue-rgb), .4); text-decoration: none; }
.ci-img { flex: 0 0 auto; width: 108px; height: 82px; border-radius: 10px; overflow: hidden; background: var(--bg-gray); box-shadow: inset 0 0 0 1px var(--border-line); }
.ci-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s; }
.case-item:hover .ci-img img { transform: scale(1.07); }
.ci-body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.ci-body b { font-size: 15px; font-weight: 700; color: var(--txt-1); line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; transition: color .2s; }
.case-item:hover .ci-body b { color: var(--hioki-blue); }
.ci-body em { font-style: normal; font-size: 12.5px; color: var(--txt-3); line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ci-arr { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; background: var(--bg-gray); color: var(--txt-3); display: inline-flex; align-items: center; justify-content: center; font-size: 15px; transition: background .28s, color .28s, transform .28s; }
.case-item:hover .ci-arr { background: var(--hioki-blue); color: #fff; }
.case-item:hover .ci-arr i { animation: ci-nudge .5s ease; }
@keyframes ci-nudge { 0%,100% { transform: translateX(0); } 50% { transform: translateX(3px); } }

@media (max-width: 991px) {
    .home-solcase { padding: 48px 0; }
    .sol-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
    .case-list { grid-template-columns: repeat(2, 1fr); gap: 12px; }
}
@media (max-width: 560px) {
    .sc-sub { margin-bottom: 24px; }
    .sol-grid { grid-template-columns: 1fr; gap: 16px; }
    .sol-title { min-height: 0; }
    .case-block { margin-top: 40px; }
    .case-list { grid-template-columns: 1fr; gap: 12px; }
    .case-item { gap: 12px; padding: 12px; }
    .ci-img { width: 88px; height: 68px; }
}

/* 通用区块标题 (kicker + 大标题 + 渐变短条; 右上角"更多"链接) */
.sec-head { position: relative; margin-bottom: 38px; text-align: left; }
.sec-kicker { display: block; font-size: 12px; letter-spacing: 4px; color: var(--hioki-accent); font-weight: 700; text-transform: uppercase; margin-bottom: 8px; }
.sec-title { font-size: 32px; font-weight: 700; color: var(--txt-1); margin: 0 0 14px; letter-spacing: 1px; }
.sec-line { display: block; width: 52px; height: 4px; border-radius: 3px; background: linear-gradient(90deg, var(--hioki-blue), var(--hioki-accent)); }
.sec-more { position: absolute; right: 0; top: 2px; font-size: 14px; color: var(--hioki-blue); font-weight: 600; display: inline-flex; align-items: center; gap: 5px; }
.sec-more:hover { color: var(--hioki-blue-hover); }
.sec-head.center { text-align: center; }
.sec-head.center .sec-kicker, .sec-head.center .sec-line { margin-left: auto; margin-right: auto; }
.sec-head.center .sec-more { position: static; margin-top: 8px; }

/* —— 快捷入口条 (位于轮播下方, 渐变浅蓝底 + 精致瓦片) —— */
.home-quick { background: linear-gradient(180deg, #f5f8ff 0%, #ecf2ff 100%); padding: 36px 0 42px; }
.hq-head { text-align: center; margin-bottom: 24px; }
.hq-kicker { font-size: 12px; letter-spacing: 4px; color: var(--hioki-accent); text-transform: uppercase; font-weight: 700; }
.hq-title { font-size: 22px; font-weight: 700; color: var(--txt-1); margin: 6px 0 0; letter-spacing: 1px; }
.home-quick-grid { display: grid; grid-template-columns: repeat(8, 1fr); gap: 16px; }
.hq-item { position: relative; background: #fff; border: 1px solid #e6edf8; border-radius: 16px; padding: 22px 10px 18px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 9px; box-shadow: 0 4px 14px rgba(47,111,237,.06); overflow: hidden; transition: transform .25s, box-shadow .25s, border-color .25s; }
.hq-item::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--hioki-blue), var(--hioki-accent)); opacity: 0; transition: opacity .25s; }
.hq-item:hover::before { opacity: 1; }
.hq-item:hover { transform: translateY(-5px); box-shadow: 0 12px 26px rgba(47,111,237,.16); border-color: rgba(var(--hioki-blue-rgb), .35); text-decoration: none; }
.hq-item i { width: 58px; height: 58px; border-radius: 16px; background: linear-gradient(135deg, var(--hioki-blue), var(--hioki-accent)); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 24px; box-shadow: 0 8px 18px rgba(47,111,237,.28); }
.hq-item:hover i { transform: scale(1.06); }
.hq-item span { font-size: 15px; font-weight: 600; color: var(--txt-1); line-height: 1.3; }
.hq-item:hover span { color: var(--hioki-blue); }
.hq-item small { font-size: 11.5px; color: var(--txt-3); line-height: 1.3; }

/* —— 首页「热销产品」(快捷菜单下方, 仅日置, 横滑条) —— */
.home-hot { background: #fff; padding: 64px 0 72px; border-top: 1px solid var(--border-line); }
.hot-brand-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 24px; margin: 26px 0 22px; }
.hot-brand-chip { display: inline-flex; align-items: center; gap: 12px; background: linear-gradient(135deg, #f5f8ff, #eef4ff); border: 1px solid rgba(var(--hioki-blue-rgb), .25); border-radius: 999px; padding: 8px 20px 8px 10px; transition: box-shadow .25s, border-color .25s; }
.hot-brand-chip:hover { box-shadow: 0 6px 16px rgba(47,111,237,.16); border-color: rgba(var(--hioki-blue-rgb), .45); text-decoration: none; }
.hot-brand-chip img { width: 42px; height: 42px; object-fit: contain; background: #fff; border-radius: 50%; padding: 5px; border: 1px solid #e6edf8; }
.hot-brand-mark { width: 42px; height: 42px; border-radius: 50%; background: var(--hioki-blue); color: #fff; font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.hot-brand-name { display: flex; flex-direction: column; line-height: 1.25; font-size: 16px; font-weight: 700; color: var(--txt-1); }
.hot-brand-name small { font-size: 11.5px; color: var(--txt-3); font-weight: 400; margin-top: 2px; }
.hot-brand-tip { margin: 0; font-size: 13.5px; color: var(--txt-3); }

.hot-scroll { overflow: hidden; }
.hot-track { display: flex; width: max-content; padding: 2px 0 14px; }
@media (prefers-reduced-motion: reduce) {
    .hot-track { transform: none !important; }
}
.hot-card { flex: 0 0 214px; margin-right: 16px; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--border-line); border-radius: var(--radius-md); overflow: hidden; transition: transform .25s, box-shadow .25s, border-color .25s; }
.hot-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-card); border-color: rgba(var(--hioki-blue-rgb), .4); text-decoration: none; }
.hc-img { aspect-ratio: 4/3; background: var(--bg-gray); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.hc-img img { max-width: 100%; max-height: 100%; object-fit: contain; transition: transform .4s; }
.hot-card:hover .hc-img img { transform: scale(1.05); }
.hc-body { padding: 12px 14px 14px; display: flex; flex-direction: column; gap: 4px; }
.hc-model { font-size: 13px; color: var(--hioki-blue); font-weight: 700; }
.hc-name { font-size: 14.5px; color: var(--txt-1); line-height: 1.45; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hot-card:hover .hc-name { color: var(--hioki-blue); }

/* —— 热销产品 移动端 —— */
@media (max-width: 991px) {
    .home-hot { padding: 48px 0; }
    .hot-card { flex-basis: 200px; }
    .hot-track { animation-duration: 236s; }
    .hot-card { margin-right: 16px; }
}
@media (max-width: 560px) {
    .home-hot { padding: 40px 0; }
    .hot-brand-row { margin: 18px 0 16px; gap: 10px; }
    .hot-brand-tip { display: none; }
    .hot-card { margin-right: 12px; flex-basis: 44vw; }
    .hot-track { animation-duration: 200s; }
    .hc-name { font-size: 13.5px; }
}

/* —— 热点产品卡墙 —— */
.hp-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 22px; }
.hp-card { background: #fff; border: 1px solid var(--border-line); border-radius: var(--radius-md); overflow: hidden; display: flex; flex-direction: column; transition: transform .25s, box-shadow .25s, border-color .25s; }
.hp-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-card); border-color: rgba(var(--hioki-blue-rgb), .4); text-decoration: none; }
.hp-img { aspect-ratio: 4/3; background: var(--bg-gray); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.hp-img img { max-width: 100%; max-height: 100%; object-fit: contain; transition: transform .4s; }
.hp-card:hover .hp-img img { transform: scale(1.05); }
.hp-info { padding: 14px 16px 16px; display: flex; flex-direction: column; flex: 1; }
.hp-name { font-size: 16px; font-weight: 600; color: var(--txt-1); margin: 0 0 6px; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hp-card:hover .hp-name { color: var(--hioki-blue); }
.hp-model { font-size: 13px; color: var(--hioki-blue); font-weight: 600; margin-bottom: 10px; }
.hp-go { margin-top: auto; font-size: 13px; color: var(--txt-3); display: inline-flex; align-items: center; gap: 4px; }
.hp-card:hover .hp-go { color: var(--hioki-blue); }

/* —— 核心优势 —— */
.why-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.why-card { background: #fff; border: 1px solid var(--border-line); border-radius: var(--radius-md); padding: 30px 20px; text-align: center; transition: transform .25s, box-shadow .25s; }
.why-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-card); }
.why-card i { width: 66px; height: 66px; border-radius: 50%; background: linear-gradient(135deg, var(--hioki-blue), var(--hioki-accent)); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 28px; margin: 0 auto 16px; }
.why-card h4 { font-size: 18px; font-weight: 700; color: var(--txt-1); margin: 0 0 8px; }
.why-card p { font-size: 14px; color: var(--txt-2); line-height: 1.7; margin: 0; }

/* —— 行业应用图卡墙 —— */
.hi-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.hi-card { position: relative; display: block; aspect-ratio: 16/9; border-radius: var(--radius-md); overflow: hidden; box-shadow: var(--shadow-card-soft); }
.hi-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.hi-card:hover img { transform: scale(1.07); }
.hi-card .hi-name { position: absolute; left: 0; right: 0; bottom: 0; padding: 20px 16px 14px; background: linear-gradient(to top, rgba(13,42,92,.82), rgba(13,42,92,0)); color: #fff; font-size: 17px; font-weight: 600; }

/* —— 新闻时间线 —— */
.news-timeline { background: #fff; border: 1px solid var(--border-line); border-radius: var(--radius-md); overflow: hidden; }
.nt-item { display: flex; align-items: center; gap: 18px; padding: 16px 22px; border-bottom: 1px solid var(--bg-gray); transition: background .2s; }
.nt-item:last-child { border-bottom: none; }
.nt-item:hover { background: #f5f9ff; }
.nt-date { flex: 0 0 auto; text-align: center; color: var(--hioki-blue); width: 56px; }
.nt-date b { display: block; font-size: 26px; line-height: 1; font-weight: 700; }
.nt-date i { font-style: normal; font-size: 12px; color: var(--txt-3); margin-top: 4px; display: block; }
.nt-tag { flex: 0 0 auto; font-size: 12px; color: var(--hioki-blue); background: var(--bg-blue-light); padding: 3px 10px; border-radius: 999px; }
.nt-title { flex: 1; min-width: 0; font-size: 16px; color: var(--txt-1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nt-item:hover .nt-title { color: var(--hioki-blue); }
.nt-arr { flex: 0 0 auto; color: var(--txt-3); }

/* —— 关于我们 —— */
.home-about .hioki-container { display: flex; flex-wrap: wrap; align-items: center; gap: 44px; }
.home-about .about-text { flex: 1 1 46%; min-width: 300px; }
.home-about .about-tip { margin-top: 18px; font-size: 17px; color: var(--txt-1); font-weight: 500; }
.home-about .about-des { margin: 22px 0 26px; font-size: 15px; line-height: 1.9; color: var(--txt-2); text-align: justify; }
.home-about .about-des p { margin: 0 0 12px; }
.home-about .about-img { flex: 1 1 42%; min-width: 280px; }
.home-about .about-img img { width: 100%; border-radius: var(--radius-lg); box-shadow: var(--shadow-card-soft); display: block; }
.home-about .about-cta-row { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; }
.home-about .more-button-outline { background: #fff; color: var(--hioki-blue) !important; border: 2px solid var(--hioki-blue); line-height: 44px; }
.home-about .more-button-outline i { margin-right: 6px; }
.home-about .more-button-outline:hover { background: var(--hioki-blue); color: #fff !important; }

/* —— 首页新版块移动端 —— */
@media (max-width: 991px) {
    .hp-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
    .why-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
    .hi-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
    .home-products, .home-why, .home-industry, .home-news, .home-about { padding: 48px 0; }
    .sec-title { font-size: 26px; }
    .home-quick { padding: 28px 0 34px; }
    .hq-head { margin-bottom: 18px; }
    .home-quick-grid { grid-template-columns: repeat(4, 1fr); gap: 12px; }
    .hq-item { padding: 18px 8px 15px; }
    .hq-item i { width: 50px; height: 50px; font-size: 21px; border-radius: 14px; }
    .hq-item span { font-size: 13.5px; }
    .hq-item small { display: none; }
}
@media (max-width: 560px) {
    .hp-grid, .why-grid, .hi-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .hp-name { font-size: 14px; }
    .hp-info { padding: 12px; }
    .sec-more { position: static; margin-bottom: 12px; }
    .sec-head { margin-bottom: 26px; }
    .home-quick { padding: 22px 0 26px; }
    .hq-title { font-size: 19px; }
    .home-quick-grid { grid-template-columns: repeat(4, 1fr); gap: 10px; }
    .hq-item { padding: 14px 6px 12px; border-radius: 13px; }
    .hq-item i { width: 44px; height: 44px; font-size: 19px; border-radius: 12px; }
    .hq-item span { font-size: 12.5px; }
    .nt-item { padding: 12px 14px; gap: 10px; }
    .nt-title { font-size: 14px; }
    .nt-tag { display: none; }
    .home-about .hioki-container { flex-direction: column; gap: 26px; }
    .home-about .about-img { width: 100%; }
}

/* —— 首页站内搜索条 (轮播图与快捷菜单之间, 2026-08-31) —— */
.home-search { background: #fff; padding: 34px 0 8px; }
.home-search-box {
    display: flex; align-items: center; max-width: 760px; margin: 0 auto;
    background: #fff; border: 1.5px solid var(--border-blue); border-radius: var(--radius-pill);
    padding: 6px 6px 6px 18px; box-shadow: 0 10px 30px rgba(var(--hioki-blue-rgb), .10);
    transition: border-color .25s, box-shadow .25s;
}
.home-search-box:focus-within { border-color: var(--hioki-blue); box-shadow: 0 12px 34px rgba(var(--hioki-blue-rgb), .18); }
.home-search-box .hs-ico { color: var(--hioki-accent); font-size: 16px; margin-right: 10px; }
.home-search-box .in {
    flex: 1 1 auto; min-width: 0; height: 44px; border: 0; outline: none;
    font-size: 15px; font-family: inherit; color: var(--txt-1); background: transparent;
}
.home-search-box .in::placeholder { color: var(--txt-3); }
.home-search-box .bt {
    flex: 0 0 auto; display: inline-flex; align-items: center; height: 44px; padding: 0 30px;
    border: 0; border-radius: var(--radius-pill); background: var(--hioki-cta-grad); color: #fff;
    font-size: 15px; font-weight: 600; cursor: pointer; font-family: inherit; transition: filter .2s;
}
.home-search-box .bt:hover { filter: brightness(.96); }
@media (max-width: 560px) {
    .home-search { padding: 22px 0 6px; }
    .home-search-box { padding-left: 14px; }
    .home-search-box .in { font-size: 14px; }
    .home-search-box .bt { padding: 0 18px; }
}

/* —— 首页「热门品牌」品牌墙 —— */
.home-brands { background: #fff; padding: 72px 0; }
.brand-wall { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.brand-chip { display: flex; flex-direction: column; align-items: center; gap: 10px; background: #fff; border: 1px solid var(--border-line); border-radius: var(--radius-md); padding: 22px 14px 16px; text-align: center; transition: transform .25s, box-shadow .25s, border-color .25s; }
.brand-chip:hover { transform: translateY(-4px); box-shadow: var(--shadow-card); border-color: rgba(var(--hioki-blue-rgb), .4); text-decoration: none; }
.bc-logo { width: 100%; height: 78px; display: flex; align-items: center; justify-content: center; background: var(--bg-gray); border-radius: 10px; overflow: hidden; padding: 10px; }
.bc-logo.dark { background: linear-gradient(180deg, #33415c, #24324a); }
.bc-logo img { max-width: 85%; max-height: 100%; object-fit: contain; }
.bc-logo.dark img { max-width: 85%; }
.bc-mark { font-size: 13px; font-weight: 700; color: var(--hioki-blue); text-align: center; line-height: 1.2; }
.bc-logo.dark .bc-mark { color: #fff; }
.bc-name { font-size: 14px; font-weight: 600; color: var(--txt-1); }
.brand-chip:hover .bc-name { color: var(--hioki-blue); }

/* —— 热门品牌 移动端 —— */
@media (max-width: 991px) {
    .home-brands { padding: 48px 0; }
    .brand-wall { grid-template-columns: repeat(3, 1fr); gap: 12px; }
    .bc-logo { height: 64px; }
}
@media (max-width: 560px) {
    .brand-wall { grid-template-columns: repeat(3, 1fr); gap: 10px; }
    .brand-chip { padding: 14px 8px 12px; }
    .bc-logo { height: 54px; padding: 7px; }
    .bc-name { font-size: 12.5px; }
}

/* —— 首页「为什么选择我们」图文版式 —— */
.why-wrap { display: grid; grid-template-columns: 1.05fr 1fr; gap: 52px; align-items: center; }
.why-visual { position: relative; padding-right: 16px; }
.why-badge { position: absolute; top: 18px; left: 0; z-index: 2; background: linear-gradient(135deg, var(--hioki-blue), var(--hioki-accent)); color: #fff; font-size: 13px; font-weight: 600; padding: 9px 16px; border-radius: 999px; box-shadow: 0 8px 18px rgba(47,111,237,.3); }
.why-badge i { margin-right: 6px; }
.why-img-main img { width: 100%; border-radius: var(--radius-lg); box-shadow: var(--shadow-card); display: block; aspect-ratio: 16/9; object-fit: cover; }
.why-img-sub { position: absolute; right: -8px; bottom: -26px; width: 46%; border: 5px solid #fff; border-radius: var(--radius-md); overflow: hidden; box-shadow: var(--shadow-card); }
.why-img-sub img { width: 100%; display: block; aspect-ratio: 1/1; object-fit: cover; }
.why-content .sec-kicker { margin-bottom: 8px; }
.why-content .sec-title { margin-bottom: 14px; }
.why-lead { margin: 18px 0 0; font-size: 15px; line-height: 1.8; color: var(--txt-2); }
.why-list { list-style: none; margin: 22px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.why-list li { display: flex; align-items: flex-start; gap: 12px; background: #fff; border: 1px solid var(--border-line); border-radius: var(--radius-md); padding: 16px; transition: transform .25s, box-shadow .25s, border-color .25s; }
.why-list li:hover { transform: translateY(-2px); box-shadow: var(--shadow-card-soft); border-color: rgba(var(--hioki-blue-rgb), .3); }
.why-list li i { flex: 0 0 auto; width: 42px; height: 42px; border-radius: 12px; background: linear-gradient(135deg, var(--hioki-blue), var(--hioki-accent)); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 18px; box-shadow: 0 6px 12px rgba(47,111,237,.25); }
.why-list li b { display: block; font-size: 15px; font-weight: 600; color: var(--txt-1); margin-bottom: 3px; }
.why-list li em { font-style: normal; font-size: 12.5px; color: var(--txt-3); line-height: 1.5; }

@media (max-width: 991px) {
    .why-wrap { grid-template-columns: 1fr; gap: 40px; }
    .why-visual { padding-right: 0; }
    .why-img-sub { right: -6px; bottom: -20px; }
}
@media (max-width: 560px) {
    .why-list { grid-template-columns: 1fr; gap: 12px; }
    .why-lead { font-size: 14px; }
    .why-img-sub { width: 42%; }
    .why-badge { font-size: 12px; padding: 7px 12px; }
}

/* —— 为什么选择我们: 图片色调统一 + 徽标悬浮 —— */
.why-img-main, .why-img-sub { position: relative; }
.why-img-main::after, .why-img-sub::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(180deg, rgba(47,111,237,.12), rgba(13,42,92,.10)); pointer-events: none; }
.why-badge { box-shadow: 0 10px 24px rgba(47,111,237,.38); }
.why-img-sub { z-index: 1; }

/* —— 为什么选择我们: 单图 + 悬浮正品卡 (更平衡的图文版式) —— */
.why-visual { padding-right: 0; }
.why-float { position: absolute; left: -14px; bottom: 24px; display: flex; align-items: center; gap: 11px; background: #fff; border-radius: 12px; padding: 11px 16px; box-shadow: var(--shadow-card); }
.why-float i { width: 38px; height: 38px; border-radius: 10px; background: linear-gradient(135deg, var(--hioki-blue), var(--hioki-accent)); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 17px; }
.why-float b { display: block; font-size: 14px; font-weight: 600; color: var(--txt-1); }
.why-float em { font-style: normal; font-size: 12px; color: var(--txt-3); }
.why-content { padding-left: 8px; }
@media (max-width: 560px) {
    .why-float { left: 10px; bottom: 12px; padding: 9px 12px; }
    .why-float b { font-size: 13px; }
    .why-float em { font-size: 11px; }
}

/* ==========================================================================
   行业解决方案首页 (重构: 保留蓝白配色 · 全新排版结构 sy-*)
   - 编号榜单式行业条 / 不对称案例(大图主打+竖排) / 时间线 / 横向CTA色带
   命名空间 sy-*, 与旧 solution-* 完全隔离, 不依赖 grunt
   ========================================================================== */
.sy-page { color: #1c2733; background: #fff; overflow-x: hidden; }
.sy-container { max-width: 1240px; margin: 0 auto; padding: 0 26px; }

/* ---------- 顶部: 紧凑左对齐页头 ---------- */
.sy-header {
    padding: 70px 0 30px;
    background: linear-gradient(180deg, #f4f9ff 0%, #ffffff 100%);
    border-bottom: 1px solid #ecf2fb;
}
.sy-kicker {
    display: inline-block; font-size: 12px; letter-spacing: 3.5px; text-transform: uppercase;
    font-weight: 700; color: var(--hioki-accent); margin-bottom: 16px;
}
.sy-h1 { margin: 0; font-size: 44px; line-height: 1.15; font-weight: 800; color: #122a52; letter-spacing: -0.01em; }
.sy-intro { max-width: 640px; margin: 18px 0 0; font-size: 16px; line-height: 1.8; color: #4a5a72; }
.sy-stats { display: flex; gap: 44px; margin-top: 34px; padding-top: 26px; border-top: 1px solid #dbe7f8; }
.sy-stat { display: flex; flex-direction: column; gap: 2px; }
.sy-stat b { font-size: 30px; font-weight: 800; color: #122a52; line-height: 1; }
.sy-stat span { font-size: 13px; color: #7d8a9e; }

/* ---------- 区块标题: 左对齐 ---------- */
.sy-section { padding: 78px 0; }
.sy-section-tint { background: linear-gradient(180deg, #f5f9ff 0%, #ffffff 100%); }
.sy-sec-head { margin-bottom: 40px; padding-left: 14px; border-left: 4px solid var(--hioki-blue); }
.sy-sec-title { margin: 0; font-size: 32px; font-weight: 800; color: #122a52; letter-spacing: -0.01em; }
.sy-sec-sub { margin: 10px 0 0; font-size: 15px; color: #5c6b80; }

/* ---------- 行业应用: 图文卡片网格(3×2, 2026-08 V2 重设计) ---------- */
.sy-ind-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.sy-ind-card { display: flex; flex-direction: column; height: 100%; background: #fff; border: 1px solid #e3eaf6; border-radius: 18px; overflow: hidden; text-decoration: none; transition: transform .25s, box-shadow .25s, border-color .25s; }
.sy-ind-card:hover { transform: translateY(-6px); box-shadow: 0 18px 38px rgba(13, 42, 92, .13); border-color: #c6d8fa; }
.sy-ind-media { position: relative; display: block; height: 172px; overflow: hidden; background: #eaf1fc; }
.sy-ind-media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .45s ease; }
.sy-ind-card:hover .sy-ind-media img { transform: scale(1.07); }
.sy-ind-badge {
    position: absolute; left: 14px; top: 14px;
    padding: 5px 12px;
    border-radius: 999px;
    background: rgba(13, 42, 92, .78);
    color: #fff;
    font-family: Arial, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 1px;
    backdrop-filter: blur(4px);
}
.sy-ind-body { flex: 1; display: flex; flex-direction: column; padding: 18px 20px 16px; }
.sy-ind-card-name { font-size: 18px; font-weight: 700; color: #1c2733; }
.sy-ind-card-sub { margin-top: 6px; font-size: 13px; line-height: 1.75; color: #7d8a9e; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sy-ind-go { margin-top: auto; padding-top: 14px; font-size: 13px; font-weight: 600; color: var(--hioki-blue); }
.sy-ind-go i { margin-left: 4px; transition: transform .2s; }
.sy-ind-card:hover .sy-ind-go i { transform: translateX(4px); }

/* ---------- 客户案例: 马赛克卡片(首条横版大卡跨2列 + 竖版卡) ---------- */
.sy-case-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.sy-case-card { display: flex; flex-direction: column; height: 100%; background: #fff; border: 1px solid #e3eaf6; border-radius: 18px; overflow: hidden; text-decoration: none; transition: transform .25s, box-shadow .25s, border-color .25s; }
.sy-case-card:hover { transform: translateY(-5px); box-shadow: 0 16px 34px rgba(13, 42, 92, .12); border-color: #c6d8fa; }
.sy-case-media { position: relative; display: block; height: 152px; overflow: hidden; background: #eef3fb; }
.sy-case-media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .45s ease; }
.sy-case-card:hover .sy-case-media img { transform: scale(1.06); }
.sy-case-body { flex: 1; display: flex; flex-direction: column; padding: 16px 18px; }
.sy-case-badge {
    align-self: flex-start;
    margin-bottom: 10px;
    padding: 4px 12px;
    border-radius: 999px;
    background: linear-gradient(120deg, var(--hioki-blue), var(--hioki-accent));
    color: #fff;
    font-size: 12px; font-weight: 700; letter-spacing: 1px;
}
.sy-case-title { font-size: 15.5px; font-weight: 600; line-height: 1.6; color: #1c2733; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color .2s; }
.sy-case-card:hover .sy-case-title { color: var(--hioki-blue); }
.sy-case-link { margin-top: auto; padding-top: 12px; font-size: 13px; font-weight: 600; color: #64748b; display: inline-flex; align-items: center; gap: 6px; transition: color .2s; }
.sy-case-link i { transition: transform .2s; }
.sy-case-card:hover .sy-case-link { color: var(--hioki-blue); }
.sy-case-card:hover .sy-case-link i { transform: translateX(3px); }

/* 首条横版大卡: 跨2列, 左图右文 */
.sy-case-card.feature { grid-column: span 2; flex-direction: row; }
.sy-case-card.feature .sy-case-media { width: 56%; height: auto; min-height: 250px; flex: none; }
.sy-case-card.feature .sy-case-body { justify-content: center; padding: 26px 28px; }
.sy-case-card.feature .sy-case-title { font-size: 20px; -webkit-line-clamp: 3; }

.sy-more-wrap { margin-top: 36px; text-align: center; }
.sy-more { display: inline-flex; align-items: center; gap: 10px; padding: 13px 32px; border-radius: 999px; background: linear-gradient(120deg,#2f6fed,#5aa0ff); color: #fff; font-size: 15px; font-weight: 600; box-shadow: 0 8px 20px rgba(47,111,237,.3); transition: transform .2s, box-shadow .2s; text-decoration: none; }
.sy-more:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(47,111,237,.4); }

/* ---------- 最新应用: 时间线 ---------- */
.sy-timeline { list-style: none; margin: 0; padding: 0; position: relative; }
.sy-timeline::before { content: ''; position: absolute; left: 15px; top: 8px; bottom: 8px; width: 2px; background: #d8e5f7; }
.sy-timeline li { position: relative; padding-left: 56px; }
.sy-timeline-item { display: flex; align-items: center; gap: 26px; width: 100%; padding: 26px 10px; color: #1c2733; text-decoration: none; border-bottom: 1px solid #eef3fb; transition: background .2s; }
.sy-timeline-item:hover { background: #f6f9ff; }
.sy-timeline-dot { flex: 0 0 14px; width: 14px; height: 14px; border-radius: 50%; background: #fff; border: 3px solid var(--hioki-blue); position: absolute; left: 9px; top: 32px; }
.sy-timeline-item time { flex: 0 0 118px; font-size: 14px; color: #7d8a9e; }
.sy-timeline-title { flex: 1; min-width: 0; font-size: 17px; font-weight: 600; color: #17253a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: color .2s; }
.sy-timeline-item:hover .sy-timeline-title { color: var(--hioki-blue); }
.sy-timeline-item > i { flex: 0 0 18px; color: #aab7c9; transition: transform .2s, color .2s; }
.sy-timeline-item:hover > i { transform: translateX(3px); color: var(--hioki-blue); }

/* ---------- CTA: 左文右钮 横向渐变带 ---------- */
.sy-cta { padding: 0 0 90px; }
.sy-cta-inner {
    display: flex; align-items: center; justify-content: space-between; gap: 30px; flex-wrap: wrap;
    padding: 50px 52px; border-radius: 22px;
    background: linear-gradient(120deg, #0d2a5c 0%, #2f6fed 70%, #4b8cf7 100%);
    color: #fff; box-shadow: 0 22px 50px rgba(20,50,130,.30);
}
.sy-cta-text { flex: 1 1 360px; }
.sy-cta-title { margin: 0; font-size: 28px; font-weight: 800; letter-spacing: -0.01em; }
.sy-cta-desc { margin: 12px 0 0; font-size: 15px; opacity: .9; }
.sy-cta-btn { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 10px; padding: 15px 36px; border-radius: 999px; background: #fff; color: #1d4ed8; font-size: 16px; font-weight: 700; box-shadow: 0 8px 22px rgba(0,0,0,.18); text-decoration: none; transition: transform .2s, box-shadow .2s; }
.sy-cta-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(0,0,0,.26); }

/* ---------- 空态 ---------- */
.sy-empty { padding: 50px 20px; color: #7d8a9e; text-align: center; font-size: 16px; }

/* ---------- 响应式 ---------- */
@media (max-width: 991px) {
    .sy-header { padding: 52px 0 26px; }
    .sy-h1 { font-size: 34px; }
    .sy-intro { font-size: 15px; }
    .sy-stats { gap: 30px; }
    .sy-section { padding: 56px 0; }
    .sy-sec-title { font-size: 28px; }
    .sy-ind-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
    .sy-ind-media { height: 150px; }
    .sy-case-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
    .sy-timeline-item { gap: 18px; }
}
@media (max-width: 560px) {
    .sy-header { padding: 44px 0 22px; }
    .sy-h1 { font-size: 28px; }
    .sy-intro { font-size: 14px; line-height: 1.7; }
    .sy-stats { gap: 24px; margin-top: 26px; padding-top: 20px; }
    .sy-stat b { font-size: 24px; }
    .sy-container { padding: 0 16px; }
    .sy-section { padding: 44px 0; }
    .sy-sec-head { margin-bottom: 28px; }
    .sy-sec-title { font-size: 25px; }
    /* 行业卡: 手机横版紧凑(图左文右) */
    .sy-ind-grid { grid-template-columns: 1fr; gap: 14px; }
    .sy-ind-card { flex-direction: row; }
    .sy-ind-media { width: 118px; height: auto; min-height: 104px; flex: none; }
    .sy-ind-badge { left: 8px; top: 8px; padding: 3px 9px; font-size: 11px; }
    .sy-ind-body { padding: 12px 14px; }
    .sy-ind-card-name { font-size: 16px; }
    .sy-ind-go { padding-top: 8px; }

    /* 案例卡: 手机单列; 大卡转竖版, 小卡横版紧凑(图左文右) */
    .sy-case-grid { grid-template-columns: 1fr; gap: 14px; }
    .sy-case-card { flex-direction: row; }
    .sy-case-media { width: 112px; height: auto; min-height: 92px; flex: none; }
    .sy-case-body { padding: 12px 14px; }
    .sy-case-title { font-size: 14.5px; }
    .sy-case-card.feature { grid-column: auto; flex-direction: column; }
    .sy-case-card.feature .sy-case-media { width: 100%; height: 180px; min-height: 0; }
    .sy-case-card.feature .sy-case-body { padding: 16px 18px; }
    .sy-case-card.feature .sy-case-title { font-size: 17px; }
    .sy-timeline li { padding-left: 44px; }
    .sy-timeline-item { flex-wrap: wrap; gap: 8px 14px; padding: 20px 6px; }
    .sy-timeline-dot { left: 5px; top: 26px; }
    .sy-timeline-item time { flex: 1; font-size: 13px; text-align: right; }
    .sy-timeline-title { flex: 1 1 100%; white-space: normal; font-size: 16px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; padding-left: 20px; }
    .sy-timeline-item > i { display: none; }
    .sy-cta { padding: 0 0 54px; }
    .sy-cta-inner { padding: 40px 24px; }
    .sy-cta-title { font-size: 24px; }
    .sy-cta-btn { width: 100%; justify-content: center; }
    .sy-cta-desc { font-size: 14px; }
}

/* =====================================================================
   单行业解决方案页 (sy- 设计系统 · 区别于日置旧版整幅横幅居中排版)
   ===================================================================== */
.sy-industry-page .hioki-breadcrumb { border-bottom: 1px solid #ecf2fb; }
.sy-industry-header { background: linear-gradient(180deg, #f4f9ff 0%, #ffffff 100%); }

/* 行业方案首页: 顶部整幅 Banner + 其下紧凑简介数据条 */
/* Banner 背景图已改为后台「顶部 Banner」可配: 模板经 .ny-banner-photo + 内联背景图实现(2026-09),
   此处不再用 !important 固定 banner.jpg; 高度仍沿用 .ny-banner 响应式变量 */
.sy-header.sy-header-banner {
    padding: 30px 0 24px;
    background: #fff;
    border-bottom: 1px solid #ecf2fb;
}
.sy-header-banner .sy-intro { margin: 4px 0 0; }

/* 页头: 行业名里的强调词 */
.sy-industry-mark { color: var(--hioki-accent); font-weight: 800; }

/* 研发/生产/维护 阶段导航: 药丸按钮 */
.sy-industry-stages { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.sy-industry-stages a {
    padding: 9px 24px; border-radius: 999px; text-decoration: none;
    background: #fff; border: 1px solid #dbe7f8; color: #44536b;
    font-size: 14px; font-weight: 600; transition: all .22s;
}
.sy-industry-stages a:hover { border-color: var(--hioki-blue); color: var(--hioki-blue); }
.sy-industry-stages a.active { background: var(--hioki-cta-grad); border-color: transparent; color: #fff; box-shadow: 0 8px 18px rgba(47,111,237,.28); }

/* 两栏介绍: 左文右图 */
.sy-industry-intro { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.05fr); gap: 56px; align-items: center; }
.sy-industry-intro-text p { margin: 20px 0 0; max-width: 560px; font-size: 16px; line-height: 1.9; color: #4a5a72; }
.sy-industry-intro-text .sy-industry-sol-link { margin-top: 30px; }
.sy-industry-intro-media { border-radius: 20px; overflow: hidden; box-shadow: 0 20px 48px rgba(20,45,90,.16); }
.sy-industry-intro-media img { display: block; width: 100%; aspect-ratio: 16/10; object-fit: cover; }

/* 通用: 链接行 (了解详情/查看更多式) */
.sy-industry-sol-link { display: inline-flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 600; color: #64748b; }
.sy-industry-sol-link i { font-size: 12px; transition: transform .2s; }
.sy-industry-sol-link:hover i { transform: translateX(3px); }

/* 行业方案卡片栅格 */
.sy-industry-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 26px; }
.sy-industry-sol-card {
    display: flex; flex-direction: column; text-decoration: none;
    background: #fff; border: 1px solid #e7edf6; border-radius: 18px; overflow: hidden;
    box-shadow: 0 6px 20px rgba(20,45,90,.06); transition: transform .26s, box-shadow .26s;
}
.sy-industry-sol-card:hover { transform: translateY(-5px); box-shadow: 0 18px 40px rgba(20,45,90,.14); }
.sy-industry-sol-media { display: block; aspect-ratio: 16/9; overflow: hidden; background: #eef3fb; }
.sy-industry-sol-media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.sy-industry-sol-card:hover .sy-industry-sol-media img { transform: scale(1.05); }
.sy-industry-sol-body { display: flex; flex: 1; flex-direction: column; padding: 20px 22px 24px; }
.sy-industry-sol-title {
    font-size: 17px; font-weight: 700; line-height: 1.55; color: #17253a;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.8em;
}
.sy-industry-sol-body .sy-industry-sol-link { margin-top: 18px; }
.sy-industry-sol-card:hover .sy-industry-sol-link { color: var(--hioki-blue); }

/* 样本资料: 横向幻灯 */
.sy-industry-sample-content { position: relative; max-width: 1180px; margin: 0 auto; }
.sy-sample-carousel { overflow: hidden; }
.sy-sample-carousel .swiper-slide { height: auto; padding: 6px; }
.sy-sample-card {
    display: flex; height: 100%; align-items: stretch; text-decoration: none;
    background: #fff; border: 1px solid #e7edf6; border-radius: 16px; overflow: hidden;
    box-shadow: 0 6px 20px rgba(20,45,90,.06); transition: transform .26s, box-shadow .26s;
}
.sy-sample-card:hover { transform: translateY(-4px); box-shadow: 0 16px 38px rgba(20,45,90,.14); }
.sy-sample-card .image { flex: 0 0 46%; min-width: 0; overflow: hidden; background: #eef3fb; }
.sy-sample-card .image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .45s; }
.sy-sample-card:hover .image img { transform: scale(1.05); }
.sy-sample-card .text { display: flex; min-width: 0; padding: 24px 26px; flex: 1; flex-direction: column; align-items: flex-start; }
.sy-sample-card strong { color: #17253a; font-size: 19px; line-height: 1.5; font-weight: 700; }
.sy-sample-card .description {
    margin: 10px 0 16px; color: #7d8a9e; font-size: 14px; line-height: 1.7;
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.sy-sample-card .sy-industry-sol-link { margin-top: auto; }
.sy-sample-card:hover .sy-industry-sol-link { color: var(--hioki-blue); }
.sy-sample-count { display: block; margin: 22px 0 0 6%; color: #9aa7ba; font-size: 14px; }
.sy-sample-count b { color: var(--hioki-blue); font-size: 24px; font-weight: 800; }
.sy-sample-controls { position: absolute; right: 6px; bottom: -2px; display: flex; gap: 10px; }
.sy-sample-controls button {
    width: 44px; height: 44px; padding: 0; border: 1px solid #dbe7f8; border-radius: 50%;
    color: var(--hioki-blue); background: #fff; font-size: 22px; line-height: 40px; cursor: pointer;
    transition: background .2s, color .2s;
}
.sy-sample-controls button:hover { background: var(--hioki-blue); color: #fff; }

/* 热门必备产品: 横向卡片栅格 */
.sy-industry-prod-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 24px; }
.sy-industry-prod-card { min-width: 0; background: #fff; border: 1px solid #e7edf6; border-radius: 16px; box-shadow: 0 4px 16px rgba(20,45,90,.05); transition: transform .24s, box-shadow .24s; }
.sy-industry-prod-card:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(20,45,90,.13); }
.sy-industry-prod-card > a { display: flex; gap: 20px; padding: 16px; height: 100%; align-items: stretch; color: #1c2733; text-decoration: none; }
.sy-industry-prod-card .image { flex: 0 0 150px; border-radius: 12px; overflow: hidden; background: #eef3fb; }
.sy-industry-prod-card .image img { display: block; width: 100%; height: 100%; object-fit: contain; }
.sy-industry-prod-body { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.sy-industry-prod-body strong { font-size: 17px; font-weight: 700; color: #17253a; line-height: 1.4; }
.sy-industry-prod-body .description { margin: 8px 0 14px; font-size: 14px; line-height: 1.7; color: #7d8a9e; }
.sy-industry-prod-body .sy-industry-sol-link { margin-top: auto; }
.sy-industry-prod-card:hover .sy-industry-sol-link { color: var(--hioki-blue); }
.sy-industry-prod-card.is-extra { display: none; }
.sy-industry-prod-grid.is-expanded .sy-industry-prod-card.is-extra { display: block; }
.sy-industry-prods-toggle {
    display: block; margin: 40px auto 0; padding: 0; border: 0; border-bottom: 1px solid var(--hioki-blue);
    color: var(--hioki-blue); background: transparent; font-size: 15px; font-weight: 600; line-height: 34px; cursor: pointer;
}
.sy-industry-prods-toggle:hover { color: var(--hioki-blue-hover); }

/* =====================================================================
   行业详情页 V2 (si-): 统一 Banner + hero 概览 + 编号方案列表 + 文档/产品卡
   (2026-08-21 重设计, 替代日置式渐变页头+幻灯样本; 旧 sy-industry-* 样式保留不删)
   ===================================================================== */
.si-hero { padding: 52px 0 20px; background: linear-gradient(180deg, #eef4fc 0%, #f8fafd 62%, #fff 100%); }
.si-hero-row { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 52px; align-items: center; }
.si-kicker { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 14px; padding: 5px 14px; border: 1px solid rgba(61,96,175,.25); border-radius: 999px; color: var(--hioki-blue); background: rgba(255,255,255,.75); font-size: 12px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; }
.si-hero-copy h2 { margin: 0 0 14px; color: #16233a; font-size: 28px; line-height: 1.35; font-weight: 700; }
.si-hero-copy p { margin: 0; max-width: 560px; color: #5b6a81; font-size: 15px; line-height: 1.9; }
.si-hero-chips { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.si-chip { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 16px; border: 1px solid #dbe4f1; border-radius: 999px; color: #4c5a70; background: #fff; font-size: 13.5px; }
.si-chip-hl { border-color: transparent; background: linear-gradient(120deg, var(--hioki-blue), #5b8dee); color: #fff; font-weight: 600; }
.si-chip-hl b { font-size: 15px; font-variant-numeric: tabular-nums; }
.si-hero-media { border-radius: 18px; overflow: hidden; box-shadow: 0 20px 48px rgba(20,45,90,.16); }
.si-hero-media img { display: block; width: 100%; aspect-ratio: 16/10; object-fit: cover; }

.si-main { padding: 46px 0 30px; }
.si-section { padding: 46px 0; }
.si-section-tint { background: #f6f9fd; }
.si-sec-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 26px; }
.si-sec-title { margin: 0; color: #16233a; font-size: 26px; font-weight: 700; }
.si-sec-sub { margin: 8px 0 0; color: #7d8a9e; font-size: 14px; }
.si-count { flex-shrink: 0; padding: 4px 14px; border-radius: 999px; background: #eef3fa; color: var(--hioki-blue); font-size: 13px; font-weight: 600; }

/* 方案列表: 编号文章行 */
.si-art-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px 18px; }
.si-art { display: flex; height: 100%; padding: 20px 22px; border: 1px solid #e6ecf5; border-radius: 14px; align-items: center; gap: 18px; background: #fff; text-decoration: none; transition: transform .22s, box-shadow .22s, border-color .22s; }
.si-art:hover { transform: translateY(-3px); border-color: rgba(61,96,175,.45); box-shadow: 0 12px 26px rgba(13,42,92,.09); }
.si-art-num { flex-shrink: 0; color: #b9c7dd; font-size: 26px; font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums; transition: color .22s; }
.si-art:hover .si-art-num { color: var(--hioki-blue); }
.si-art-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 7px; }
.si-art-title { display: -webkit-box; overflow: hidden; color: #1d2b42; font-size: 16px; line-height: 1.5; font-weight: 600; -webkit-box-orient: vertical; -webkit-line-clamp: 2; transition: color .2s; }
.si-art:hover .si-art-title { color: var(--hioki-blue); }
.si-art-desc { display: -webkit-box; overflow: hidden; color: #8492a8; font-size: 13px; line-height: 1.65; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.si-art-go { flex-shrink: 0; display: inline-flex; width: 36px; height: 36px; border-radius: 50%; align-items: center; justify-content: center; border: 1px solid #dbe4f1; color: #93a2ba; background: #fff; transition: all .22s; }
.si-art-go i { font-size: 13px; transition: transform .22s; }
.si-art:hover .si-art-go { border-color: transparent; background: linear-gradient(120deg, var(--hioki-blue), #5b8dee); color: #fff; }
.si-art:hover .si-art-go i { transform: translateX(1px); }

/* 样本资料: 文档卡片 */
.si-doc-grid { display: grid; gap: 14px; }
.si-doc-card { display: flex; padding: 20px 22px; border: 1px solid #e6ecf5; border-radius: 14px; align-items: center; gap: 16px; background: #fff; text-decoration: none; transition: transform .22s, box-shadow .22s, border-color .22s; }
.si-doc-card:hover { transform: translateY(-3px); border-color: rgba(61,96,175,.45); box-shadow: 0 12px 26px rgba(13,42,92,.09); }
.si-doc-icon { display: flex; width: 52px; height: 64px; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 10px; color: var(--hioki-blue); background: linear-gradient(160deg, #eaf1fc, #d9e6fa); font-size: 22px; transition: all .22s; }
.si-doc-card:hover .si-doc-icon { color: #fff; background: linear-gradient(150deg, var(--hioki-blue), #5b8dee); }
.si-doc-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.si-doc-body strong { display: -webkit-box; overflow: hidden; color: #1d2b42; font-size: 16.5px; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.si-doc-desc { display: -webkit-box; overflow: hidden; color: #8492a8; font-size: 13.5px; line-height: 1.65; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.si-doc-btn { display: inline-flex; height: 40px; padding: 0 18px; flex-shrink: 0; border: 1px solid var(--hioki-blue); border-radius: 999px; align-items: center; justify-content: center; gap: 7px; color: var(--hioki-blue); font-size: 13.5px; transition: all .2s; }
.si-doc-card:hover .si-doc-btn { color: #fff; border-color: transparent; background: linear-gradient(100deg, var(--hioki-blue), #5b8dee); box-shadow: 0 6px 14px rgba(61,96,175,.3); }

/* 推荐仪器: 图文卡片 */
.si-prod-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 20px; }
.si-prod-card { display: flex; flex-direction: column; height: 100%; overflow: hidden; border: 1px solid #e6ecf5; border-radius: 16px; background: #fff; text-decoration: none; transition: transform .24s, box-shadow .24s, border-color .24s; }
.si-prod-card:hover { transform: translateY(-4px); border-color: rgba(61,96,175,.45); box-shadow: 0 16px 36px rgba(20,45,90,.13); }
.si-prod-media { display: block; height: 170px; background: #f4f7fc; border-bottom: 1px solid #edf2f9; }
.si-prod-media img { display: block; width: 100%; height: 100%; object-fit: contain; padding: 14px; transition: transform .4s; }
.si-prod-card:hover .si-prod-media img { transform: scale(1.05); }
.si-prod-body { display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: 16px 18px 18px; gap: 7px; }
.si-prod-model { display: inline-block; padding: 2px 10px; border-radius: 999px; background: #eef3fa; color: var(--hioki-blue); font-size: 12px; font-weight: 600; }
.si-prod-body strong { display: -webkit-box; overflow: hidden; color: #17253a; font-size: 15.5px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.si-prod-desc { display: -webkit-box; overflow: hidden; color: #7d8a9e; font-size: 13px; line-height: 1.7; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.si-prod-go { display: inline-flex; align-items: center; gap: 7px; margin-top: auto; padding-top: 8px; color: var(--hioki-blue); font-size: 13px; font-weight: 600; }
.si-prod-go i { font-size: 12px; transition: transform .2s; }
.si-prod-card:hover .si-prod-go i { transform: translateX(3px); }

@media (max-width: 991px) {
    .si-hero { padding: 36px 0 10px; }
    .si-hero-row { grid-template-columns: 1fr; gap: 26px; }
    .si-hero-media { max-width: 640px; }
    .si-sec-head { flex-direction: column; align-items: flex-start; gap: 8px; margin-bottom: 20px; }
    .si-art-list { grid-template-columns: 1fr; }
    .si-prod-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .si-main { padding: 34px 0 20px; }
    .si-section { padding: 34px 0; }
}
@media (max-width: 560px) {
    .si-hero-copy h2 { font-size: 22px; }
    .si-hero-copy p { font-size: 14px; }
    .si-sec-title { font-size: 21px; }
    .si-art { padding: 16px; gap: 13px; }
    .si-art-num { font-size: 20px; }
    .si-art-go { display: none; }
    .si-doc-card { flex-wrap: wrap; gap: 12px; padding: 16px; }
    .si-doc-icon { width: 44px; height: 56px; font-size: 19px; }
    .si-doc-btn { width: 100%; }
    .si-prod-grid { grid-template-columns: 1fr; }
    .si-prod-media { height: 150px; }
}

@media (max-width: 991px) {
    .sy-industry-intro { grid-template-columns: 1fr; gap: 32px; }
    .sy-industry-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 20px; }
    .sy-industry-prod-grid { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
    .sy-industry-stages { gap: 8px; }
    .sy-industry-stages a { flex: 1 1 auto; text-align: center; padding: 8px 14px; }
    .sy-industry-grid { grid-template-columns: 1fr; gap: 16px; }
    .sy-industry-intro-text p { font-size: 15px; }
    .sy-industry-intro-media img { aspect-ratio: 4/3; }
    .sy-sample-card { display: block; }
    .sy-sample-card .image { display: block; width: 100%; aspect-ratio: 16/9; }
    .sy-sample-card .text { padding: 18px 16px; }
    .sy-sample-count { margin-left: 0; }
    .sy-sample-controls { right: 12px; }
    .sy-industry-prod-card > a { flex-direction: column; }
    .sy-industry-prod-card .image { flex: 0 0 auto; width: 100%; aspect-ratio: 16/9; }
}

/* =====================================================================
   联系我们页 (参考图布局: 联系方式 / 公司位置 / 在线留言)
   ===================================================================== */
.zyx-contact { background: #f7f9fc; color: #1c2733; }
/* 联系我们页 Banner: AI 生图(picture 双端图源) —— 高度与其余内页统一(400/240/180 CSS 变量),
   图片 object-fit: cover 居中裁剪铺满; 标题绝对定位居中叠加, 沿用首页轮播 caption 的
   半透明深色卡片做法(见 284-285 行)保证可读。 */
.zyx-contact .ny-banner { height: var(--hioki-inner-banner-height); display: block; background: none !important; }
.zyx-contact .ny-banner picture { display: block; width: 100%; height: 100%; }
.zyx-contact .ny-banner img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
@media (max-width: 991px) { .zyx-contact .ny-banner { height: var(--hioki-inner-banner-height-tablet); } }
@media (max-width: 560px) { .zyx-contact .ny-banner { height: var(--hioki-inner-banner-height-mobile); } }
.zyx-contact .ny-banner .ny-text {
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    padding: 0 15px;
}
.zyx-contact .ny-banner::before,
.zyx-contact .ny-banner::after { content: none; } /* 渐变换肤的装饰圆圈是噪点, 移除 */
.zyx-contact .ny-banner .ny-text h1 {
    display: inline-block; padding: 6px 18px;
    background: rgba(var(--hioki-deep-rgb), .62);
    border-left: 4px solid var(--hioki-accent);
    text-shadow: 0 1px 2px rgba(0,0,0,.85), 0 2px 10px rgba(0,0,0,.65);
}
.zyx-contact .ny-banner .ny-text p {
    display: inline-block; margin-top: 8px; padding: 5px 14px;
    background: rgba(var(--hioki-deep-rgb), .55);
    text-shadow: 0 1px 2px rgba(0,0,0,.85), 0 2px 8px rgba(0,0,0,.6); opacity: 1;
}
.zyx-contact .hioki-breadcrumb { background: #fff; }
.zyx-contact-inner { max-width: 1180px; margin: 0 auto; padding: 0 24px 70px; }
.zyx-contact-sec { padding-top: 62px; }
.zyx-contact-sec-head { margin-bottom: 30px; }
.zyx-kicker { display: inline-block; font-size: 12px; letter-spacing: 3px; text-transform: uppercase; font-weight: 700; color: var(--hioki-accent); margin-bottom: 10px; }
.zyx-contact-title { margin: 0; font-size: 30px; font-weight: 800; color: #122a52; letter-spacing: -0.01em; }

/* 联系方式卡片 */
.zyx-contact-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.zyx-contact-card {
    display: flex; gap: 18px; align-items: flex-start;
    background: #fff; border: 1px solid #e7edf6; border-radius: 16px; padding: 22px 24px;
    box-shadow: 0 6px 20px rgba(20, 45, 90, .06);
}
.zyx-contact-card .ic {
    flex: 0 0 52px; width: 52px; height: 52px; border-radius: 14px;
    display: inline-flex; align-items: center; justify-content: center;
    background: #eef4ff; color: var(--hioki-blue); font-size: 22px;
}
.zyx-contact-card strong { display: block; color: #17253a; font-size: 16px; font-weight: 700; margin-bottom: 8px; }
.zyx-contact-card p { margin: 0; color: #5c6b80; font-size: 14px; line-height: 1.8; }
.zyx-contact-card p + p { margin-top: 4px; }
.zyx-contact-card a { color: var(--hioki-blue); font-size: 20px; font-weight: 700; text-decoration: none; }

/* 公司位置 */
.zyx-contact-map { background: #e9eef6; border: 1px solid #e7edf6; border-radius: 16px; overflow: hidden; box-shadow: 0 10px 30px rgba(20, 45, 90, .12); }
.zyx-contact-map iframe,
.zyx-contact-map #company-map,
.zyx-contact-map #about-map { display: block; width: 100%; height: 420px; border: 0; }
.zyx-map-actions { margin-top: 16px; }
.zyx-map-btn {
    display: inline-flex; align-items: center; gap: 8px; padding: 12px 26px; border-radius: 999px;
    background: linear-gradient(120deg, #2f6fed, #5aa0ff); color: #fff; font-size: 15px; font-weight: 600;
    box-shadow: 0 8px 18px rgba(47, 111, 237, .3); text-decoration: none;
    transition: transform .2s, box-shadow .2s;
}
.zyx-map-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(47, 111, 237, .4); color: #fff; }

/* 在线留言表单 */
.zyx-contact-form {
    background: #fff; border: 1px solid #e7edf6; border-radius: 18px; padding: 34px 36px;
    box-shadow: 0 10px 30px rgba(20, 45, 90, .08);
}
.zyx-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.zyx-form-field { margin-bottom: 20px; }
.zyx-form-field label { display: block; font-size: 14px; font-weight: 600; color: #17253a; margin-bottom: 8px; }
.zyx-form-field label em { color: #e5484d; font-style: normal; }
.zyx-form-field input,
.zyx-form-field textarea {
    width: 100%; padding: 11px 14px; border: 1px solid #d7e0ee; border-radius: 10px;
    font-size: 14px; color: #1c2733; background: #fbfcfe; box-sizing: border-box;
    transition: border-color .2s, box-shadow .2s;
}
.zyx-form-field input:focus,
.zyx-form-field textarea:focus { outline: none; border-color: var(--hioki-blue); box-shadow: 0 0 0 3px rgba(47, 111, 237, .12); }
.zyx-form-field textarea { min-height: 120px; resize: vertical; }
.zyx-form-submit {
    margin-top: 6px; padding: 13px 40px; border: 0; border-radius: 999px;
    background: linear-gradient(120deg, #2f6fed, #5aa0ff); color: #fff; font-size: 15px; font-weight: 600;
    cursor: pointer; box-shadow: 0 8px 18px rgba(47, 111, 237, .3);
    transition: transform .2s, box-shadow .2s;
}
.zyx-form-submit:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(47, 111, 237, .4); }
.zyx-form-msg { margin: 14px 0 0; font-size: 14px; min-height: 1.2em; }
.zyx-form-msg.zyx-ok { color: #16a34a; }
.zyx-form-msg.zyx-err { color: #e5484d; }

@media (max-width: 767px) {
    /* 移动版生图仪器主体在左侧, 标题右移避开 */
    .zyx-contact .ny-banner .ny-text { align-items: flex-end; text-align: right; padding-right: 6%; }
    .zyx-contact-inner { padding: 0 16px 52px; }
    .zyx-contact-sec { padding-top: 46px; }
    .zyx-contact-title { font-size: 25px; }
    .zyx-contact-grid { grid-template-columns: 1fr; }
    .zyx-contact-card { padding: 18px 16px; }
    .zyx-form-row { grid-template-columns: 1fr; gap: 0; }
    .zyx-contact-form { padding: 24px 20px; }
    .zyx-contact-map iframe,
    .zyx-contact-map #company-map,
    .zyx-contact-map #about-map { height: 300px; }
}

/* 方案详情: 隐藏正文中残留的"下载PDF"按钮 (资源未同步到本地、链接已失效, 点击会 404 并触发无效接口) */
.hioki-article .solution-detail-more { display: none !important; }

/* =====================================================================
   关于我们 主页面 V2 (abv2): 深蓝科技商务风 —— 脱离日置官网版式
   Hero + 胶囊选项卡 + 卡片式内容区 + CTA 横幅; 正文为 fa_company 原文,
   旧类名(theme-center/theme-f30/des/boxline-tit/introduction-*)全部在本作用域内重绘
   ===================================================================== */

/* ---------- Hero(Banner 实图直出无蒙版, 菜单名称居中; 高度与全站 banner 统一) ---------- */
.abv2-hero {
    position: relative;
    height: var(--hioki-inner-banner-height);  /* 与全站 banner 统一(400/240/180) */
    padding: 100px 0 0;               /* PC 顶部让位固定头部(100px, 白头悬浮其上) */
    box-sizing: border-box;
    /* 背景图可由后台「关于我们→Banner 图」通过 --abv2-banner 变量覆盖(模板内联注入), 未配置用默认图 */
    background: var(--abv2-banner, url(../img/hioki/banner_about.jpg)) center / cover no-repeat, #0d2a5c;
    overflow: hidden;
}
.abv2-hero .hioki-container {
    position: relative; z-index: 1;
    display: flex; align-items: center; justify-content: center;
    height: 100%;
    box-sizing: border-box;
}
.abv2-hero-title { padding: 0; text-align: center; }
.abv2-hero-crumb {
    margin: 0 0 8px;
    font-size: 14px; font-weight: 600; letter-spacing: 3px;
    color: rgba(255, 255, 255, .95);
    text-shadow: 0 1px 3px rgba(0, 0, 0, .65);
}
.abv2-hero-title h1 {
    margin: 0;
    font-size: 42px; font-weight: 800; letter-spacing: 3px; line-height: 1.2;
    color: #fff;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .7), 0 1px 2px rgba(0, 0, 0, .5);
}
.abv2-eyebrow {
    display: flex; align-items: center;
    margin: 0 0 16px;
    font-size: 14px; font-weight: 700; letter-spacing: 3px;
    color: var(--hioki-blue); text-transform: uppercase;
}
.abv2-eyebrow span {
    width: 30px; height: 4px; margin-right: 12px;
    border-radius: 2px;
    background: linear-gradient(100deg, #ee8d00, #fdba1a);
}

/* 页面头部(原 Banner 上的文字与图片移到此处, 浅色底展示): 左文字 + 右图片 */
.abv2-pagehead {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
    gap: 48px;
    align-items: center;
    margin: 0 0 46px;
}
.abv2-pagehead-text { min-width: 0; }
.abv2-pagehead h1 {
    margin: 0 0 16px;
    font-size: 34px; font-weight: 800; letter-spacing: 1px;
    color: var(--hioki-deep); line-height: 1.3;
}
.abv2-lead {
    margin: 0;
    max-width: 780px;
    font-size: 16px; line-height: 1.95;
    color: var(--txt-2);
}
.abv2-pagehead .abv2-hero-btns { margin-top: 26px; }
.abv2-hero-btns { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 32px; }
.abv2-btn {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 13px 30px;
    border-radius: var(--radius-pill);
    font-size: 15px; font-weight: 600; line-height: 1;
    cursor: pointer;
    transition: transform .22s, box-shadow .22s, background .22s, color .22s;
}
.abv2-btn i { margin-right: 8px; font-size: 15px; }
.abv2-btn-light {
    background: #fff;
    color: var(--hioki-deep);
    box-shadow: 0 8px 20px rgba(6, 24, 57, .25);
}
.abv2-btn-light:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(6, 24, 57, .32); color: var(--hioki-blue); }
.abv2-btn-cta {
    background: linear-gradient(100deg, #ee8d00, #fdba1a);
    color: #fff;
    box-shadow: 0 8px 20px rgba(238, 141, 0, .35);
}
.abv2-btn-cta:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(238, 141, 0, .45); color: #fff; }
.abv2-btn-ghost {
    background: transparent;
    border: 1.5px solid rgba(255, 255, 255, .75);
    color: #fff;
}
.abv2-btn-ghost:hover { background: #fff; border-color: #fff; color: var(--hioki-blue); transform: translateY(-2px); }

/* 图片卡(pagehead 右栏, 随图片从 Banner 移到下方) */
.abv2-hero-figure {
    position: relative;
    width: 100%;
    max-width: 480px;
    justify-self: end;
}
.abv2-hero-figure .corner {
    position: absolute;
    top: -16px; left: -16px;
    width: 96px; height: 96px;
    border-radius: 22px 4px 14px 4px;
    background: linear-gradient(100deg, #ee8d00, #fdba1a);
    opacity: .92;
}
.abv2-hero-figure img {
    position: relative; z-index: 1;
    display: block;
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: var(--radius-lg);
    box-shadow: 0 18px 44px rgba(13, 42, 92, .2);
}
.abv2-hero-badge {
    position: absolute; z-index: 2;
    left: 18px; bottom: 18px;
    display: inline-flex; align-items: center;
    padding: 10px 18px;
    border-radius: var(--radius-pill);
    background: rgba(13, 42, 92, .82);
    backdrop-filter: blur(6px);
    color: #fff; font-size: 14px; font-weight: 600;
}
.abv2-hero-badge i { margin-right: 8px; color: #fdba1a; }

/* ---------- 主体 ---------- */
.abv2-main { padding: 46px 0 84px; }

/* 胶囊选项卡(替代原左侧栏) */
.abv2-tabs {
    display: flex; align-items: center;
    gap: 10px;
    width: fit-content;
    max-width: 100%;
    margin: 0 auto 52px;
    padding: 10px;
    background: #fff;
    border-radius: var(--radius-md);
    box-shadow: 0 12px 34px rgba(13, 42, 92, .1);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.abv2-tabs a {
    padding: 11px 28px;
    border-radius: var(--radius-pill);
    white-space: nowrap;
    font-size: 15px; font-weight: 600;
    color: var(--txt-2);
    transition: color .2s, background .2s, box-shadow .2s;
}
.abv2-tabs a:hover { color: var(--hioki-blue); background: #f0f5ff; }
.abv2-tabs a.active {
    background: linear-gradient(120deg, var(--hioki-blue), var(--hioki-accent));
    color: #fff;
    box-shadow: 0 6px 16px rgba(47, 111, 237, .35);
}

/* ---------- 正文内容: fa_company 原文重绘 ---------- */
.about-v2 .des { font-size: 15px; line-height: 2.05; color: var(--txt-2); text-align: justify; }

/* 区块大标题(theme-f30): 居中双线 → 左对齐竖条式 */
.about-v2 .theme-f30 {
    display: flex; align-items: center;
    grid-column: 1 / -1;
    margin: 0 0 26px;
    font-size: 26px; font-weight: 800; letter-spacing: 1px;
    color: var(--txt-1); text-align: left;
}
.about-v2 .theme-f30::before {
    content: "";
    width: 5px; height: 26px;
    margin-right: 14px;
    border-radius: 3px;
    background: linear-gradient(180deg, var(--hioki-blue), var(--hioki-accent));
}
.about-v2 .theme-line { display: none; }

/* —— 公司介绍已并入页面头部(abv2-pagehead), 此处仅展示服务理念引言卡 —— */
.about-v2 .introduction-box > :nth-child(1),
.about-v2 .introduction-box > :nth-child(2) { display: none; }   /* 「公司介绍」标题与段落: 与页面头部合并, 不重复展示 */
.about-v2 .introduction-box > .theme-center { text-align: left; }
.about-v2 .introduction-box > .theme-center span { padding: 0; font-size: 20px; font-weight: 700; color: var(--txt-1); }
.about-v2 .introduction-box > .theme-center span::before,
.about-v2 .introduction-box > .theme-center span::after { display: none; }
.about-v2 .introduction-box > :nth-child(3) {
    background: #f0f5ff;
    border-left: 4px solid var(--hioki-blue);
    border-radius: var(--radius-md) var(--radius-md) 0 0;
    padding: 26px 30px 0;
}
.about-v2 .introduction-box > :nth-child(4) {
    background: #f0f5ff;
    border-left: 4px solid var(--hioki-blue);
    border-radius: 0 0 var(--radius-md) var(--radius-md);
    padding: 8px 30px 26px;
}
.about-v2 .introduction-box > :nth-child(4)::before {
    content: "\201C";
    display: block;
    font-family: Georgia, serif;
    font-size: 46px; line-height: .6;
    color: var(--hioki-blue); opacity: .3;
    margin-bottom: 8px;
}

/* —— 业务范围: 双卡片(幽灵编号 + 图标) —— */
.about-v2 .introduction-probox {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 28px;
    row-gap: 0;
    margin-top: 66px;
    align-items: start;
}
.about-v2 .introduction-probox > .theme-f30 { margin-bottom: 26px; }
.about-v2 .introduction-probox > :nth-child(3),
.about-v2 .introduction-probox > :nth-child(5) {
    position: relative;
    overflow: hidden;
    grid-row: 2;
    background: #fff;
    border: 1px solid #e3eaf6;
    border-bottom: 0;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    padding: 26px 28px 0;
    transition: border-color .25s;
}
.about-v2 .introduction-probox > :nth-child(3) { grid-column: 1; }
.about-v2 .introduction-probox > :nth-child(5) { grid-column: 2; }
.about-v2 .introduction-probox > :nth-child(4),
.about-v2 .introduction-probox > :nth-child(6) {
    grid-row: 3;
    background: #fff;
    border: 1px solid #e3eaf6;
    border-top: 0;
    border-radius: 0 0 var(--radius-lg) var(--radius-lg);
    padding: 16px 28px 26px;
    transition: border-color .25s;
}
.about-v2 .introduction-probox > :nth-child(4) { grid-column: 1; }
.about-v2 .introduction-probox > :nth-child(6) { grid-column: 2; }
.about-v2 .introduction-probox > .boxline-tit:hover { border-color: #c6d8fa; }
.about-v2 .boxline-tit { position: relative; }
.about-v2 .boxline-tit p {
    display: flex; align-items: center;
    margin: 0;
    font-size: 19px; font-weight: 700;
    color: var(--txt-1);
}
.about-v2 .boxline-tit p::before {
    content: "\f1b3";                          /* fa-cubes: 仪器销售 */
    font-family: FontAwesome;
    display: inline-flex; align-items: center; justify-content: center;
    width: 44px; height: 44px;
    margin-right: 14px;
    border-radius: 12px;
    background: linear-gradient(120deg, var(--hioki-blue), var(--hioki-accent));
    color: #fff; font-size: 18px;
    flex: none;
}
.about-v2 .boxline-tit3 p::before { content: "\f0ad"; }          /* fa-wrench: 维修校正 */
.about-v2 .boxline-tit span {
    position: absolute;
    top: 2px; right: 14px;
    font-family: Arial, sans-serif;
    font-size: 62px; font-weight: 800; line-height: 1;
    color: rgba(47, 111, 237, .12);
    transition: color .25s;
}
.about-v2 .boxline-tit:hover span { color: rgba(47, 111, 237, .22); }

/* —— 业务应用领域: 四宫格图标卡 —— */
.about-v2 .introduction-area { margin-top: 66px; }
.about-v2 .introduction-area .theme-f20 {
    margin: -12px 0 30px;
    font-size: 15px; line-height: 1.9;
    color: var(--txt-3); text-align: left;
}
.about-v2 .introduction-area ul {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    margin: 0; padding: 0;
    list-style: none;
}
.about-v2 .introduction-area li {
    background: #fff;
    border: 1px solid #e3eaf6;
    border-radius: var(--radius-lg);
    padding: 26px 22px 24px;
    transition: transform .25s, box-shadow .25s, border-color .25s;
}
.about-v2 .introduction-area li:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 32px rgba(13, 42, 92, .1);
    border-color: #c6d8fa;
}
.about-v2 .introduction-area li::before {
    font-family: FontAwesome;
    display: flex; align-items: center; justify-content: center;
    width: 48px; height: 48px;
    margin-bottom: 16px;
    border-radius: 14px;
    color: #fff; font-size: 20px;
}
.about-v2 .introduction-area li:nth-child(1)::before { content: "\f2db"; background: linear-gradient(120deg, #2f6fed, #5aa0ff); }   /* fa-microchip */
.about-v2 .introduction-area li:nth-child(2)::before { content: "\f1b9"; background: linear-gradient(120deg, #ee8d00, #fdba1a); }   /* fa-car */
.about-v2 .introduction-area li:nth-child(3)::before { content: "\f0e7"; background: linear-gradient(120deg, #0891b2, #22d3ee); }    /* fa-bolt */
.about-v2 .introduction-area li:nth-child(4)::before { content: "\f06c"; background: linear-gradient(120deg, #16a34a, #4ade80); }   /* fa-leaf */
.about-v2 .introduction-area li span {
    display: block;
    margin: 0 0 10px;
    font-size: 17px; font-weight: 700;
    color: var(--txt-1);
}
.about-v2 .introduction-area li span i { display: none; }
.about-v2 .introduction-area li p { margin: 0; font-size: 14px; line-height: 1.85; color: var(--txt-2); }

/* —— 公司位置地图 (位于「业务范围」上方, 容器/按钮复用联系我们页 .zyx-contact-map/.zyx-map-btn) —— */
.about-v2-map { margin-top: 66px; }

/* ---------- 底部 CTA 横幅 ---------- */
.abv2-cta {
    position: relative;
    padding: 56px 0;
    background: linear-gradient(120deg, #0d2a5c 0%, #2f6fed 100%);
    overflow: hidden;
}
.abv2-cta::before {
    content: "";
    position: absolute;
    right: -140px; top: -190px;
    width: 420px; height: 420px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, 0) 70%);
    pointer-events: none;
}
.abv2-cta-inner {
    position: relative; z-index: 1;
    display: flex; align-items: center; justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px;
}
.abv2-cta-text h2 { margin: 0 0 10px; font-size: 27px; font-weight: 800; letter-spacing: 1px; color: #fff; }
.abv2-cta-text p { margin: 0; font-size: 15px; line-height: 1.9; color: rgba(255, 255, 255, .82); }
.abv2-cta-btns { display: flex; flex-wrap: wrap; gap: 14px; }

/* ---------- 响应式: 平板 ---------- */
@media (max-width: 991px) {
    .abv2-hero { height: var(--hioki-inner-banner-height-tablet); padding: 0; }  /* ≤991 时 body 已有 padding-top:70px */
    .abv2-hero-title h1 { font-size: 30px; letter-spacing: 2px; }
    .abv2-hero-crumb { font-size: 12px; letter-spacing: 2px; }
    .abv2-pagehead { grid-template-columns: 1fr; gap: 30px; }
    .abv2-pagehead h1 { font-size: 30px; }
    .abv2-hero-figure { justify-self: start; max-width: 100%; }
    .abv2-hero-figure img { height: 240px; }
    .abv2-main { padding: 34px 0 64px; }
    .abv2-tabs { margin-bottom: 40px; }

    .about-v2 .introduction-probox { display: block; }
    .about-v2 .introduction-probox > :nth-child(4) { margin-bottom: 26px; }

    .about-v2 .introduction-area ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ---------- 响应式: 手机 ---------- */
@media (max-width: 767px) {
    .abv2-hero { height: var(--hioki-inner-banner-height-mobile); padding: 0;
        background: var(--abv2-banner-mobile, var(--abv2-banner, url(../img/hioki/banner_about_mobile.jpg))) center / cover no-repeat, #0d2a5c; }
    .abv2-hero-title h1 { font-size: 24px; letter-spacing: 2px; }
    .abv2-hero-crumb { font-size: 11px; letter-spacing: 2px; margin-bottom: 5px; }
    .abv2-eyebrow { font-size: 12px; letter-spacing: 2px; }
    .abv2-pagehead { gap: 24px; margin-bottom: 34px; }
    .abv2-pagehead h1 { font-size: 26px; }
    .abv2-lead { font-size: 14px; line-height: 1.9; }
    .abv2-hero-btns { gap: 10px; }
    .abv2-btn { flex: 1 1 auto; padding: 12px 18px; font-size: 14px; }
    .abv2-hero-figure .corner { width: 60px; height: 60px; top: -10px; left: -10px; }
    .abv2-hero-figure img { height: 185px; border-radius: var(--radius-md); }
    .abv2-hero-badge { padding: 8px 14px; font-size: 12px; }

    .abv2-main { padding: 24px 0 54px; }
    .abv2-tabs { margin-bottom: 30px; padding: 8px; }
    .abv2-tabs a { padding: 9px 18px; font-size: 14px; }

    .about-v2 .theme-f30 { font-size: 21px; }
    .about-v2 .introduction-probox > :nth-child(3),
    .about-v2 .introduction-probox > :nth-child(5) { padding: 20px 18px 0; }
    .about-v2 .introduction-probox > :nth-child(4),
    .about-v2 .introduction-probox > :nth-child(6) { padding: 12px 18px 20px; }
    .about-v2 .boxline-tit p { font-size: 17px; }
    .about-v2 .boxline-tit p::before { width: 38px; height: 38px; font-size: 15px; margin-right: 10px; }
    .about-v2 .boxline-tit span { font-size: 46px; }

    .about-v2 .introduction-area ul { grid-template-columns: 1fr; gap: 14px; }
    .about-v2 .introduction-area li { padding: 20px 18px; }

    .about-v2-map { margin-top: 40px; }

    .abv2-cta { padding: 40px 0; }
    .abv2-cta-inner { flex-direction: column; align-items: flex-start; }
    .abv2-cta-text h2 { font-size: 21px; }
    .abv2-cta-btns { width: 100%; }
    .abv2-cta-btns .abv2-btn { flex: 1 1 auto; }
}

/* =====================================================================
   行业资讯列表 V2 (nwv2) —— 脱离日置左侧栏+日期行版式
   胶囊选项卡(复用 abv2-tabs) + 卡片网格(首条通栏大卡), 与关于页同设计语言
   ===================================================================== */
.nwv2-main { padding: 46px 0 84px; }
.nwv2-main .abv2-tabs { margin-bottom: 26px; }   /* 二级导航后还有分类筛选行, 收紧间距 */

/* 选项卡内计数 */
.abv2-tabs .nwv2-tab-cnt {
    margin-left: 7px;
    font-size: 12px; font-weight: 600;
    opacity: .72;
}
.abv2-tabs a.active .nwv2-tab-cnt { opacity: .9; }

/* 新闻分类筛选: 轻量小标签(区别于上方二级导航胶囊) */
.nwv2-cats {
    display: flex; flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 26px;
}
.nwv2-cats a {
    padding: 8px 18px;
    border: 1px solid #dbe4f3;
    border-radius: var(--radius-pill);
    background: #fff;
    font-size: 13px; font-weight: 600;
    color: var(--txt-2);
    transition: color .2s, border-color .2s, background .2s;
}
.nwv2-cats a:hover { color: var(--hioki-blue); border-color: #c6d8fa; }
.nwv2-cats a.active {
    background: #f0f5ff;
    border-color: var(--hioki-blue);
    color: var(--hioki-blue);
}
.nwv2-cats .nwv2-tab-cnt { margin-left: 5px; font-size: 11px; opacity: .7; }

/* 列表头 */
.nwv2-head {
    display: flex; align-items: baseline;
    gap: 14px;
    margin: 0 0 26px;
}
.nwv2-title {
    display: flex; align-items: center;
    margin: 0;
    font-size: 24px; font-weight: 800; letter-spacing: 1px;
    color: var(--txt-1);
}
.nwv2-title::before {
    content: "";
    width: 5px; height: 22px;
    margin-right: 12px;
    border-radius: 3px;
    background: linear-gradient(180deg, var(--hioki-blue), var(--hioki-accent));
}
.nwv2-count { font-size: 14px; color: var(--txt-3); }

/* 页面导语(后台「关于我们→行业资讯」可配, 留空隐藏; 紧跟二级导航胶囊) */
.nwv2-intro {
    margin: -6px 0 22px;
    font-size: 14px;
    line-height: 1.9;
    color: var(--txt-2);
}

/* 卡片网格 */
.nwv2-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}
.nwv2-item {
    display: flex;
    background: #fff;
    border: 1px solid #e3eaf6;
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: transform .25s, box-shadow .25s, border-color .25s;
}
.nwv2-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 32px rgba(13, 42, 92, .1);
    border-color: #c6d8fa;
}

/* 左侧日期块 */
.nwv2-date {
    flex: none;
    width: 82px;
    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    background: linear-gradient(180deg, #f0f5ff 0%, #e3edff 100%);
    border-right: 1px solid #e3eaf6;
}
.nwv2-date .d { font-size: 30px; font-weight: 800; line-height: 1.1; color: var(--hioki-blue); font-family: Arial, sans-serif; }
.nwv2-date .ym { margin-top: 4px; font-size: 12px; letter-spacing: 1px; color: var(--txt-3); font-family: Arial, sans-serif; }

/* 卡片内容 */
.nwv2-body {
    flex: 1; min-width: 0;
    display: flex; flex-direction: column;
    padding: 20px 22px;
}
.nwv2-src {
    align-self: flex-start;
    padding: 3px 11px;
    border-radius: var(--radius-pill);
    background: rgba(47, 111, 237, .1);
    color: var(--hioki-blue);
    font-size: 12px; font-weight: 700; letter-spacing: .5px;
}
.nwv2-item-title {
    margin: 10px 0 8px;
    font-size: 17px; font-weight: 700; line-height: 1.55;
    color: var(--txt-1);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.nwv2-item-desc {
    margin: 0;
    font-size: 14px; line-height: 1.8;
    color: var(--txt-2);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.nwv2-more {
    margin-top: auto;
    padding-top: 12px;
    font-size: 13px; font-weight: 600;
    color: var(--hioki-blue);
}
.nwv2-more i { margin-left: 4px; transition: transform .2s; }
.nwv2-item:hover .nwv2-more i { transform: translateX(4px); }

/* 首条通栏大卡 */
.nwv2-item.featured { grid-column: 1 / -1; }
.nwv2-item.featured .nwv2-date { width: 110px; }
.nwv2-item.featured .nwv2-date .d { font-size: 44px; }
.nwv2-item.featured .nwv2-item-title { font-size: 21px; }
.nwv2-item.featured .nwv2-body { padding: 26px 30px; }

/* ---------- 响应式 ---------- */
@media (max-width: 991px) {
    .nwv2-main { padding: 34px 0 64px; }
    .nwv2-main .abv2-tabs { margin-bottom: 22px; }
    .nwv2-grid { grid-template-columns: 1fr; gap: 16px; }
}
@media (max-width: 767px) {
    .nwv2-main { padding: 24px 0 54px; }
    .nwv2-main .abv2-tabs { margin-bottom: 18px; }
    .nwv2-cats { gap: 8px; margin-bottom: 18px; }
    .nwv2-cats a { padding: 6px 14px; font-size: 12px; }
    .nwv2-head { margin-bottom: 18px; }
    .nwv2-title { font-size: 20px; }
    .nwv2-count { font-size: 13px; }
    .nwv2-intro { margin: -2px 0 16px; font-size: 13px; }
    .nwv2-date { width: 66px; }
    .nwv2-date .d { font-size: 24px; }
    .nwv2-body { padding: 16px; }
    .nwv2-item-title { font-size: 16px; }
    .nwv2-item-desc { font-size: 13px; }
    .nwv2-item.featured .nwv2-date { width: 84px; }
    .nwv2-item.featured .nwv2-date .d { font-size: 32px; }
    .nwv2-item.featured .nwv2-item-title { font-size: 17px; }
    .nwv2-item.featured .nwv2-body { padding: 18px 20px; }
}

/* =====================================================================
   免责声明条款 (zyx-dz): 编号徽章 + 条款正文, 双端适配
   ===================================================================== */
.zyx-dz {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin: 0 0 20px;
}
.zyx-dz .no {
    flex: none;
    width: 30px; height: 30px;
    margin-top: 3px;
    border-radius: 50%;
    background: linear-gradient(120deg, var(--hioki-blue), var(--hioki-accent));
    color: #fff;
    font-size: 14px; font-weight: 700; line-height: 1;
    display: inline-flex; align-items: center; justify-content: center;
    font-family: Arial, sans-serif;
}
.zyx-dz p {
    margin: 0;
    flex: 1; min-width: 0;
    font-size: 15px; line-height: 2;
    color: var(--txt-2);
    text-align: justify;
}
.zyx-dz-note {
    margin: 30px 0 0;
    padding-top: 18px;
    border-top: 1px dashed #dbe4f3;
    font-size: 14px; font-weight: 600;
    color: var(--txt-3);
    text-align: right;
}

@media (max-width: 767px) {
    .zyx-dz { gap: 10px; margin-bottom: 16px; }
    .zyx-dz .no { width: 26px; height: 26px; font-size: 13px; margin-top: 4px; }
    .zyx-dz p { font-size: 14px; line-height: 1.9; }
    .zyx-dz-note { font-size: 13px; }
}

/* =====================================================================
   免责声明弹窗 (zyx-modal): 遮罩 + 居中卡片, 内容区内部滚动, 双端适配
   ===================================================================== */
.zyx-modal { position: fixed; inset: 0; z-index: 3000; display: none; }
.zyx-modal.show { display: block; }
.zyx-modal-mask {
    position: absolute; inset: 0;
    background: rgba(13, 42, 92, .55);
    animation: zyxFade .2s ease both;
}
.zyx-modal-dialog {
    position: relative; z-index: 1;
    width: min(760px, 92vw);
    max-height: 84vh;
    margin: 8vh auto 0;
    background: #fff;
    border-radius: var(--radius-lg);
    box-shadow: 0 24px 60px rgba(4, 18, 46, .35);
    display: flex; flex-direction: column;
    overflow: hidden;
    animation: zyxPop .25s ease both;
}
.zyx-modal-head {
    flex: none;
    display: flex; align-items: center; justify-content: space-between;
    padding: 18px 24px;
    border-bottom: 1px solid #eef2f9;
}
.zyx-modal-head h3 {
    margin: 0;
    display: flex; align-items: center;
    font-size: 18px; font-weight: 800; letter-spacing: 1px;
    color: var(--txt-1);
}
.zyx-modal-head h3 i { margin-right: 10px; color: var(--hioki-blue); }
.zyx-modal-close {
    flex: none;
    width: 34px; height: 34px;
    border: 0; border-radius: 50%;
    background: #f0f4fb;
    color: var(--txt-3);
    font-size: 15px;
    cursor: pointer;
    transition: background .2s, color .2s;
}
.zyx-modal-close:hover { background: var(--hioki-blue); color: #fff; }
.zyx-modal-body {
    flex: 1; min-height: 0;
    padding: 22px 26px 26px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.zyx-modal-loading {
    padding: 60px 0;
    text-align: center;
    color: var(--txt-3); font-size: 14px;
}
.zyx-modal-loading i { margin-right: 8px; }
@keyframes zyxFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes zyxPop { from { opacity: 0; transform: translateY(18px) scale(.97); } to { opacity: 1; transform: none; } }

@media (max-width: 767px) {
    .zyx-modal-dialog {
        width: 94vw;
        max-height: 86vh;
        margin-top: 6vh;
        border-radius: var(--radius-md);
    }
    .zyx-modal-head { padding: 14px 16px; }
    .zyx-modal-head h3 { font-size: 16px; }
    .zyx-modal-close { width: 30px; height: 30px; }
    .zyx-modal-body { padding: 16px 16px 20px; }
}

/* =====================================================================
   常见问题 FAQ V2 (faqv2) —— 与 abv2(公司概况) / nwv2(行业资讯) 同设计语言
   结构复用 nwv2-grid/nwv2-item, 仅将左侧新闻日期块换成橙色 Q 问答徽标
   ===================================================================== */
.faqv2-item .faqv2-q {
    flex: none;
    width: 82px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #fff6e9 0%, #ffe5c2 100%);
    border-right: 1px solid #ffe2bd;
    color: #ee8d00;
}
.faqv2-item .faqv2-q .q {
    font-family: Arial, sans-serif;
    font-size: 34px;
    font-weight: 800;
    line-height: 1.1;
}
.faqv2-item .faqv2-q .lbl {
    margin-top: 4px;
    font-size: 12px;
    letter-spacing: 1px;
    color: #c27a12;
}
.faqv2-item:hover .faqv2-q {
    border-right-color: #f6c67a;
}
@media (max-width: 767px) {
    .faqv2-item .faqv2-q { width: 62px; }
    .faqv2-item .faqv2-q .q { font-size: 26px; }
    .faqv2-item .faqv2-q .lbl { font-size: 11px; }
}

/* =====================================================================
   常见问题 FAQ 筛选栏 (faqv2): 高频分类胶囊 + 「更多分类」折叠
   2026-09-02 优化: 50 个分类全平铺显乱, 折叠区收起, 移动端自动换行
   ===================================================================== */
.faq-cats .faq-cats-more {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
}
.faq-cats .faq-cats-more[hidden] { display: none; }

.faq-cat-toggle {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 14px;
    border: 1px dashed #c3d2ea;
    border-radius: var(--radius-pill);
    background: #fbfdff;
    color: var(--txt-3);
    font-size: 13px;
    font-weight: 600;
    font-family: inherit;
    line-height: 1.5;
    cursor: pointer;
    transition: color .2s, border-color .2s, background .2s;
}
.faq-cat-toggle:hover { color: var(--hioki-blue); border-color: var(--hioki-blue); background: #f0f5ff; }
.faq-cat-toggle .faq-cat-more-cnt { margin-left: 3px; opacity: .72; font-size: 11px; }

@media (max-width: 767px) {
    .faq-cat-toggle { padding: 6px 12px; font-size: 12px; }
    .faq-cats .faq-cats-more { gap: 8px; }
}