/**
 * 道韵轩 — 玄冥道韵视觉层
 * 东方神话 · 道家神秘气质
 */

/* ── 全局氛围 ── */
.dao-theme body {
    background:
        radial-gradient(ellipse 120% 80% at 50% -20%, rgba(92, 77, 138, 0.22), transparent 55%),
        radial-gradient(ellipse 60% 40% at 100% 50%, rgba(184, 50, 50, 0.06), transparent 50%),
        radial-gradient(ellipse 50% 30% at 0% 80%, rgba(61, 122, 106, 0.08), transparent 45%),
        var(--background);
}

.dao-theme ::selection {
    background: rgba(201, 169, 98, 0.35);
    color: #fff8f0;
}

.dao-theme .section-title,
.dao-theme .em-hero-title,
.dao-theme h1, .dao-theme h2, .dao-theme h3 {
    font-family: var(--font-display);
    font-weight: 400;
    letter-spacing: 0.06em;
}

/* ── 顶栏 · 天门 ── */
.dao-theme .announcement-bar {
    background: linear-gradient(90deg, var(--dao-ink) 0%, var(--dao-purple-deep) 50%, var(--dao-ink) 100%);
    border-bottom: 1px solid rgba(201, 169, 98, 0.25);
    position: relative;
}
.dao-theme .announcement-bar::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 10%;
    right: 10%;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--dao-gold), transparent);
}
.dao-theme .announcement-promo {
    color: var(--dao-gold);
    letter-spacing: 0.12em;
}
.dao-theme .announcement-ship {
    color: rgba(237, 228, 211, 0.65);
    letter-spacing: 0.08em;
}
.dao-theme .announcement-divider {
    color: rgba(201, 169, 98, 0.35);
}

/* ── 信任条 · 四象护佑 ── */
.dao-theme .trust-bar {
    background: var(--card);
    border-bottom: 1px solid var(--border);
}
.dao-theme .trust-bar .trust-item {
    background: transparent;
    border: 1px solid var(--border);
    color: var(--muted-foreground);
    font-family: var(--font-serif);
    letter-spacing: 0.06em;
}
.dao-theme .trust-bar .trust-item:hover {
    border-color: rgba(201, 169, 98, 0.45);
    color: var(--dao-gold);
    box-shadow: var(--shadow-glow-gold);
}
.dao-theme .trust-bar .trust-icon {
    color: var(--dao-gold);
}

/* ── 导航 · 云纹头 ── */
.dao-theme .site-header {
    background: rgba(10, 8, 16, 0.92);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--border);
}
.dao-theme .site-title {
    font-family: var(--font-display);
    font-size: 20px;
    letter-spacing: 0.15em;
    color: var(--foreground);
}
.dao-theme .site-title-mark {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, var(--dao-cinnabar), #7a2020);
    color: var(--dao-gold);
    border: 1px solid rgba(201, 169, 98, 0.5);
    border-radius: 50%;
    font-family: var(--font-serif);
    font-size: 16px;
    box-shadow: var(--shadow-glow-cinnabar);
}
.dao-theme .nav-menu a {
    font-family: var(--font-serif);
    letter-spacing: 0.04em;
}
.dao-theme .nav-menu a:hover,
.dao-theme .nav-menu .current-menu-item > a {
    color: var(--dao-gold);
}

/* ── 按钮 · 符印 ── */
.dao-theme .btn-primary {
    background: linear-gradient(180deg, var(--primary-hover) 0%, var(--primary) 100%);
    border: 1px solid rgba(201, 169, 98, 0.35);
    box-shadow: var(--shadow-glow-cinnabar);
    font-family: var(--font-serif);
    letter-spacing: 0.1em;
}
.dao-theme .btn-primary:hover {
    background: linear-gradient(180deg, #e05545 0%, var(--primary-hover) 100%);
    box-shadow: 0 0 28px rgba(184, 50, 50, 0.4);
}
.dao-theme .btn-outline {
    border-color: rgba(201, 169, 98, 0.4);
    color: var(--dao-gold);
    background: transparent;
    font-family: var(--font-serif);
    letter-spacing: 0.08em;
}
.dao-theme .btn-outline:hover {
    background: rgba(201, 169, 98, 0.08);
    border-color: var(--dao-gold);
    color: var(--foreground);
}
.dao-theme .badge-default {
    background: var(--primary);
    border: 1px solid rgba(201, 169, 98, 0.3);
}
.dao-theme .badge-outline {
    border-color: rgba(201, 169, 98, 0.35);
    color: var(--dao-gold);
    font-family: var(--font-serif);
    letter-spacing: 0.08em;
}

/* ── Hero · 玄门初开 ── */
.dao-theme .em-hero-cinematic {
    min-height: 580px;
    border-bottom: 1px solid var(--border);
}
.dao-theme .em-hero-cinematic .em-hero-bg {
    filter: saturate(0.75) brightness(0.55) hue-rotate(-15deg);
}
.dao-theme .em-hero-overlay {
    background:
        linear-gradient(105deg, rgba(10, 8, 16, 0.92) 0%, rgba(42, 31, 78, 0.65) 40%, rgba(10, 8, 16, 0.35) 100%),
        radial-gradient(ellipse 50% 60% at 20% 50%, rgba(184, 50, 50, 0.12), transparent 60%);
}
.dao-theme .em-hero-ornament {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
    opacity: 0.12;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Ccircle cx='60' cy='60' r='58' fill='none' stroke='%23c9a962' stroke-width='0.5'/%3E%3Cpath d='M60 2 L60 118 M2 60 L118 60 M18 18 L102 102 M102 18 L18 102' stroke='%23c9a962' stroke-width='0.3'/%3E%3C/svg%3E");
    background-size: 180px 180px;
}
.dao-theme .em-hero-mist {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 120px;
    background: linear-gradient(to top, var(--background), transparent);
    z-index: 1;
    pointer-events: none;
}
.dao-theme .em-hero-cinematic .em-hero-eyebrow {
    color: var(--dao-gold);
    font-family: var(--font-serif);
    letter-spacing: 0.2em;
    font-size: 14px;
}
.dao-theme .em-hero-cinematic .em-hero-eyebrow::before,
.dao-theme .em-hero-cinematic .em-hero-eyebrow::after {
    content: ' ◆ ';
    color: rgba(201, 169, 98, 0.5);
    font-size: 10px;
}
.dao-theme .em-hero-cinematic .em-hero-inner {
    max-width: 920px;
}
.dao-theme .em-hero-cinematic .em-hero-title {
    font-size: clamp(32px, 5.2vw, 56px);
    letter-spacing: 0.05em;
    white-space: nowrap;
    text-shadow: 0 0 40px rgba(201, 169, 98, 0.2), 0 4px 20px rgba(0, 0, 0, 0.5);
}
@media (max-width: 768px) {
    .dao-theme .em-hero-cinematic .em-hero-title {
        font-size: clamp(22px, 6.2vw, 30px);
        letter-spacing: 0.03em;
    }
}
.dao-theme .em-hero-desc {
    font-family: var(--font-serif);
    color: rgba(237, 228, 211, 0.78);
    line-height: 1.85;
    letter-spacing: 0.04em;
}
.dao-theme .em-hero-cta-secondary {
    background: rgba(201, 169, 98, 0.06) !important;
    border-color: rgba(201, 169, 98, 0.45) !important;
    color: var(--dao-gold) !important;
}

/* ── 分类 · 洞天门类 ── */
.dao-theme .em-showcase-card {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    position: relative;
    overflow: hidden;
    transition: border-color var(--transition), box-shadow var(--transition), transform var(--transition);
}
.dao-theme .em-showcase-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--dao-gold), transparent);
    opacity: 0.5;
}
.dao-theme .em-showcase-card:hover {
    border-color: rgba(201, 169, 98, 0.5);
    box-shadow: var(--shadow-glow-gold);
    transform: translateY(-3px);
}
.dao-theme .em-showcase-icon {
    font-family: var(--font-display);
    font-size: 28px;
    color: var(--dao-gold);
    text-shadow: 0 0 12px rgba(201, 169, 98, 0.3);
}
.dao-theme .em-showcase-name {
    font-family: var(--font-serif);
    letter-spacing: 0.1em;
    color: var(--foreground);
}
.dao-theme .em-showcase-jewelry,
.dao-theme .em-showcase-crystals,
.dao-theme .em-showcase-talisman,
.dao-theme .em-showcase-supplies,
.dao-theme .em-showcase-bestsellers {
    background: linear-gradient(160deg, var(--card) 0%, var(--muted) 100%);
}

/* ── 意图 · 天机牌 ── */
.dao-theme .section-muted {
    background:
        linear-gradient(180deg, var(--muted) 0%, var(--background) 100%);
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}
.dao-theme .intention-card {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition);
}
.dao-theme .intention-card:hover {
    border-color: rgba(184, 50, 50, 0.45);
    box-shadow: var(--shadow-glow-cinnabar);
    color: var(--dao-gold);
}
.dao-theme .intention-icon {
    color: var(--dao-gold);
    font-size: 22px;
}
.dao-theme .intention-name {
    font-family: var(--font-serif);
    letter-spacing: 0.06em;
}

/* ── 商品卡 ── */
.dao-theme .product-card {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
}
.dao-theme .product-card:hover {
    border-color: rgba(201, 169, 98, 0.35);
    box-shadow: var(--shadow-glow-gold);
}
.dao-theme .product-name {
    font-family: var(--font-serif);
}
.dao-theme .badge-new {
    background: var(--dao-purple-deep);
    border: 1px solid var(--dao-gold);
    color: var(--dao-gold);
    font-family: var(--font-serif);
}

/* ── 信任数据 ── */
.dao-theme .em-trust-section {
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}
.dao-theme .trust-number {
    color: var(--dao-gold);
    font-family: var(--font-display);
}
.dao-theme .trust-label {
    font-family: var(--font-serif);
    letter-spacing: 0.06em;
}

/* ── 聚光 · 道韵 ── */
.dao-theme .em-spotlight {
    background: linear-gradient(135deg, var(--dao-purple-deep) 0%, var(--dao-ink) 100%);
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}
.dao-theme .em-spotlight h2 {
    color: var(--dao-gold);
}
.dao-theme .em-spotlight-visual {
    border: 1px solid rgba(201, 169, 98, 0.35);
    box-shadow: var(--shadow-glow-gold);
}

/* ── 利益快捷 ── */
.dao-theme .em-benefit-card {
    background: var(--card);
    border: 1px solid var(--border);
    font-family: var(--font-serif);
    letter-spacing: 0.08em;
    color: var(--muted-foreground);
}
.dao-theme .em-benefit-card:hover {
    color: var(--dao-gold);
    border-color: rgba(201, 169, 98, 0.4);
}

/* ── 品牌故事 ── */
.dao-theme .brand-visual-frame {
    border: 1px solid rgba(201, 169, 98, 0.3);
    box-shadow: var(--shadow-glow-gold);
}
.dao-theme .brand-section p {
    font-family: var(--font-serif);
    line-height: 1.85;
    color: var(--muted-foreground);
}

/* ── 指南卡 ── */
.dao-theme .guide-card {
    border: 1px solid var(--border);
    background: var(--card);
}
.dao-theme .guide-card:hover {
    border-color: rgba(201, 169, 98, 0.35);
}

/* ── CTA ── */
.dao-theme .cta-banner {
    background:
        linear-gradient(135deg, rgba(42, 31, 78, 0.9) 0%, rgba(10, 8, 16, 0.95) 100%);
    border-top: 1px solid var(--border);
}
.dao-theme .cta-banner h2 {
    font-family: var(--font-display);
    color: var(--dao-gold);
    letter-spacing: 0.08em;
}

/* ── 页脚 · 幽冥底 ── */
.dao-theme .site-footer {
    background: var(--color-footer-bg);
    border-top: 1px solid rgba(201, 169, 98, 0.2);
}
.dao-theme .newsletter-section {
    background: linear-gradient(180deg, var(--muted) 0%, var(--color-footer-bg) 100%);
    border-bottom: 1px solid var(--border);
}
.dao-theme .footer-logo {
    font-family: var(--font-display);
    letter-spacing: 0.15em;
    color: var(--dao-gold);
}
.dao-theme .footer-col h4 {
    font-family: var(--font-serif);
    color: var(--dao-gold);
    letter-spacing: 0.1em;
    font-weight: 400;
}
.dao-theme .newsletter-offer {
    color: var(--dao-gold);
}

/* ── 分隔符文 ── */
.dao-section-divider {
    text-align: center;
    padding: 8px 0;
    color: rgba(201, 169, 98, 0.35);
    font-family: var(--font-display);
    letter-spacing: 1em;
    font-size: 12px;
}

/* ── 移动端底栏 ── */
.dao-theme .mobile-bottom-nav {
    background: rgba(10, 8, 16, 0.96);
    border-top: 1px solid var(--border);
}
.dao-theme .mobile-bottom-nav a.active {
    color: var(--dao-gold);
}

.light.dao-theme body {
    background: var(--background);
}
.light.dao-theme .site-header {
    background: rgba(245, 240, 230, 0.95);
}
.light.dao-theme .em-hero-overlay {
    background: linear-gradient(105deg, rgba(245, 240, 230, 0.88) 0%, rgba(42, 31, 78, 0.4) 100%);
}
.light.dao-theme .em-hero-cinematic .em-hero-title {
    color: var(--foreground);
    text-shadow: none;
}
.light.dao-theme .em-hero-cinematic .em-hero-eyebrow,
.light.dao-theme .em-hero-desc {
    color: var(--muted-foreground);
}

/* ── 强制玄冥底色（避免第三方样式覆盖）── */
html.dao-theme {
    background-color: #0a0810;
}
html.dao-theme body {
    background-color: #0a0810;
    color: #ede4d3;
}
html.dao-theme .btn-primary,
html.dao-theme .woocommerce .button,
html.dao-theme .woocommerce a.button {
    background: #b83232 !important;
    border-color: #b83232 !important;
    color: #fff8f0 !important;
}
html.dao-theme .btn-primary:hover,
html.dao-theme .woocommerce .button:hover,
html.dao-theme .woocommerce a.button:hover {
    background: #d44a3a !important;
}
html.dao-theme .announcement-bar {
    background: linear-gradient(90deg, #050408 0%, #2a1f4e 50%, #050408 100%) !important;
}