/* =========================================================
   xinshengdianqi.cn - 信晟电气 品牌资源站
   样式表 v2.0 | 风格与 xsdq.cc 统一
   主色: #0C4197 深蓝（xsdq 主色）
   点缀: #c9a467 金色 / #f66f6a 橙红
   版心: 1200px | 按钮: 胶囊(30px) | 直角简洁企业风
   ========================================================= */

:root{
  --blue:#0C4197;        /* xsdq 主色 */
  --blue-dark:#083276;   /* 深蓝 hover */
  --blue-light:#e8eef8;  /* 浅蓝底 */
  --gold:#c9a467;        /* 金色点缀（xsdq） */
  --accent:#f66f6a;      /* 橙红强调（xsdq） */
  --text:#333;
  --text-light:#666;
  --text-mute:#999;
  --gray:#f5f5f5;
  --line:#e5e5e5;
  --white:#fff;
  --wp:1200px;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;color:var(--text);line-height:1.75;font-size:14px;background:var(--white)}
a{color:var(--blue);text-decoration:none}
a:hover{color:var(--accent)}
img{max-width:100%;display:block}
ul,ol{list-style:none}
h1,h2,h3,h4{font-weight:700;color:var(--blue)}
.wp{max-width:var(--wp);margin:0 auto;padding:0 15px}

/* ---------- 顶部（xsdq 风格：深蓝条） ---------- */
.topbar{background:var(--blue-dark);color:#bcd0ec;font-size:13px}
.topbar .wp{display:flex;justify-content:space-between;align-items:center;height:36px}
.topbar a{color:#fff}
.topbar .tel{color:var(--gold);font-weight:600}

/* ---------- 页头：logo + 深蓝导航条 ---------- */
.css-header{background:var(--white)}
.hd-top{display:flex;align-items:center;justify-content:space-between;height:110px}
.logo{display:flex;align-items:center;gap:14px}
.logo-icon{width:52px;height:52px;border-radius:6px;background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800}
.logo-text{line-height:1.15}
.logo-text strong{font-size:24px;color:var(--blue);display:block}
.logo-text span{font-size:12px;color:var(--text-mute);letter-spacing:2px}
.hd-tel{text-align:right}
.hd-tel span{display:block;font-size:12px;color:var(--text-mute)}
.hd-tel b{font-size:22px;color:var(--accent)}
.hd-bottom{background:var(--blue)}
.hd-bottom .wp{display:flex;justify-content:space-between;align-items:center}
.menuBtn{display:none;color:#fff;font-size:26px;cursor:pointer;padding:12px 0}
.nav{display:flex}
.nav a{color:#fff;font-size:15px;padding:14px 22px;display:block;transition:.2s}
.nav a:hover{background:var(--blue-dark)}
.nav a.on{background:var(--blue-dark);color:var(--gold)}

/* ---------- Banner（xsdq 风格：大图 + 深蓝渐变） ---------- */
.banner{padding-top:30%;background:linear-gradient(135deg,#083276,#0C4197 60%,#1757b5);position:relative;background-repeat:no-repeat;background-position:center;background-size:cover}
.banner .banner-con{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);color:#fff;padding:0 15px}
.banner .wp{max-width:var(--wp);margin:0 auto}
.banner h1{color:#fff;font-size:40px;margin-bottom:14px}
.banner p{font-size:16px;color:#d3e0f4;max-width:720px}
.banner .btns{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}

/* ---------- 按钮（胶囊 30px，xsdq 风格） ---------- */
.btn{display:inline-block;padding:11px 34px;border-radius:30px;font-size:15px;background:var(--blue);color:#fff;transition:.2s;border:none;cursor:pointer;font-weight:600}
.btn:hover{background:var(--blue-dark);color:#fff}
.btn-gold{background:var(--gold);color:#fff}
.btn-gold:hover{background:#b8934f;color:#fff}
.btn-line{background:transparent;border:1px solid rgba(255,255,255,.8);color:#fff}
.btn-line:hover{background:rgba(255,255,255,.12);color:#fff}

/* ---------- 板块 ---------- */
.section{padding:60px 0}
.section.gray{background:var(--gray)}
/* xsdq 风格标题：中文大标题 + 英文小字 */
.g-tit01{text-align:center;margin-bottom:40px}
.g-tit01 h2{font-size:30px;color:var(--blue);position:relative;padding-bottom:14px}
.g-tit01 h2::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:56px;height:3px;background:var(--gold)}
.g-tit01 span{display:block;color:var(--text-mute);font-size:13px;letter-spacing:3px;margin-top:8px;text-transform:uppercase}

/* ---------- 资源入口卡片（直角简洁） ---------- */
.grid{display:grid;gap:18px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.g5{grid-template-columns:repeat(5,1fr)}
.g6{grid-template-columns:repeat(6,1fr)}
.rc{background:var(--white);border:1px solid var(--line);padding:26px 22px;transition:.22s;position:relative}
.rc:hover{box-shadow:0 6px 22px rgba(12,65,151,.10);transform:translateY(-3px);border-color:var(--blue)}
.rc .rc-ico{width:54px;height:54px;background:var(--blue-light);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:14px}
.rc h3{font-size:17px;margin-bottom:8px;color:var(--blue)}
.rc p{color:var(--text-light);font-size:13px}
.rc .go{position:absolute;right:20px;top:26px;color:var(--gold);font-size:18px}
.rc:hover .go{color:var(--accent)}

/* ---------- 资料列表（xsdq 风格：日期+标题行） ---------- */
.ul-list .li{display:flex;align-items:center;gap:14px;padding:13px 6px;border-bottom:1px dashed var(--line);transition:.15s}
.ul-list .li:hover{background:var(--blue-light)}
.ul-list .time{background:var(--blue);color:#fff;font-size:11px;padding:4px 10px;border-radius:3px;white-space:nowrap}
.ul-list .time.gold{background:var(--gold)}
.ul-list .t{color:var(--text);font-size:14px;flex:1}
.ul-list .li:hover .t{color:var(--blue)}
.ul-list .more{color:var(--text-mute);font-size:12px}
.ul-list .tag{color:var(--accent);font-size:12px}

/* ---------- 标准/文档卡片 ---------- */
.doc-card{display:flex;gap:14px;align-items:flex-start;background:var(--white);border:1px solid var(--line);padding:20px;margin-bottom:14px;transition:.2s}
.doc-card:hover{border-color:var(--blue);box-shadow:0 4px 16px rgba(12,65,151,.08)}
.doc-card .doc-ico{width:46px;height:46px;flex:0 0 46px;background:var(--blue-light);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:20px;border-radius:4px}
.doc-card h3{font-size:15px;color:var(--blue);margin-bottom:4px}
.doc-card p{font-size:13px;color:var(--text-light)}
.doc-card .dl{margin-left:auto;white-space:nowrap;align-self:center;color:var(--gold);font-weight:600;font-size:13px}

/* ---------- FAQ ---------- */
.faq-item{border:1px solid var(--line);margin-bottom:10px;background:var(--white)}
.faq-item summary{cursor:pointer;padding:16px 20px;font-weight:700;font-size:15px;color:var(--blue);display:flex;justify-content:space-between;align-items:center;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-size:20px;color:var(--gold);transition:.2s}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item .a{padding:0 20px 18px;color:var(--text-light);font-size:14px}

/* ---------- 联系 ---------- */
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:26px}
.ci{display:flex;gap:12px;padding:15px 0;border-bottom:1px dashed var(--line)}
.ci .ci-ico{width:42px;height:42px;flex:0 0 42px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:4px}
.ci b{display:block;font-size:15px;color:var(--blue)}
.ci span{color:var(--text-light);font-size:14px}
.form-card{background:var(--white);border:1px solid var(--line);padding:26px}
.form-card h3{color:var(--blue);margin-bottom:16px;font-size:18px}
.form-group{margin-bottom:14px}
.form-group label{display:block;font-size:13px;color:var(--text-light);margin-bottom:5px}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:4px;font-size:14px;font-family:inherit}
.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--blue)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-ok{display:none;background:#eaf6ee;color:#1d6b3c;padding:11px 15px;margin-bottom:12px;font-size:13px;border-radius:4px}
.form-tip{font-size:12px;color:var(--text-mute);margin-top:8px}

/* ---------- 页脚（xsdq 风格：深蓝底 + 留言 + 信息） ---------- */
.footer{background:var(--blue-dark);color:#bcd0ec;padding:48px 0 0;margin-top:20px}
.fd-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.4fr;gap:30px;padding-bottom:30px}
.fd-top h4{color:#fff;font-size:16px;margin-bottom:16px;position:relative;padding-bottom:10px}
.fd-top h4::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:2px;background:var(--gold)}
.fd-top a{color:#bcd0ec;display:block;padding:4px 0;font-size:13px}
.fd-top a:hover{color:var(--gold)}
.fd-top p{font-size:13px;margin-bottom:6px}
.fd-top .tel{font-size:22px;color:var(--gold);font-weight:700}
.fd-bot{border-top:1px solid rgba(255,255,255,.12);padding:16px 0;font-size:12px;color:#8faac6;display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px}
.fd-bot a{color:#8faac6}
.fd-bot a:hover{color:var(--gold)}

/* ---------- 内页横幅 ---------- */
.page-banner{background:linear-gradient(135deg,#083276,#0C4197 60%,#1757b5);color:#fff;padding:40px 0}
.page-banner h1{color:#fff;font-size:28px}
.page-banner p{color:#cfdff5;margin-top:6px;font-size:14px}
.breadcrumb{background:var(--gray);padding:12px 0;font-size:12px;color:var(--text-mute)}
.breadcrumb a{color:var(--blue)}

/* 文章元信息条（发布日期/栏目/标签） */
.art-meta{background:var(--gray);padding:10px 0;border-bottom:1px solid var(--line)}
.art-meta .wp{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--text-mute)}
.art-meta .meta-date{color:var(--blue);font-weight:600}
.art-meta .meta-cat{background:var(--blue-light);color:var(--blue);padding:2px 10px;border-radius:3px;font-size:12px}
.art-meta .meta-tag{color:var(--accent);font-size:12px}

/* 分类页栏目简介 */
.cat-intro{background:var(--blue-light);border-left:4px solid var(--blue);padding:16px 20px;margin-bottom:26px;font-size:14px;line-height:1.9;color:var(--text);border-radius:0 4px 4px 0}

/* ---------- 响应式 ---------- */
@media (max-width:960px){
  .g4{grid-template-columns:repeat(2,1fr)}
  .g5{grid-template-columns:repeat(3,1fr)}
  .g6{grid-template-columns:repeat(3,1fr)}
  .g3{grid-template-columns:repeat(2,1fr)}
  .fd-top{grid-template-columns:1fr 1fr}
  .contact-grid{grid-template-columns:1fr}
}
@media (max-width:720px){
  .hd-tel{display:none}
  .menuBtn{display:block}
  .nav{position:fixed;top:0;right:-100%;width:70%;height:100%;background:var(--blue);flex-direction:column;padding-top:60px;transition:.3s;z-index:999}
  .nav.open{right:0}
  .nav a{padding:14px 26px}
  .g2,.g3,.g4,.g5,.g6{grid-template-columns:1fr}
  .g-tit01 h2{font-size:22px}
  .form-row{grid-template-columns:1fr}
  .fd-top{grid-template-columns:1fr}

  /* --- 顶部条窄屏适配：隐藏长标语，热线居中，避免文字挤压重叠 --- */
  .topbar .wp{height:auto;min-height:34px;justify-content:center;padding:4px 10px}
  .topbar .wp span:first-child{display:none}
  .topbar .tel{font-size:14px}

  /* --- Banner 窄屏适配：高度自适应，内容流式不溢出、大标题不被裁切 --- */
  .banner{padding-top:0;min-height:300px;display:flex;align-items:center}
  .banner .banner-con{position:static;transform:none;padding:0}
  .banner h1{font-size:24px;margin-bottom:10px}
  .banner p{font-size:13px}
  .banner .btns{margin-top:16px}
  .banner .btns .btn{padding:10px 22px;font-size:14px}
}

/* 超窄屏（<=360px）进一步收紧 banner */
@media (max-width:360px){
  .banner{min-height:320px}
  .banner h1{font-size:22px}
}

/* ============ 技术资料库内容页样式 ============ */

/* 快速答案段（H1 下 80 字结论，AI 引用核心） */
.quick-answer{background:var(--blue-light);border-left:4px solid var(--blue);padding:16px 20px;margin:0 0 26px;font-size:15px;color:var(--text);border-radius:0 4px 4px 0}
.quick-answer b{color:var(--blue)}

/* 参数表 */
.param-table{width:100%;border-collapse:collapse;margin:14px 0 26px;font-size:14px}
.param-table th{background:var(--blue);color:#fff;padding:11px 14px;text-align:left;font-weight:600}
.param-table td{padding:10px 14px;border:1px solid var(--line)}
.param-table tr:nth-child(even) td{background:var(--gray)}
.param-table td:first-child{color:var(--blue);font-weight:600;white-space:nowrap}

/* 正文文章容器 */
.article{max-width:900px;margin:0 auto}
.article h2{font-size:22px;margin:34px 0 14px;padding-left:12px;border-left:4px solid var(--gold)}
.article h3{font-size:17px;margin:22px 0 10px;color:var(--text)}
.article p{margin-bottom:12px;color:var(--text)}
/* ---------- 文章配图 ---------- */
.article .prod-fig{max-width:560px;margin:20px auto;text-align:center}
.article .prod-fig img{width:100%;height:auto;border-radius:10px;border:1px solid var(--line);box-shadow:0 2px 8px rgba(0,0,0,0.05)}
.article .prod-fig figcaption{font-size:13px;color:var(--text-mute);margin-top:8px;line-height:1.6}
.article .prod-fig-2{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin:20px 0}
.article .prod-fig-2 figure{flex:1 1 260px;max-width:360px;min-width:0}
.article .prod-fig-2 figure img{width:100%;height:auto;border-radius:10px;border:1px solid var(--line);box-shadow:0 2px 8px rgba(0,0,0,0.05)}
.article .prod-fig-2 figure figcaption{font-size:13px;color:var(--text-mute);margin-top:6px;text-align:center}
.article ul{margin:8px 0 18px;padding-left:2px}
.article ul li{padding:5px 0 5px 18px;position:relative;color:var(--text-light)}
.article ul li::before{content:"·";position:absolute;left:2px;color:var(--gold);font-weight:800}

/* 选型要点 */
.points li::before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:800}

/* 相关标准条 */
.std-tag{display:inline-block;background:var(--blue-light);color:var(--blue);border:1px solid #c6d5ef;padding:4px 14px;border-radius:30px;font-size:13px;margin:0 8px 8px 0}

/* 文末导流框（唯一广告位） */
.geo-cta{margin:40px 0 10px;background:linear-gradient(135deg,#083276,#0C4197);color:#fff;padding:24px 26px;border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.geo-cta b{font-size:16px;display:block;margin-bottom:4px;color:#fff}
.geo-cta p{color:#cfdff5;font-size:13px;margin:0}
.geo-cta .btn{background:var(--gold);white-space:nowrap}
.geo-cta .btn:hover{background:#b8934f}

/* 分类列表页 */
.cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.cat-item{display:block;background:var(--white);border:1px solid var(--line);padding:20px 22px;transition:.2s}
.cat-item:hover{border-color:var(--blue);box-shadow:0 4px 16px rgba(12,65,151,.08);transform:translateY(-2px)}
.cat-item h3{font-size:16px;color:var(--blue);margin-bottom:6px}
.cat-item p{font-size:13px;color:var(--text-light);margin:0}
.cat-item .cat-no{color:var(--gold);font-size:12px;margin-top:8px;display:block}

/* 标签 */
.tag-blue{background:var(--blue);color:#fff;font-size:12px;padding:3px 10px;border-radius:3px;margin-right:8px}
.tag-gold{background:var(--gold);color:#fff;font-size:12px;padding:3px 10px;border-radius:3px;margin-right:8px}
.tag-red{background:var(--accent);color:#fff;font-size:12px;padding:3px 10px;border-radius:3px;margin-right:8px}

/* 内容页响应式 */
@media (max-width:720px){
  .cat-grid{grid-template-columns:1fr}
  .param-table{font-size:13px}
  .param-table th,.param-table td{padding:8px 10px}
}

/* 通用配图样式（非 article 容器：首页/栏目页/地市页/计算器页） */
.prod-fig{max-width:560px;margin:20px auto;text-align:center}
.prod-fig img{width:100%;height:auto;border-radius:10px;border:1px solid var(--line);box-shadow:0 2px 8px rgba(0,0,0,0.05)}
.prod-fig figcaption{font-size:13px;color:var(--text-mute);margin-top:8px;line-height:1.6}
.prod-fig-2{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin:20px 0}
.prod-fig-2 figure{flex:1 1 260px;max-width:360px;min-width:0}
.prod-fig-2 figure img{width:100%;height:auto;border-radius:10px;border:1px solid var(--line);box-shadow:0 2px 8px rgba(0,0,0,0.05)}
.prod-fig-2 figure figcaption{font-size:13px;color:var(--text-mute);margin-top:6px;text-align:center}