/* ====================== 性爱常务化社会 - 配套CSS ====================== */
.ui-frame {
    font-family: 'Microsoft YaHei', system-ui, sans-serif;
    max-width: 980px;
    margin: 0 auto;
    padding: 15px;
    background: linear-gradient(180deg, #1a0f14, #2a0f1f);
    color: #f0d0d0;
    line-height: 1.75;
}

/* 顶部栏美化 */
.ui-frame details[open] {
    background: rgba(40, 8, 18, 0.85);
    border: 1px solid #ff2d55;
    border-radius: 16px;
    margin: 12px 0;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(255, 45, 85, 0.25);
}

.ui-frame summary {
    background: linear-gradient(90deg, #ff2d55, #00f0ff);
    color: #fff;
    padding: 14px 20px;
    font-weight: bold;
    font-size: 1.1rem;
    cursor: pointer;
    border-radius: 16px;
    transition: all 0.3s;
}

.ui-frame summary:hover {
    filter: brightness(1.15);
}

/* 状态栏内部美化 */
.ui-frame details > div {
    padding: 18px;
    background: rgba(20, 5, 15, 0.6);
    border-top: 1px dashed #00f0ff;
}

/* 玩家与NPC状态栏区分色 */
#player-status summary { background: linear-gradient(90deg, #00f0ff, #00aaff); }
#npc-status summary { background: linear-gradient(90deg, #ff2d55, #ff0088); }

/* 数值高亮 */
.ui-frame .highlight {
    color: #ff80a0;
    font-weight: bold;
}

/* 行动建议美化 */
.action-suggestions {
    background: rgba(40, 8, 18, 0.9);
    border: 2px solid #00f0ff;
    border-radius: 16px;
    padding: 20px;
    margin-top: 25px;
}

.action-suggestions h3 {
    color: #ff2d55;
    margin-top: 0;
    border-bottom: 2px solid #ff2d55;
    padding-bottom: 8px;
}

.action-suggestions ol {
    padding-left: 20px;
}

.action-suggestions li {
    margin: 12px 0;
    padding: 8px 14px;
    background: rgba(255, 45, 85, 0.1);
    border-left: 4px solid #00f0ff;
    transition: all 0.2s;
}

.action-suggestions li:hover {
    background: rgba(255, 45, 85, 0.25);
    transform: translateX(8px);
}

/* 正文性爱描写高亮样式 */
.ui-frame .sex-desc {
    color: #ff80a0;
    font-weight: 500;
    background: rgba(255, 45, 85, 0.08);
    padding: 2px 6px;
    border-radius: 4px;
}

/* 对话染色 */
.male-speech { color: #00f0ff; font-weight: bold; }
.female-speech { color: #ff2d55; font-weight: bold; }

/* 记忆回廊美化 */
.ui-frame .memory-corridor {
    background: #14080f;
    border: 1px solid #ff2d55;
    border-radius: 12px;
    padding: 15px;
    font-size: 0.92rem;
}

.ui-frame table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.ui-frame th, .ui-frame td {
    padding: 8px 10px;
    border-bottom: 1px solid rgba(0, 240, 255, 0.2);
    text-align: left;
}

.ui-frame th {
    background: rgba(255, 45, 85, 0.2);
    color: #ff80a0;
}