/* ============================================================
   主题 07 · 暖阳时光 (Warm Sunset)
   暖调深褐底配夕阳橙·琥珀金，温润治愈，如旅行摄影师黄金时刻作品集
   ============================================================ */
:root{
  --c-bg:#1f1410;
  --c-bg-grad:radial-gradient(circle at 20% 15%,rgba(224,123,58,.18),transparent 45%),
              radial-gradient(circle at 80% 24%,rgba(212,164,76,.14),transparent 45%),
              radial-gradient(circle at 50% 92%,rgba(224,123,58,.10),transparent 50%),
              linear-gradient(165deg,#1f1410,#2a1a12);
  --c-surface:rgba(40,26,18,.90);
  --c-surface-2:rgba(52,34,22,.70);
  --c-text:#f5ebe0;
  --c-muted:#b39378;
  --c-accent:#e07b3a;
  --c-accent-2:#d4a44c;
  --c-on-accent:#1f1410;
  --c-border:rgba(212,164,76,.16);
  --font-display:'Georgia','Songti SC',serif;
  --hero-grad:linear-gradient(135deg,#e07b3a,#d4a44c 55%,#f0c674);
  --nav-bg:rgba(31,20,16,.62);
  --nav-blur:blur(16px);
  --shadow:0 20px 50px rgba(0,0,0,.40);
  --radius:12px;
}
/* 暖阳光晕层 —— 右上斜阳金辉，柔缓呼吸 */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(70% 45% at 78% 8%,rgba(240,198,116,.18),transparent 60%),
    radial-gradient(60% 40% at 20% 20%,rgba(224,123,58,.12),transparent 65%);
  animation:sunsetGlow 12s ease-in-out infinite alternate;
}
@keyframes sunsetGlow{from{opacity:.8}to{opacity:1}}
/* 标题：温润衬线，金橙渐变 */
.hero h1{font-weight:400;letter-spacing:-.5px}
.hero h1 .grad{background:linear-gradient(135deg,#f0c674,#e07b3a 50%,#d4a44c);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}
/* 暖色实体卡片，悬停泛橙光 */
.album-card{border:1px solid rgba(212,164,76,.16)}
.album-card:hover{box-shadow:0 30px 60px rgba(0,0,0,.45),0 0 0 1px rgba(224,123,58,.40);border-color:rgba(224,123,58,.45)}
.album-info h3{font-weight:600;letter-spacing:.2px}
.album-badge{background:rgba(31,20,16,.82);color:#d4a44c;border:1px solid rgba(212,164,76,.30);backdrop-filter:blur(8px)}
.album-meta{border-top-color:rgba(212,164,76,.14)}
.album-meta .view{color:#e07b3a}
.section-head .kicker{color:#d4a44c;letter-spacing:5px}
.about-visual{background:linear-gradient(135deg,#7a3c1a,#e07b3a 50%,#d4a44c);box-shadow:0 0 50px rgba(224,123,58,.30)}
.eyebrow{background:linear-gradient(135deg,#e07b3a,#d4a44c) !important;color:#1f1410 !important;letter-spacing:3px}
.btn.primary{background:linear-gradient(135deg,#e07b3a,#d4a44c);color:#1f1410;box-shadow:0 12px 30px rgba(224,123,58,.40)}
.btn.ghost{background:rgba(255,255,255,.05);color:#f5ebe0;border-color:rgba(212,164,76,.22)}
.divider{background:linear-gradient(135deg,#e07b3a,#d4a44c)}
.footer{background:#150c08;border-top:1px solid rgba(212,164,76,.10)}
.logo-mark{box-shadow:0 6px 22px rgba(224,123,58,.45)}
.nav-menu a:hover{color:#d4a44c;background:rgba(212,164,76,.08)}
.ts-swatch.ts-sunset{background:linear-gradient(135deg,#e07b3a,#d4a44c)}
.shape.s1{background:#e07b3a !important;opacity:.20 !important}
.shape.s2{background:#d4a44c !important;opacity:.18 !important}