/* ============================================================================
   CPT 二级 / 三级页面样式  pages.css
   与首页 style.css 配套，供 products / product / solutions / process /
   about / news / download / contact 等页面使用。
============================================================================ */
:root{
  --pg-line:#E4E9F0; --pg-soft:#F6F8FB; --pg-ink:#101828; --pg-mut:#667085; --pg-mut2:#98A2B3;
}

/* ---------- 面包屑 ---------- */
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:16px 0 4px;font-size:12.5px;color:var(--pg-mut)}
.crumbs a{color:var(--pg-mut);text-decoration:none}
.crumbs a:hover{color:#1B6BFF}
.crumbs em{font-style:normal;color:var(--pg-ink);font-weight:600}
.crumbs .sep{color:#C6CEDA}

/* ---------- 页面头部 ---------- */
.ph{background:linear-gradient(120deg,#05080F 0%,#0C1526 55%,#0A1A33 100%);color:#fff;padding:30px 0 34px;position:relative;overflow:hidden}
.ph::after{content:"";position:absolute;right:-120px;top:-140px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(46,139,255,.28),transparent 62%)}
.ph .eyebrow{color:#6FA8FF;font-size:11.5px;letter-spacing:.18em;font-weight:700;margin:0 0 10px}
.ph-title{font-size:30px;line-height:1.25;font-weight:750;margin:0 0 10px;letter-spacing:-.01em}
.ph-desc{margin:0;max-width:760px;color:rgba(255,255,255,.66);font-size:14px;line-height:1.85}
.ph-stats{display:flex;flex-wrap:wrap;gap:34px;margin-top:22px}
.ph-stat b{font-size:26px;font-weight:750;color:#fff;letter-spacing:-.02em}
.ph-stat em{font-style:normal;font-size:12px;color:#6FA8FF;margin-left:3px;font-weight:600}
.ph-stat span{display:block;font-size:12px;color:rgba(255,255,255,.55);margin-top:2px}
@media (max-width:720px){.ph-title{font-size:23px}.ph-stats{gap:20px}.ph-stat b{font-size:21px}}

/* ---------- 主体两栏 ---------- */
.pg-wrap{display:grid;grid-template-columns:246px minmax(0,1fr);gap:34px;padding:34px 0 70px;align-items:start}
@media (max-width:1000px){.pg-wrap{grid-template-columns:1fr;gap:20px}}

.side{position:sticky;top:84px}
@media (max-width:1000px){.side{position:static}}
.side-h{font-size:11px;letter-spacing:.14em;color:var(--pg-mut2);font-weight:700;padding:0 10px 8px}
.side a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;text-decoration:none;color:#3D4A5C;font-size:13.5px;transition:.15s;border:1px solid transparent}
.side a:hover{background:var(--pg-soft);color:var(--pg-ink)}
.side a.on{background:rgba(27,107,255,.08);border-color:rgba(27,107,255,.18);color:#1250D8;font-weight:700}
.side a .ic svg{width:16px;height:16px}
.side a .n{margin-left:auto;font-size:11px;color:var(--pg-mut2);font-weight:600}
.side-box{border:1px solid var(--pg-line);border-radius:12px;padding:12px 8px;background:#fff}
.side-help{margin-top:14px;border:1px solid var(--pg-line);border-radius:12px;padding:14px;background:var(--pg-soft)}
.side-help h4{margin:0 0 6px;font-size:13px}
.side-help p{margin:0;font-size:12px;color:var(--pg-mut);line-height:1.7}
.side-help .btn{margin-top:10px;width:100%;justify-content:center}

/* ---------- 搜索 ---------- */
.psearch{display:flex;gap:8px;margin-bottom:16px}
.psearch input{flex:1;height:40px;padding:0 13px;border:1px solid var(--pg-line);border-radius:9px;font-size:13.5px;outline:none;font-family:inherit}
.psearch input:focus{border-color:#1B6BFF;box-shadow:0 0 0 3px rgba(27,107,255,.12)}
.psearch .btn{height:40px}

/* ---------- 卡片网格 ---------- */
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:16px}
.cat-card{display:block;border:1px solid var(--pg-line);border-radius:14px;background:#fff;padding:18px;text-decoration:none;color:inherit;transition:.18s}
.cat-card:hover{border-color:#B9D0F5;box-shadow:0 10px 26px rgba(16,24,40,.08);transform:translateY(-2px)}
.cat-card .ic{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#EAF2FF,#DCE9FF);color:#1250D8;margin-bottom:12px}
.cat-card .ic svg{width:21px;height:21px}
.cat-card h3{margin:0 0 4px;font-size:15.5px;font-weight:700}
.cat-card .tg{font-size:12px;color:#1250D8;font-weight:600;margin-bottom:8px}
.cat-card p{margin:0 0 12px;font-size:12.5px;color:var(--pg-mut);line-height:1.7;min-height:44px}
.cat-card .meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--pg-mut2);border-top:1px dashed var(--pg-line);padding-top:10px}
.cat-card .meta b{color:var(--pg-ink)}

/* ---------- 系列卡片 ---------- */
.series-list{display:grid;gap:14px}
.series{border:1px solid var(--pg-line);border-radius:14px;background:#fff;overflow:hidden}
.series-in{padding:16px 18px}
.series-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}
.series-top h3{margin:0;font-size:16px;font-weight:700}
.pitch{font-size:11.5px;font-weight:700;color:#1250D8;background:rgba(27,107,255,.09);padding:3px 9px;border-radius:6px}
.series-top .cnt{margin-left:auto;font-size:12px;color:var(--pg-mut2)}
.series p{margin:9px 0 0;font-size:13px;color:#4A5768;line-height:1.75}
.series-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}
.series-acts .btn{height:32px;font-size:12.5px}

/* ---------- 下载按钮 ---------- */
.dl{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border:1px solid var(--pg-line);border-radius:8px;background:#fff;text-decoration:none;font-size:12.5px;font-weight:600;color:#2C3A4E;transition:.15s}
.dl:hover{border-color:#1B6BFF;color:#1250D8;background:#F5F9FF}
.dl .ic svg{width:14px;height:14px}
.dl-tag{font-size:10px;font-weight:800;letter-spacing:.04em;padding:2px 5px;border-radius:4px;color:#fff;background:#98A2B3}
.dl-tag.t-pdf{background:#E5483D}.dl-tag.t-3d{background:#7A5AF8}.dl-tag.t-dwg{background:#0E9384}
.dl-tag.t-catalog{background:#1250D8}.dl-tag.t-na{background:#C1C9D6}
.dl-size{font-size:11.5px;color:var(--pg-mut2);font-weight:500}
.dl.is-missing{border-style:dashed;color:var(--pg-mut)}
.dl.is-missing:hover{color:#1250D8}
.dlbox{border:1px solid var(--pg-line);border-radius:12px;padding:14px 16px;background:var(--pg-soft)}
.dlbox h4{margin:0 0 10px;font-size:13px}
.dlbox .row{display:flex;flex-wrap:wrap;gap:8px}

/* ---------- 表格 ---------- */
.tbl-wrap{border:1px solid var(--pg-line);border-radius:12px;overflow:hidden;background:#fff}
.tbl-bar{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--pg-line);background:var(--pg-soft);font-size:12.5px;color:var(--pg-mut)}
.tbl-bar b{color:var(--pg-ink)}
.tbl-scroll{overflow-x:auto}
table.tbl{width:100%;border-collapse:collapse;font-size:13px;min-width:720px}
table.tbl th{text-align:left;font-size:11.5px;letter-spacing:.05em;color:var(--pg-mut2);font-weight:700;padding:11px 14px;border-bottom:1px solid var(--pg-line);background:#fff;white-space:nowrap}
table.tbl td{padding:11px 14px;border-bottom:1px solid #F0F3F8;vertical-align:top;color:#2C3A4E}
table.tbl tbody tr:hover{background:#FAFBFD}
table.tbl td.m{font-family:var(--mono),ui-monospace,Menlo,Consolas,monospace;font-weight:700;color:var(--pg-ink);white-space:nowrap}
table.tbl td.c{color:var(--pg-mut);font-size:12.5px}
table.tbl td.d{white-space:nowrap}
table.tbl td.d .dl{height:28px;font-size:12px;padding:0 9px}

/* ---------- 产品详情 ---------- */
.pd-top{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:30px;align-items:start;padding:30px 0 10px}
@media (max-width:900px){.pd-top{grid-template-columns:1fr}}
.pd-media{border:1px solid var(--pg-line);border-radius:14px;background:#fff;padding:22px;display:grid;place-items:center;min-height:240px}
.pd-media img{max-width:100%;height:auto}
.pd-title{font-size:24px;margin:0 0 8px;font-weight:750}
.pd-sub{color:var(--pg-mut);font-size:13.5px;line-height:1.8;margin:0 0 16px}
.pd-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}
.pd-tags span{font-size:11.5px;font-weight:600;color:#1250D8;background:rgba(27,107,255,.09);padding:4px 9px;border-radius:6px}
.spec{border:1px solid var(--pg-line);border-radius:12px;overflow:hidden;background:#fff}
.spec table{width:100%;border-collapse:collapse;font-size:13px}
.spec th,.spec td{padding:10px 14px;border-bottom:1px solid #F0F3F8;text-align:left}
.spec th{width:38%;color:var(--pg-mut);font-weight:600;font-size:12.5px;background:var(--pg-soft)}
.spec tr:last-child th,.spec tr:last-child td{border-bottom:0}
.sec{margin-top:38px}
.sec > h2{font-size:18px;margin:0 0 14px;font-weight:750}
.sec > .sh{font-size:13px;color:var(--pg-mut);margin:-8px 0 14px}

/* ---------- 解决方案 ---------- */
.sol-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.sol-card{display:block;border:1px solid var(--pg-line);border-radius:14px;background:#fff;padding:20px;text-decoration:none;color:inherit;transition:.18s}
.sol-card:hover{border-color:#B9D0F5;box-shadow:0 10px 26px rgba(16,24,40,.08);transform:translateY(-2px)}
.sol-card .ic{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#EAF2FF,#DCE9FF);color:#1250D8;margin-bottom:13px}
.sol-card .ic svg{width:22px;height:22px}
.sol-card h3{margin:0 0 8px;font-size:16px;font-weight:700}
.sol-card p{margin:0 0 12px;font-size:12.5px;color:var(--pg-mut);line-height:1.75}
.sol-card .go{font-size:12.5px;font-weight:700;color:#1250D8;display:inline-flex;align-items:center;gap:5px}
.chk{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.chk li{border:1px solid var(--pg-line);border-radius:11px;padding:13px 15px;background:#fff;font-size:13px;color:#3D4A5C;line-height:1.7;display:flex;gap:9px}
.chk li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:#1B6BFF;margin-top:7px}
.chk{margin:0;padding:0;list-style:none}
.pick{border:1px solid var(--pg-line);border-radius:12px;background:#fff;padding:15px 16px;display:grid;gap:8px}
.pick h4{margin:0;font-size:14.5px}
.pick h4 a{color:var(--pg-ink);text-decoration:none}
.pick h4 a:hover{color:#1250D8}
.pick p{margin:0;font-size:12.5px;color:var(--pg-mut);line-height:1.7}
.pick .row{display:flex;flex-wrap:wrap;gap:7px}
.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}

/* ---------- 通用板块 ---------- */
.blk{padding:44px 0;border-top:1px solid var(--pg-line)}
.blk.dark{background:#05080F;color:#fff;border-top:0}
.blk h2{font-size:21px;margin:0 0 8px;font-weight:750}
.blk .bd{color:var(--pg-mut);font-size:13.5px;line-height:1.85;margin:0 0 22px;max-width:760px}
.blk.dark .bd{color:rgba(255,255,255,.6)}
.cap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.cap{border:1px solid var(--pg-line);border-radius:12px;padding:16px;background:#fff}
.cap .ic{color:#1250D8;margin-bottom:9px}
.cap .ic svg{width:20px;height:20px}
.cap h3{margin:0 0 6px;font-size:14.5px}
.cap p{margin:0;font-size:12.5px;color:var(--pg-mut);line-height:1.7}

/* ---------- 新闻 ---------- */
.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.art{max-width:760px;margin:0 auto;padding:36px 0 60px}
.art h1{font-size:26px;line-height:1.4;margin:12px 0 10px}
.art .meta{font-size:12.5px;color:var(--pg-mut2);margin-bottom:22px}
.art .cover{border-radius:14px;overflow:hidden;border:1px solid var(--pg-line);margin-bottom:22px;background:#fff}
.art .cover img{width:100%;display:block}
.art p{font-size:14.5px;line-height:1.95;color:#2C3A4E;margin:0 0 16px}
.art .nav-btns{display:flex;justify-content:space-between;gap:12px;margin-top:34px;padding-top:20px;border-top:1px solid var(--pg-line);font-size:13px}
.art .nav-btns a{color:#1250D8;text-decoration:none}

/* ---------- 下载中心 ---------- */
.dl-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 16px}
.dl-tabs button{height:34px;padding:0 15px;border:1px solid var(--pg-line);background:#fff;border-radius:8px;font-size:13px;font-weight:600;color:#3D4A5C}
.dl-tabs button.on{background:#1250D8;border-color:#1250D8;color:#fff}

/* ---------- 联系页 ---------- */
.ct-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:30px;padding:36px 0 60px;align-items:start}
@media (max-width:960px){.ct-grid{grid-template-columns:1fr}}
.info-card{border:1px solid var(--pg-line);border-radius:14px;background:#fff;padding:22px}
.info-card li{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #F0F3F8;list-style:none}
.info-card li:last-child{border-bottom:0}
.info-card ul{margin:0;padding:0}
.info-card .ic{color:#1250D8;margin-top:2px}
.info-card .ic svg{width:17px;height:17px}
.info-card b{display:block;font-size:14px}
.info-card span{font-size:12.5px;color:var(--pg-mut)}
.form-card{border:1px solid var(--pg-line);border-radius:14px;background:#fff;padding:24px}
.form-card .field{margin-bottom:12px}
.form-card label{display:block;font-size:12px;font-weight:600;color:#5A6779;margin-bottom:5px}
.form-card input,.form-card textarea{width:100%;padding:9px 11px;border:1px solid #DEE5EE;border-radius:8px;font-size:13.5px;font-family:inherit;outline:none}
.form-card input:focus,.form-card textarea:focus{border-color:#1B6BFF;box-shadow:0 0 0 3px rgba(27,107,255,.12)}
.form-tip{font-size:11.5px;color:var(--pg-mut2);margin-top:10px}

/* ---------- 底部咨询条 ---------- */
.cta-band{background:linear-gradient(120deg,#0A1A33,#123A72);color:#fff;padding:34px 0}
.cta-inner{display:flex;flex-wrap:wrap;align-items:center;gap:20px;justify-content:space-between}
.cta-inner h2{margin:0 0 6px;font-size:20px;font-weight:750}
.cta-inner p{margin:0;color:rgba(255,255,255,.66);font-size:13px;max-width:620px;line-height:1.75}
.cta-acts{display:flex;gap:10px;flex-wrap:wrap}
.cta-band .btn-ghost{border-color:rgba(255,255,255,.35);color:#fff}
.cta-band .btn-ghost:hover{background:rgba(255,255,255,.1)}

/* ---------- 空状态 ---------- */
.empty{border:1px dashed var(--pg-line);border-radius:12px;padding:34px;text-align:center;color:var(--pg-mut);font-size:13.5px;background:#fff}

/* ---------- 应用场景与技术前沿（文章列表 / 详情） ---------- */
.ins-filter{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between;margin-bottom:18px}
.ins-filter .dl-tabs{margin:0}
.dl-tabs button i{font-style:normal;margin-left:6px;font-size:11px;opacity:.75}
.dl-tabs button.on i{opacity:.9}
.ins-search{height:36px;min-width:260px;flex:1;max-width:340px;padding:0 14px;border:1px solid var(--pg-line);border-radius:8px;font-size:13px;font-family:inherit;background:#fff}
.ins-search:focus{outline:none;border-color:#1250D8}
.news-thumb{position:relative}
.ins-card-tag{position:absolute;left:10px;top:10px;background:rgba(7,11,24,.72);color:#fff;font-size:11px;font-weight:600;padding:4px 9px;border-radius:6px;backdrop-filter:blur(4px)}
.ins-card-meta{display:flex;align-items:center;gap:10px;color:var(--pg-mut2);font-size:11.5px;margin-bottom:6px}

.art-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}
.art-tag{background:#EAF2FF;color:#1250D8;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:6px}
.art-tag.alt{background:#F1F5F9;color:#475467}
.art-info{color:var(--pg-mut2);font-size:12.5px}
.art .art-lead{font-size:15px;line-height:1.85;color:#3D4A5C;background:var(--pg-soft);border-left:3px solid #1250D8;padding:14px 18px;border-radius:0 10px 10px 0;margin:0 0 24px}
.art .art-h{font-size:19px;margin:30px 0 12px;color:var(--pg-ink);line-height:1.5}
.art .art-list{margin:0 0 18px;padding-left:20px}
.art .art-list li{font-size:14.5px;line-height:1.9;color:#2C3A4E;margin-bottom:6px}
.art .art-list li::marker{color:#1250D8}

.ins-prods{margin-top:38px;padding-top:26px;border-top:1px solid var(--pg-line)}
.ins-prods h3{font-size:16px;margin:0 0 14px;color:var(--pg-ink)}
.ins-prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.ins-prod{border:1px solid var(--pg-line);border-radius:12px;padding:16px 18px;background:#fff}
.ins-prod-h h4{margin:0 0 4px;font-size:14.5px;color:var(--pg-ink)}
.ins-prod-h p{margin:0 0 12px;font-size:12px;color:var(--pg-mut2)}
.ins-prod-dl{display:grid;gap:8px;margin-bottom:12px}
.ins-prod-more{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#1250D8;text-decoration:none}
.ins-prod-more svg,.ins-prod-more .ic{width:14px;height:14px;flex:none}
@media (max-width:640px){
  .ins-filter{flex-direction:column;align-items:stretch}
  .ins-search{max-width:none;min-width:0}
}

/* 关于页 · 公司资料下载列表 */
.doc-list{margin-top:18px;border-top:1px solid var(--pg-line)}
.doc-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 4px;border-bottom:1px solid var(--pg-line)}
.doc-row .doc-info{display:flex;flex-direction:column;gap:3px;min-width:0}
.doc-row .doc-info b{font-size:14.5px;color:#1A2233}
.doc-row .doc-info span{font-size:12.5px;color:#98A2B3}
.doc-row .dl{flex:none}
.doc-todo{font-size:12.5px;color:#98A2B3;flex:none}

/* 关于页 · 厂区实拍 */
.about-photo{margin:0;border-radius:16px;overflow:hidden;border:1px solid var(--pg-line);background:#fff}
.about-photo img{width:100%;display:block;aspect-ratio:21/8;object-fit:cover}
.about-photo figcaption{padding:12px 18px;font-size:13px;color:#667085;border-top:1px solid var(--pg-line)}

/* 解决方案详情：场景图 + 推荐型号缩略图 */
.sol-photo{margin:0 0 34px;border-radius:16px;overflow:hidden;border:1px solid var(--pg-line);background:#fff}
.sol-photo img{width:100%;display:block;aspect-ratio:21/8;object-fit:cover}
.pick-thumb{display:block;margin-bottom:14px;border-radius:10px;overflow:hidden;border:1px solid var(--pg-line);background:#fff}
.pick-thumb img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}

/* 标题行 + 规格书下载按钮（按钮置于摘要下方独立一行） */
.pd-title-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:8px}
.pd-title-row .pd-title{margin:0}
.pd-dl-row{display:flex;margin-top:18px}
.pd-dl{flex-shrink:0}