﻿:root[data-theme="minimal"] {
    /* =========================================================
       Core
       ========================================================= */
    --bg: #f7f7f8;
    --bg-soft: #efeff1;
    --bg-elevated: #ffffff;
    --card: #ffffff;
    --card-2: #f8f8fa;
    --text: #121212;
    --text-muted: rgba(18,18,18,.68);
    --text-soft: rgba(18,18,18,.48);
    --primary: #1f1f1f;
    --primary-soft: rgba(0,0,0,.06);
    --primary-strong: #000000;
    --danger: #d94141;
    --success: #1f9d61;
    --warning: #d28a1d;
    --info: #2a78d1;
    --border: rgba(0,0,0,.10);
    --border-strong: rgba(0,0,0,.16);
    /* =========================================================
       Radius
       ========================================================= */
    --radius-sm: 10px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --radius-xl: 28px;
    /* =========================================================
       Shadow
       ========================================================= */
    --shadow-sm: 0 4px 14px rgba(0,0,0,.05);
    --shadow-md: 0 10px 28px rgba(0,0,0,.08);
    --shadow-lg: 0 18px 44px rgba(0,0,0,.10);
    /* =========================================================
       Buttons
       ========================================================= */
    --btn-text: var(--text);
    --btn-bg: var(--card);
    --btn-border: var(--border);
    --btn-primary-text: #ffffff;
    --btn-primary-bg: #1f1f1f;
    --btn-primary-border: #1f1f1f;
    --btn-secondary-text: var(--text);
    --btn-secondary-bg: #ffffff;
    --btn-secondary-border: var(--border);
    --btn-hover-brightness: 1.02;
    /* =========================================================
       Layout helpers
       ========================================================= */
    --header-h: 64px;
    --footer-h: 56px;
}

    /* =========================================================
   Minimal Theme - Extra Polish
   ========================================================= */

    :root[data-theme="minimal"] body {
        background: var(--bg);
        color: var(--text);
    }

    /* Header / Footer */
    :root[data-theme="minimal"] .site-header,
    :root[data-theme="minimal"] .site-footer {
        background: rgba(255,255,255,.92);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }

    /* Promo */
    :root[data-theme="minimal"] .promo-carousel,
    :root[data-theme="minimal"] .hf-card,
    :root[data-theme="minimal"] .hp-card,
    :root[data-theme="minimal"] .product-card,
    :root[data-theme="minimal"] .pd-gal,
    :root[data-theme="minimal"] .pd-info,
    :root[data-theme="minimal"] .ck-card,
    :root[data-theme="minimal"] .mini-cart-drawer,
    :root[data-theme="minimal"] .modal-box {
        background: var(--card);
        border-color: var(--border);
        box-shadow: var(--shadow-md);
    }

    /* 首页大图文字层：白主题下减少暗黑感 */
    :root[data-theme="minimal"] .promo-overlay {
        background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0)), linear-gradient(90deg, rgba(255,255,255,.72), rgba(255,255,255,.16) 58%, rgba(255,255,255,0));
    }

    :root[data-theme="minimal"] .promo-title,
    :root[data-theme="minimal"] .promo-sub,
    :root[data-theme="minimal"] .promo-btn {
        color: var(--text);
    }

    :root[data-theme="minimal"] .promo-btn {
        background: #ffffff;
        border-color: var(--border);
    }

    /* 各种列表项、表单、抽屉小卡片 */
    :root[data-theme="minimal"] .hf-item,
    :root[data-theme="minimal"] .mini-cart-item,
    :root[data-theme="minimal"] .ck-addr,
    :root[data-theme="minimal"] .pd-spec-item,
    :root[data-theme="minimal"] .p-review,
    :root[data-theme="minimal"] .product-card,
    :root[data-theme="minimal"] .pd-thumb,
    :root[data-theme="minimal"] .os-thumb .media {
        background: var(--bg-elevated);
        border-color: var(--border);
    }

    /* 输入框 */
    :root[data-theme="minimal"] .input,
    :root[data-theme="minimal"] input,
    :root[data-theme="minimal"] select,
    :root[data-theme="minimal"] textarea,
    :root[data-theme="minimal"] .shop-filter__input,
    :root[data-theme="minimal"] .shop-filter__select,
    :root[data-theme="minimal"] .ck-input,
    :root[data-theme="minimal"] .ck-select,
    :root[data-theme="minimal"] .ck-textarea,
    :root[data-theme="minimal"] .p-reviews__textarea,
    :root[data-theme="minimal"] .modal-form input {
        background: #ffffff;
        color: var(--text);
        border-color: var(--border);
    }

    /* hover 稍微克制一点 */
    :root[data-theme="minimal"] .product-card:hover,
    :root[data-theme="minimal"] .hf-item:hover,
    :root[data-theme="minimal"] .mini-cart-close:hover,
    :root[data-theme="minimal"] .mc-qty-btn:hover,
    :root[data-theme="minimal"] .nav-toggle:hover,
    :root[data-theme="minimal"] .site-header .nav-links a:hover {
        background: var(--bg-soft);
    }

    /* 价格统一更清楚 */
    :root[data-theme="minimal"] .hp-price,
    :root[data-theme="minimal"] .product-price,
    :root[data-theme="minimal"] .pd-price,
    :root[data-theme="minimal"] .mini-cart-price,
    :root[data-theme="minimal"] .ck-total__price {
        color: var(--primary);
    }

    /* dots */
    :root[data-theme="minimal"] .dot {
        background: rgba(0,0,0,.14);
    }

        :root[data-theme="minimal"] .dot.is-active {
            background: rgba(0,0,0,.82);
        }