/**
 * css/theme.css - 动态主题颜色
 * 由后台自动生成，请勿手动修改
 * 
 * @package 青瓜CMS
 * @version V26.07.25
 * @generated 自动生成
 */

:root {
    /* ===== 主色 - 青瓜色 ===== */
    --primary-color: #2ecc71;
    --primary-dark: #27ae60;
    --primary-light: #82e0aa;
    --primary-bg: #e8f8f0;
    
    /* ===== 导航 - 白色清新 ===== */
    --nav-bg: #ffffff;
    --nav-text: #1a2a3a;
    --nav-hover: #2ecc71;
    --nav-shadow: 0 2px 20px rgba(46, 204, 113, 0.1);
    
    /* ===== 页脚 - 青瓜色渐变 ===== */
    --footer-bg: linear-gradient(135deg, #1a3a2a, #0f2a1a);
    --footer-text: rgba(255, 255, 255, 0.7);
    --footer-border: #2ecc71;
    
    /* ===== 按钮 ===== */
    --btn-bg: #2ecc71;
    --btn-text: #ffffff;
    --btn-hover-bg: #27ae60;
    --btn-shadow: 0 4px 16px rgba(46, 204, 113, 0.3);
    
    /* ===== 文字颜色 ===== */
    --heading-color: #1a2a3a;
    --body-color: #2a3a4a;
    
    /* ===== 边框 ===== */
    --border-color: #d5e8d5;
    
    /* ===== 背景 ===== */
    --card-bg: #ffffff;
    --body-bg: #f0f7f0;
    
    /* ===== 状态色 ===== */
    --success-color: #2ecc71;
    --warning-color: #f39c12;
    --danger-color: #e74c3c;
}

/* ============================================================
   导航栏 - 白色清新
   ============================================================ */
.navbar {
    background: var(--nav-bg) !important;
    box-shadow: var(--nav-shadow);
    border-bottom: 3px solid var(--primary-color);
}

.navbar .logo-text {
    color: #1a2a3a !important;
}

.navbar .nav-menu li a {
    color: var(--nav-text) !important;
}

.navbar .nav-menu li a:hover,
.navbar .nav-menu li a.active {
    color: var(--nav-hover) !important;
    background: var(--primary-bg) !important;
}

.navbar .nav-menu li a::after {
    background: var(--primary-color);
}

/* 语言切换器 */
.navbar .lang-current {
    color: #1a2a3a !important;
    background: #f0f7f0 !important;
    border-color: #d5e8d5 !important;
}

.navbar .lang-current:hover {
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
}

.navbar .lang-dropdown {
    background: #ffffff !important;
    border-color: #d5e8d5 !important;
}

.navbar .lang-dropdown li a {
    color: #1a2a3a !important;
}

.navbar .lang-dropdown li a:hover,
.navbar .lang-dropdown li a.active {
    background: var(--primary-bg) !important;
    color: var(--primary-color) !important;
}

/* 导航按钮 */
.navbar .btn-secondary {
    color: #1a2a3a !important;
    background: #f0f7f0 !important;
    border-color: #d5e8d5 !important;
}

.navbar .btn-secondary:hover {
    background: var(--primary-bg) !important;
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
}

.navbar .btn-primary {
    background: var(--btn-bg) !important;
    color: #fff !important;
}

.navbar .btn-primary:hover {
    background: var(--btn-hover-bg) !important;
}

.navbar .btn-outline {
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
}

.navbar .btn-outline:hover {
    background: var(--primary-color) !important;
    color: #fff !important;
}

/* 移动端菜单按钮 */
.navbar .menu-toggle {
    color: #1a2a3a !important;
}

/* 移动端菜单 */
.mobile-menu {
    background: #ffffff !important;
}

.mobile-menu ul li a {
    color: #1a2a3a !important;
    border-color: #d5e8d5 !important;
}

.mobile-menu ul li a:hover,
.mobile-menu ul li a.active {
    color: var(--primary-color) !important;
}

.mobile-close {
    color: #1a2a3a !important;
}

/* ============================================================
   页脚 - 青瓜色渐变
   ============================================================ */
.footer {
    background: var(--footer-bg) !important;
    border-top: 3px solid var(--footer-border) !important;
}

.footer h4 {
    color: #ffffff !important;
}

.footer h4::after {
    background: var(--primary-color) !important;
}

.footer p,
.footer li,
.footer a {
    color: var(--footer-text) !important;
}

.footer a:hover {
    color: var(--primary-color) !important;
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

/* ============================================================
   全局链接
   ============================================================ */
a {
    color: var(--primary-color);
}
a:hover {
    color: var(--primary-dark);
}

/* ============================================================
   按钮
   ============================================================ */
.btn-primary {
    background: var(--btn-bg);
    border-color: var(--btn-bg);
    color: var(--btn-text);
}
.btn-primary:hover {
    background: var(--btn-hover-bg);
    border-color: var(--btn-hover-bg);
    box-shadow: var(--btn-shadow);
}

.badge-primary {
    background: var(--primary-color);
}

/* ============================================================
   标题
   ============================================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--heading-color);
}

/* ============================================================
   页面背景
   ============================================================ */
body {
    color: var(--body-color);
    background: var(--body-bg);
}

/* ============================================================
   卡片
   ============================================================ */
.card {
    background: var(--card-bg);
    border-color: var(--border-color);
}

.stat-card {
    background: var(--card-bg);
    border-color: var(--border-color);
}

/* ============================================================
   表单
   ============================================================ */
.form-control {
    border-color: var(--border-color);
}
.form-control:focus {
    border-color: var(--primary-color);
}

/* ============================================================
   表格
   ============================================================ */
.admin-table td,
.admin-table th {
    border-color: var(--border-color);
}

/* ============================================================
   状态色
   ============================================================ */
.text-success {
    color: var(--success-color);
}
.text-warning {
    color: var(--warning-color);
}
.text-danger {
    color: var(--danger-color);
}

.badge-success {
    background: var(--success-color);
    color: #fff;
}
.badge-warning {
    background: var(--warning-color);
    color: #fff;
}
.badge-danger {
    background: var(--danger-color);
    color: #fff;
}

.stat-card.success {
    border-left-color: var(--success-color);
}
.stat-card.warning {
    border-left-color: var(--warning-color);
}
.stat-card.danger {
    border-left-color: var(--danger-color);
}

/* ============================================================
   分页
   ============================================================ */
.pagination .active {
    background: var(--primary-color);
    border-color: var(--primary-color);
}

/* ============================================================
   特色功能标题下划线
   ============================================================ */
.section-title:after {
    background: var(--primary-color);
}

/* ============================================================
   统计条数字颜色
   ============================================================ */
.stat-item .stat-number {
    color: var(--primary-color);
}

/* ============================================================
   面包屑
   ============================================================ */
.breadcrumb a:hover {
    color: var(--primary-color);
}