/* 基础颜色与变量提取 */
:root {
    --bg-paper: #f8fafc; /* slate-50 */
    --text-primary: #0f172a; /* slate-900 */
    --text-secondary: #475569; /* slate-600 */
    --accent-main: #2563eb; /* blue-600 */
    --accent-red: #ef4444;
    --accent-blue: #3b82f6;
}

[v-cloak] {
    display: none !important;
}

/* 扩展 Tailwind 类 */
.bg-paper { background-color: var(--bg-paper); }
.text-primary { color: var(--text-primary); }
.font-sans { font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
.bg-pattern {
    background-image: radial-gradient(#e2e8f0 1px, transparent 1px);
    background-size: 24px 24px;
}

/* 全新导航胶囊样式 (Pill Nav) */
.nav-pill {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    border-radius: 10px;
    font-weight: 800;
    font-size: 15px;
    color: #665c52;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.nav-pill:hover {
    color: var(--text-primary);
    background-color: rgba(45, 38, 32, 0.04);
}

.nav-pill.active {
    background: var(--text-primary);
    color: #fff;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15);
    border: 1px solid transparent;
}

.nav-pill.active i {
    color: #fff;
}

/* ==========================================
   Element Plus Message 组件全局深度优化
   ========================================== */
.el-message {
    padding: 16px 24px !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px -5px rgba(0,0,0,0.15) !important;
    border-width: 0 !important;
    min-width: 320px !important;
    display: flex !important;
    align-items: center !important;
}

.el-message .el-message__icon {
    font-size: 20px !important;
    margin-right: 12px !important;
}

.el-message .el-message__content {
    font-size: 15px !important;
    font-weight: bold !important;
    line-height: 1.4 !important;
}

/* 成功提示优化 */
.el-message--success {
    background: #f0f9eb !important;
    border: 1px solid #c2e7b0 !important;
}
.el-message--success .el-message__content,
.el-message--success .el-message__icon {
    color: #67c23a !important;
}

/* 警告提示优化 */
.el-message--warning {
    background: #fdf6ec !important;
    border: 1px solid #faecd8 !important;
}
.el-message--warning .el-message__content,
.el-message--warning .el-message__icon {
    color: #e6a23c !important;
}

/* 错误提示优化 */
.el-message--error {
    background: #fef0f0 !important;
    border: 1px solid #fde2e2 !important;
}
.el-message--error .el-message__content,
.el-message--error .el-message__icon {
    color: #f56c6c !important;
}

/* 信息提示优化 */
.el-message--info {
    background: #edf2fc !important;
    border: 1px solid #e4e7ed !important;
}
.el-message--info .el-message__content,
.el-message--info .el-message__icon {
    color: #909399 !important;
}