css
/* ============================================
   都市御兽 · 白金光翼 UI 主题（静态明亮版）
   背景：奶油白金色，文字：深灰暖调
   所有动态效果已移除
   ============================================ */

/* ---------- 全局变量 ---------- */
ai {
    --bg-main: #FAF5ED;          /* 主背景：奶白底 */
    --bg-card: #FFFFFF;           /* 卡片背景：纯白 */
    --bg-card-alt: #F5F0E8;       /* 卡片交替：浅米色 */
    --bg-details: #FFFBF5;        /* 折叠内容背景：更柔的白 */
    --border-energy: #C9A96E;     /* 能量边框：香槟金 */
    --border-energy-dim: #C9A96E66;
    --gold: #B8934A;              /* 主金色：古铜金 */
    --gold-dim: #B8934A66;
    --text-main: #2E2E2E;         /* 正文：深灰 */
    --text-bright: #1A1A1A;       /* 标题：更深的炭灰 */
    --text-dim: #6B6B6B;          /* 次要文字：中灰 */
    --text-gold: #B8934A;         /* 金色文字沿用主金 */
    --radius: 12px;
    --radius-sm: 8px;
    --font: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
    --shadow-card: 0 2px 12px rgba(0,0,0,0.08), 0 0 0 1px rgba(200,180,150,0.3);
}

/* ---------- 本体容器 ---------- */
ai {
    display: block;
    max-width: 720px;
    margin: 0 auto;
    padding: 16px 14px 20px;
    font-family: var(--font);
    color: var(--text-main);
    line-height: 1.6;
    background: var(--bg-main);
    border-radius: var(--radius);
    box-shadow: var(--shadow-card);
    position: relative;
    overflow: hidden;
}
/* 背景暗纹改为极浅的网格装饰 */
ai::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        repeating-linear-gradient(0deg, transparent, transparent 40px, rgba(201,169,110,0.04) 40px, rgba(201,169,110,0.04) 41px),
        repeating-linear-gradient(90deg, transparent, transparent 40px, rgba(201,169,110,0.04) 40px, rgba(201,169,110,0.04) 41px);
    pointer-events: none;
    z-index: 0;
}
ai > * {
    position: relative;
    z-index: 1;
}

/* ---------- 章节面板 · 折叠块 ---------- */
.section {
    background: var(--bg-details);
    border: 1px solid var(--border-energy-dim);
    border-radius: var(--radius-sm);
    margin-bottom: 14px;
    padding: 0;
    position: relative;
    overflow: hidden;
}
.section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, var(--border-energy) 30%, var(--gold) 70%, transparent 100%);
    opacity: 0.7;
}

/* ---------- summary · 标题栏 ---------- */
.section summary {
    padding: 12px 16px 12px 44px;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: .3px;
    color: var(--text-bright);
    background: var(--bg-card);
    border-radius: var(--radius-sm) var(--radius-sm) 0 0;
    cursor: default;
    list-style: none;
    position: relative;
    user-select: none;
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
}
.section summary::marker,
.section summary::-webkit-details-marker {
    display: none;
    content: '';
}
.section summary::before {
    content: '▶';
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    font-size: 12px;
    color: var(--border-energy);
    opacity: .8;
}
.section[open] summary::before {
    transform: translateY(-50%) rotate(90deg);
    color: var(--gold);
}

/* 不同面板侧边颜色标识（白金色系） */
.self-check summary { border-left: 3px solid #C9A96E; }
.world-info summary { border-left: 3px solid #A3B0C0; }
.user-profile summary { border-left: 3px solid #B8934A; }
.pet-profile summary { border-left: 3px solid #C49A7C; }
.npc-profile summary { border-left: 3px solid #A98EC2; }
.memory summary { border-left: 3px solid #7FB5B5; }
.options summary { border-left: 3px solid #D49A8A; }

/* ---------- details 内容区 ---------- */
.section[open] {
    padding-bottom: 4px;
}
.section > :not(summary) {
    padding: 6px 16px 14px;
}
.section table {
    margin: 8px 0;
    font-size: 14px;
    width: 100%;
    border-collapse: collapse;
}
.section table th,
.section table td {
    padding: 6px 10px;
    border-bottom: 1px solid rgba(201,169,110,0.15);
    text-align: left;
}
.section table th {
    color: var(--text-gold);
    font-weight: 600;
    background: rgba(184,147,74,0.06);
}
.section code,
.section pre {
    font-family: var(--font-mono);
    font-size: 13px;
    background: rgba(0,0,0,0.04);
    border-radius: 4px;
    padding: 2px 6px;
    color: var(--text-main);
}
.section pre {
    padding: 12px;
    overflow-x: auto;
    border: 1px solid rgba(201,169,110,0.15);
}

/* ---------- 选项区 ---------- */
.section.options .op-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 8px 0 4px;
}
.section.options .op-item {
    padding: 10px 14px;
    background: rgba(201,169,110,0.06);
    border-left: 3px solid var(--border-energy);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    font-size: 14px;
    cursor: default;
}
.section.options .op-item strong {
    color: var(--text-gold);
    font-weight: 600;
    margin-right: 6px;
}

/* ---------- 记忆区 table ---------- */
.section.memory table {
    font-size: 13px;
}
.section.memory table th:first-child,
.section.memory table td:first-child {
    width: 48px;
    text-align: center;
    color: var(--gold-dim);
    font-weight: 500;
}
.section.memory table th:nth-child(2),
.section.memory table td:nth-child(2) {
    width: 130px;
    color: var(--text-dim);
    font-size: 12px;
}
.section.memory table th:nth-child(3),
.section.memory table td:nth-child(3) {
    width: 100px;
}

/* ---------- 自检区 ---------- */
.self-check ol,
.self-check ul {
    padding-left: 24px;
    margin: 6px 0;
}
.self-check li {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 1.5;
}
.self-check li strong {
    color: var(--text-bright);
}

/* ---------- 滚动条 ---------- */
ai ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
ai ::-webkit-scrollbar-track {
    background: transparent;
}
ai ::-webkit-scrollbar-thumb {
    background: var(--border-energy-dim);
    border-radius: 4px;
}

/* ---------- 剧情正文 ---------- */
.story-text {
    padding: 10px 0 8px;
    margin: 0;
    font-size: 15px;
    line-height: 1.75;
    color: var(--text-main);
}
.story-text p {
    margin: 10px 0;
}

/* ---------- 响应式 ---------- */
@media (max-width: 540px) {
    ai {
        padding: 12px 10px 16px;
        font-size: 14px;
    }
    .section summary {
        padding: 10px 12px 10px 40px;
        font-size: 14px;
        min-height: 40px;
    }
    .section > :not(summary) {
        padding: 4px 12px 12px;
    }
    .section.memory table th:nth-child(2),
    .section.memory table td:nth-child(2) {
        width: 90px;
        font-size: 11px;
    }
}

/* ---------- 角落装饰（白金色） ---------- */
ai::after {
    content: '✦⚡';
    position: absolute;
    bottom: 8px;
    right: 12px;
    font-size: 18px;
    opacity: 0.10;
    letter-spacing: 4px;
    pointer-events: none;
    z-index: 0;
    color: #B8934A;
    transform: rotate(-6deg);
}