/* 状态栏整体：明亮、整齐、模块化 */
details {
    margin: 8px 0;
    border: 2px solid #4a90e2;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    overflow: hidden;
}

summary {
    padding: 10px 15px;
    background: linear-gradient(90deg, #4a90e2, #63b3ed);
    color: white;
    font-weight: bold;
    cursor: pointer;
    outline: none;
    list-style: none;
}

summary:hover {
    background: linear-gradient(90deg, #357abd, #4a90e2);
}

/* 内部内容网格化 */
.status-grid {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    gap: 8px;
    background: #fdfdfd;
}

.status-item {
    flex: 1 1 45%;
    padding: 6px;
    border-bottom: 1px solid #edf2f7;
    color: #4a5568;
    font-size: 0.92em;
}

/* 思维链隐藏 */
think {
    display: none !important;
}

/* 正文视角区分 */
.view-host {
    margin: 15px 0;
    padding: 15px;
    background: #fffaf0; /* 柔和暖色，代表慵懒日常 */
    border-left: 5px solid #f6ad55;
    border-radius: 4px;
    color: #2d3748;
}

.view-shadow {
    margin: 15px 0;
    padding: 15px;
    background: #f0f5ff; /* 冷峻蓝色，代表高效战斗 */
    border-left: 5px solid #4299e1;
    border-radius: 4px;
    color: #1a365d;
    font-style: italic;
}

.view-tag {
    font-size: 0.8em;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 8px;
    display: block;
}

/* 阶级颜色系统 */
.rank-1 { color: #94a3b8; font-weight: bold; }
.rank-2 { color: #22c55e; font-weight: bold; }
.rank-3 { color: #3b82f6; font-weight: bold; }
.rank-4 { color: #a855f7; font-weight: bold; }
.rank-5 { color: #f59e0b; font-weight: bold; }
.rank-6 { color: #ef4444; font-weight: bold; }
.rank-7 { color: #06b6d4; font-weight: bold; }
.rank-8 { color: #ec4899; font-weight: bold; }
.rank-9 { color: #10b981; font-weight: bold; }
.rank-10 { color: #f43f5e; font-weight: bold; }
.rank-11 { color: #6366f1; font-weight: bold; }
.rank-12 { color: #fbbf24; text-shadow: 0 0 5px #fcd34d; font-weight: bold; }

/* 推荐按钮：极其亮眼 */
.rec-item {
    flex: 1 1 100%;
    padding: 10px;
    background: #ebf8ff;
    border: 1px solid #4299e1;
    border-radius: 6px;
    color: #2b6cb0;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 2px 4px rgba(66, 153, 225, 0.2);
}
/* 秘境状态栏专属配色 */
details.realm-status {
    border: 2px solid #38a169; /* 翠绿色 */
    box-shadow: 0 0 10px rgba(56, 161, 105, 0.3);
}

details.realm-status summary {
    background: linear-gradient(90deg, #38a169, #48bb78);
}

/* 进度条美化（可选，用于状态栏内部） */
.progress-bar {
    width: 100%;
    background-color: #edf2f7;
    border-radius: 5px;
    height: 8px;
    margin-top: 5px;
}
.progress-fill {
    height: 100%;
    background-color: #38a169;
    border-radius: 5px;
}
/* 全球势力棋局专属：深邃紫金配色 */
details.world-faction {
    border: 2px solid #553c9a;
    box-shadow: 0 0 15px rgba(85, 60, 154, 0.2);
}

details.world-faction summary {
    background: linear-gradient(90deg, #553c9a, #7c3aed);
}

/* 势力强度标识 */
.power-tier-s { color: #f6e05e; text-shadow: 0 0 3px #ecc94b; font-weight: bold; } /* 霸主级 */
.power-tier-a { color: #f687b3; font-weight: bold; } /* 强权级 */
.power-tier-b { color: #63b3ed; font-weight: bold; } /* 割据级 */

/* 局势变动提醒 */
.event-alert {
    padding: 4px 8px;
    background: #fff5f5;
    border-left: 3px solid #feb2b2;
    color: #c53030;
    font-size: 0.85em;
    margin-top: 5px;
}