/* 共享顶导样式 —— 四个页面共用, 改一处全站生效 */
/* v3: 改用绝对 padding + margin, 不用 var() / flex gap, 避免变量未定义 / 缓存 / 特异性问题 */
.nav{
  display:flex;align-items:center;
  padding:16px 24px;
  background:#ffffff;
  border-bottom:1px solid #dde2e8;
  box-shadow:0 1px 0 rgba(0,0,0,.04);
  font-family:-apple-system,'Segoe UI','Microsoft YaHei',sans-serif;
}
.nav .brand{
  font-weight:700;color:#185FA5;font-size:16px;
  text-decoration:none;letter-spacing:.5px;
  margin-right:36px;
  display:inline-flex;align-items:center;gap:8px;
}
.nav .brand .logo{width:28px;height:28px;display:block}
.nav .brand .brand-text{display:inline-block;line-height:28px}
.nav a.lk{
  color:#333;text-decoration:none;font-size:14px;
  padding:8px 16px;
  margin-right:12px;
  border-radius:6px;transition:.15s;
  display:inline-block;
  border:1px solid transparent;
}
.nav a.lk:hover{background:#E6F1FB;color:#185FA5}
.nav a.lk.on{background:#E6F1FB;color:#185FA5;font-weight:600;
            border-color:#185FA5}
.nav .spacer{flex:1}
.nav .meta{font-size:12px;color:#666}
@media(max-width:640px){
  .nav{flex-wrap:wrap;padding:12px 14px}
  .nav .brand{margin-right:14px}
  .nav a.lk{padding:6px 10px;margin-right:6px}
  .nav .spacer{display:none}
}

/* ===== 安全声明 banner (serverless 架构 · 数据自动销毁 · 无泄密) ===== */
/* v2: 2026-09-08 改版 — 提供两种形态
   - .security-banner-top: 顶端整宽 banner (billing/pricing/admin 用)
   - .security-banner-inline: 横排短 banner, 跟"生成笔记"按钮同行右侧 (index 用) */
.security-banner{
  background:#EFF6FF;
  border:1px solid #BFDBFE;
  border-left:4px solid #185FA5;
  border-radius:8px;
  padding:14px 18px;
  margin:18px 24px 0;
  font-size:14px;
  color:#1E3A8A;
  line-height:1.6;
  font-family:-apple-system,'Segoe UI','Microsoft YaHei',sans-serif;
}
.security-banner .label{
  display:inline-block;
  background:#185FA5;
  color:#fff;
  font-weight:600;
  font-size:12px;
  padding:2px 10px;
  border-radius:4px;
  margin-right:8px;
  letter-spacing:.5px;
  vertical-align:2px;
}
.security-banner strong {color:#0F2A5C}
.security-banner code{
  background:#DBEAFE;
  padding:1px 6px;
  border-radius:3px;
  font-size:13px;
  color:#0F2A5C;
  font-family:Menlo,'Courier New',monospace;
}
@media(max-width:640px){
  .security-banner{margin:14px 14px 0;padding:12px 14px;font-size:13px}
}

/* ---- inline 横排短 banner: 跟按钮同行 ---- */
.security-banner-inline{
  display:flex;
  align-items:center;
  gap:8px;
  background:#EFF6FF;
  border:1px solid #BFDBFE;
  border-radius:8px;
  padding:8px 14px;
  font-size:12.5px;
  color:#1E3A8A;
  line-height:1.45;
  flex:1;
  min-width:0;
  font-family:-apple-system,'Segoe UI','Microsoft YaHei',sans-serif;
}
.security-banner-inline::before{
  content:"🔒";
  font-size:14px;
  flex-shrink:0;
}
.security-banner-inline strong{color:#0F2A5C;font-weight:600}
.security-banner-inline .hint-btn{
  flex:1;
  min-width:0;
}

/* "按钮 + inline banner" 同行的容器 */
.go-with-banner{
  display:flex;
  gap:12px;
  align-items:stretch;
  margin-top:16px;
  flex-wrap:wrap;
}
.go-with-banner .go{
  margin-top:0;        /* 覆盖 .go 默认 margin-top:16px */
  flex-shrink:0;
  width:auto;
  padding:12px 24px;
  min-width:160px;
}
.go-with-banner .security-banner-inline{
  margin-top:0;
}
@media(max-width:640px){
  .go-with-banner{flex-direction:column}
  .go-with-banner .go{width:100%}
}

/* ===== 全站页脚 (nav.js 注入, 2026-09-13) ===== */
.site-footer{
  margin-top:40px;
  padding:18px 16px 26px;
  text-align:center;
  font-size:12px;
  color:#8a94a0;
  letter-spacing:.5px;
  font-family:-apple-system,'Segoe UI','Microsoft YaHei',sans-serif;
}
.site-footer .sep{margin:0 6px;opacity:.55}
.site-footer .icp{
  color:#8a94a0;
  text-decoration:none;
  border-bottom:1px dotted rgba(138,148,160,.5);
  transition:color .15s;
}
.site-footer .icp:hover{color:#185FA5;border-bottom-color:#185FA5}