/* =============================================================
   HelpGeo 企业官网独立站 · 结构层样式
   -------------------------------------------------------------
   只负责布局 / 组件结构 / 响应式；配色、字体、装饰全部走 CSS 变量，
   由 css/site_skin_*.css（皮肤）覆盖。新增主题 = 加一个皮肤文件即可。
   本文件被 site_chrome_head.php 引入，site.php 与 site_item.php 共用。
   ============================================================= */

:root{
    /* —— 品牌色 —— */
    --primary:#1a56a5;
    --primary-2:#2f7fe0;
    --primary-soft:rgba(47,127,224,.12);
    --primary-line:rgba(26,86,165,.16);
    --accent:#e07830;
    --accent-2:#d4661f;
    /* —— 中性色 —— */
    --ink:#111827;
    --text:#1f2937;
    --text-2:#4b5563;   /* 正文次要（FAQ 答案、卡片正文） */
    --text-3:#9aa3b2;   /* 最弱（来源行、图注） */
    --nav-fg:#374151;   /* 导航文字 */
    --muted:#6b7280;
    --line:#e6eaf2;
    --soft:#f5f8fc;
    --surface:#fff;
    --page-bg:#fff;
    --dark:#0c1524;
    --dark-2:#122036;
    /* —— 主视觉 —— */
    --hero-bg:radial-gradient(900px 440px at 10% -12%, rgba(47,127,224,.42), transparent 62%),
              radial-gradient(680px 380px at 92% 8%, rgba(224,120,48,.20), transparent 64%),
              linear-gradient(165deg,#0c1524 0%,#132238 52%,#0b1421 100%);
    --hero-fg:#fff;
    --hero-sub:#c9d9ef;
    --hero-eyebrow:rgba(255,255,255,.62);
    --hero-tag-bg:rgba(255,255,255,.1);
    --hero-tag-bd:rgba(255,255,255,.18);
    --hero-tag-fg:#d7e6fb;
    --hero-card-bg:rgba(255,255,255,.06);
    --hero-card-line:rgba(255,255,255,.12);
    --hero-card-k:#a6bad4;
    --hero-btn-bg:linear-gradient(120deg,var(--primary-2),var(--primary));
    --hero-btn-fg:#fff;
    --hero-btn-bd:rgba(255,255,255,.42);
    --hero-btn-bd-fg:#fff;
    --hero-grid:rgba(255,255,255,.055);
    --hero-grid-on:1;
    /* —— 外壳 —— */
    --head-bg:rgba(255,255,255,.92);
    --head-line:var(--line);
    --foot-bg:linear-gradient(180deg,var(--dark-2) 0%,var(--dark) 100%);
    --foot-fg:#c3cddc;
    --foot-muted:#93a4bb;
    --foot-title:#fff;
    /* —— 字体 —— */
    --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
    --font-title:inherit;
    --title-weight:800;
    --title-spacing:-.01em;
    /* —— 形与影 —— */
    --r-s:12px; --r-m:16px; --r-l:20px;
    --sh-s:0 2px 10px rgba(15,23,42,.05);
    --sh-m:0 14px 34px rgba(15,23,42,.08);
    --sh-l:0 26px 60px rgba(15,23,42,.12);
    /* —— 版式装饰（皮肤可覆盖） —— */
    --kicker-size:12px;
    --kicker-spacing:.18em;
    --pc-no-display:none;
    --sec-bar:linear-gradient(180deg,var(--primary-2),var(--primary));
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--text);background:var(--page-bg);line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}
[id]{scroll-margin-top:96px}

/* =============================================================
   行动号召条（位于页脚上方）
   ============================================================= */
.join-bar{background:linear-gradient(100deg,#fff8f0 0%,#f4f9ff 52%,#eef5ff 100%);border-top:1px solid #eceff5}
.join-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 0;flex-wrap:wrap}
.join-txt{display:flex;align-items:center;gap:11px;min-width:0}
.join-txt .join-ico{
    width:34px;height:34px;flex:none;border-radius:10px;
    background:linear-gradient(135deg,rgba(224,120,48,.18),rgba(224,120,48,.08));
    display:flex;align-items:center;justify-content:center;font-size:16px;
}
.join-txt b{display:block;color:var(--ink);font-size:14px;font-weight:700;line-height:1.5}
.join-txt span{display:block;color:var(--muted);font-size:12.5px;line-height:1.6}
.join-btn{
    flex:none;display:inline-flex;align-items:center;gap:6px;
    background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#fff;
    border-radius:999px;padding:9px 20px;font-size:13.5px;font-weight:600;
    box-shadow:0 8px 20px rgba(224,120,48,.28);transition:.22s;
}
.join-btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(224,120,48,.36);color:#fff}

/* =============================================================
   顶部信息条
   ============================================================= */
.top-bar{background:var(--dark);color:#93a5bf;font-size:12.5px}
.top-bar .container{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:34px;padding-top:5px;padding-bottom:5px;flex-wrap:wrap}
.top-bar a{color:#c3d2e6;transition:.2s}
.top-bar a:hover{color:#fff}
.tb-actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.tb-actions .tb-login{color:#ffb98a;font-weight:700}
.tb-actions .tb-login:hover{color:#fff}

/* =============================================================
   站点导航
   ============================================================= */
.header{position:sticky;top:0;z-index:60;background:var(--head-bg);backdrop-filter:saturate(1.6) blur(10px);border-bottom:1px solid var(--head-line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;height:74px;position:relative}
.logo{display:flex;align-items:center;gap:12px;min-width:0}
.logo-mark{
    width:44px;height:44px;border-radius:13px;flex:none;
    background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;
    display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:800;overflow:hidden;
    box-shadow:0 8px 20px rgba(15,23,42,.18);
}
.logo-mark img{width:100%;height:100%;object-fit:contain;background:#fff}
.logo-name{display:block;font-size:16.5px;font-weight:700;color:var(--ink);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.logo-tag{display:block;font-size:11.5px;color:var(--muted);letter-spacing:.02em}
.nav{display:flex;align-items:center;gap:26px}
.nav a{position:relative;font-size:14.5px;color:var(--nav-fg);font-weight:500;transition:.2s;padding:4px 0}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;background:var(--primary);transform:scaleX(0);transform-origin:left;transition:.25s}
.nav a:hover{color:var(--primary)}
.nav a:hover::after{transform:scaleX(1)}

/* ==================== V3.5 站点导航二级下拉（结构层，所有皮肤共用） ====================
   下拉的渲染在 includes/site_chrome_head.php（$navSub 有数据时输出），
   这里负责隐藏/定位/hover 展开；配色走变量，皮肤只做微调。 */
.nav .nav-item{position:relative;display:inline-block}
.nav .nav-item > a{display:inline-block}
.nav .nav-drop{
    position:absolute;left:50%;top:100%;transform:translate(-50%,8px);min-width:230px;z-index:60;
    background:var(--surface);border:1px solid var(--line);border-top:2px solid var(--primary);
    box-shadow:0 18px 40px rgba(15,23,42,.14);border-radius:0 0 10px 10px;
    padding:8px 0;opacity:0;visibility:hidden;transition:.2s;
}
.nav .nav-item:hover .nav-drop,
.nav .nav-item:focus-within .nav-drop{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nav .nav-drop a{display:block;margin:0;padding:9px 18px;font-size:13.5px;border-radius:0;white-space:nowrap}
.nav .nav-drop a::after{display:none}
.nav .nav-drop a:hover{background:var(--primary-soft);color:var(--primary)}
.nav .nav-drop .nav-drop-all{color:var(--primary);border-top:1px dashed var(--line);margin-top:4px}
/* 移动端抽屉（≤980px）：下拉改为静态展开的二级列表 */
@media (max-width:980px){
    .nav .nav-item{display:block}
    .nav .nav-item > a{display:block}
    .nav .nav-drop{
        position:static;transform:none;opacity:1;visibility:visible;min-width:0;
        box-shadow:none;border:0;border-left:2px solid var(--primary-line);border-radius:0;
        margin-left:12px;padding:2px 0;
    }
    .nav .nav-drop a{font-size:13px;padding:8px 0 8px 12px;color:var(--text-2)}
}
.nav .nav-cta{
    background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#fff;padding:9px 22px;border-radius:999px;
    box-shadow:0 8px 20px rgba(224,120,48,.26);
}
.nav .nav-cta::after{display:none}
.nav .nav-cta:hover{transform:translateY(-1px);color:#fff}
.menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:11px;background:#fff;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}
.menu-toggle span{display:block;width:18px;height:2px;background:var(--nav-fg);border-radius:2px}

/* =============================================================
   企业主视觉
   ============================================================= */
.ehero{position:relative;overflow:hidden;color:var(--hero-fg);padding:58px 0 62px;background:var(--hero-bg)}
.ehero::before{
    content:"";position:absolute;inset:0;pointer-events:none;opacity:var(--hero-grid-on);
    background-image:
        linear-gradient(var(--hero-grid) 1px, transparent 1px),
        linear-gradient(90deg, var(--hero-grid) 1px, transparent 1px);
    background-size:52px 52px;
    -webkit-mask-image:radial-gradient(78% 62% at 50% 0%, #000, transparent 78%);
    mask-image:radial-gradient(78% 62% at 50% 0%, #000, transparent 78%);
}
.ehero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent)}
/* 主视觉横幅图：层级为「遮罩 → 图片 → 底色」
   遮罩强度由各主题的 --hero-mask 决定（深色主题压暗、浅色主题压亮），
   未上传横幅图时不加 has-hero，只显示底色渐变 */
.ehero.has-hero{
    background-image:var(--hero-mask,rgba(12,24,40,.55)), var(--hero-img,none), var(--hero-bg);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    /* 只呈现图片本身：高度随视口自适应，不再为叠加内容留白 */
    padding:0;
    min-height:clamp(200px,32vw,440px);
}
/* 有实拍图时不再叠网格纹理，避免画面发脏 */
.ehero.has-hero::before{display:none}
/* 上传横幅图后，主视觉只显示图片：
   图片通常自带企业名与卖点文字，再叠加平台生成的大标题 / 标签 / 按钮 / 数据
   会形成两层文字互相压叠。这里把整块内容层转为「视觉隐藏但语义可读」，
   h1、主营、CTA 仍留在 DOM 中供搜索引擎与屏幕阅读器使用（不是隐藏关键词）。 */
.ehero.has-hero .ehead{
    position:absolute;width:1px;height:1px;padding:0;margin:-1px;
    overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.ehead{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:38px;align-items:center}

/* ==================== V3.5 主视觉轮播（结构层：所有皮肤共用，配色走变量） ====================
   slides 由 site.php 渲染（横幅图 + 内容配图最多 3 张），
   先于 .ehead 输出，绝对定位铺满主视觉，淡入淡出切换。 */
.ehero-slides{position:absolute;inset:0;z-index:0;overflow:hidden}
.ehero-slides .eslide{
    position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;
    opacity:0;transition:opacity .9s ease;
}
.ehero-slides .eslide.on{opacity:1}
.ehero::after{
    content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
    background:var(--hero-mask,linear-gradient(180deg,rgba(8,33,60,.18) 0%,rgba(8,33,60,.3) 60%,rgba(8,33,60,.5) 100%));
}
.ehero-dots{position:absolute;left:0;right:0;bottom:24px;z-index:4;display:flex;justify-content:center;gap:9px}
.ehero-dots i{
    width:26px;height:3px;background:rgba(255,255,255,.45);border-radius:2px;cursor:pointer;transition:.25s;
}
.ehero-dots i.on{background:#fff;width:38px}

/* ==================== V3.5 新闻栏目：日期块列表（结构层） ==================== */
.news-list{display:flex;flex-direction:column}
.news-item{
    display:flex;gap:22px;align-items:flex-start;padding:22px 4px;
    border-bottom:1px dashed var(--line);text-decoration:none;transition:.2s;
}
.news-item:hover{background:var(--soft);padding-left:12px}
.news-date{
    flex:none;width:76px;text-align:center;background:var(--primary);color:#fff;
    border-radius:var(--r-s);padding:10px 0;
}
.news-date b{display:block;font-size:26px;line-height:1.1;font-weight:800}
.news-date i{display:block;font-style:normal;font-size:12px;opacity:.92;margin-top:2px}
.news-txt{flex:1;min-width:0}
.news-txt h3{margin:0 0 6px;font-size:16.5px;font-weight:700;color:var(--ink)}
.news-item:hover .news-txt h3{color:var(--primary)}
.news-txt p{margin:0;font-size:13.5px;line-height:1.85;color:var(--text-2)}
.news-more{flex:none;align-self:center;font-size:13px;color:var(--primary);white-space:nowrap}
@media (max-width:640px){
    .news-item{gap:14px}
    .news-date{width:62px}
    .news-date b{font-size:22px}
    .news-more{display:none}
}
.ehero-main{display:flex;gap:24px;align-items:flex-start;min-width:0}
.hero-eyebrow{
    display:block;font-size:var(--kicker-size);letter-spacing:var(--kicker-spacing);
    text-transform:uppercase;color:var(--hero-eyebrow);margin-bottom:10px;font-weight:600;
}
.elogo{
    width:112px;height:112px;border-radius:24px;flex:none;background:#fff;
    display:flex;align-items:center;justify-content:center;overflow:hidden;
    box-shadow:0 18px 40px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.9);
}
.elogo img{width:100%;height:100%;object-fit:contain;padding:9px}
.elogo span{font-size:42px;font-weight:800;color:var(--primary)}
.einfo{min-width:0;flex:1}
.einfo h1{
    font-family:var(--font-title);font-size:33px;line-height:1.32;color:var(--hero-fg);
    font-weight:var(--title-weight);letter-spacing:var(--title-spacing);
}
.etags{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0 0}
.etags span{
    font-size:12.5px;color:var(--hero-tag-fg);background:var(--hero-tag-bg);
    border:1px solid var(--hero-tag-bd);border-radius:999px;padding:4px 13px;backdrop-filter:blur(4px);
}
.emain{margin-top:11px;font-size:15px;color:var(--hero-sub)}
.eactions{display:flex;gap:11px;flex-wrap:wrap;margin-top:22px}
.estats{
    display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:12px;flex:none;
    background:var(--hero-card-bg);border:1px solid var(--hero-card-line);
    border-radius:var(--r-l);padding:16px;backdrop-filter:blur(6px);
    box-shadow:0 18px 44px rgba(0,0,0,.2);
}
.estat{padding:10px 12px;border-radius:var(--r-s);background:rgba(255,255,255,.05)}
.estat .k{display:block;font-size:11.5px;color:var(--hero-card-k);letter-spacing:.02em}
.estat .v{display:block;margin-top:3px;font-size:16px;font-weight:800;color:var(--hero-fg);line-height:1.45}

/* 按钮 */
.btn{
    display:inline-flex;align-items:center;justify-content:center;gap:7px;
    border-radius:999px;padding:12px 28px;font-size:14.5px;font-weight:600;
    transition:.22s;border:1px solid transparent;white-space:nowrap;cursor:pointer;
}
.btn-primary{background:var(--hero-btn-bg);color:var(--hero-btn-fg);box-shadow:0 12px 28px rgba(15,23,42,.22)}
.btn-primary:hover{transform:translateY(-2px);color:var(--hero-btn-fg)}
.btn-outline{border-color:var(--hero-btn-bd);color:var(--hero-btn-bd-fg);background:rgba(255,255,255,.06)}
.btn-outline:hover{background:#fff;color:var(--primary);border-color:#fff}
.btn-accent{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#fff}
.btn-accent:hover{transform:translateY(-2px);color:#fff}
/* 浅底区块内的按钮（详情页等复用） */
.section .btn-primary,.section-soft .btn-primary{background:linear-gradient(120deg,var(--primary-2),var(--primary));color:#fff}
.section .btn-outline,.section-soft .btn-outline{border-color:var(--primary-line);color:var(--primary);background:var(--surface)}
.section .btn-outline:hover,.section-soft .btn-outline:hover{background:var(--primary);color:#fff;border-color:var(--primary)}

/* =============================================================
   通用区块
   ============================================================= */
.section{padding:64px 0}
.section-soft{background:linear-gradient(180deg,var(--soft) 0%,#f7fafd 100%)}
.section-head{margin-bottom:34px}
.sec-kicker{
    display:block;font-size:var(--kicker-size);letter-spacing:var(--kicker-spacing);
    text-transform:uppercase;color:var(--primary);font-weight:700;margin-bottom:8px;
}
.section-head h2{
    font-family:var(--font-title);font-size:27px;font-weight:var(--title-weight);
    color:var(--ink);letter-spacing:var(--title-spacing);
    position:relative;display:inline-block;padding-left:16px;
}
.section-head h2::before{
    content:"";position:absolute;left:0;top:.32em;bottom:.32em;width:5px;border-radius:3px;background:var(--sec-bar);
}
.section-sub{margin-top:10px;color:var(--muted);font-size:14.2px;max-width:760px}
/* 企业速览：页面顶部的实体定义段（搜索摘要与 AI 摘录主要取这里） */
.section-brief{padding-top:40px;padding-bottom:0}
.site-brief{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);padding:24px 28px}
.site-brief-tag{
    display:inline-block;font-size:12px;font-weight:700;color:var(--primary);
    background:var(--primary-soft);border-radius:999px;padding:3px 12px;margin-bottom:10px;
}
.site-brief p{font-size:15px;line-height:2;color:var(--text-2)}
@media (max-width:760px){ .site-brief{padding:20px 18px} .site-brief p{font-size:14px;line-height:1.95} }

/* 数据统计条 */
.stat-strip{
    display:grid;grid-template-columns:repeat(3,1fr);gap:0;
    background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);
    box-shadow:var(--sh-s);overflow:hidden;margin-bottom:22px;
}
.stat-cell{padding:22px 20px;text-align:center;position:relative}
.stat-cell + .stat-cell::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--line)}
.stat-cell .sv{
    font-family:var(--font-title);font-size:28px;font-weight:var(--title-weight);
    color:var(--primary);line-height:1.2;letter-spacing:-.02em;
}
.stat-cell .sv small{font-size:14px;font-weight:700;margin-left:2px}
/* 文字型统计值（如「服务区域：全国」）：28px 大字会撑破格子，单独降一档 */
.stat-cell .sv.sv-text{font-size:19px;font-weight:600;letter-spacing:0}
.stat-cell .sk{margin-top:4px;font-size:13px;color:var(--muted)}

/* 企业实力 */
.power-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.power-card{
    position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);
    border-radius:var(--r-l);padding:28px 24px;transition:.28s;
}
.power-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--sec-bar);opacity:0;transition:.28s}
.power-card:hover{transform:translateY(-5px);box-shadow:var(--sh-m);border-color:var(--primary-line)}
.power-card:hover::before{opacity:1}
.pc-no{
    display:var(--pc-no-display);font-family:var(--font-title);font-size:30px;font-weight:800;
    color:var(--primary);opacity:.28;line-height:1;margin-bottom:10px;letter-spacing:.02em;
}
.pc-icon{
    width:56px;height:56px;border-radius:17px;margin-bottom:16px;
    background:var(--primary-soft);border:1px solid var(--primary-line);
    display:flex;align-items:center;justify-content:center;color:var(--primary);
}
.pc-icon svg{width:26px;height:26px}
.power-card h3{font-family:var(--font-title);font-size:17px;color:var(--ink);margin-bottom:9px;font-weight:700}
.power-card p{font-size:13.6px;color:var(--muted);line-height:1.95}

/* 核心产品 */
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.product-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;transition:.28s;display:flex;flex-direction:column}
.product-item:hover{transform:translateY(-6px);box-shadow:var(--sh-l);border-color:var(--primary-line)}
.pi-img{
    position:relative;aspect-ratio:4/3;min-height:170px;overflow:hidden;
    background:linear-gradient(135deg,var(--soft),var(--primary-soft));
    display:flex;align-items:center;justify-content:center;color:var(--primary);opacity:1;
}
.pi-img svg{opacity:.4}
.pi-img img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.product-item:hover .pi-img img{transform:scale(1.07)}
.pi-body{padding:16px 18px 18px;flex:1;display:flex;flex-direction:column}
.pi-cat{
    display:inline-block;align-self:flex-start;font-size:11.5px;font-weight:600;
    color:var(--primary);background:var(--primary-soft);border:1px solid var(--primary-line);
    border-radius:999px;padding:2px 11px;margin-bottom:9px;
}
.pi-body h3{font-family:var(--font-title);font-size:15.2px;line-height:1.6;color:var(--ink);font-weight:700;margin-bottom:9px}
.pi-desc{font-size:13px;color:var(--muted);line-height:1.9;flex:1}
.pi-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:13px;padding-top:12px;border-top:1px dashed var(--line);font-size:12px;color:var(--muted)}
.pi-meta a{color:var(--primary);font-weight:600}
.pi-fold{margin-top:10px}
.pi-fold summary{cursor:pointer;list-style:none;font-size:12.5px;color:var(--primary);font-weight:600}
.pi-fold summary::-webkit-details-marker{display:none}
.pi-fold summary::after{content:" ＋"}
.pi-fold[open] summary::after{content:" －"}
.pi-full{margin-top:9px;padding-top:10px;border-top:1px dashed var(--line);font-size:13px;color:var(--text-2);line-height:1.95;word-break:break-word}

/* 应用行业 */
.industry-chips{display:flex;flex-wrap:wrap;gap:10px}
.industry-chip{
    background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:9px 20px;
    font-size:14px;color:var(--text-2);box-shadow:var(--sh-s);transition:.22s;
}
.industry-chip:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}

/* 关于我们 */
.about-wrap{max-width:900px;display:flex;flex-direction:column;gap:18px}
.about-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:32px 36px;box-shadow:var(--sh-s)}
.about-cover{margin:0 0 20px}
.about-cover img{width:100%;max-height:340px;object-fit:cover;border-radius:var(--r-m)}
.about-title{font-family:var(--font-title);font-size:19px;font-weight:var(--title-weight);color:var(--ink);line-height:1.5;margin-bottom:16px;padding-left:14px;border-left:4px solid var(--primary)}
.about-body{font-size:14.5px;line-height:2.1;color:var(--text-2)}
.about-body figure.bd-img{margin:22px 0}
.about-body figure.bd-img img{max-height:none;object-fit:contain;background:var(--soft)}
.about-meta{margin-top:20px;padding-top:14px}
a.about-link{display:block;transition:.28s;color:inherit}
a.about-link:hover{transform:translateY(-3px);border-color:var(--primary-line);box-shadow:var(--sh-m)}
a.about-link:hover .about-title{color:var(--primary)}
a.about-link:hover .src .go{text-decoration:underline}
.company-intro{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:30px 32px}
.company-intro p{font-size:14.6px;color:var(--text-2);line-height:2.05}

/* 资质 / 案例 / 新闻 等通用板块 */
.art-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.art-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);padding:20px 22px;transition:.28s}
.art-card h3{font-family:var(--font-title);font-size:15.2px;color:var(--ink);margin-bottom:9px;padding-left:12px;border-left:3px solid var(--primary);line-height:1.6}
a.art-link{display:block;color:inherit}
a.art-link:hover{transform:translateY(-4px);border-color:var(--primary-line);box-shadow:var(--sh-m)}
a.art-link:hover h3{color:var(--primary)}
.art-card .art-txt{font-size:13.5px;color:var(--text-2);line-height:1.95;word-break:break-word}
.art-card p{font-size:13.5px;color:var(--muted);line-height:1.95}
.art-card img{width:100%;max-height:210px;object-fit:cover;border-radius:var(--r-s);margin-bottom:13px}

/* 正文插图 */
figure.bd-img{margin:16px 0}
figure.bd-img img{width:100%;height:auto;border-radius:var(--r-m);border:1px solid var(--line);display:block}
figure.bd-img figcaption{margin-top:7px;text-align:center;font-size:12px;color:var(--text-3)}
/* height:auto 是关键兜底：图片一旦被赋予固定高度（内联 style 或其它规则），
   再叠加宽度约束就会被非等比拉伸，这里统一让高度按比例走 */
.art-txt img,.fq-a img,.pi-full img,.item-body img{max-width:100%;height:auto;border-radius:var(--r-s);margin:6px 0;display:block}

/* 来源信息行 */
.src{margin-top:12px;padding-top:11px;border-top:1px dashed var(--line);display:flex;flex-wrap:wrap;gap:5px 18px;font-size:12px;color:var(--text-3)}
.src a{color:var(--primary)}
.src a:hover{text-decoration:underline}
.src .go{color:var(--primary);font-weight:700}
a.art-link:hover .src .go{text-decoration:underline}

/* 常见问题 */
.faq-list{max-width:920px;display:flex;flex-direction:column;gap:12px;counter-reset:faq}
.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden;transition:.24s}
.faq-item[open]{border-color:var(--primary-line);box-shadow:var(--sh-s)}
.fq-q{
    counter-increment:faq;cursor:pointer;list-style:none;position:relative;
    padding:16px 52px 16px 54px;font-size:15px;font-weight:700;color:var(--ink);line-height:1.7;
}
.fq-q::-webkit-details-marker{display:none}
.fq-q::before{
    content:counter(faq,decimal-leading-zero);position:absolute;left:20px;top:17px;
    font-family:var(--font-title);font-size:12.5px;font-weight:800;color:var(--primary);opacity:.65;letter-spacing:.02em;
}
.fq-q::after{
    content:"";position:absolute;right:20px;top:23px;width:8px;height:8px;
    border-right:2px solid var(--primary);border-bottom:2px solid var(--primary);
    transform:rotate(45deg);transition:transform .25s;
}
.faq-item[open] .fq-q::after{transform:rotate(-135deg);top:25px}
.faq-item[open] .fq-q{color:var(--primary)}
.fq-a{padding:0 22px 20px 54px;font-size:14px;color:var(--text-2);line-height:2}
/* FAQ 答案里的插图最容易变形：
   figure.bd-img 的 width:100% 与高度上限同时作用会非等比拉伸（图片被压扁）。
   这里显式把 width/height 交还给等比规则，只用 max-* 限幅。 */
.fq-a img,
.fq-a figure.bd-img img{
    width:auto;height:auto;max-width:100%;max-height:340px;
    border-radius:var(--r-s);margin:0 auto 12px;object-fit:contain;
}

/* 联系方式 */
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}
.contact-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:26px 20px;text-align:center;transition:.28s}
.contact-card:hover{transform:translateY(-5px);box-shadow:var(--sh-m);border-color:var(--primary-line)}
.cc-icon{
    width:54px;height:54px;margin:0 auto 15px;border-radius:50%;
    background:var(--primary-soft);border:1px solid var(--primary-line);
    display:flex;align-items:center;justify-content:center;color:var(--primary);
}
.cc-icon svg{width:24px;height:24px}
.contact-card h4{font-size:13px;color:var(--muted);font-weight:500;margin-bottom:7px}
.cc-value{font-size:15px;color:var(--ink);font-weight:700;word-break:break-all;line-height:1.7}
.cc-value a:hover{color:var(--primary)}

/* CTA 带 */
.cta-band{
    position:relative;overflow:hidden;margin-top:28px;text-align:center;color:#fff;
    background:radial-gradient(700px 280px at 82% 120%, rgba(255,255,255,.16), transparent 62%),
               linear-gradient(120deg,var(--primary) 0%,var(--primary-2) 100%);
    border-radius:24px;padding:44px 28px;box-shadow:0 22px 54px rgba(15,23,42,.24);
}
.cta-band h3{font-family:var(--font-title);font-size:25px;font-weight:var(--title-weight);margin-bottom:10px;letter-spacing:var(--title-spacing)}
.cta-band p{color:rgba(255,255,255,.92);font-size:14.6px;margin-bottom:22px}
.cta-btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.btn-white{background:#fff;color:var(--primary);font-weight:700;box-shadow:0 10px 24px rgba(0,0,0,.16)}
.btn-white:hover{transform:translateY(-2px);color:var(--primary)}
.btn-ghost-w{border:1.5px solid rgba(255,255,255,.72);color:#fff}
.btn-ghost-w:hover{background:#fff;color:var(--primary);border-color:#fff}

/* =============================================================
   页脚
   ============================================================= */
.site-footer{background:var(--foot-bg);color:var(--foot-fg);padding:52px 0 0}
.footer-inner{display:grid;grid-template-columns:1.4fr 1fr 1.1fr;gap:32px;padding-bottom:32px}
.footer-col h4{color:var(--foot-title);font-size:15px;margin-bottom:16px;position:relative;padding-left:12px}
.footer-col h4::before{content:"";position:absolute;left:0;top:.4em;bottom:.4em;width:3px;border-radius:2px;background:var(--primary-2)}
.footer-col p,.footer-col li{font-size:13.6px;line-height:1.95;color:var(--foot-muted)}
.footer-col ul{list-style:none}
.footer-col li a{transition:.2s}
.footer-col li a:hover{color:#fff;padding-left:3px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding:16px 0;font-size:12.5px;color:#8494ab}
.footer-bottom .container{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;align-items:center;text-align:center}
.footer-bottom a:hover{color:#fff}

/* 免责声明 */
.disclaimer-bar{background:#fffbeb;border-top:1px solid #fde68a;padding:17px 0;font-size:12.6px;color:#8a6d1f}
.disclaimer-inner{display:flex;gap:12px;align-items:flex-start}
.disclaimer-line{display:block;line-height:1.9}
.disclaimer-line+.disclaimer-line{margin-top:4px}
.disclaimer-bar a{color:var(--primary);text-decoration:underline}

/* 返回顶部 */
.back-top{
    position:fixed;right:20px;bottom:26px;width:44px;height:44px;border-radius:50%;
    border:1px solid var(--line);background:#fff;color:var(--primary);
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 12px 28px rgba(15,23,42,.14);cursor:pointer;z-index:70;transition:.24s;
}
.back-top:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-3px)}

/* =============================================================
   响应式
   ============================================================= */
@media (max-width:1100px){
    .ehead{grid-template-columns:1fr;gap:28px}
    .estats{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:980px){
    .power-grid,.product-grid{grid-template-columns:repeat(2,1fr)}
    .art-grid{grid-template-columns:1fr}
    .footer-inner{grid-template-columns:1fr 1fr}
}
/* ---------- 手机端（≤760px）：重排栅格 + 收紧纵向留白 ----------
   桌面版的比例直接搬到窄屏会「看似都在、但都松」：留白按桌面算、
   统计条被竖排、三张卡各占满屏宽，页面既长又不整齐。
   这里统一按手机节奏重排。 */
/* 注意：本块所有选择器都带 html 前缀，这是必须的 ——
   皮肤文件（css/site_skin_*.css）在 site_theme.css 之后加载，并且内含完整布局规则
   （.power-grid 三列、.section 64px 留白、.pc-icon 尺寸…）。
   媒体查询只决定「是否应用」，并不提升优先级，所以皮肤的单类规则
   (0,1,0) 会把这里的 (0,1,0) 全部盖掉，手机上就会退化回桌面排布：
   卡片被挤成三列、文字一行只剩一个字，区块之间冒出大片空白。
   加 html 前缀把优先级提到 (0,1,1) 才能稳定压过皮肤，同时不影响桌面。 */
@media (max-width:760px){
    html .container{padding:0 16px}
    html [id]{scroll-margin-top:74px}
    html .section{padding:34px 0}
    html .section-head{margin-bottom:20px;text-align:center}
    /* 皮肤多采用居中标题，手机上只压字号，不强制左对齐 */
    html .section-head h2{font-size:21px}
    html .section-sub{font-size:13.4px;margin-top:7px}

    /* 顶部信息条：窄屏下左右分列会一高一低，改为居中 */
    html .top-bar{font-size:12px}
    html .top-bar .container{justify-content:center;text-align:center;gap:6px 14px}
    html .tb-actions{gap:12px}

    /* 站点头部降高；.nav 的 top 必须跟着改，否则展开菜单会与头部错位 */
    html .header-inner{height:62px}
    html .logo-mark{width:38px;height:38px;border-radius:11px;font-size:16px}
    html .logo-name{font-size:15px;max-width:190px}
    html .logo-tag{font-size:11px}
    html .nav{
        display:none;position:absolute;top:62px;left:0;right:0;background:var(--surface);
        border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;
        padding:8px 16px 14px;box-shadow:0 18px 34px rgba(15,23,42,.1);
    }
    html .nav.open{display:flex}
    html .nav a{padding:10px 0;font-size:14px;border-bottom:1px solid #f1f4f9}
    html .nav a::after{display:none}
    html .nav .nav-cta{margin-top:10px;padding:9px 18px;text-align:center}
    html .menu-toggle{display:flex;width:38px;height:38px}

    /* 主视觉：logo 与标题同行，省掉单独占位的 88px 一行 */
    html .ehead{grid-template-columns:1fr;gap:20px}
    html .ehero{padding:32px 0 36px}
    html .ehero.has-hero{padding:0;min-height:150px}   /* 横幅图压矮，保证下方内容可见 */
    html .ehero-main{flex-direction:row;gap:14px;align-items:center}
    html .elogo{width:58px;height:58px;border-radius:16px}
    html .elogo span{font-size:26px}
    html .einfo h1{font-size:20.5px;line-height:1.4}
    html .etags{gap:6px;margin-top:10px}
    html .etags span{font-size:11.5px;padding:3px 10px}
    html .emain{margin-top:9px;font-size:13.6px}
    /* 按钮等宽并排：宽度不一再折行会显得零散 */
    html .eactions{gap:9px;margin-top:16px}
    html .eactions .btn{flex:1;padding:11px 12px;font-size:14px}

    html .estats{grid-template-columns:repeat(2,1fr);gap:9px;padding:12px;border-radius:var(--r-m)}
    html .estat{padding:8px 10px}
    html .estat .k{font-size:11px}
    html .estat .v{font-size:14.5px}

    html .section-brief{padding-top:28px;padding-bottom:0}
    html .site-brief{padding:18px 16px}
    html .site-brief p{font-size:13.8px;line-height:1.9}

    /* 统计条：手机上保持「一行三格」横排。
       竖排成 1 列会让三格各占一行、数据条的意义消失且页面被拉长 */
    html .stat-strip{grid-template-columns:repeat(3,1fr);margin-bottom:18px}
    html .stat-cell{padding:16px 8px}
    html .stat-cell .sv{font-size:21px}
    html .stat-cell .sv small{font-size:11.5px;margin-left:1px}
    html .stat-cell .sv.sv-text{font-size:14px;line-height:1.35;word-break:break-word}
    html .stat-cell .sk{margin-top:3px;font-size:11.5px;line-height:1.4}

    /* 企业实力：手机必须是单列（皮肤写死了 3 列，卡片会被挤到 100px 出头，
       卡内「图标 + 文字」两列随之塌缩成一字一行），并收紧留白 */
    html .power-grid{grid-template-columns:1fr;gap:12px}
    html .power-card{
        display:grid;grid-template-columns:44px minmax(0,1fr);gap:2px 13px;
        padding:16px 15px;align-items:start;
    }
    html .pc-no{grid-column:1 / -1;margin-bottom:2px}   /* 皮肤若开启序号，让它独占一行 */
    html .pc-icon{width:44px;height:44px;border-radius:13px;margin:0;grid-row:span 2;align-self:start}
    html .pc-icon svg{width:21px;height:21px}
    html .power-card h3{font-size:15.5px;margin-bottom:6px;align-self:center;text-align:left}
    html .power-card p{grid-column:2;font-size:13.2px;line-height:1.85;text-align:left}

    /* 产品：同样改回单列 */
    html .product-grid{grid-template-columns:1fr;gap:14px}
    html .pi-img{aspect-ratio:16/10;min-height:150px}
    html .pi-body{padding:14px 15px 16px}

    /* 关于我们 */
    html .about-wrap{gap:14px}
    html .about-card{padding:18px 16px;border-radius:var(--r-m);flex-direction:column;gap:16px}
    html .about-cover{width:100%}
    html .about-cover img{height:168px}
    html .about-title{font-size:16.5px;margin-bottom:11px}
    html .about-body{font-size:13.8px;line-height:1.95}
    html .company-intro{padding:20px 16px}
    html .company-intro p{font-size:13.8px;line-height:1.95}

    /* 资质 / 案例 / 新闻：皮肤是 3 列，手机上收成单列 */
    html .art-grid{grid-template-columns:1fr;gap:14px}
    html .art-card{padding:16px 15px}
    html .art-card img{max-height:180px}

    /* 常见问题 */
    html .faq-list{gap:10px}
    html .fq-q{padding:14px 40px;font-size:14px}
    html .fq-q::before{left:14px;top:15px;font-size:11.5px}
    html .fq-q::after{right:16px;top:20px}
    html .faq-item[open] .fq-q::after{top:22px}
    html .fq-a{padding:0 15px 16px 40px;font-size:13.4px;line-height:1.9}

    /* 联系方式 */
    html .contact-grid{gap:12px}
    html .contact-card{padding:20px 16px;border-radius:var(--r-m)}
    html .cc-icon{width:46px;height:46px;margin:0 auto 12px}
    html .cc-icon svg{width:21px;height:21px}
    html .contact-card h4{font-size:12.5px;margin-bottom:5px}
    html .cc-value{font-size:14px}

    /* CTA 带 */
    html .cta-band{margin-top:22px;padding:28px 18px;border-radius:18px}
    html .cta-band h3{font-size:19.5px}
    html .cta-band p{font-size:13.6px;margin-bottom:18px}
    html .cta-btns{gap:10px}
    html .cta-btns .btn{flex:1;min-width:0;padding:11px 12px;font-size:14px}

    /* 页脚与引流条 */
    html .site-footer{padding:38px 0 0}
    html .footer-inner{grid-template-columns:1fr;gap:24px;padding-bottom:26px}
    html .footer-col h4{font-size:14.5px;margin-bottom:12px}
    html .footer-bottom{font-size:12px}
    html .join-inner{flex-direction:column;align-items:stretch;text-align:center;gap:12px}
    html .join-txt{justify-content:center}
    html .join-btn{justify-content:center}
    html .disclaimer-bar{padding:14px 0;font-size:12px}
    html .back-top{right:14px;bottom:18px;width:40px;height:40px}
}

/* ---------- 超小屏（≤380px）：进一步降字号，避免长企业名与数字换行错位 ---------- */
@media (max-width:380px){
    html .einfo h1{font-size:18.5px}
    html .estats{grid-template-columns:1fr 1fr;gap:8px}
    html .stat-cell{padding:13px 5px}
    html .stat-cell .sv{font-size:19px}
    html .stat-cell .sv.sv-text{font-size:13px}
    html .stat-cell .sk{font-size:11px}
    html .power-card{grid-template-columns:40px minmax(0,1fr);gap:2px 11px;padding:14px 13px}
    html .pc-icon{width:40px;height:40px}
    html .cta-btns .btn,html .eactions .btn{font-size:13.4px}
}

/* 打印：企业站常被直接打印/存 PDF */
@media print{
    .join-bar,.top-bar,.back-top,.eactions,.cta-btns,.menu-toggle{display:none !important}
    .ehero{background:#fff !important;color:#111 !important}
    .ehero::before,.ehero::after{display:none !important}
    .einfo h1,.emain,.hero-eyebrow{color:#111 !important;text-shadow:none !important}
    .etags span{color:#333 !important;border-color:#ccc !important}
    .estats{background:#fff !important;border-color:#ddd !important;box-shadow:none !important}
    .estat .k,.estat .v{color:#111 !important}
    .section{padding:16px 0 !important}
    .site-footer{background:#fff !important;color:#333 !important}
    .footer-col h4,.footer-col p,.footer-col li,.footer-bottom{color:#333 !important}
}

/* V3.4 官网栏目独立页入口 */
.sec-more-link{display:inline-block;margin-top:10px;font-size:13px;color:var(--primary);text-decoration:none;font-weight:600}
.sec-more-link:hover{text-decoration:underline}

/* ==================== V3.5 招聘信息：岗位卡片 / 岗位详情 ==================== */
.job-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px}
.job-card{
    display:flex;flex-direction:column;gap:12px;text-decoration:none;
    background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);
    padding:20px 22px;box-shadow:var(--sh-s);transition:.2s;
}
.job-card:hover{border-color:var(--primary-line);box-shadow:var(--sh-m);transform:translateY(-3px)}
.job-card-hd{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap}
.job-card-hd h3{margin:0;font-size:17px;font-weight:800;color:var(--ink)}
.job-salary{flex:none;font-size:15px;font-weight:800;color:var(--primary)}
.job-chips{display:flex;flex-wrap:wrap;gap:8px}
.job-chip{
    display:inline-flex;align-items:center;gap:6px;font-size:12.5px;
    background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:4px 12px;color:var(--text);
}
.job-chip i{font-style:normal;font-size:11.5px;color:var(--text-3)}
.job-chip-warn{background:rgba(251,191,36,.1);border-color:rgba(251,191,36,.28);color:var(--text)}
.job-brief{margin:0;font-size:13.5px;line-height:1.9;color:var(--text-2)}
.job-card-ft{margin-top:auto;padding-top:6px}
.job-card-ft .go{font-size:13px;color:var(--primary);font-weight:600}
/* 详情页 */
.job-meta{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 18px}
.job-meta .job-chip{background:var(--soft)}
.job-sec{margin-bottom:18px}
.job-sec-hd{
    margin:0 0 8px;font-size:16px;font-weight:800;color:var(--ink);
    padding-left:12px;border-left:4px solid var(--primary);
}
.job-sec-body{font-size:14.5px;line-height:2.05;color:var(--text)}
.job-sec-body p{margin:0 0 10px}
.job-apply{
    display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;
    background:var(--soft);border:1px solid var(--line);border-radius:var(--r-m);padding:16px 20px;
}
.job-apply span{font-size:14px;color:var(--text-2)}
.job-apply b{color:var(--ink)}
@media (max-width:640px){
    .job-list{grid-template-columns:1fr}
    .job-card{padding:16px 18px}
}

/* ==================== V3.5 首页对齐参考站：单位简介 + 深蓝工程业绩区块 ==================== */
.brief-row{display:flex;gap:44px;align-items:flex-start;flex-wrap:wrap}
.brief-txt{flex:1 1 480px;min-width:280px;text-align:left}
.brief-txt .sec-kicker{display:inline-block;background:none;color:var(--primary);padding:0;margin:0 0 6px}
.brief-txt h2{font-size:27px;color:var(--ink);margin:0 0 14px}
.brief-txt p{font-size:14.5px;line-height:2.05;color:var(--text);margin:0;text-indent:2em}
.brief-acts{margin-top:18px}
.brief-stats{flex:0 0 300px;display:flex;flex-direction:column;gap:12px}
.brief-stat{
    display:flex;align-items:baseline;justify-content:space-between;gap:16px;
    background:var(--soft);border:1px solid var(--line);border-radius:var(--r-m);padding:16px 20px;
}
.brief-stat b{font-size:24px;font-weight:800;color:var(--primary);line-height:1.2}
.brief-stat i{font-style:normal;font-size:13.5px;color:var(--text-2)}
.section-dark{background:var(--dark);color:#fff}
.section-dark .section-head h2{color:#fff}
.section-dark .sec-kicker{background:rgba(255,255,255,.16);color:#fff;border-color:transparent}
.section-dark .section-sub{color:var(--foot-fg)}
.section-dark .section-head::after{background:var(--accent)}
.section-dark .art-card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
.section-dark .art-card h3{color:#fff}
.section-dark .art-card .art-txt,.section-dark .art-card .src{color:var(--foot-fg)}
.section-dark .sec-more-link{color:#fff;border-color:rgba(255,255,255,.4)}
.section-dark .sec-more-link:hover{background:#fff;color:var(--primary-2)}
@media (max-width:900px){
    .brief-row{gap:26px}
    .brief-stats{flex:1 1 100%;flex-direction:row;flex-wrap:wrap}
    .brief-stat{flex:1 1 140px;flex-direction:column;align-items:flex-start;gap:4px}
}

/* ==================== V3.5 栏目独立页：通栏 banner + 正文铺开 + 概况/业务/资质 ==================== */
.sec-banner{
    position:relative;padding:54px 0 46px;overflow:hidden;
    background:var(--hero-bg);color:var(--hero-fg);background-size:cover;background-position:center;
}
.sec-banner.has-bg::before{
    content:"";position:absolute;inset:0;
    background:linear-gradient(180deg,rgba(8,28,54,.42),rgba(8,28,54,.6));
}
.sec-banner > .container{position:relative;z-index:2}
.sec-crumb{font-size:13px;color:var(--hero-sub);margin-bottom:14px;display:flex;gap:6px;align-items:center}
.sec-crumb a{color:var(--hero-sub);text-decoration:none}
.sec-crumb a:hover{color:#fff}
.sec-crumb .sep{opacity:.65}
.sec-banner h1{margin:0;font-size:32px;font-weight:800;color:var(--hero-fg)}
.sec-banner-en{display:inline-block;margin-top:8px;font-size:12px;letter-spacing:.22em;color:var(--hero-sub);text-transform:uppercase}

/* 单条板块：参考站「公司简介」版式——白底、左对齐标题区、正文段落缩进 */
.sec-article{background:none;border:0;padding:0;max-width:none}
.sec-article-hd{margin-bottom:22px}
.sec-article-hd h2{margin:0 0 6px;font-size:26px;font-weight:800;color:var(--primary)}
.sec-article-hd .sec-article-en{font-size:12px;letter-spacing:.18em;color:var(--text-3);text-transform:uppercase}
.sec-article-hd::after{content:"";display:block;width:46px;height:3px;background:var(--primary);border-radius:2px;margin-top:12px}
/* V3.7 栏目页二级分类 Tab（?sub= 筛选，与顶部栏目导航呼应） */
.sec-subtabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.sec-subtab{display:inline-block;padding:7px 16px;border:1px solid var(--line);border-radius:999px;font-size:13.5px;color:var(--text-3);background:#fff;transition:.2s}
.sec-subtab:hover{color:var(--primary);border-color:var(--primary)}
.sec-subtab.is-active{background:var(--primary);border-color:var(--primary);color:#fff}
.sec-body{font-size:15px;line-height:2.05;color:var(--text)}
.sec-body p{margin:0 0 14px;text-indent:2em}
/* 正文内联图片：铺满正文文本框宽度（与文字同宽、居中、细边框） */
.sec-body img{
    display:block;width:100%;max-width:100%;height:auto;margin:16px auto;
    border:1px solid var(--line);border-radius:var(--r-s);
}
.sec-meta{margin-top:16px;font-size:12.5px;color:var(--text-3)}

/* V3.6 常见问题栏目：问答版式列表（问题标题 + 回答数/更新时间元信息行） */
.qa-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:4px 22px;box-shadow:0 1px 3px rgba(15,23,42,.04)}
.qa-row{display:block;padding:15px 0;border-bottom:1px solid var(--line)}
.qa-row:last-child{border-bottom:0}
.qa-q{margin:0;font-size:15.5px;font-weight:600;color:var(--text);line-height:1.65;transition:color .2s}
.qa-row:hover .qa-q{color:var(--primary)}
.qa-meta{display:flex;align-items:center;gap:18px;margin-top:7px;font-size:12.5px;color:var(--text-3)}
.qa-meta svg{vertical-align:-2px;margin-right:4px;opacity:.75}
.qa-date{margin-left:auto}
/* 内容详情页正文内联图片：铺满正文文本框宽度（与文字同宽、居中、细边框） */
.item-body img{
    display:block;width:100%;max-width:100%;height:auto;margin:16px auto;
    border:1px solid var(--line);border-radius:var(--r-s);
}

/* 追加模块：概况 / 业务范围 / 荣誉资质 */
.sec-block{margin-top:38px}
.sec-block-hd{text-align:center;margin-bottom:24px}
.sec-block-hd h2{font-size:23px;color:var(--ink);margin:6px 0 0}
.org-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.org-stat{background:var(--soft);border:1px solid var(--line);border-radius:var(--r-m);padding:20px;text-align:center}
.org-stat b{display:block;font-size:22px;color:var(--primary);font-weight:800}
.org-stat i{display:block;font-style:normal;font-size:13px;color:var(--text-2);margin-top:4px}
.bs-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.bs-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);padding:20px 22px}
.bs-item h3{font-size:16px;color:var(--ink);margin:0 0 8px}
.bs-item p{font-size:13.5px;color:var(--text-2);line-height:1.9;margin:0 0 10px}
.bs-more{font-size:13px;color:var(--primary);text-decoration:none}
.bs-more:hover{text-decoration:underline}
.honor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.honor-card{
    display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);
    overflow:hidden;text-decoration:none;text-align:center;transition:.2s;
}
.honor-card:hover{border-color:var(--primary-line);box-shadow:var(--sh-s);transform:translateY(-3px)}
.honor-card img{width:100%;height:170px;object-fit:contain;background:var(--soft);padding:10px}
.honor-card .honor-ph{display:flex;height:170px;align-items:center;justify-content:center;font-size:40px;background:var(--soft)}
.honor-card span{display:block;padding:10px 12px;font-size:13.5px;color:var(--text)}
.honor-card:hover span{color:var(--primary)}
@media (max-width:640px){
    .sec-banner{padding:36px 0 30px}
    .sec-banner h1{font-size:24px}
    .sec-article{padding:20px 18px}
    .bs-list,.honor-grid{grid-template-columns:1fr}
}