/* ============================================================
   站点公共样式（二级页面专用）
   与 index.html 首页内联样式保持同一套设计变量与组件观感：
   纸质暖色底 + 墨绿主色 + 琥珀点缀，标题衬线字体。
   首页是完整工具应用，样式仍内联在 index.html，不引用本文件。
   ============================================================ */
:root {
  --primary: #0E7A5F;
  --primary-deep: #0A5C48;
  --accent: #E8A33D;
  --ink: #26291F;
  --ink-2: #5C6154;
  --ink-3: #999D8D;
  --line: #E6E1D3;
  --bg: #FAF7F0;
  --card: #FFFFFF;
  --danger: #D4553E;
  --radius: 16px;
  --serif: Georgia, "Songti SC", "STSong", "SimSun", serif;
}
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body { height: 100%; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif;
  background: var(--bg); color: var(--ink); font-size: 15px; line-height: 1.6;
}

/* ===== 顶部导航（与首页一致） ===== */
.nav {
  position: sticky; top: 0; z-index: 30;
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 22px; backdrop-filter: blur(14px);
  background: rgba(250, 247, 240, .9); border-bottom: 1.5px solid var(--line);
}
.nav .brand { display: flex; align-items: center; gap: 10px; font-weight: 700; font-size: 18px; color: inherit; text-decoration: none; font-family: var(--serif); letter-spacing: 1px; }
.nav .brand .logo {
  width: 32px; height: 32px; border-radius: 9px; display: grid; place-items: center;
  background: var(--primary); color: #fff; font-size: 16px;
  box-shadow: 0 3px 0 var(--primary-deep);
}
.nav .nav-links { display: flex; gap: 6px; font-size: 14px; }
.nav .nav-links a { color: var(--ink-2); text-decoration: none; transition: all .15s; padding: 6px 14px; border-radius: 999px; }
.nav .nav-links a:hover { color: var(--primary); background: #EEF4EF; }
.nav .nav-links a.active { color: #fff; background: var(--primary); font-weight: 600; }
@media (max-width: 480px) { .nav .nav-links { gap: 2px; font-size: 13px; } .nav .nav-links a { padding: 5px 10px; } }

/* ===== 页头横幅：墨绿实底（替代原渐变弧形 hero） ===== */
.hero {
  position: relative; overflow: hidden; text-align: center;
  padding: 46px 24px 108px;
  background: var(--primary-deep);
  color: #F4F1E8;
}
.hero::after {
  content: ""; position: absolute; left: -10%; right: -10%; bottom: -60px; height: 120px;
  background: var(--bg); border-radius: 50% 50% 0 0;
}
.hero h1 { font-family: var(--serif); font-size: 27px; letter-spacing: 2px; margin-bottom: 8px; position: relative; z-index: 1; }
.hero p { opacity: .85; font-size: 14.5px; position: relative; z-index: 1; }

/* ===== 内容容器与卡片（负 margin 叠在页头上） ===== */
.container { max-width: 860px; margin: 0 auto; padding: 0 20px 60px; }
.panel {
  background: var(--card); border: 1.5px solid var(--line); border-radius: 20px;
  box-shadow: 0 14px 28px rgba(90, 80, 50, .09), 0 3px 0 var(--line);
  padding: 28px; margin-top: -72px; position: relative; z-index: 2;
}
.panel + .panel { margin-top: 18px; }
.panel h2 { font-family: var(--serif); font-size: 19px; letter-spacing: 1px; margin-bottom: 4px; }
.panel .sub { color: var(--ink-3); font-size: 13px; margin-bottom: 20px; }

/* ===== 正文排版（协议/隐私等长文页） ===== */
.article h3 { font-family: var(--serif); font-size: 16px; letter-spacing: 1px; margin: 24px 0 8px; }
.article h3:first-of-type { margin-top: 6px; }
.article p { color: var(--ink-2); font-size: 14px; margin-bottom: 10px; }
.article ul { color: var(--ink-2); font-size: 14px; padding-left: 20px; margin-bottom: 10px; }
.article li { margin-bottom: 4px; }
.article .muted { color: var(--ink-3); font-size: 12.5px; }

/* ===== 特性/联系方式卡片网格 ===== */
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; margin-top: 18px; }
.card {
  background: var(--card); border: 1.5px solid var(--line); border-radius: 14px;
  padding: 22px 18px; text-align: center; transition: border-color .15s;
}
.card:hover { border-color: var(--primary); }
.card .ico { font-size: 26px; margin-bottom: 8px; }
.card b { display: block; font-size: 15px; margin-bottom: 4px; font-family: var(--serif); letter-spacing: 1px; }
.card span { color: var(--ink-2); font-size: 13.5px; word-break: break-all; }
.card a { color: var(--primary); text-decoration: none; }

/* ===== 备案信息页脚（与首页一致） ===== */
.site-footer { text-align: center; color: var(--ink-3); font-size: 12px; line-height: 2; margin-top: 44px; padding-top: 20px; padding-bottom: 10px; border-top: 1.5px solid var(--line); }
.site-footer a { color: var(--ink-3); text-decoration: none; margin: 0 6px; }
.site-footer a:hover { color: var(--ink-2); text-decoration: underline; }