/* ============================================================
   模板：薄荷新绿（#DDF0E0 浅薄荷绿方案）
   薄荷浅绿底 + 青绿点缀，清新自然。
   data-bs-theme="light"。布局变量与各模板一致 → 切换不错位。
   ============================================================ */

[data-theme-template="mint-green"] {
    --theme-bg: #DDF0E0;
    --theme-bg-secondary: #D3E9D8;
    --theme-bg-tertiary: #C5E0CC;
    --theme-card-bg: #F0FAF2;
    --theme-card-bg-hover: #E4F4E8;

    --theme-text-primary: #24332A;
    --theme-text-secondary: #46594C;
    --theme-text-muted: #68806F;
    --theme-text-weak: #93A89A;

    --theme-border: #BCD6C2;
    --theme-border-light: #D3E7D8;

    --theme-primary: #3E9B5F;
    --theme-primary-hover: #33874F;
    --theme-primary-light: rgba(62, 155, 95, 0.13);
    --theme-primary-dark: #2A6E41;

    --theme-accent: #2E9E8F;
    --theme-accent-light: rgba(46, 158, 143, 0.12);
    --theme-accent2: #6F9B74;
    --theme-accent2-light: rgba(111, 155, 116, 0.12);

    --theme-success: #4C9E63;
    --theme-info: #4E97A0;
    --theme-warning: #B08A3A;
    --theme-danger: #C05A52;

    --theme-shadow-sm: 0 1px 3px 0 rgba(40, 90, 55, 0.07), 0 1px 2px -1px rgba(40, 90, 55, 0.05);
    --theme-shadow-md: 0 4px 12px -2px rgba(40, 90, 55, 0.1), 0 2px 6px -2px rgba(40, 90, 55, 0.06);
    --theme-shadow-lg: 0 14px 30px -6px rgba(40, 90, 55, 0.14), 0 6px 14px -4px rgba(40, 90, 55, 0.08);
    --theme-shadow-xl: 0 22px 46px -8px rgba(40, 90, 55, 0.18), 0 10px 22px -6px rgba(40, 90, 55, 0.1);

    --primary-gradient: linear-gradient(135deg, #4C9E63 0%, #2A6E41 100%);
    --primary-gradient-soft: linear-gradient(135deg, #6FBF87 0%, #4C9E63 100%);
    --bg-gradient: radial-gradient(ellipse at 15% 0%, rgba(62, 155, 95, 0.09) 0%, transparent 50%), radial-gradient(ellipse at 85% 0%, rgba(46, 158, 143, 0.06) 0%, transparent 45%);

    --navbar-bg: rgba(240, 250, 242, 0.8);
    --navbar-border: rgba(188, 214, 194, 0.9);

    /* 导航/网址卡的品牌色 */
    --theme-nav-primary: #3E9B5F;
    --theme-nav-primary-deep: #2F7A49;
    --theme-nav-soft: rgba(62, 155, 95, 0.11);
    --theme-nav-soft-strong: rgba(62, 155, 95, 0.16);
    --theme-nav-shadow: rgba(62, 155, 95, 0.2);
    --theme-nav-border-soft: rgba(62, 155, 95, 0.4);

    /* 公告区域 */
    --announce-top-bg: linear-gradient(135deg, #d5ead9, #bfdec8);
    --announce-top-border: #3e7d52;
    --announce-top-icon: #3e7d52;
    --announce-bg: rgba(62, 155, 95, 0.09);
    --announce-border: #3E9B5F;
    --announce-icon: #3E9B5F;

    /* 布局变量：各模板保持完全一致，避免切换错位 */
    --theme-radius-sm: 10px;
    --theme-radius-md: 14px;
    --theme-radius-lg: 18px;
    --theme-radius-xl: 24px;
    --theme-radius-full: 9999px;

    --theme-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --theme-transition-bounce: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);

    --theme-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;

    --card-shadow: var(--theme-shadow-sm);
    --card-hover-shadow: var(--theme-shadow-md);
    --border-radius: var(--theme-radius-md);
    --transition: var(--theme-transition);
}

/* 页面底色 + 清新晕染 */
[data-theme-template="mint-green"] body {
    background-color: var(--theme-bg);
    background-image: var(--bg-gradient);
}

/* 导航栏：薄荷磨砂 */
[data-theme-template="mint-green"] .navbar {
    background-color: var(--navbar-bg) !important;
    border-bottom: 1px solid var(--navbar-border) !important;
    backdrop-filter: blur(16px) saturate(1.08);
    -webkit-backdrop-filter: blur(16px) saturate(1.08);
}

[data-theme-template="mint-green"] footer {
    background: linear-gradient(180deg, transparent 0%, rgba(211, 233, 216, 0.55) 100%);
}

[data-theme-template="mint-green"] .user-profile-header {
    background: linear-gradient(135deg, var(--theme-primary-dark) 0%, #2E9E8F 100%);
}

[data-theme-template="mint-green"] .stat-icon,
[data-theme-template="mint-green"] [class*="stat-icon-"] {
    background: rgba(62, 155, 95, 0.12);
    color: var(--theme-primary);
}