/* ========================================
   Art Nouveau Styles Override
   新艺术运动风格样式覆盖
   life-windows-site · 2026-05-18
   
   应用范围：data-theme="art-nouveau" 或 data-theme="art-nouveau-dark"
   ======================================== */

/* === 导入 Art Nouveau 字体 === */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap');

/* === Art Nouveau 背景纹理 === */
[data-theme="art-nouveau"] body::before,
[data-theme="art-nouveau-dark"] body::before {
  background-image: 
    radial-gradient(ellipse at 10% 20%, rgb(184 134 11 / 4%) 0%, transparent 40%),
    radial-gradient(ellipse at 90% 80%, rgb(46 139 87 / 4%) 0%, transparent 40%);
  opacity: 0.8;
}

/* === 导航栏 - Art Nouveau 风格 === */
[data-theme="art-nouveau"] #nav,
[data-theme="art-nouveau-dark"] #nav {
  background: var(--bg-card);
  border-bottom: 3px solid var(--accent);
}

[data-theme="art-nouveau"] .nav-logo,
[data-theme="art-nouveau-dark"] .nav-logo {
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 500;
  font-style: italic;
  color: var(--accent);
  letter-spacing: 0.05em;
}

[data-theme="art-nouveau"] .nav-links a,
[data-theme="art-nouveau-dark"] .nav-links a {
  color: var(--text-secondary);
}

[data-theme="art-nouveau"] .nav-links a:hover,
[data-theme="art-nouveau-dark"] .nav-links a:hover {
  color: var(--accent);
  background: var(--bg-hover);
}

[data-theme="art-nouveau"] .nav-cta,
[data-theme="art-nouveau-dark"] .nav-cta {
  background: var(--accent);
  border-radius: var(--radius-sm);
  font-family: var(--font-display);
}

[data-theme="art-nouveau"] .nav-cta:hover,
[data-theme="art-nouveau-dark"] .nav-cta:hover {
  background: var(--accent-hover);
}

/* === Hero 区域 - Art Nouveau 风格 === */
[data-theme="art-nouveau"] #hero,
[data-theme="art-nouveau-dark"] #hero {
  padding: 120px 0 80px;
}

[data-theme="art-nouveau"] .hero-title,
[data-theme="art-nouveau-dark"] .hero-title {
  font-family: var(--font-display);
  font-size: clamp(3rem, 6vw, 5rem);
  font-weight: 600;
  color: var(--accent);
  letter-spacing: 0.02em;
  line-height: 1.2;
}

[data-theme="art-nouveau"] .hero-sub,
[data-theme="art-nouveau-dark"] .hero-sub {
  font-family: var(--font-display);
  font-size: 22px;
  font-style: italic;
  color: var(--text-secondary);
  max-width: 600px;
  line-height: 1.7;
}

[data-theme="art-nouveau"] .hero-year-input,
[data-theme="art-nouveau-dark"] .hero-year-input {
  font-family: var(--font-display);
  border: 1px solid var(--accent);
  border-right: none;
  border-radius: var(--radius-sm) 0 0 var(--radius-sm);
  background: var(--bg-card);
}

[data-theme="art-nouveau"] .btn-cta,
[data-theme="art-nouveau-dark"] .btn-cta {
  font-family: var(--font-display);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  letter-spacing: 0.05em;
}

[data-theme="art-nouveau"] .hero-hint,
[data-theme="art-nouveau-dark"] .hero-hint {
  font-family: var(--font-display);
  font-style: italic;
  color: var(--text-muted);
}

/* === 标题区域 - Art Nouveau 风格 === */
[data-theme="art-nouveau"] .section-label,
[data-theme="art-nouveau-dark"] .section-label {
  font-family: var(--font-display);
  color: var(--accent-3);
  letter-spacing: 0.15em;
}

[data-theme="art-nouveau"] .section-title,
[data-theme="art-nouveau-dark"] .section-title {
  font-family: var(--font-display);
  color: var(--text-primary);
  letter-spacing: 0.02em;
}

[data-theme="art-nouveau"] .section-desc,
[data-theme="art-nouveau-dark"] .section-desc {
  font-family: var(--font-display);
  font-style: italic;
  color: var(--text-secondary);
  line-height: 1.7;
}

/* === 研究卡片 - Art Nouveau 风格 === */
[data-theme="art-nouveau"] .research-card,
[data-theme="art-nouveau-dark"] .research-card {
  border-top: 3px solid var(--accent);
  border-radius: 0;
  padding-top: var(--space-8);
}

[data-theme="art-nouveau"] .research-card:nth-child(2),
[data-theme="art-nouveau-dark"] .research-card:nth-child(2) {
  border-top-color: var(--accent-2);
}

[data-theme="art-nouveau"] .research-card:nth-child(3),
[data-theme="art-nouveau-dark"] .research-card:nth-child(3) {
  border-top-color: var(--accent-3);
}

[data-theme="art-nouveau"] .research-card-icon,
[data-theme="art-nouveau-dark"] .research-card-icon {
  background: var(--accent-bg);
  border-radius: 50%;
}

[data-theme="art-nouveau"] .research-card-icon svg,
[data-theme="art-nouveau-dark"] .research-card-icon svg {
  color: var(--accent);
}

[data-theme="art-nouveau"] .research-card h3,
[data-theme="art-nouveau-dark"] .research-card h3 {
  font-family: var(--font-display);
  font-weight: 600;
}

[data-theme="art-nouveau"] .research-card .src,
[data-theme="art-nouveau-dark"] .research-card .src {
  font-family: var(--font-display);
  font-style: italic;
  color: var(--accent-3);
}

/* === 行动卡片 - Art Nouveau 风格 === */
[data-theme="art-nouveau"] .action-card,
[data-theme="art-nouveau-dark"] .action-card {
  border-radius: 0;
  border: 1px solid var(--border);
  background: var(--bg-card);
}

[data-theme="art-nouveau"] .action-card-badge,
[data-theme="art-nouveau-dark"] .action-card-badge {
  font-family: var(--font-display);
  border: 1px solid var(--accent);
  color: var(--accent);
  border-radius: 0;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

[data-theme="art-nouveau"] .action-card h3,
[data-theme="art-nouveau-dark"] .action-card h3 {
  font-family: var(--font-display);
}

[data-theme="art-nouveau"] .act-deadline,
[data-theme="art-nouveau-dark"] .act-deadline {
  font-family: var(--font-display);
  font-style: italic;
  background: var(--accent-bg);
}

/* === 洞察盒子 - Art Nouveau 风格 === */
[data-theme="art-nouveau"] .insight-box,
[data-theme="art-nouveau-dark"] .insight-box {
  border: 2px solid var(--accent);
  border-radius: 0;
  padding: var(--space-10);
  background: linear-gradient(135deg, var(--bg-card-alt) 0%, var(--bg-card) 100%);
}

[data-theme="art-nouveau"] .insight-box p,
[data-theme="art-nouveau-dark"] .insight-box p {
  font-family: var(--font-display);
  font-size: 22px;
  color: var(--accent);
}

[data-theme="art-nouveau"] .insight-box li,
[data-theme="art-nouveau-dark"] .insight-box li {
  font-family: var(--font-display);
}

/* === 按钮样式 - Art Nouveau === */
[data-theme="art-nouveau"] .btn,
[data-theme="art-nouveau-dark"] .btn {
  font-family: var(--font-display);
  border-radius: 0;
}

[data-theme="art-nouveau"] .btn-p,
[data-theme="art-nouveau-dark"] .btn-p {
  background: var(--accent);
  border-radius: 0;
}

[data-theme="art-nouveau"] .btn-p:hover,
[data-theme="art-nouveau-dark"] .btn-p:hover {
  background: var(--accent-hover);
}

/* === 页脚 - Art Nouveau 风格 === */
[data-theme="art-nouveau"] footer,
[data-theme="art-nouveau-dark"] footer {
  border-top: 2px solid var(--accent);
}

[data-theme="art-nouveau"] .quote,
[data-theme="art-nouveau-dark"] .quote {
  font-family: var(--font-display);
  font-size: 22px;
  font-style: italic;
  color: var(--accent);
}

[data-theme="art-nouveau"] .copy,
[data-theme="art-nouveau-dark"] .copy {
  font-family: var(--font-display);
  text-transform: uppercase;
  letter-spacing: 0.2em;
}

/* === 滚动条 - Art Nouveau === */
[data-theme="art-nouveau"] ::-webkit-scrollbar-thumb,
[data-theme="art-nouveau-dark"] ::-webkit-scrollbar-thumb {
  background: var(--accent);
  border-radius: 0;
}

[data-theme="art-nouveau"] ::-webkit-scrollbar-thumb:hover,
[data-theme="art-nouveau-dark"] ::-webkit-scrollbar-thumb:hover {
  background: var(--accent-hover);
}

/* === 卡片悬停效果 - Art Nouveau === */
[data-theme="art-nouveau"] .card:hover,
[data-theme="art-nouveau-dark"] .card:hover {
  border-color: var(--accent);
  box-shadow: var(--shadow-lg);
}

[data-theme="art-nouveau"] .research-card:hover,
[data-theme="art-nouveau-dark"] .research-card:hover {
  border-color: var(--accent);
}

/* === 焦点样式 - Art Nouveau === */
[data-theme="art-nouveau"] .hero-year-input:focus,
[data-theme="art-nouveau-dark"] .hero-year-input:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-glow);
}

[data-theme="art-nouveau"] a:focus,
[data-theme="art-nouveau-dark"] a:focus {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

/* === 按钮发光效果调整 === */
[data-theme="art-nouveau"] .btn-glow,
[data-theme="art-nouveau-dark"] .btn-glow {
  box-shadow: 0 0 15px var(--accent-glow);
}

[data-theme="art-nouveau"] .btn-glow:hover,
[data-theme="art-nouveau-dark"] .btn-glow:hover {
  box-shadow: 0 0 25px var(--accent-glow), var(--shadow-lg);
}

/* === 分隔线 === */
[data-theme="art-nouveau"] .mod-sep,
[data-theme="art-nouveau-dark"] .mod-sep {
  border-top: 1px solid var(--border);
}

/* === 响应式调整 === */
@media (width <= 768px) {
  [data-theme="art-nouveau"] .hero-title,
  [data-theme="art-nouveau-dark"] .hero-title {
    font-size: clamp(2.5rem, 8vw, 3.5rem);
  }
  
  [data-theme="art-nouveau"] .hero-sub,
  [data-theme="art-nouveau-dark"] .hero-sub {
    font-size: 18px;
  }
  
  [data-theme="art-nouveau"] .section-title,
  [data-theme="art-nouveau-dark"] .section-title {
    font-size: 32px;
  }
  
  [data-theme="art-nouveau"] .nav-logo,
  [data-theme="art-nouveau-dark"] .nav-logo {
    font-size: 18px;
  }
}