/* ════════════════════════════════════════════════════════════════════════
   styles-atelier.css  —  双语言覆盖层
   ════════════════════════════════════════════════════════════════════════
   精灵：Picture Book 绘本工坊（可爱但不土）
        米白纸 + 苔绿 + 黏土褐 + 一抹柔粉，圆润手作感
   状态：Boudoir 暮色闺房（亲密但不糖）
        裸粉 + 玫瑰木 + 红木 + 烛金，柔光朦胧感
   保留：会动的精灵本体浮动；状态气泡的柔和漂浮
   删除：糖果黄、彩色光晕、emoji 装饰、过度阴影
   ════════════════════════════════════════════════════════════════════════ */

:root {
    /* ── 精灵：Picture Book ── */
    --pb-paper:        #FBF7EE;   /* 米白纸 */
    --pb-cream:        #F4ECDB;   /* 奶油纸 */
    --pb-moss:         #6B7E5A;   /* 苔绿（强调） */
    --pb-moss-soft:    #A8B596;   /* 浅苔 */
    --pb-clay:         #8B6F4E;   /* 黏土褐（文字） */
    --pb-clay-soft:    #B89A78;   /* 浅黏土 */
    --pb-blush:        #E8B4A0;   /* 柔粉点缀 */
    --pb-line:         #D9CDB6;   /* 线（米色调） */
    --pb-ink:          #3D352A;   /* 深褐墨（主文字） */
    --pb-ink-mute:     #9B8E78;   /* 三级文字 */

    /* ── 状态：Boudoir 暮色闺房 ── */
    --bd-nude:         #F5E6E0;   /* 裸粉底 */
    --bd-rose-pale:    #EFD4CC;   /* 浅玫瑰 */
    --bd-rose:         #C99B95;   /* 玫瑰木 */
    --bd-mahogany:     #6B3A3A;   /* 红木深色 */
    --bd-mahogany-deep:#4A2828;   /* 极深红木（详情面板底） */
    --bd-candle:       #C9A66B;   /* 烛金（极少量点缀） */
    --bd-line:         #E8C9C0;   /* 玫瑰线 */
    --bd-ink:          #4A2C2C;   /* 红木墨 */
    --bd-ink-soft:     #8C6464;   /* 次级 */
    --bd-ink-mute:     #B89696;   /* 三级 */

    /* ── 字体 ── */
    --pb-serif:    'Noto Serif SC', 'Source Han Serif SC', 'Songti SC', 'Times New Roman', serif;
    --pb-sans:     'Quicksand', -apple-system, 'PingFang SC', 'Hiragino Sans', sans-serif;
    --pb-hand:     'Caveat', 'Patrick Hand', 'Quicksand', cursive;
    --bd-serif:    'Cormorant Garamond', 'Noto Serif SC', 'STSong', Georgia, serif;
    --bd-sans:     -apple-system, 'PingFang SC', 'Helvetica Neue', sans-serif;
}

/* ════════════════════════════════════════════════════════════════════════
   动画清除（精灵保留本体浮动；状态保留柔和漂浮）
   ════════════════════════════════════════════════════════════════════════ */

/* 精灵：删黄色光晕脉动、星星浮动、列表头浮动 emoji、标题旋转星 */
.spirit-stage-halo,
.spirit-stage-stars,
.slh-bubbles {
    display: none !important;
}
.sln-title-icon,
.spirit-empty-emoji,
.spirit-stat-bar-fill::after {
    animation: none !important;
}
.spirit-stat-bar-fill::after { display: none !important; }

/* 精灵本体：保留浮动，节奏放缓，去掉旋转 */
@keyframes pbSpiritFloat {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-10px); }
}
.spirit-display-emoji {
    animation: pbSpiritFloat 4s ease-in-out infinite !important;
}

/* 状态：删头像脉冲环（太医疗），保留 bubble 浮动（让亲密感"呼吸"） */
.status-avatar-pulse-ring,
.status-avatar-pulse-ring::after {
    display: none !important;
}

/* ════════════════════════════════════════════════════════════════════════
   1. 精灵列表页 — Picture Book
   ════════════════════════════════════════════════════════════════════════ */

.spirit-list-page-wrap {
    background: var(--pb-paper) !important;
    /* 极淡的纸纹（径向噪点感，靠双重 radial-gradient 模拟） */
    background-image:
        radial-gradient(circle at 20% 30%, rgba(180,150,100,0.025) 0%, transparent 40%),
        radial-gradient(circle at 80% 70%, rgba(180,150,100,0.025) 0%, transparent 40%) !important;
    font-family: var(--pb-sans);
    color: var(--pb-ink);
}

/* 顶部导航 */
.spirit-list-nav {
    background: var(--pb-paper) !important;
    border-bottom: 1px solid var(--pb-line) !important;
    box-shadow: none !important;
    padding: 0 16px !important;
    height: 52px !important;
}
.sln-back {
    background: var(--pb-cream) !important;
    border: 1px solid var(--pb-line) !important;
    color: var(--pb-clay) !important;
    box-shadow: none !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    font-size: 14px !important;
}
.sln-back:active { transform: scale(0.94) !important; background: var(--pb-line) !important; }

.sln-title {
    color: var(--pb-ink) !important;
    font-family: var(--pb-serif) !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    gap: 0 !important;
}
.sln-title-icon { display: none !important; }

.sln-add {
    background: var(--pb-moss) !important;
    color: var(--pb-paper) !important;
    box-shadow: 0 2px 8px rgba(107,126,90,0.25) !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    font-size: 15px !important;
}
.sln-add:active { transform: scale(0.94) !important; }

/* 列表滚动区 */
.spirit-list-scroll { padding: 0 16px 32px !important; background: transparent !important; }

/* 顶部英雄区：保留温暖感 */
.spirit-list-hero {
    padding: 32px 8px 20px !important;
    text-align: center !important;
}
.slh-title {
    font-family: var(--pb-serif) !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    color: var(--pb-ink) !important;
    margin: 0 0 6px !important;
    letter-spacing: 1px !important;
}
.slh-sub {
    font-family: var(--pb-sans) !important;
    font-size: 12px !important;
    color: var(--pb-clay-soft) !important;
    letter-spacing: 0.5px !important;
    font-weight: 400 !important;
}

/* 精灵卡片：保留卡片但换成"绘本插页"质感 */
.spirit-card {
    background: var(--pb-paper) !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 12px rgba(139,111,78,0.06) !important;
    border: 1px solid var(--pb-line) !important;
    padding: 16px !important;
    margin-bottom: 12px !important;
    overflow: hidden !important;
    position: relative;
}
/* 顶部小色条：黄 → 苔绿（更克制更高级） */
.spirit-card::before {
    content: '';
    position: absolute;
    top: 0; left: 16px; right: 16px;
    height: 2px !important;
    background: var(--pb-moss-soft) !important;
    border-radius: 0 !important;
}
.spirit-card:active {
    transform: scale(0.99) !important;
    box-shadow: 0 1px 6px rgba(139,111,78,0.08) !important;
}

/* 列表头像：圆形保留，但配色换 */
.spirit-card-avatar {
    width: 56px !important;
    height: 56px !important;
    border-radius: 50% !important;
    background: var(--pb-cream) !important;
    border: 2px solid var(--pb-paper) !important;
    box-shadow: 0 0 0 1px var(--pb-line), 0 2px 6px rgba(139,111,78,0.08) !important;
    font-size: 30px !important;
}
.spirit-card-avatar img { width: 48px !important; height: 48px !important; }
.spirit-card-header { gap: 14px !important; margin-bottom: 12px !important; }

.spirit-card-name {
    font-family: var(--pb-serif) !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    color: var(--pb-ink) !important;
    letter-spacing: 0.3px !important;
}
.spirit-card-meta {
    font-family: var(--pb-sans) !important;
    color: var(--pb-clay-soft) !important;
    font-size: 11px !important;
    letter-spacing: 0.3px !important;
    font-weight: 500 !important;
    gap: 10px !important;
}

/* 列表里的属性条小项：换成米色胶囊 + 苔绿点 */
.spirit-stat-item {
    background: var(--pb-cream) !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 5px 8px !important;
    color: var(--pb-clay) !important;
    font-family: var(--pb-sans) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
}
.spirit-stat-icon {
    color: var(--pb-moss) !important;
    font-size: 12px !important;
}

.spirit-card-emotion,
.spirit-card-ap {
    font-family: var(--pb-sans) !important;
    color: var(--pb-clay-soft) !important;
    font-size: 11px !important;
}

/* 空状态 */
.spirit-empty-box { padding: 60px 20px !important; }
.spirit-empty-emoji {
    font-size: 64px !important;
    margin-bottom: 16px !important;
    opacity: 0.5;
}
.spirit-empty-title {
    font-family: var(--pb-serif) !important;
    color: var(--pb-ink) !important;
    font-weight: 500 !important;
}
.spirit-empty-desc {
    font-family: var(--pb-sans) !important;
    color: var(--pb-clay-soft) !important;
    font-size: 12px !important;
}

/* ════════════════════════════════════════════════════════════════════════
   2. 精灵详情页 — Picture Book
   ════════════════════════════════════════════════════════════════════════ */

.spirit-detail-topbar,
.spirit-detail-nav {
    background: var(--pb-paper) !important;
    border-bottom: 1px solid var(--pb-line) !important;
    box-shadow: none !important;
}
.spirit-detail-topbar .sln-back,
.spirit-detail-nav .sln-back {
    background: var(--pb-cream) !important;
    border: 1px solid var(--pb-line) !important;
    color: var(--pb-clay) !important;
}

.spirit-detail-scroll,
.spirit-detail-overlay {
    background: var(--pb-paper) !important;
}

/* ── 舞台：保留温柔光晕，但换成苔绿+米色而非鲜黄 ── */
.spirit-stage {
    background: var(--pb-paper) !important;
    background-image:
        radial-gradient(ellipse 60% 50% at 50% 45%, rgba(232,180,160,0.15) 0%, transparent 70%),
        radial-gradient(ellipse 80% 60% at 50% 55%, rgba(168,181,150,0.10) 0%, transparent 70%) !important;
    padding: 40px 20px 32px !important;
    min-height: 280px !important;
    border-bottom: 1px solid var(--pb-line);
}
.spirit-stage-bg {
    background: transparent !important;
    display: none !important;
}

/* 精灵本体：尺寸提到 130，保留柔和浮动 */
.spirit-display-emoji {
    font-size: 130px !important;
    filter: drop-shadow(0 6px 12px rgba(139,111,78,0.15));
}
.spirit-display-emoji img {
    width: 130px !important;
    height: 130px !important;
}

/* 心情胶囊：黄 → 米奶 + 手写体 */
.spirit-stage-mood {
    background: var(--pb-paper) !important;
    border: 1px solid var(--pb-line) !important;
    box-shadow: 0 2px 8px rgba(139,111,78,0.06) !important;
    border-radius: 18px !important;
    color: var(--pb-clay) !important;
    font-family: var(--pb-serif) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 6px 16px !important;
    letter-spacing: 0.3px !important;
    margin-top: 20px !important;
}

/* ── 名片：黄边卡 → 绘本扉页 ── */
.spirit-id-card {
    background: var(--pb-paper) !important;
    border: 1px solid var(--pb-line) !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 12px rgba(139,111,78,0.06) !important;
    margin: 14px !important;
    padding: 16px 18px !important;
}
.spirit-id-card::before {
    background: var(--pb-moss-soft) !important;
    height: 2px !important;
    border-radius: 0 !important;
    left: 16px;
    right: 16px;
}

.spirit-id-avatar {
    background: var(--pb-cream) !important;
    border: 2px solid var(--pb-paper) !important;
    box-shadow: 0 0 0 1px var(--pb-line), 0 2px 6px rgba(139,111,78,0.08) !important;
    border-radius: 50% !important;
    width: 60px !important;
    height: 60px !important;
    font-size: 32px !important;
}
.spirit-id-avatar img { width: 50px !important; height: 50px !important; }

.spirit-id-name {
    font-family: var(--pb-serif) !important;
    font-size: 19px !important;
    font-weight: 600 !important;
    color: var(--pb-ink) !important;
    letter-spacing: 0.3px !important;
    margin-bottom: 4px !important;
}
.spirit-id-age {
    font-family: var(--pb-sans) !important;
    color: var(--pb-clay-soft) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}
.spirit-id-partner {
    font-family: var(--pb-sans) !important;
    color: var(--pb-blush) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}
.spirit-id-partner i { color: var(--pb-blush) !important; }

/* 等级徽章：黄 → 苔绿 */
.spirit-id-badge {
    background: var(--pb-moss) !important;
    color: var(--pb-paper) !important;
    box-shadow: 0 2px 6px rgba(107,126,90,0.20) !important;
    border-radius: 14px !important;
    font-family: var(--pb-sans) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    padding: 4px 12px !important;
}

/* ── 属性面板 ── */
.spirit-stats-panel,
.spirit-action-panel {
    background: var(--pb-paper) !important;
    border: 1px solid var(--pb-line) !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 12px rgba(139,111,78,0.05) !important;
    margin: 0 14px 14px !important;
    padding: 18px !important;
}
.spirit-panel-title {
    font-family: var(--pb-serif) !important;
    color: var(--pb-ink) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 14px !important;
    gap: 6px !important;
}
.spirit-panel-title-icon {
    color: var(--pb-moss) !important;
    font-size: 14px !important;
}

/* 属性条：糖果色 → 苔绿/黏土/玫瑰，柔和填充 */
.spirit-stat-bar { gap: 5px !important; margin-bottom: 12px !important; }
.spirit-stat-bar-label {
    color: var(--pb-clay) !important;
    font-family: var(--pb-sans) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}
.spirit-stat-bar-label > span:last-child {
    color: var(--pb-clay-soft) !important;
    font-weight: 500 !important;
}
.spirit-stat-bar-bg {
    height: 6px !important;
    background: var(--pb-cream) !important;
    border-radius: 6px !important;
}
.spirit-stat-bar-fill {
    border-radius: 6px !important;
    background: var(--pb-moss-soft) !important;
}
/* 各属性微差：饥饿/快乐用粉调，智慧/体力用绿调，健康用绿，整体协调 */
.spirit-stat-bar-fill.spirit-stat-hunger  { background: #D4A28E !important; }   /* 黏土粉 */
.spirit-stat-bar-fill.spirit-stat-mood    { background: #E8B4A0 !important; }   /* 柔粉 */
.spirit-stat-bar-fill.spirit-stat-wisdom  { background: #A8B596 !important; }   /* 浅苔 */
.spirit-stat-bar-fill.spirit-stat-stamina { background: #B89A78 !important; }   /* 浅黏土 */
.spirit-stat-bar-fill.spirit-stat-health  { background: #6B7E5A !important; }   /* 苔绿 */

/* 属性数值字符颜色（旧规则里写死的红/黄/蓝 全部改回 ink） */
.spirit-stat-hunger,
.spirit-stat-mood,
.spirit-stat-wisdom,
.spirit-stat-stamina,
.spirit-stat-health,
.spirit-stat-clean,
.spirit-stat-fatigue {
    color: var(--pb-ink) !important;
}

/* ── 性格维度（spd-*）── */
.spirit-personality-dim { margin-bottom: 14px !important; }
.spd-header { gap: 6px !important; margin-bottom: 4px !important; }
.spd-icon {
    color: var(--pb-moss-soft) !important;
    font-size: 12px !important;
}
.spd-label {
    font-family: var(--pb-sans) !important;
    font-size: 12px !important;
    color: var(--pb-clay) !important;
    font-weight: 600 !important;
}
.spd-bar {
    height: 4px !important;
    background: var(--pb-cream) !important;
    border-radius: 4px !important;
}
.spd-fill {
    border-radius: 4px !important;
    background: var(--pb-moss-soft) !important;
    box-shadow: none !important;
}
.spd-range {
    color: var(--pb-clay-soft) !important;
    font-family: var(--pb-sans) !important;
    font-size: 11px !important;
}

.spirit-intimacy-row {
    border-bottom: 1px solid var(--pb-line);
    padding-bottom: 12px;
    gap: 10px !important;
}
.spirit-intimacy-bar {
    height: 4px !important;
    background: var(--pb-cream) !important;
    border-radius: 4px !important;
}
.spirit-intimacy-fill {
    border-radius: 4px !important;
    background: var(--pb-blush) !important;
    box-shadow: none !important;
}

/* ── 互动按钮：糖果黄 → 米色卡 + 苔绿/黏土图标 ── */
.spirit-action-grid {
    gap: 10px !important;
    grid-template-columns: repeat(3, 1fr) !important;
}
.spirit-action-btn {
    background: var(--pb-paper) !important;
    border: 1px solid var(--pb-line) !important;
    border-radius: 14px !important;
    color: var(--pb-ink) !important;
    font-family: var(--pb-sans) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 14px 8px 12px !important;
    gap: 8px !important;
    box-shadow: 0 1px 4px rgba(139,111,78,0.04) !important;
}
.spirit-action-btn:active {
    background: var(--pb-cream) !important;
    transform: scale(0.96) !important;
    box-shadow: 0 0 0 1px var(--pb-moss-soft), 0 1px 4px rgba(139,111,78,0.06) !important;
}
.sab-icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: var(--pb-cream) !important;
    box-shadow: none !important;
    font-size: 20px !important;
    color: var(--pb-clay) !important;
    transition: transform 0.2s ease;
}
.spirit-action-btn:active .sab-icon {
    transform: scale(0.92) !important;
    color: var(--pb-moss) !important;
}
/* 图标背景色微调：去掉糖果黄 */
.sab-icon.sab-feed,
.sab-icon.sab-class { background: #F2E5D0 !important; }
.sab-icon.sab-study,
.sab-icon.sab-exercise { background: #E5EBDA !important; }
.sab-icon.sab-play,
.sab-icon.sab-chat { background: #F4DDD2 !important; }

.sab-cost {
    font-family: var(--pb-sans) !important;
    color: var(--pb-clay-soft) !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    margin-top: 2px;
}
.sab-partner-tag {
    font-family: var(--pb-sans) !important;
    font-size: 10px !important;
    color: var(--pb-blush) !important;
    font-weight: 500 !important;
}

/* 行动点条：渐变 → 极简米色 */
.spirit-ap-bar {
    background: var(--pb-cream) !important;
    border: 1px solid var(--pb-line) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    margin: 0 14px !important;
    padding: 10px 14px !important;
    color: var(--pb-clay) !important;
    font-family: var(--pb-sans) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}
.spirit-ap-icon {
    color: var(--pb-moss) !important;
    font-size: 16px !important;
}
.spirit-ap-bar b {
    color: var(--pb-ink) !important;
    font-weight: 700 !important;
    font-size: 14px !important;
}
.spirit-ap-month {
    color: var(--pb-clay-soft) !important;
    font-size: 11px !important;
}

/* 生病提示 */
.spirit-sick-banner {
    background: #F7E4DC !important;
    border: 1px solid #E8C5B8 !important;
    border-radius: 12px !important;
    margin: 8px 14px 0 !important;
    padding: 10px 14px !important;
    color: #8B5A4E !important;
    font-family: var(--pb-sans) !important;
    font-size: 13px !important;
}
.spirit-heal-btn {
    background: var(--pb-blush) !important;
    color: var(--pb-paper) !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 6px rgba(232,180,160,0.30) !important;
    font-family: var(--pb-sans) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 6px 14px !important;
}

/* 底部返回按钮 */
.spirit-detail-footer { padding: 4px 14px 36px !important; }
.spirit-back-btn {
    background: var(--pb-paper) !important;
    border: 1px solid var(--pb-line) !important;
    border-radius: 14px !important;
    color: var(--pb-clay) !important;
    font-family: var(--pb-sans) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 8px rgba(139,111,78,0.05) !important;
    padding: 14px !important;
}
.spirit-back-btn:active {
    background: var(--pb-cream) !important;
    transform: scale(0.98) !important;
}

/* 快捷功能按钮网格 */
.spirit-extra-buttons-grid { gap: 8px !important; }
.spirit-extra-btn {
    background: var(--pb-paper) !important;
    border: 1px solid var(--pb-line) !important;
    border-radius: 12px !important;
    color: var(--pb-clay) !important;
    font-family: var(--pb-sans) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
    padding: 12px 8px !important;
}
.seb-icon {
    color: var(--pb-moss) !important;
    font-size: 18px !important;
}

/* 创建精灵弹窗 */
.spirit-create-modal {
    background: var(--pb-paper) !important;
    border: 1px solid var(--pb-line) !important;
    border-radius: 20px !important;
    box-shadow: 0 16px 48px rgba(139,111,78,0.18) !important;
}
.scm-header {
    background: var(--pb-cream) !important;
    border-bottom: 1px solid var(--pb-line) !important;
    padding: 24px 20px 20px !important;
}
.scm-header-deco {
    color: var(--pb-moss-soft) !important;
    opacity: 0.8;
}
.scm-title {
    color: var(--pb-ink) !important;
    font-family: var(--pb-serif) !important;
    font-weight: 600 !important;
    text-shadow: none !important;
    font-size: 20px !important;
    letter-spacing: 0.5px !important;
}
.scm-subtitle {
    color: var(--pb-clay-soft) !important;
    font-family: var(--pb-sans) !important;
    font-size: 12px !important;
}
.scm-label {
    color: var(--pb-clay) !important;
    font-family: var(--pb-sans) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

/* 精灵类型选择器 */
.spirit-type-option {
    background: var(--pb-cream) !important;
    border: 1px solid var(--pb-line) !important;
    border-radius: 12px !important;
    color: var(--pb-clay) !important;
    font-family: var(--pb-sans) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 12px 6px !important;
}
.spirit-type-option.selected,
.spirit-type-option:active {
    background: var(--pb-moss) !important;
    color: var(--pb-paper) !important;
    border-color: var(--pb-moss) !important;
}

/* 通用弹窗面板：渐变头 → 苔绿头 */
.spirit-modal-panel-head {
    background: var(--pb-moss) !important;
    color: var(--pb-paper) !important;
    border-bottom: none !important;
    font-family: var(--pb-serif) !important;
    text-shadow: none !important;
}

.spirit-chat-modal,
.spirit-modal-panel {
    background: var(--pb-paper) !important;
    border: 1px solid var(--pb-line) !important;
    border-radius: 18px !important;
    box-shadow: 0 16px 48px rgba(139,111,78,0.16) !important;
}

/* 故事/事件弹窗 */
.spirit-story-modal {
    background: var(--pb-paper) !important;
    border: 1px solid var(--pb-line) !important;
    border-radius: 18px !important;
}
.spirit-story-header {
    background: var(--pb-cream) !important;
    border-bottom: 1px solid var(--pb-line) !important;
    color: var(--pb-ink) !important;
}
.ssh-title {
    color: var(--pb-ink) !important;
    font-family: var(--pb-serif) !important;
    font-weight: 600 !important;
}
.ssh-deco {
    color: var(--pb-moss-soft) !important;
    opacity: 0.7;
}
.spirit-story-desc {
    color: var(--pb-ink) !important;
    font-family: var(--pb-serif) !important;
    line-height: 1.7 !important;
}
.spirit-story-choice {
    background: var(--pb-cream) !important;
    border: 1px solid var(--pb-line) !important;
    border-radius: 12px !important;
    color: var(--pb-ink) !important;
    font-family: var(--pb-sans) !important;
    font-weight: 500 !important;
}
.spirit-story-choice:active {
    background: var(--pb-moss) !important;
    color: var(--pb-paper) !important;
    border-color: var(--pb-moss) !important;
}

/* emoji 兼容 */
.spirit-type-emoji { filter: saturate(0.7); }


/* ════════════════════════════════════════════════════════════════════════
   3. TA 的状态 — Boudoir 暮色闺房
   ════════════════════════════════════════════════════════════════════════ */

.status-page-container {
    background: var(--bd-nude) !important;
    background-image:
        radial-gradient(ellipse 80% 60% at 20% 10%, rgba(201,155,149,0.18) 0%, transparent 60%),
        radial-gradient(ellipse 70% 50% at 80% 90%, rgba(201,166,107,0.10) 0%, transparent 60%) !important;
    color: var(--bd-ink);
}
.status-scroll-area { background: transparent !important; padding-bottom: 32px; }

/* 顶部导航 */
.status-nav-bar {
    background: rgba(245,230,224,0.85) !important;
    backdrop-filter: blur(20px) saturate(1.2) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.2) !important;
    border-bottom: 1px solid var(--bd-line) !important;
    box-shadow: none !important;
}
.status-nav-bar .nav-icon { color: var(--bd-ink) !important; }
.status-nav-btn {
    background: var(--bd-rose-pale) !important;
    border: 1px solid var(--bd-line) !important;
    border-radius: 50% !important;
    color: var(--bd-mahogany) !important;
    box-shadow: none !important;
    width: 34px !important;
    height: 34px !important;
}
.status-nav-btn:active { background: var(--bd-rose) !important; color: var(--bd-nude) !important; }
.status-nav-btn.spinning i { animation: bdSpin 1.4s linear infinite; }

/* ── Hero 区：玫瑰木暮色 ── */
.status-hero-area {
    padding: 32px 20px 20px !important;
    background: transparent !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
}
.status-avatar-wrap { margin-bottom: 4px !important; }
.status-hero-avatar {
    width: 84px !important;
    height: 84px !important;
    border-radius: 50% !important;
    border: 3px solid var(--bd-nude) !important;
    box-shadow: 0 0 0 1px var(--bd-line), 0 8px 24px rgba(107,58,58,0.12) !important;
    filter: contrast(0.95) saturate(0.95);
}
.status-hero-name {
    font-family: var(--bd-serif) !important;
    font-size: 24px !important;
    font-weight: 500 !important;
    color: var(--bd-mahogany) !important;
    letter-spacing: 1px !important;
    margin: 0 !important;
}
.status-hero-mood {
    font-family: var(--bd-serif) !important;
    font-size: 14px !important;
    color: var(--bd-ink-soft) !important;
    font-style: italic;
    letter-spacing: 0.3px !important;
}

/* Mood 条：磨砂玻璃 */
.status-mood-bar {
    background: rgba(255,255,255,0.55) !important;
    backdrop-filter: blur(12px) saturate(1.1) !important;
    -webkit-backdrop-filter: blur(12px) saturate(1.1) !important;
    border: 1px solid var(--bd-line) !important;
    border-radius: 18px !important;
    box-shadow: 0 4px 16px rgba(107,58,58,0.06) !important;
    margin: 0 16px 14px !important;
    padding: 14px 18px !important;
}
.status-mood-item { gap: 8px !important; }
.status-mood-emoji { font-size: 18px !important; filter: saturate(0.85); }
.status-mood-text {
    color: var(--bd-mahogany) !important;
    font-family: var(--bd-serif) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: 0.3px !important;
}
.status-scene-tag {
    background: var(--bd-rose-pale) !important;
    border: 1px solid var(--bd-line) !important;
    border-radius: 14px !important;
    color: var(--bd-mahogany) !important;
    font-family: var(--bd-sans) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 4px 12px !important;
}
.status-scene-tag i { color: var(--bd-rose) !important; font-size: 11px !important; }

/* Vitals 卡片网格：玫瑰柔卡 */
.status-vitals-grid {
    margin: 0 16px 14px !important;
    padding: 0 !important;
    gap: 8px !important;
    grid-template-columns: repeat(2, 1fr) !important;
}
.status-vital-card,
.status-vital-card.changed {
    background: rgba(255,255,255,0.55) !important;
    backdrop-filter: blur(12px) saturate(1.1) !important;
    -webkit-backdrop-filter: blur(12px) saturate(1.1) !important;
    border: 1px solid var(--bd-line) !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 16px rgba(107,58,58,0.05) !important;
    padding: 14px !important;
    --vital-accent: var(--bd-rose) !important;
}
.status-vital-card::before {
    background: var(--bd-rose) !important;
    opacity: 0.5;
    border-radius: 16px 16px 0 0 !important;
}
.status-vital-icon {
    color: var(--bd-rose) !important;
    font-size: 16px !important;
    margin-bottom: 4px !important;
    opacity: 0.85;
}
.status-vital-card[style*="--vital-accent"] .status-vital-icon { color: var(--bd-rose) !important; }
.status-vital-card .status-vital-icon[style] { color: var(--bd-rose) !important; }
.status-vital-value {
    color: var(--bd-mahogany) !important;
    font-family: var(--bd-serif) !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    letter-spacing: -0.3px !important;
    text-shadow: none !important;
    margin-bottom: 2px !important;
}
.status-vital-value.highlight {
    color: var(--bd-mahogany) !important;
    text-shadow: 0 0 8px rgba(107,58,58,0.15) !important;
}
.status-vital-label {
    color: var(--bd-ink-soft) !important;
    font-family: var(--bd-sans) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
}
.status-vital-delta {
    margin-top: 4px;
    font-family: var(--bd-sans) !important;
    font-size: 11px !important;
    color: var(--bd-ink-mute) !important;
    font-weight: 600 !important;
}
.status-vital-delta.up { color: var(--bd-mahogany) !important; }
.status-vital-delta.down { color: var(--bd-rose) !important; }
.status-vital-delta.neutral { color: var(--bd-ink-mute) !important; }

/* 区块标题 */
.status-section-title {
    color: var(--bd-mahogany) !important;
    font-family: var(--bd-serif) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.3px !important;
    text-transform: none !important;
    padding: 16px 20px 10px !important;
    display: flex;
    align-items: center;
    gap: 8px;
}
.status-section-title i { color: var(--bd-rose) !important; font-size: 13px !important; }
.status-section-hint {
    color: var(--bd-ink-mute) !important;
    font-style: italic;
    font-family: var(--bd-serif) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    margin-left: 8px;
    font-size: 12px !important;
    font-weight: 400 !important;
}

/* 状态气泡：保留柔浮动，配色统一玫瑰 */
.status-bubbles-area {
    background: transparent !important;
    padding: 8px 16px 16px !important;
}
.status-bubble {
    background: rgba(255,255,255,0.55) !important;
    backdrop-filter: blur(10px) saturate(1.1) !important;
    -webkit-backdrop-filter: blur(10px) saturate(1.1) !important;
    border: 1px solid var(--bd-line) !important;
    box-shadow: 0 4px 14px rgba(107,58,58,0.08) !important;
    --bubble-color: var(--bd-rose) !important;
}
.status-bubble:active { background: var(--bd-rose-pale) !important; }
.status-bubble.selected {
    background: var(--bd-mahogany) !important;
    border-color: var(--bd-mahogany) !important;
    box-shadow: 0 6px 20px rgba(74,40,40,0.25) !important;
}
.status-bubble.selected .status-bubble-name { color: var(--bd-nude) !important; }
.status-bubble.intimate {
    background: linear-gradient(135deg, rgba(255,255,255,0.6), rgba(239,212,204,0.7)) !important;
    border-color: var(--bd-rose) !important;
}
.status-bubble.intimate.selected {
    background: var(--bd-mahogany-deep) !important;
    box-shadow: 0 6px 24px rgba(74,40,40,0.35) !important;
}
.status-bubble-name {
    color: var(--bd-mahogany) !important;
    font-family: var(--bd-serif) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
}

/* 详情面板：红木底 + 烛金线 */
.status-detail-panel {
    background: var(--bd-mahogany-deep) !important;
    border: 1px solid rgba(201,166,107,0.20) !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 40px rgba(74,40,40,0.30) !important;
    color: var(--bd-nude) !important;
    margin: 12px 16px !important;
}
.status-detail-header {
    border-bottom: 1px solid rgba(245,230,224,0.15) !important;
    padding: 16px 18px !important;
    gap: 10px !important;
    align-items: center;
}
.status-detail-emoji { font-size: 22px !important; filter: saturate(0.85); }
.status-detail-part {
    color: var(--bd-nude) !important;
    font-family: var(--bd-serif) !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
}
.status-detail-state-inline {
    color: var(--bd-candle) !important;
    font-family: var(--bd-serif) !important;
    font-size: 12px !important;
    font-style: italic;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    letter-spacing: 0.3px !important;
}
.status-detail-close {
    color: var(--bd-nude) !important;
    background: rgba(245,230,224,0.10) !important;
    border: 1px solid rgba(245,230,224,0.20) !important;
    border-radius: 50% !important;
    width: 28px !important;
    height: 28px !important;
}
.status-detail-close:active { background: rgba(245,230,224,0.20) !important; }
.status-detail-body { padding: 16px 18px 18px !important; }
.status-detail-desc {
    color: var(--bd-nude) !important;
    font-family: var(--bd-serif) !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    letter-spacing: 0.2px !important;
}
.status-detail-state {
    border-top: 1px solid rgba(245,230,224,0.15) !important;
    padding-top: 12px !important;
    margin-top: 12px !important;
}
.status-detail-state-label {
    color: var(--bd-candle) !important;
    font-family: var(--bd-sans) !important;
    font-size: 11px !important;
    letter-spacing: 0.5px !important;
    font-weight: 500 !important;
    margin-bottom: 4px !important;
}
.status-detail-state-value {
    color: var(--bd-nude) !important;
    font-family: var(--bd-serif) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}
.status-detail-data {
    background: rgba(245,230,224,0.06) !important;
    border-radius: 10px !important;
    padding: 10px 12px !important;
    margin-top: 12px !important;
}
.status-detail-data-label {
    color: var(--bd-candle) !important;
    font-family: var(--bd-sans) !important;
    font-size: 11px !important;
    letter-spacing: 0.3px !important;
    font-weight: 500 !important;
    margin-bottom: 4px !important;
}
.status-detail-data-label i { color: var(--bd-candle) !important; font-size: 10px !important; }
.status-detail-data-value {
    color: var(--bd-nude) !important;
    font-family: var(--bd-serif) !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}

/* 详情中迷你 vital tags */
.status-detail-vitals-mini {
    gap: 6px !important;
    border-top: 1px solid rgba(245,230,224,0.15) !important;
    padding-top: 12px !important;
    margin-bottom: 10px !important;
}
.status-detail-vital-tag {
    background: rgba(245,230,224,0.08) !important;
    border: 1px solid rgba(245,230,224,0.15) !important;
    border-radius: 12px !important;
    color: var(--bd-nude) !important;
    font-family: var(--bd-sans) !important;
    font-size: 11px !important;
    padding: 4px 10px !important;
    display: flex;
    align-items: center;
    gap: 4px;
}
.status-detail-vital-tag i { color: var(--bd-candle) !important; font-size: 10px !important; }
.status-detail-vital-tag .delta {
    font-family: var(--bd-sans) !important;
    color: var(--bd-nude) !important;
    font-weight: 600 !important;
    margin-left: 2px;
}
.status-detail-vital-tag .delta.up { color: #F4B8B0 !important; }
.status-detail-vital-tag .delta.down { color: var(--bd-candle) !important; }

@keyframes bdSpin {
    from { transform: rotate(0); }
    to   { transform: rotate(360deg); }
}