/**
 * 沉湖鲜 · 双色主题
 * 主基调：沉湖湿地生态绿 · 沉湖红仅作品牌点缀
 */

:root,
html[data-theme="white"] {
    --t-page-bg: #f7f9f8;
    --t-surface: #ffffff;
    --t-surface-2: #eef5f1;
    --t-surface-alt: #e3ede8;
    --t-header-bg: rgba(5, 22, 16, 0.78);
    --t-header-bg-scroll: rgba(247, 249, 248, 0.96);
    --t-header-border: rgba(36, 122, 92, 0.22);
    --t-header-border-scroll: rgba(15, 61, 46, 0.12);
    --t-header-shadow: 0 4px 24px rgba(5, 22, 16, 0.1);
    --t-text: #1a2e28;
    --t-text-muted: #5c7268;
    --t-heading: #0a241c;
    --t-accent: #1a5c45;
    --t-accent-hover: #247a5c;
    --t-accent-soft: rgba(36, 122, 92, 0.12);
    --t-accent-border: rgba(36, 122, 92, 0.3);
    --t-brand-accent: #9b2d22;
    --t-nav: rgba(255, 255, 255, 0.88);
    --t-nav-hover: #e8d5a3;
    --t-nav-scroll: #3d5c52;
    --t-nav-scroll-hover: #1a5c45;
    --t-brand-title: #ffffff;
    --t-brand-sub: rgba(232, 213, 163, 0.78);
    --t-brand-title-scroll: #0a241c;
    --t-brand-sub-scroll: #5c7268;
    --t-hero-bg-1: #051610;
    --t-hero-bg-2: #0a241c;
    --t-hero-bg-3: #0f3d2e;
    --t-hero-glow: rgba(36, 122, 92, 0.38);
    --t-hero-glow-2: rgba(201, 169, 98, 0.1);
    --t-hero-title: #ffffff;
    --t-hero-title-accent: #e8d5a3;
    --t-hero-lead: rgba(255, 255, 255, 0.78);
    --t-hero-wave: var(--t-page-bg);
    --t-page-hero-bg-1: #051610;
    --t-page-hero-bg-2: #0f3d2e;
    --t-section-dark-bg: linear-gradient(165deg, #0a241c 0%, #051610 100%);
    --t-eco-block-text: rgba(255, 255, 255, 0.88);
    --t-footer-bg: #051610;
    --t-shadow: 0 20px 50px rgba(5, 22, 16, 0.1);
    --t-card-bg: #ffffff;
    --t-card-border: rgba(15, 61, 46, 0.1);
    --t-stat-num: #0f3d2e;
    --t-stat-unit: #9b2d22;
    --t-pillar-icon-bg: linear-gradient(145deg, #e8f5ef, #d4ebe0);
    --t-pillar-icon-color: #1a5c45;
    --t-btn-outline-color: rgba(255, 255, 255, 0.92);
    --t-btn-outline-border: rgba(232, 213, 163, 0.45);
    --t-toggle-bg: rgba(255, 255, 255, 0.08);
    --t-cta-bg: linear-gradient(135deg, #0f3d2e, #051610);
    --t-visual-bg: linear-gradient(155deg, #1a5c45 0%, #0f3d2e 55%, #051610 100%);
    --t-values-bg: linear-gradient(135deg, #0a241c, #0f3d2e);
}

html[data-theme="red"] {
    --t-page-bg: #5a1f17;
    --t-surface: rgba(255, 255, 255, 0.1);
    --t-surface-2: rgba(255, 255, 255, 0.06);
    --t-surface-alt: rgba(0, 0, 0, 0.12);
    --t-header-bg: rgba(74, 24, 18, 0.88);
    --t-header-bg-scroll: rgba(58, 18, 13, 0.96);
    --t-header-border: rgba(255, 255, 255, 0.1);
    --t-header-border-scroll: rgba(255, 255, 255, 0.1);
    --t-header-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
    --t-text: #faf6f5;
    --t-text-muted: rgba(255, 255, 255, 0.72);
    --t-heading: #ffffff;
    --t-accent: #3d9a78;
    --t-accent-hover: #5cb896;
    --t-accent-soft: rgba(61, 154, 120, 0.15);
    --t-accent-border: rgba(61, 154, 120, 0.35);
    --t-brand-accent: #ffe8e4;
    --t-nav: rgba(255, 255, 255, 0.86);
    --t-nav-hover: #e8d5a3;
    --t-nav-scroll: rgba(255, 255, 255, 0.86);
    --t-nav-scroll-hover: #e8d5a3;
    --t-brand-title: #ffffff;
    --t-brand-sub: rgba(255, 255, 255, 0.65);
    --t-brand-title-scroll: #ffffff;
    --t-brand-sub-scroll: rgba(255, 255, 255, 0.65);
    --t-hero-bg-1: #a33528;
    --t-hero-bg-2: #7f2a1f;
    --t-hero-bg-3: #5a1f17;
    --t-hero-glow: rgba(61, 154, 120, 0.18);
    --t-hero-glow-2: rgba(0, 0, 0, 0.12);
    --t-hero-title: #ffffff;
    --t-hero-title-accent: #e8d5a3;
    --t-hero-lead: rgba(255, 255, 255, 0.8);
    --t-hero-wave: var(--t-page-bg);
    --t-page-hero-bg-1: #a33528;
    --t-page-hero-bg-2: #6b2218;
    --t-section-dark-bg: linear-gradient(165deg, #0a241c 0%, #051610 100%);
    --t-eco-block-text: rgba(255, 255, 255, 0.88);
    --t-footer-bg: #051610;
    --t-shadow: 0 20px 50px rgba(0, 0, 0, 0.22);
    --t-card-bg: rgba(255, 255, 255, 0.1);
    --t-card-border: rgba(255, 255, 255, 0.12);
    --t-stat-num: #ffffff;
    --t-stat-unit: #e8d5a3;
    --t-pillar-icon-bg: rgba(61, 154, 120, 0.2);
    --t-pillar-icon-color: #e8f5ef;
    --t-btn-outline-color: #ffffff;
    --t-btn-outline-border: rgba(255, 255, 255, 0.4);
    --t-toggle-bg: rgba(0, 0, 0, 0.18);
    --t-cta-bg: linear-gradient(135deg, #0f3d2e, #051610);
    --t-visual-bg: linear-gradient(155deg, #1a5c45 0%, #0f3d2e 50%, #051610 100%);
    --t-values-bg: linear-gradient(135deg, #0a241c, #0f3d2e);
}

body {
    background: var(--t-page-bg);
    color: var(--t-text);
    transition: background 0.4s ease, color 0.4s ease;
}

/* Header */
.site-header {
    background: var(--t-header-bg);
    border-bottom: 1px solid var(--t-header-border);
    backdrop-filter: blur(14px);
}
.site-header.is-scrolled {
    background: var(--t-header-bg-scroll);
    border-bottom-color: var(--t-header-border-scroll, var(--t-header-border));
    box-shadow: var(--t-header-shadow);
}
.brand-text strong { color: var(--t-brand-title); }
.brand-text small { color: var(--t-brand-sub); }
.nav-link { color: var(--t-nav); }
.nav-link:hover, .nav-link.is-active { color: var(--t-nav-hover); }
.nav-toggle span { background: var(--t-nav); }

html[data-theme="white"] .site-header.is-scrolled .brand-text strong { color: var(--t-brand-title-scroll); }
html[data-theme="white"] .site-header.is-scrolled .brand-text small { color: var(--t-brand-sub-scroll); }
html[data-theme="white"] .site-header.is-scrolled .nav-link { color: var(--t-nav-scroll); }
html[data-theme="white"] .site-header.is-scrolled .nav-link:hover,
html[data-theme="white"] .site-header.is-scrolled .nav-link.is-active { color: var(--t-nav-scroll-hover); }
html[data-theme="white"] .site-header.is-scrolled .nav-toggle span { background: var(--t-nav-scroll); }

.site-header .btn-outline {
    color: var(--t-btn-outline-color);
    border-color: var(--t-btn-outline-border);
}
html[data-theme="white"] .site-header .btn-outline:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: #e8d5a3;
}
html[data-theme="white"] .site-header.is-scrolled .btn-outline {
    color: var(--t-accent);
    border-color: var(--t-accent-border);
}
html[data-theme="white"] .site-header.is-scrolled .btn-outline:hover {
    background: var(--t-accent-soft);
    border-color: var(--t-accent);
}
html[data-theme="red"] .site-header .btn-outline:hover {
    background: rgba(255, 255, 255, 0.14);
    border-color: #fff;
}

/* LOGO */
.brand-logo-img { display: none; object-fit: contain; }
html[data-theme="white"] .brand-logo--red { display: block; }
html[data-theme="red"] .brand-logo--white { display: block; }

/* 主题切换 · 图标 */
.theme-switch {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 3px;
    background: var(--t-toggle-bg);
    border-radius: 999px;
    border: 1px solid var(--t-header-border);
}
.theme-switch button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: none;
    background: transparent;
    border-radius: 50%;
    cursor: pointer;
    transition: background var(--transition), box-shadow var(--transition), transform var(--transition);
}
.theme-switch button svg {
    display: block;
    flex-shrink: 0;
}
.theme-btn--green { color: #247a5c; }
.theme-btn--red { color: #9b2d22; }
.theme-switch button.is-active {
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.35);
    transform: scale(1.05);
}
.theme-btn--green.is-active { color: #1a5c45; box-shadow: 0 0 0 2px rgba(36, 122, 92, 0.45); }
.theme-btn--red.is-active { color: #9b2d22; box-shadow: 0 0 0 2px rgba(155, 45, 34, 0.45); }

html[data-theme="white"] .site-header.is-scrolled .theme-switch button:not(.is-active) {
    background: transparent;
}
html[data-theme="white"] .site-header.is-scrolled .theme-btn--green:not(.is-active) { color: #247a5c; }
html[data-theme="white"] .site-header.is-scrolled .theme-btn--red:not(.is-active) { color: #9b2d22; }
html[data-theme="white"] .site-header.is-scrolled .theme-switch button.is-active {
    background: var(--t-accent-soft);
    box-shadow: 0 0 0 2px var(--t-accent-border);
}
html[data-theme="red"] .theme-switch button.is-active {
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
}
html[data-theme="red"] .theme-btn--red.is-active { color: #7a2319; }
html[data-theme="red"] .theme-btn--green.is-active { color: #1a5c45; }

/* Hero */
.hero { background: var(--t-hero-bg-3); }
.hero-bg {
    background:
        radial-gradient(ellipse 70% 55% at 72% 18%, var(--t-hero-glow), transparent),
        radial-gradient(ellipse 55% 45% at 15% 85%, var(--t-hero-glow-2), transparent),
        linear-gradient(168deg, var(--t-hero-bg-1) 0%, var(--t-hero-bg-2) 45%, var(--t-hero-bg-3) 100%);
}
.hero-bg::before { opacity: 0.5; }
.hero-wave { background: linear-gradient(to top, var(--t-hero-wave), transparent); }
.hero-title { color: var(--t-hero-title); }
.hero-title em {
    background: linear-gradient(135deg, var(--t-hero-title-accent), #c9a962);
    -webkit-background-clip: text;
    background-clip: text;
}
html[data-theme="red"] .hero-title em {
    background: linear-gradient(135deg, #fff, #e8d5a3);
    -webkit-background-clip: text;
    background-clip: text;
}
.hero-lead { color: var(--t-hero-lead); }

html[data-theme="white"] .hero-badge {
    background: rgba(36, 122, 92, 0.18);
    border-color: rgba(61, 154, 120, 0.35);
    color: #d4ebe0;
}
html[data-theme="white"] .hero-badge::before {
    background: #c9a962;
    box-shadow: 0 0 8px rgba(201, 169, 98, 0.5);
}
html[data-theme="red"] .hero-badge {
    background: rgba(61, 154, 120, 0.2);
    border-color: rgba(61, 154, 120, 0.35);
    color: #d4ebe0;
}
html[data-theme="red"] .hero-badge::before { background: #e8d5a3; box-shadow: none; }

html[data-theme="white"] .btn-ghost {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.28);
    background: rgba(255, 255, 255, 0.08);
}
html[data-theme="white"] .btn-ghost:hover {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(232, 213, 163, 0.5);
}
html[data-theme="red"] .btn-ghost {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.08);
}

.hero-visual {
    border-color: rgba(61, 154, 120, 0.25);
    box-shadow: var(--t-shadow);
}
.hero-visual-inner {
    background: var(--t-visual-bg);
}
.hero-visual-photo {
    position: relative;
    z-index: 0;
}
.hero-visual-inner::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, transparent 42%, rgba(5, 22, 16, 0.5));
    pointer-events: none;
}

html[data-theme="white"] .hero-stat-float {
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(15, 61, 46, 0.1);
}
html[data-theme="white"] .hero-stat-float strong { color: var(--green-800); }
html[data-theme="red"] .hero-stat-float {
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(8px);
}
html[data-theme="red"] .hero-stat-float strong { color: #fff; }

/* 按钮 */
html[data-theme="white"] .btn-primary {
    background: linear-gradient(135deg, #1a5c45, #247a5c);
    box-shadow: 0 6px 20px rgba(15, 61, 46, 0.3);
}
html[data-theme="white"] .btn-primary:hover {
    box-shadow: 0 8px 24px rgba(15, 61, 46, 0.38);
}
html[data-theme="white"] .btn-outline {
    color: var(--t-accent);
    border-color: var(--t-accent-border);
}
html[data-theme="white"] .btn-outline:hover {
    background: var(--t-accent-soft);
    border-color: var(--t-accent);
}
html[data-theme="red"] .btn-outline {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.4);
}
html[data-theme="red"] .btn-outline:hover {
    background: rgba(255, 255, 255, 0.12);
    border-color: #fff;
}
html[data-theme="red"] .btn-primary {
    background: linear-gradient(135deg, #1a5c45, #247a5c);
    color: #fff;
    box-shadow: 0 6px 20px rgba(5, 22, 16, 0.25);
}
html[data-theme="red"] .btn-primary:hover {
    background: linear-gradient(135deg, #247a5c, #3d9a78);
    box-shadow: 0 8px 24px rgba(5, 22, 16, 0.3);
}

/* 内页 Hero */
.page-hero {
    background: linear-gradient(168deg, var(--t-page-hero-bg-1), var(--t-page-hero-bg-2));
}
html[data-theme="white"] .page-hero h1 { color: #fff; }
html[data-theme="red"] .page-hero h1 { color: #fff; }
.page-hero p { color: var(--t-hero-lead); }
html[data-theme="white"] .page-hero .section-label { color: #c9a962; }
html[data-theme="red"] .page-hero .section-label { color: #e8d5a3; }

/* 区块 */
.section-light { background: var(--t-surface-2); }
.section-white { background: var(--t-surface); }
.section-title { color: var(--t-heading); }
.section-desc { color: var(--t-text-muted); }
.section-label { color: var(--t-accent); }

.section-dark {
    background: var(--t-section-dark-bg);
    color: var(--t-eco-block-text);
}
.section-dark .section-label { color: #c9a962; }
.section-dark .section-title { color: #fff; }
.section-dark .section-desc { color: rgba(255, 255, 255, 0.68); }
.section-dark .story-content p { color: rgba(255, 255, 255, 0.72); }
.section-dark .story-tag {
    border-color: rgba(201, 169, 98, 0.35);
    color: #e8d5a3;
}
.section-dark .btn-outline,
.eco-highlight .btn-outline {
    color: rgba(255, 255, 255, 0.92);
    border-color: rgba(232, 213, 163, 0.4);
}
.section-dark .btn-outline:hover,
.eco-highlight .btn-outline:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: #e8d5a3;
}

/* 卡片 / 数据 */
.stats-bar,
.pillar-card,
.feature-box,
.contact-card,
.flow-step {
    background: var(--t-card-bg);
    border: 1px solid var(--t-card-border);
    box-shadow: var(--t-shadow);
}
.stat-num { color: var(--t-stat-num); }
.stat-num small { color: var(--t-stat-unit); }
.stat-label { color: var(--t-text-muted); }
.stat-item:not(:last-child)::after { background: var(--t-card-border); }

.pillar-card h3 { color: var(--t-heading); }
.pillar-card p { color: var(--t-text-muted); }
.pillar-sub { color: var(--t-accent); opacity: 0.9; }
.pillar-list li { color: var(--t-text-muted); }
.pillar-list li::before { background: var(--t-accent); }
.pillar-card::before {
    background: linear-gradient(90deg, var(--green-600), var(--gold));
}
.pillar-icon {
    background: var(--t-pillar-icon-bg);
    color: var(--t-pillar-icon-color);
    box-shadow: none;
    font-size: 1.4rem;
}

.prose h2, .feature-box h3 { color: var(--t-heading); }
.prose p, .feature-box p { color: var(--t-text-muted); }

/* 企业理念条 */
.values-grid.theme-values {
    background: var(--t-values-bg) !important;
    border: 1px solid var(--t-card-border);
}
.value-card {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.08);
}
html[data-theme="white"] .value-card {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.1);
}
.value-card strong { color: #e8d5a3; }
.value-card span { color: rgba(255, 255, 255, 0.58); }

/* CTA */
.cta-band { background: var(--t-cta-bg); }
.cta-band h2 { color: #fff; }
.cta-band p { color: rgba(255, 255, 255, 0.72); }

/* Footer */
.site-footer { background: var(--t-footer-bg); }
.footer-tagline { color: #c9a962; }
.footer-col a:hover,
.footer-bottom a:hover { color: #c9a962; }

/* 红色主题：中间区块层次 */
html[data-theme="red"] .section-white { background: var(--t-surface); }
html[data-theme="red"] .section-light { background: var(--t-surface-2); }

/* 产业页高亮卡片 */
.eco-highlight {
    padding: 48px !important;
    background: var(--t-section-dark-bg) !important;
    border: none !important;
    color: var(--t-eco-block-text);
}
.eco-highlight h3 {
    color: #e8d5a3 !important;
    font-family: var(--font-serif);
    font-size: 1.5rem;
    margin-bottom: 16px;
}
.eco-highlight p {
    color: rgba(255, 255, 255, 0.75) !important;
    line-height: 1.9;
}

.section-title--left { text-align: left; margin-bottom: 20px; }
.section-desc--left { text-align: left; margin-bottom: 24px; }
.text-link-accent { color: var(--t-accent); font-weight: 500; }
.text-link-accent:hover { opacity: 0.85; }
.text-muted-sm { font-size: 0.9rem; color: var(--t-text-muted); line-height: 1.8; }

/* 内页 / 联系 / 流程 */
.flow-step h4 { color: var(--t-heading); }
.flow-step p { color: var(--t-text-muted); }
.flow-step-num {
    background: var(--t-accent);
    color: #fff;
}
html[data-theme="red"] .flow-step-num {
    background: #3d9a78;
    color: #fff;
}
.contact-card h3 { color: var(--t-heading); }
.contact-item { border-bottom-color: var(--t-card-border); }
.contact-item strong { color: var(--t-text-muted); }
.contact-item span { color: var(--t-text); }

html[data-theme="white"] .hero-stat-float span { color: var(--t-text-muted); }
html[data-theme="red"] .hero-stat-float span { color: rgba(255, 255, 255, 0.72); }

html[data-theme="white"] .story-content p { color: var(--t-text-muted); }
html[data-theme="white"] .story-tag {
    border: 1px solid rgba(201, 169, 98, 0.35);
    color: #8a7340;
}
html[data-theme="white"] .story-visual {
    background: linear-gradient(135deg, #1a5c45, #0a241c);
    border-color: rgba(15, 61, 46, 0.15);
}

.hero-visual-inner::after {
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}

/* 移动导航 */
html[data-theme="white"] .main-nav.is-open {
    background: #f7f9f8;
    border-bottom-color: var(--t-header-border-scroll);
}
html[data-theme="white"] .main-nav.is-open .nav-link { color: var(--t-nav-scroll); }
html[data-theme="red"] .main-nav.is-open {
    background: var(--t-header-bg-scroll);
    border-bottom-color: var(--t-header-border);
}

@media (max-width: 992px) {
    .theme-switch { flex-shrink: 0; }
    .theme-switch button {
        width: 36px;
        height: 36px;
    }
    .header-actions { flex-shrink: 0; gap: 8px; }
}

@media (max-width: 768px) {
    .header-actions { flex-wrap: nowrap; justify-content: flex-end; }
}