/* 本申 BENSHEN — 基于旧站风格 */
:root {
  --primary: #1a56db;
  --primary-dark: #1e40af;
  --header-bg: #ffffff;
  --footer-bg: #1f2937;
  --body-bg: #f5f5f5;
  --text: #333333;
  --text-light: #666666;
  --border: #e5e7eb;
  --max-width: 1200px;
  --font: 'PingFang SC','Microsoft YaHei','Helvetica Neue',sans-serif;
  --radius: 4px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:var(--font);
  color:var(--text);
  line-height:1.7;
  background:var(--body-bg);
  font-size:14px;
}

/* 导航 — 保留旧站蓝白风格 */
.site-header{
  background:var(--header-bg);
  border-bottom:2px solid var(--primary);
  position:sticky;
  top:0;
  z-index:100;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
}
.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:64px;
  max-width:var(--max-width);
  margin:0 auto;
  padding:0 20px;
}
.logo{display:flex;flex-direction:column;line-height:1.2;text-decoration:none;color:var(--text)}
.logo strong{font-size:18px;color:var(--primary)}
.logo-sub{font-size:11px;color:var(--text-light)}
.nav{display:flex;gap:24px}
.nav a{color:var(--text);font-weight:500;font-size:14px;padding:6px 0;border-bottom:2px solid transparent;transition:all .2s;text-decoration:none}
.nav a:hover,.nav a.active{color:var(--primary);border-bottom-color:var(--primary)}

/* 容器 */
.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}
.main-content{min-height:calc(100vh - 200px)}

/* 卡片 */
.card{
  background:#fff;
  border-radius:var(--radius);
  box-shadow:0 1px 4px rgba(0,0,0,.08);
  padding:20px;
  margin-bottom:16px;
  transition:all .2s;
}
.card:hover{box-shadow:0 2px 12px rgba(0,0,0,.12);transform:translateY(-2px)}

/* 按钮 */
.btn{
  display:inline-block;
  padding:8px 20px;
  border-radius:var(--radius);
  font-weight:500;
  text-decoration:none;
  cursor:pointer;
  transition:all .2s;
  font-size:14px;
}
.btn-primary{
  background:var(--primary);
  color:#fff;
  border:1px solid var(--primary);
}
.btn-primary:hover{background:var(--primary-dark);text-decoration:none}
.btn-outline{
  border:1px solid var(--primary);
  color:var(--primary);
  background:transparent;
}
.btn-outline:hover{background:rgba(26,86,219,.05);text-decoration:none}

/* 标题 */
h1{font-size:24px;font-weight:700;color:#222;margin-bottom:12px}
h2{font-size:20px;font-weight:600;color:#333;margin:24px 0 12px}
h3{font-size:16px;font-weight:600;margin:16px 0 8px}
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:underline}

/* 标签 */
.tag{
  display:inline-block;
  padding:2px 10px;
  border-radius:12px;
  font-size:12px;
  background:#eef2ff;
  color:var(--primary);
  margin-right:6px;
}

/* Footer */
.site-footer{
  background:var(--footer-bg);
  color:#d1d5db;
  padding:40px 0 0;
  margin-top:60px;
  font-size:13px;
}
.footer-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:24px;
  max-width:var(--max-width);
  margin:0 auto;
  padding:0 20px 24px;
}
.footer-col h4{color:#fff;margin-bottom:8px;font-size:15px}
.footer-col p,.footer-col a{color:#9ca3af;font-size:13px;margin:4px 0;display:block}
.footer-col a:hover{color:#fff}
.footer-bottom{
  border-top:1px solid #4b5563;
  padding:12px 0;
  text-align:center;
  font-size:12px;
  color:#6b7280;
}
.footer-bottom a{color:#6b7280}

/* 面包屑 */
.breadcrumb{padding:12px 0;font-size:13px;color:var(--text-light)}
.breadcrumb a{color:var(--text-light)}

/* 响应式 */
@media(max-width:768px){
  .nav{gap:12px}
  .nav a{font-size:13px}
  .header-inner{height:56px}
  h1{font-size:20px}
  .grid-2,.grid-3{grid-template-columns:1fr}
}

/* 列表网格 */
.grid{display:grid;gap:16px}
.grid-2{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.grid-3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}

/* 文章内容 */
.article-body h2{margin-top:32px;padding-bottom:8px;border-bottom:1px solid var(--border)}
.article-body table{width:100%;border-collapse:collapse;margin:12px 0}
.article-body td,.article-body th{border:1px solid var(--border);padding:8px 12px;font-size:13px}
.article-body th{background:#f9fafb;font-weight:600}
.article-body pre{background:#1e293b;color:#e2e8f0;padding:16px;border-radius:8px;overflow-x:auto;font-size:13px}
.article-body blockquote{border-left:4px solid var(--primary);padding:12px 16px;background:#f9fafb;margin:16px 0}

/* FAQ */
.faq-item{background:#fff;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:6px}
.faq-item summary{padding:14px 16px;cursor:pointer;font-weight:500;font-size:15px}
.faq-item summary:hover{color:var(--primary)}
.faq-answer{padding:0 16px 16px;color:var(--text-light);line-height:1.8}

/* Hero */
.hero{
  background:linear-gradient(135deg,var(--primary),var(--primary-dark));
  color:#fff;
  padding:60px 0;
  text-align:center;
}
.hero-title{color:#fff;font-size:28px;margin-bottom:8px}
.hero-sub{font-size:16px;opacity:.9;max-width:600px;margin:0 auto 24px}
.hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* CTA box */
.cta-box{
  background:linear-gradient(135deg,#eff6ff,#dbeafe);
  border:2px solid var(--primary);
  border-radius:var(--radius);
  padding:24px;
  text-align:center;
  margin:32px 0;
}

/* === 兼容别名 === */
:root {
  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2937;
  --gray-900: #111827;
  --white: #ffffff;
}
p { margin: 0.5rem 0; }
a { color: var(--primary); text-decoration: none; }
a:hover { text-decoration: underline; }

/* === 覆盖 metinfo-icon 字体，避免 woff/ttf/eot 404 === */
@font-face {
  font-family: 'metinfo-icon1';
  src: url('data:font/woff2;base64,') format('woff2');
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'metinfo-icon2';
  src: url('data:font/woff2;base64,') format('woff2');
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}
/* metinfo 图标元素隐藏 ::before 内容（防止显示乱码方框） */
[class^="fa-"]:before,
[class*=" fa-"]:before,
.met-icon:before {
  font-family: 'metinfo-icon1', 'metinfo-icon2', sans-serif;
}