/* ══════════════════════════════════════════════════════
   AHQONE Dark Mode — Velvet Noir
   覆盖 Blocksy 父主题的深色模式专属样式
══════════════════════════════════════════════════════ */

/* ── Blocksy 全局覆盖 ── */
:root,
[data-theme="dark"],
.ahq-mode-dark {
    --theme-background: var(--ahq-bg-primary);
    --theme-sidebar-background: var(--ahq-bg-secondary);
}

.ahq-mode-dark body,
[data-theme="dark"] body {
    background-color: var(--ahq-bg-primary);
    color: var(--ahq-text-primary);
}

/* ── 页头（导航栏）── */
.ahq-mode-dark .ahq-header {
    background: transparent;
}

.ahq-mode-dark .ahq-header.scrolled {
    background: rgba(12, 10, 7, 0.92);
    border-bottom: 1px solid var(--ahq-border-gold);
}

/* ── Hero 区（仅无背景图时使用渐变）── */
.ahq-mode-dark .ahq-hero:not(.ahq-hero--has-image) {
    background: linear-gradient(
        135deg,
        #0A0806 0%,
        #14100C 40%,
        #1A1510 100%
    );
    position: relative;
    overflow: hidden;
}

.ahq-mode-dark .ahq-hero:not(.ahq-hero--has-image)::before {
    content: '';
    position: absolute;
    top: 20%;
    left: 10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(
        circle,
        rgba(212, 175, 55, 0.06) 0%,
        transparent 70%
    );
    pointer-events: none;
}

.ahq-mode-dark .ahq-hero:not(.ahq-hero--has-image)::after {
    content: '';
    position: absolute;
    bottom: 10%;
    right: 15%;
    width: 400px;
    height: 400px;
    background: radial-gradient(
        circle,
        rgba(184, 212, 248, 0.04) 0%,
        transparent 70%
    );
    pointer-events: none;
}

/* ── 产品卡片（深色）── */
.ahq-mode-dark .ahq-product-card {
    background: var(--ahq-bg-secondary);
    border-color: rgba(240, 234, 224, 0.06);
}

.ahq-mode-dark .ahq-product-card:hover {
    border-color: rgba(212, 175, 55, 0.3);
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.5),
        0 0 0 1px rgba(212, 175, 55, 0.1);
}

.ahq-mode-dark .ahq-product-card-image {
    background: var(--ahq-bg-surface);
}

/* ── 分类品类色彩光晕（深色独有效果）── */
.ahq-mode-dark .ahq-category-diamonds .ahq-hero {
    background-image: radial-gradient(ellipse at 60% 40%,
        rgba(184, 212, 248, 0.08), transparent 70%
    );
}

.ahq-mode-dark .ahq-category-crystals .ahq-hero {
    background-image: radial-gradient(ellipse at 60% 40%,
        rgba(176, 143, 232, 0.1), transparent 70%
    );
}

.ahq-mode-dark .ahq-category-jade .ahq-hero {
    background-image: radial-gradient(ellipse at 60% 40%,
        rgba(76, 175, 122, 0.08), transparent 70%
    );
}

/* ── 输入框/表单（深色）── */
.ahq-mode-dark input,
.ahq-mode-dark select,
.ahq-mode-dark textarea {
    background: var(--ahq-bg-surface);
    border: 1px solid var(--ahq-border-strong);
    color: var(--ahq-text-primary);
    border-radius: var(--ahq-radius-sm);
    padding: var(--ahq-space-3) var(--ahq-space-4);
    transition: border-color var(--ahq-transition-fast);
}

.ahq-mode-dark input:focus,
.ahq-mode-dark select:focus,
.ahq-mode-dark textarea:focus {
    outline: none;
    border-color: var(--ahq-border-focus);
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.1);
}

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

/* ── 滚动条（深色）── */
.ahq-mode-dark ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.ahq-mode-dark ::-webkit-scrollbar-track {
    background: var(--ahq-bg-secondary);
}

.ahq-mode-dark ::-webkit-scrollbar-thumb {
    background: var(--ahq-border-strong);
    border-radius: var(--ahq-radius-full);
}

.ahq-mode-dark ::-webkit-scrollbar-thumb:hover {
    background: var(--ahq-gold-border);
}

/* ── 选中文字（深色）── */
.ahq-mode-dark ::selection {
    background: rgba(212, 175, 55, 0.2);
    color: var(--ahq-text-primary);
}

/* ── 表格（深色）── */
.ahq-mode-dark table {
    border-collapse: collapse;
    width: 100%;
}

.ahq-mode-dark th {
    background: var(--ahq-bg-surface);
    color: var(--ahq-text-muted);
    font-family: var(--ahq-font-badge);
    font-size: var(--ahq-text-xs);
    letter-spacing: var(--ahq-tracking-wider);
    text-transform: uppercase;
    padding: var(--ahq-space-3) var(--ahq-space-4);
    border-bottom: 1px solid var(--ahq-border);
    text-align: left;
}

.ahq-mode-dark td {
    padding: var(--ahq-space-4);
    border-bottom: 1px solid var(--ahq-border);
    color: var(--ahq-text-secondary);
}

.ahq-mode-dark tr:hover td {
    background: var(--ahq-bg-surface);
}

/* ── 通知/提示（深色）── */
.ahq-mode-dark .ahq-notice {
    border-radius: var(--ahq-radius-md);
    padding: var(--ahq-space-4);
    border-left: 3px solid;
}

.ahq-mode-dark .ahq-notice-success {
    background: var(--ahq-success-bg);
    border-color: var(--ahq-success);
    color: #5AD898;
}

.ahq-mode-dark .ahq-notice-error {
    background: var(--ahq-error-bg);
    border-color: var(--ahq-error);
    color: #F88080;
}

.ahq-mode-dark .ahq-notice-warning {
    background: var(--ahq-warning-bg);
    border-color: var(--ahq-warning);
    color: var(--ahq-gold-light);
}

/* ── 粒子画布（仅深色模式）── */
.ahq-particles {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: 0.7;
}

[data-theme="light"] .ahq-particles {
    display: none;
}