/* ══════════════════════════════════════════════════════
   AHQONE Light Mode — Ivory Luxe
   覆盖样式，仅在 [data-theme="light"] 生效
══════════════════════════════════════════════════════ */

[data-theme="light"],
.ahq-mode-light {

    /* ── 页面基础 ── */
    & body {
        background-color: var(--ahq-bg-primary);
        color: var(--ahq-text-primary);
    }

    /* ── 页头 ── */
    & .ahq-header.scrolled {
        background: rgba(250, 247, 242, 0.92);
        border-bottom: 1px solid rgba(184, 146, 10, 0.15);
    }

    & .ahq-logo {
        color: var(--ahq-text-primary);
    }

    & .ahq-nav a {
        color: var(--ahq-text-secondary);
    }

    & .ahq-nav-list > li > a {
        color: rgba(20, 14, 4, 0.75);
    }

    & .ahq-nav a:hover {
        color: var(--ahq-text-primary);
    }

    & .ahq-nav-list > li > a:hover,
    & .ahq-nav-list > li.current-menu-item > a {
        color: var(--color-gold, #d4af37);
    }

    /* ── Hero 区（仅无背景图时使用浅色渐变）── */
    & .ahq-hero:not(.ahq-hero--has-image) {
        background: linear-gradient(
            135deg,
            #F5F0E8 0%,
            #FAF7F2 50%,
            #F2EDE4 100%
        );
    }

    /* 浅色模式无粒子，改为细腻纹理（无背景图时） */
    & .ahq-hero:not(.ahq-hero--has-image)::before {
        content: '';
        position: absolute;
        inset: 0;
        background-image:
            radial-gradient(circle at 70% 50%,
                rgba(184, 146, 10, 0.06) 0%,
                transparent 60%
            );
        pointer-events: none;
    }

    /* ── 产品卡片（浅色）── */
    & .ahq-product-card {
        background: #FFFFFF;
        border-color: rgba(26, 21, 16, 0.08);
        box-shadow: var(--ahq-shadow-xs);
    }

    & .ahq-product-card:hover {
        border-color: rgba(184, 146, 10, 0.3);
        box-shadow:
            0 8px 24px rgba(0, 0, 0, 0.1),
            0 0 0 1px rgba(184, 146, 10, 0.15);
    }

    & .ahq-product-card-image {
        background: var(--ahq-bg-secondary);
    }

    /* ── 输入框/表单（浅色）── */
    & input,
    & select,
    & textarea {
        background: #FFFFFF;
        border: 1px solid rgba(26, 21, 16, 0.15);
        color: var(--ahq-text-primary);
        border-radius: var(--ahq-radius-sm);
        padding: var(--ahq-space-3) var(--ahq-space-4);
    }

    & input:focus,
    & select:focus,
    & textarea:focus {
        outline: none;
        border-color: var(--ahq-border-focus);
        box-shadow: 0 0 0 3px rgba(184, 146, 10, 0.1);
    }

    & input::placeholder,
    & textarea::placeholder {
        color: var(--ahq-text-muted);
    }

    /* ── 滚动条（浅色）── */
    & ::-webkit-scrollbar {
        width: 6px;
    }

    & ::-webkit-scrollbar-track {
        background: var(--ahq-bg-secondary);
    }

    & ::-webkit-scrollbar-thumb {
        background: rgba(26, 21, 16, 0.2);
        border-radius: var(--ahq-radius-full);
    }

    & ::-webkit-scrollbar-thumb:hover {
        background: rgba(184, 146, 10, 0.4);
    }

    /* ── 选中文字（浅色）── */
    & ::selection {
        background: rgba(184, 146, 10, 0.15);
        color: var(--ahq-text-primary);
    }

    /* ── 表格（浅色）── */
    & th {
        background: var(--ahq-bg-secondary);
        color: var(--ahq-text-muted);
    }

    & td {
        border-color: rgba(26, 21, 16, 0.06);
        color: var(--ahq-text-secondary);
    }

    & tr:hover td {
        background: rgba(26, 21, 16, 0.02);
    }

    /* ── 通知（浅色）── */
    & .ahq-notice-success {
        background: rgba(42, 122, 82, 0.08);
        color: #1A6040;
    }

    & .ahq-notice-error {
        background: rgba(196, 48, 48, 0.08);
        color: #A02020;
    }

    & .ahq-notice-warning {
        background: rgba(201, 168, 76, 0.08);
        color: #8A6010;
    }

    /* ── 分类卡片（浅色遮罩调整）── */
    & .ahq-category-card::after {
        background: linear-gradient(
            to top,
            rgba(26, 21, 16, 0.75) 0%,
            rgba(26, 21, 16, 0.2) 50%,
            transparent 100%
        );
    }

    /* ── 页脚（浅色）── */
    & .ahq-footer {
        background: var(--ahq-bg-secondary);
        border-top-color: rgba(184, 146, 10, 0.2);
    }

    /* ── 模态/遮罩（浅色）── */
    & .ahq-modal-overlay {
        background: rgba(26, 21, 16, 0.6);
    }

    /* ── 页脚（浅色 Ivory Luxe）── */
    & .ahq-footer {
        background: var(--ahq-bg-secondary);
        border-top-color: rgba(154, 122, 8, 0.18);
    }

    & .ahq-footer-main {
        border-bottom-color: rgba(26, 18, 8, 0.08);
    }

    & .ahq-footer-logo-link .ahq-logo-name {
        color: var(--ahq-gold);
    }

    & .ahq-footer-logo-link .ahq-logo-tagline,
    & .ahq-footer-about,
    & .ahq-footer-col h4,
    & .ahq-footer-col li a,
    & .ahq-pay-item span,
    & .ahq-footer-legal a,
    & .ahq-footer-copy {
        color: var(--ahq-text-secondary);
    }

    & .ahq-footer-col h4 {
        color: var(--ahq-gold, #9a7a08);
        font-family: var(--ahq-font-badge);
        font-style: normal;
        font-weight: 600;
        letter-spacing: 0.16em;
        text-transform: uppercase;
    }

    & .ahq-social-btn {
        border-color: rgba(154, 122, 8, 0.22);
        color: var(--ahq-text-muted);
    }

    & .ahq-social-btn:hover {
        color: var(--ahq-gold);
        border-color: var(--ahq-gold-border);
    }

    & .ahq-footer-bottom {
        border-top-color: rgba(26, 18, 8, 0.08);
    }
}