/* 后台管理页面样式 */

/* 通用管理页面样式 */
.admin-title {
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
}

/* 去掉code标签的白色背景 */
.table code,
code {
    background: transparent !important;
    color: #f4c842 !important;
    padding: 2px 6px;
    border: 1px solid rgba(244, 200, 66, 0.3);
    border-radius: 4px;
}

/* 表格样式优化 */
.table > thead > tr > th,
.table > tbody > tr > td {
    border-color: rgba(244, 200, 66, 0.2) !important;
    vertical-align: middle !important;
}

/* 下拉菜单样式 */
.form-control option,
select.form-control option {
    background: #1a1a2e !important;
    color: #fff !important;
}

select.form-control {
    background: rgba(255,255,255,0.1) !important;
    color: #fff !important;
}

/* 返回按钮样式 */
.btn-back {
    background: rgba(244, 200, 66, 0.2) !important;
    color: #f4c842 !important;
    border: 1px solid #f4c842 !important;
}

.btn-back:hover {
    background: #f4c842 !important;
    color: #1a1a2e !important;
}

/* 面板标题内的返回按钮 - 向上调整避免与下边框重叠 */
.panel-heading .btn-back,
.panel-heading .pull-right {
    margin-top: -3px !important;
}

/* 面板标题样式调整 */
.panel-heading {
    padding: 12px 15px !important;
    overflow: hidden;
}

.panel-heading .panel-title {
    line-height: 28px;
}

/* 金色背景的面板标题文字 - 使用白色带阴影效果 */
.panel-heading[style*="linear-gradient"] .panel-title,
.panel-heading[style*="f4c842"] .panel-title {
    color: #fff !important;
    font-weight: bold !important;
    text-shadow: 
        1px 1px 2px rgba(0,0,0,0.8),
        0 0 10px rgba(0,0,0,0.5),
        0 0 20px rgba(0,0,0,0.3) !important;
}

/* 面板标题图标 */
.panel-heading[style*="linear-gradient"] .panel-title i,
.panel-heading[style*="f4c842"] .panel-title i {
    color: #fff !important;
    margin-right: 8px;
    text-shadow: 
        1px 1px 2px rgba(0,0,0,0.8),
        0 0 10px rgba(0,0,0,0.5) !important;
}

/* 面板标题右侧文字 */
.panel-heading[style*="linear-gradient"] .panel-title .pull-right,
.panel-heading[style*="f4c842"] .panel-title .pull-right {
    color: rgba(255,255,255,0.9) !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.6) !important;
}

/* 表单标签和输入框间距 */
.form-group label {
    display: block;
    margin-bottom: 10px;
}

.form-group .help-block {
    margin-top: 8px;
    font-size: 12px;
}

/* 内联表单优化 - 水平对齐 */
.form-inline .form-group {
    margin-right: 10px;
    margin-bottom: 15px;
    vertical-align: middle;
}

.form-inline label {
    display: inline-block !important;
    margin-bottom: 0 !important;
    margin-right: 8px;
    vertical-align: middle;
}

.form-inline .form-control {
    display: inline-block;
    vertical-align: middle;
}

.form-inline .btn {
    vertical-align: middle;
}

/* 面板标题样式 */
.panel-title .pull-right {
    font-size: 12px;
}

/* 快捷操作卡片悬停效果 */
.panel-info:hover,
.panel-success:hover,
.panel-warning:hover,
.panel-danger:hover {
    transform: translateY(-5px);
    transition: transform 0.3s ease;
}

/* 标签样式 */
.label {
    font-weight: normal;
    padding: 4px 8px;
    vertical-align: middle;
}

/* 警告框样式 */
.alert {
    border-radius: 8px;
}

/* 模态框样式 */
.modal-content {
    border-radius: 10px;
}

.modal-header {
    border-radius: 10px 10px 0 0;
}

/* 按钮组间距 */
.btn + .btn,
form + form {
    margin-left: 5px;
}

/* 表格内表单不需要左边距 */
td form {
    margin-left: 0 !important;
    display: inline-block;
    vertical-align: middle;
}

td form + form {
    margin-left: 5px !important;
}

/* 表格内按钮垂直居中 */
td .btn {
    vertical-align: middle;
}

/* 设置页面表单样式 */
.settings-form .form-group {
    margin-bottom: 25px;
}

.settings-form .form-group label {
    color: #f4c842;
    display: block;
    margin-bottom: 10px;
    font-weight: normal;
}

.settings-form .form-group small {
    color: #888;
    display: block;
    margin-top: 8px;
}

/* 数据清理表单水平对齐 */
.cleanup-form {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.cleanup-form label {
    margin: 0 !important;
    color: #888;
}

.cleanup-form .form-control {
    margin: 0 5px;
}

.cleanup-form .btn {
    margin-left: 10px;
}

/* Well内的表单 */
.well .form-inline {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.well .form-inline .form-group {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}