/* 快打AI 四页共享样式（index/chat/records/admin）：设计 token、墨纸噪点、顶部导航、BYOK 弹窗 key-*、备案页脚。
   各页 <link> 引入后，页内 <style> 只留页面私有规则；同名规则按层叠由页内覆盖（如 chat 的 750px 窄栏、admin 的页脚间距）。 */

* { margin: 0; padding: 0; box-sizing: border-box; }

:root {
    --paper: #14120f;          /* 深墨底 */
    --paper-card: #1f1a15;     /* 墨卡 */
    --ink: #ece5d8;            /* 纸白字 */
    --ink-soft: #b3a892;       /* 淡墨 */
    --ink-faint: #8d8271;      /* 枯墨 */
    --line: #3b332a;           /* 墨线 */
    --seal: #c2453a;           /* 朱砂 */
    --seal-dark: #9e352b;
    --shadow: 0,0,0;
    --brush: 'Ma Shan Zheng', 'STKaiti', 'KaiTi', serif;
    --serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", serif;
    --kai: 'STKaiti', 'KaiTi', "Noto Serif SC", "Songti SC", serif;
    --gold: #d8b26e;           /* 金色仅书法标题 */
}

body {
    background: var(--paper);
    color: var(--ink);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    min-height: 100vh;
}

/* 墨纸纹理（浅色噪点） */
body::before {
    content: '';
    position: fixed; inset: 0; z-index: 0; pointer-events: none; opacity: .3;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.9 0 0 0 0 0.86 0 0 0 0 0.78 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ===== 顶部导航（chat 页栏宽 750px，页内覆盖 .nav-inner） ===== */
.nav-bar {
    position: sticky; top: 0; z-index: 200;
    background: rgba(20,18,15,0.92); backdrop-filter: blur(8px);
    border-bottom: 1px solid var(--line);
}
.nav-inner {
    max-width: 1100px; margin: 0 auto; padding: 12px 20px;
    display: flex; align-items: center; gap: 8px;
}
.nav-logo {
    font-family: var(--serif); font-weight: 900; font-size: 22px; letter-spacing: 1px;
    color: var(--ink); margin-right: auto; text-decoration: none;
}
.nav-logo .seal {
    display: inline-block; background: var(--seal); color: var(--paper-card);
    font-size: 11px; line-height: 1; padding: 3px 5px 2px; border-radius: 3px;
    vertical-align: 5px; margin-left: 4px; letter-spacing: 0; font-weight: 700;
    transform: rotate(-4deg); box-shadow: 1px 1px 0 var(--seal-dark);
}
.nav-link {
    display: inline-block;
    font-size: 13px; color: var(--ink-faint); text-decoration: none;
    padding: 6px 10px; border-radius: 4px; border: 1px solid transparent;
    transition: color 0.22s ease, border-color 0.22s ease;
}
.nav-link:hover { color: var(--seal); }
.nav-link.active { color: var(--seal); border-color: var(--seal); }
.nav-item-icon {
    width: 32px; height: 32px; border-radius: 4px; border: 1px solid var(--line);
    background: var(--paper-card); color: var(--ink-soft); font-size: 16px;
    display: flex; align-items: center; justify-content: center; cursor: pointer;
    transition: border-color 0.22s ease;
}
.nav-item-icon:hover { border-color: var(--ink-soft); }

/* ===== BYOK 设置弹窗（index/chat 同款） ===== */
.key-block { margin-bottom: 18px; }
.key-label { font-size: 14px; font-weight: 700; margin-bottom: 8px; display: flex; justify-content: space-between; align-items: center; }
.key-label a { font-size: 12px; color: var(--seal); text-decoration: none; font-weight: 400; }
.key-input {
    width: 100%; background: var(--paper); border: 1px solid var(--line); border-radius: 8px;
    padding: 11px 40px 11px 12px; font-size: 13px; color: var(--ink); outline: none;
}
.key-input:focus { border-color: var(--ink-soft); }
.key-wrap { position: relative; }
.key-eye {
    position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
    cursor: pointer; font-size: 15px; color: var(--ink-faint); user-select: none;
}
.key-status { font-size: 12px; margin-top: 6px; min-height: 16px; }
.key-status.ok { color: #4a7c3a; }
.key-status.fail { color: var(--seal); }

/* ===== 备案页脚（chat 页为 fixed 底栏、admin 间距不同，页内自有覆盖） ===== */
.icp-footer { text-align: center; padding: 30px 0 26px; font-size: 12px; }
.icp-footer a { color: var(--ink-faint); text-decoration: none; }
.icp-footer a:hover { color: var(--ink-soft); }
.icp-footer div { color: var(--ink-faint); margin-bottom: 4px; }
/* 公安备案链接（common.js 在 kuaidai.vip 域名下注入到页脚最前）：图标与文字对齐 */
.icp-footer a.gongan-beian { display: inline-flex; align-items: center; gap: 4px; margin-right: 14px; }
.icp-footer a.gongan-beian img { width: 13px; height: 13px; }

/* ===== 手机适配（≤640px）导航公共部分 ===== */
@media (max-width: 640px) {
    .nav-inner { padding: 10px 12px; gap: 4px; }
    .nav-logo { font-size: 18px; }
    .nav-link { padding: 4px 5px; font-size: 11px; flex: none; }
}