/* ─── 共用静态信息页样式（与 index.html 配色 / 字号一致） ─── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth}
img,svg{display:block}
a{text-decoration:none;color:inherit}
button{font-family:inherit}

:root{
  --blue:       #2563EB;
  --blue-dark:  #1D4ED8;
  --blue-light: #EFF6FF;
  --green:      #059669;
  --text:       #111827;
  --text-2:     #4B5563;
  --text-3:     #9CA3AF;
  --bg:         #F9FAFB;
  --surface:    #FFFFFF;
  --border:     #E5E7EB;
  --border-2:   #D1D5DB;
  --dark:       #0F172A;
  --font:-apple-system,BlinkMacSystemFont,'PingFang SC','Hiragino Sans GB','Microsoft YaHei UI','Microsoft YaHei','Noto Sans SC',sans-serif;
}

body{
  font-family:var(--font);color:var(--text);
  background:var(--surface);line-height:1.6;
  -webkit-font-smoothing:antialiased;
  display:flex;flex-direction:column;min-height:100vh;
}

/* ── Navbar (与 index 对齐) ── */
.navbar{
  position:sticky;top:0;z-index:100;overflow:hidden;
  background:rgba(255,255,255,.92);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border);
}
.nav-inner{
  max-width:1280px;margin:0 auto;padding:0 40px;
  height:100%;display:flex;align-items:center;justify-content:space-between;
}
.nav-brand{display:flex;align-items:center;gap:10px;color:var(--text)}
.nav-logo{height:32px;width:auto}
.nav-sitename{font-size:17px;font-weight:700;letter-spacing:-.01em}
.nav-back{
  font-size:13px;color:var(--text-2);
  padding:6px 12px;border-radius:6px;
  transition:background .15s,color .15s;
}
.nav-back:hover{background:var(--bg);color:var(--text)}

/* ── 页头 hero (沿用 index 的柔光渐变) ── */
.page-hero{
  background:linear-gradient(160deg,#EFF6FF 0%,#DBEAFE 35%,#EDE9FE 70%,#F0FDF4 100%);
  padding:64px 24px 56px;text-align:center;
}
.page-eyebrow{
  display:inline-block;font-size:12px;color:var(--blue);
  font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  margin-bottom:12px;
}
.page-title{
  font-size:clamp(28px,4.5vw,42px);font-weight:700;
  letter-spacing:-.025em;color:var(--text);
  margin-bottom:14px;line-height:1.2;
}
.page-title em{font-style:normal;color:var(--blue)}
.page-sub{
  font-size:15px;color:var(--text-2);
  max-width:560px;margin:0 auto;line-height:1.75;
}

/* ── 主体内容 ── 方案A：容器/导航 1280，但正文列限制在 760 阅读宽度（行长舒适） */
.page-content{
  flex:1;max-width:760px;width:100%;
  margin:0 auto;padding:56px 24px 64px;
}
.content-section{margin-bottom:40px}
.content-section:last-child{margin-bottom:0}
.content-section h2{
  font-size:20px;font-weight:600;color:var(--text);
  margin-bottom:14px;letter-spacing:-.01em;
}
.content-section p{
  font-size:15px;color:var(--text-2);
  line-height:1.85;margin-bottom:12px;
}
.content-section p:last-child{margin-bottom:0}
.content-section ul{padding-left:22px;margin-bottom:12px}
.content-section ul li{
  font-size:15px;color:var(--text-2);
  line-height:1.95;
}
.content-section strong{color:var(--text);font-weight:600}
.content-section a.inline{color:var(--blue);font-weight:500}
.content-section a.inline:hover{text-decoration:underline}

/* 信息卡片块（中间偏强调） */
.info-card{
  background:var(--bg);border:1px solid var(--border);
  border-radius:12px;padding:22px 24px;margin-bottom:16px;
}
.info-card-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:6px}
.info-card-val{font-size:15px;color:var(--text-2);line-height:1.7}
.info-card-val a{color:var(--blue);font-weight:500}
.info-card-val a:hover{text-decoration:underline}

.info-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:14px;
}

/* CTA 横条（沿用 index 的暗色块感） */
.page-cta{
  background:var(--dark);color:#fff;
  border-radius:14px;padding:32px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  flex-wrap:wrap;
}
.page-cta-text{flex:1;min-width:220px}
.page-cta-title{font-size:18px;font-weight:600;margin-bottom:6px}
.page-cta-sub{font-size:13px;color:#94A3B8;line-height:1.7}
.btn-primary{
  display:inline-flex;align-items:center;gap:6px;
  padding:11px 22px;border-radius:8px;
  background:var(--blue);color:#fff;font-size:14px;font-weight:600;
  border:none;cursor:pointer;transition:background .15s;
}
.btn-primary:hover{background:var(--blue-dark)}

/* ── Footer (与 index 一致：深色 + 备案) ── */
.page-footer{
  background:#0A0F1C;color:#64748B;
  padding:32px 24px;font-size:12px;
  display:flex;flex-direction:column;align-items:center;gap:8px;
}
.page-footer-row{
  display:flex;align-items:center;gap:8px;
  flex-wrap:wrap;justify-content:center;
}
.page-footer-row a{color:#475569;transition:color .15s}
.page-footer-row a:hover{color:#94A3B8}
.page-footer-sep{color:#1E293B;user-select:none}

@media (max-width:640px){
  .nav-inner{padding:0 20px}
  .page-content{padding:40px 20px 56px}
  .page-hero{padding:48px 20px 40px}
  .page-cta{flex-direction:column;align-items:flex-start;padding:24px}
}