:root{
  --c-brand:#2563eb;
  --c-brand-dark:#1d4ed8;
  --c-accent:#f59e0b;
  --c-ink:#0f172a;
  --c-muted:#64748b;
  --c-line:#e5e7eb;
  --c-bg:#ffffff;
  --c-soft:#f8fafc;
}
*{box-sizing:border-box;}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--c-ink);background:var(--c-bg);line-height:1.7;}
a{color:var(--c-brand);text-decoration:none;}
img{max-width:100%;}

/* 顶部导航 */
.site-head{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--c-line);}
.site-head .bar{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;}
.site-head .logo{font-size:20px;font-weight:800;color:var(--c-ink);}
.site-head .logo span{color:var(--c-brand);}
.site-nav{display:flex;gap:26px;}
.site-nav a{color:#334155;font-size:15px;font-weight:500;}
.site-nav a:hover{color:var(--c-brand);}
.head-cta{background:var(--c-brand);color:#fff;padding:8px 18px;border-radius:8px;font-size:14px;font-weight:600;}
.head-cta:hover{background:var(--c-brand-dark);color:#fff;}

/* 容器 */
.wrap{max-width:1180px;margin:0 auto;padding:0 20px;}

/* 英雄区 */
.hero{background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff;padding:70px 20px;text-align:center;}
.hero h1{font-size:38px;margin:0 0 14px;font-weight:800;}
.hero p{font-size:17px;color:#cbd5e1;max-width:680px;margin:0 auto 26px;}
.hero .sub{color:var(--c-accent);font-weight:700;letter-spacing:1px;margin-bottom:10px;}

/* 区块 */
.section{padding:56px 0;}
.section.gray{background:var(--c-soft);}
.section h2{text-align:center;font-size:28px;margin:0 0 8px;font-weight:800;}
.section .lead{text-align:center;color:var(--c-muted);margin:0 0 36px;}

.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;}
.card{background:#fff;border:1px solid var(--c-line);border-radius:12px;padding:24px;transition:transform .15s,box-shadow .15s;}
.card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(15,23,42,.1);}
.card .ico{font-size:30px;margin-bottom:12px;}
.card h3{margin:0 0 8px;font-size:18px;}
.card p{color:var(--c-muted);font-size:14px;margin:0;}

/* 文章/产品列表 */
.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;}
.post{background:#fff;border:1px solid var(--c-line);border-radius:12px;overflow:hidden;}
.post img{width:100%;height:180px;object-fit:cover;}
.post .body{padding:16px;}
.post .title{font-size:16px;font-weight:700;margin:0 0 6px;color:var(--c-ink);}
.post .meta{font-size:12.5px;color:var(--c-muted);}
.post .summary{color:var(--c-muted);font-size:13.5px;margin:8px 0 0;}

/* 详情 */
.article{max-width:820px;margin:0 auto;}
.article h1{font-size:30px;margin:0 0 12px;}
.article .meta{color:var(--c-muted);font-size:13.5px;margin-bottom:24px;border-bottom:1px solid var(--c-line);padding-bottom:14px;}
/* 富文本排版（文章/产品/分站正文）：同时匹配 .article .content 与 .article.content 组合类 */
.article .content,.article.content{font-size:16px;color:#334155;line-height:1.9;}
.article .content p,.article.content p{margin:0 0 16px;}
.article .content h2,.article.content h2{font-size:24px;margin:32px 0 14px;font-weight:800;color:var(--c-ink);padding-bottom:8px;border-bottom:2px solid var(--c-line);}
.article .content h3,.article.content h3{font-size:20px;margin:26px 0 12px;font-weight:700;color:var(--c-ink);}
.article .content h4,.article.content h4{font-size:17px;margin:20px 0 10px;font-weight:700;color:var(--c-ink);}
.article .content ul,.article.content ul,.article .content ol,.article.content ol{margin:0 0 16px;padding-left:24px;}
.article .content ul li,.article.content ul li{list-style:disc;}
.article .content ol li,.article.content ol li{list-style:decimal;}
.article .content li,.article.content li{margin:6px 0;line-height:1.8;}
.article .content a,.article.content a{color:var(--c-brand);text-decoration:underline;text-underline-offset:2px;}
.article .content strong,.article.content strong{font-weight:700;color:var(--c-ink);}
.article .content em,.article.content em{font-style:italic;}
.article .content blockquote,.article.content blockquote{margin:18px 0;padding:12px 18px;border-left:4px solid var(--c-brand);background:var(--c-soft);color:var(--c-muted);border-radius:0 8px 8px 0;}
.article .content code,.article.content code{font-family:Consolas,Menlo,monospace;background:#f1f5f9;padding:2px 6px;border-radius:4px;font-size:14px;color:#be123c;}
.article .content pre,.article.content pre{background:#0f172a;color:#e2e8f0;padding:16px;border-radius:10px;overflow:auto;margin:16px 0;}
.article .content pre code,.article.content pre code{background:none;color:inherit;padding:0;}
.article .content hr,.article.content hr{border:none;border-top:1px solid var(--c-line);margin:24px 0;}
.article .content img,.article.content img{max-width:100%;border-radius:8px;margin:16px 0;}
.article .content table,.article.content table{border-collapse:collapse;width:100%;margin:18px 0;font-size:14.5px;overflow:hidden;}
.article .content th,.article.content th,.article .content td,.article.content td{border:1px solid var(--c-line);padding:10px 12px;text-align:left;vertical-align:top;}
.article .content th,.article.content th{background:var(--c-soft);font-weight:700;color:var(--c-ink);}
.article .content tr:nth-child(even) td,.article.content tr:nth-child(even) td{background:#fcfdfe;}

/* 产品 */
.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;}
.price-tag{font-size:26px;color:var(--c-brand);font-weight:800;}
.price-old{color:var(--c-muted);text-decoration:line-through;margin-left:10px;}

/* 侧栏 */
.layout{display:grid;grid-template-columns:1fr 300px;gap:36px;align-items:start;}
.side .box{background:#fff;border:1px solid var(--c-line);border-radius:12px;padding:18px;margin-bottom:20px;}
.side .box h4{margin:0 0 12px;font-size:15px;}
.side ul{list-style:none;padding:0;margin:0;}
.side ul li{padding:7px 0;border-bottom:1px solid var(--c-line);font-size:14px;}

/* 表单转化组件 */
.cta-bar{background:var(--c-accent);color:#fff;border-radius:12px;padding:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;}
.cta-bar .phone{font-size:22px;font-weight:800;}
.form-card{background:#fff;border:1px solid var(--c-line);border-radius:12px;padding:26px;max-width:560px;margin:0 auto;}
.form-card label{display:block;font-size:14px;font-weight:600;margin:14px 0 6px;}
.form-card input,.form-card textarea,.form-card select{width:100%;padding:10px 12px;border:1px solid var(--c-line);border-radius:8px;font-size:14px;font-family:inherit;}
.form-card .req{color:#ef4444;}

/* 城市分站内链 */
.city-links{display:flex;flex-wrap:wrap;gap:8px;}
.city-links a{background:var(--c-soft);border:1px solid var(--c-line);border-radius:20px;padding:5px 14px;font-size:13px;color:#334155;}
.city-links a:hover{border-color:var(--c-brand);color:var(--c-brand);}

/* 页脚 */
.site-foot{background:var(--c-ink);color:#94a3b8;padding:40px 20px;margin-top:40px;font-size:13.5px;}
.site-foot .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;}
.site-foot a{color:#cbd5e1;}

/* 响应式 */
@media(max-width:860px){
  .site-nav{display:none;}
  .layout{grid-template-columns:1fr;}
  .product-detail{grid-template-columns:1fr;}
  .row2,.row3{grid-template-columns:1fr;}
  .hero h1{font-size:28px;}
}

/* 分页（小号文字箭头，避免箭头被撑大） */
.pagination{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:18px 0;font-size:13px;}
.pagination .pg-arrow,.pagination .pg-link,.pagination .pg-current,.pagination .pg-ellipsis,.pagination .pg-info{
  display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 8px;
  border:1px solid var(--c-line,#e5e7eb);border-radius:6px;background:#fff;color:#374151;font-size:13px;line-height:1;
}
.pagination .pg-arrow{font-size:16px;font-weight:700;}
.pagination .pg-arrow:hover,.pagination .pg-link:hover{border-color:var(--c-brand,#2563eb);color:var(--c-brand,#2563eb);}
.pagination .pg-current{background:var(--c-brand,#2563eb);border-color:var(--c-brand,#2563eb);color:#fff;font-weight:600;}
.pagination .pg-disabled{opacity:.4;cursor:not-allowed;}
.pagination .pg-ellipsis{border:none;background:none;min-width:auto;}
.pagination .pg-info{padding:0 8px;border:none;background:none;color:#64748b;}