/* ================================================================ */
/* == 按钮 + 玩家信息框 · 独立美化（暗黑档案 / 越界风格）          == */
/* ================================================================ */
/* ----- 按钮样式（主操作按钮：酒红渐变 + 暗金质感） ----- */
.flex.items-center.gap-2.pb-2 > button,
button.primary-btn,
button.generate-btn,
button[type="submit"] {
    background: linear-gradient(145deg, #8b252c, #5e161c) !important;
    color: #f2e6e8 !important;
    border: 1px solid #a82e36 !important;
    border-radius: 8px !important; /* 去掉极度圆角，改为冷硬的8px */
    padding: 10px 24px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    font-family: 'Georgia', 'Noto Serif SC', serif !important; /* 档案感衬线字体 */
    min-height: 40px !important;
    /* 取消立体厚投影，改为深邃的发光阴影与内发光 */
    box-shadow: 0 4px 16px rgba(139, 37, 44, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
    cursor: pointer !important;
    text-transform: uppercase;
    letter-spacing: 2px; /* 增加字间距，提升高级感 */
}
.flex.items-center.gap-2.pb-2 > button:hover,
button.primary-btn:hover,
button.generate-btn:hover {
    background: linear-gradient(145deg, #a82e36, #7a1d25) !important;
    border-color: #cba36d !important; /* 悬浮时边框泛起暗金色 */
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(139, 37, 44, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
    color: #fff !important;
}
.flex.items-center.gap-2.pb-2 > button:active,
button.primary-btn:active,
button.generate-btn:active {
    transform: translateY(1px) !important;
    box-shadow: 0 2px 8px rgba(139, 37, 44, 0.4) !important;
}
/* ----- 玩家信息输出框 / 聊天输入框（沉浸黑 + 玻璃质感）----- */
#ai-chat-input,
input.modern-input,
textarea.modern-input,
.player-info-box,
.message-input {
    background-color: rgba(20, 15, 18, 0.8) !important; /* 深暗色半透明背景 */
    backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(180, 140, 145, 0.2) !important; /* 极暗的灰粉色边框 */
    border-radius: 8px !important;
    color: #e8dadd !important; /* 降低饱和度的文字，不刺眼 */
    padding: 14px 22px !important;
    font-size: 14px !important;
    min-height: 52px !important;
    width: 100% !important;
    max-width: 100% !important;
    outline: none !important;
    transition: all 0.3s ease !important;
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.6) !important; /* 深邃的内部投影 */
    font-family: system-ui, -apple-system, sans-serif !important;
    line-height: 1.6 !important;
}
/* 输入框聚焦时：暗金流光效果 */
#ai-chat-input:focus,
input.modern-input:focus,
textarea.modern-input:focus {
    border-color: #cba36d !important; /* 聚焦时边框变为暗金色 */
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.6), 0 0 12px rgba(203, 163, 109, 0.15) !important;
}
/* ----- 只读信息展示框（如玩家状态卡片、面板：高级毛玻璃） ----- */
.player-status-panel,
.info-display {
    background: rgba(26, 20, 22, 0.75) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(180, 140, 145, 0.15) !important;
    border-radius: 12px !important;
    padding: 18px 24px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important; /* 大范围的黑色环境光遮蔽 */
    color: #d4c8c9 !important;
}
/* 为输出信息中的段落保留柔和分隔（使用暗金/暗红分割线） */
.player-status-panel p,
.info-display p {
    border-bottom: 1px solid rgba(203, 163, 109, 0.15); /* 极细微的暗金分割线 */
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.player-status-panel p:last-child,
.info-display p:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}