/* ============================================================
   主题 CAFE · 暖心咖啡馆  Cozy Cafe
   暖棕雾气映深褐夜底，咖啡香氤氲缓浮，DM Serif Display 暖调笔意温润舒适
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@400;600;700&display=swap');
:root{
  --c-bg:#1a1410;
  --c-bg-grad:radial-gradient(circle at 20% 18%,rgba(200,160,110,.20),transparent 46%),
              radial-gradient(circle at 80% 26%,rgba(212,184,150,.16),transparent 46%),
              radial-gradient(circle at 50% 94%,rgba(200,160,110,.12),transparent 50%),
              linear-gradient(165deg,#1a1410,#241a14);
  --c-surface:rgba(46,36,28,.72);
  --c-surface-2:rgba(60,48,38,.60);
  --c-text:#f3e8d8;
  --c-muted:#a08a6e;
  --c-accent:#c8a06e;
  --c-accent-2:#d4b896;
  --c-on-accent:#1a1410;
  --c-border:rgba(200,160,110,.18);
  --font-display:'DM Serif Display','Georgia','Songti SC',serif;
  --font-body:'Inter','Helvetica Neue','PingFang SC',sans-serif;
  --hero-grad:linear-gradient(115deg,#c8a06e,#d4b896 50%,#e8c89c);
  --nav-bg:rgba(26,20,16,.62);
  --nav-blur:blur(18px);
  --shadow:0 22px 55px rgba(60,40,24,.34);
  --radius:16px;
}
body{font-family:var(--font-body)}
/* 咖啡雾气层 —— 暖棕烟氲缓缓上浮 */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:
    radial-gradient(circle at 18% 80%,rgba(200,160,110,.42) 6px,transparent 12px),
    radial-gradient(circle at 42% 72%,rgba(212,184,150,.36) 5px,transparent 10px),
    radial-gradient(circle at 66% 84%,rgba(200,160,110,.34) 6px,transparent 12px),
    radial-gradient(circle at 86% 70%,rgba(212,184,150,.32) 5px,transparent 10px),
    radial-gradient(circle at 28% 52%,rgba(200,160,110,.28) 4px,transparent 8px),
    radial-gradient(circle at 74% 44%,rgba(212,184,150,.26) 4px,transparent 8px);
  background-size:240px 280px,200px 260px,220px 290px,210px 270px,180px 240px,190px 250px;
  animation:coffeeMist 20s linear infinite alternate;
}
@keyframes coffeeMist{
  0%{background-position:0 0,0 0,0 0,0 0,0 0,0 0;opacity:.34}
  50%{opacity:.55}
  100%{background-position:10px -120px,-20px -100px,15px -130px,-15px -90px,-25px -80px,20px -110px;opacity:.42}
}
/* 标题：DM Serif Display 暖调笔意，金棕渐变温润 */
.hero h1{font-family:var(--font-display);font-weight:400;letter-spacing:-.5px}
.hero h1 .grad{
  background:linear-gradient(115deg,#c8a06e,#e8c89c 40%,#d4b896 70%,#c8a06e);
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 16px rgba(200,160,110,.26));
  animation:cafeWarm 8s ease-in-out infinite;
}
@keyframes cafeWarm{
  0%,100%{filter:drop-shadow(0 2px 14px rgba(200,160,110,.20)) brightness(1)}
  50%{filter:drop-shadow(0 2px 22px rgba(212,184,150,.34)) brightness(1.08)}
}
/* 玻璃质感卡片 */
.album-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(200,160,110,.22)}
.album-card:hover{box-shadow:0 0 0 1px rgba(200,160,110,.40),0 30px 60px rgba(40,28,18,.46);border-color:rgba(212,184,150,.55);transform:translateY(-6px)}
.album-info{background:rgba(40,30,22,.50)}
.album-info h3{font-weight:600;letter-spacing:.2px}
.album-badge{background:linear-gradient(115deg,#c8a06e,#d4b896);color:#1a1410;border:none;letter-spacing:.5px}
.album-meta{border-top-color:rgba(200,160,110,.16)}
.album-meta .view{color:#d4b896}
.section-head .kicker{color:#c8a06e;letter-spacing:5px}
.section-head h2{font-family:var(--font-display);letter-spacing:-.5px}
.about-visual{background:linear-gradient(135deg,#5a4632,#c8a06e 50%,#e8c89c);background-size:200% auto;animation:cafeWarm 10s ease-in-out infinite;box-shadow:0 0 50px rgba(200,160,110,.30)}
.eyebrow{background:linear-gradient(115deg,#c8a06e,#d4b896) !important;color:#1a1410 !important;letter-spacing:3px}
.btn.primary{background:linear-gradient(115deg,#c8a06e,#d4b896);color:#1a1410;box-shadow:0 12px 30px rgba(200,160,110,.36)}
.btn.ghost{background:rgba(255,255,255,.05);color:#f3e8d8;border-color:rgba(200,160,110,.24)}
.divider{background:linear-gradient(115deg,#c8a06e,#d4b896)}
.footer{background:#0e0a07;border-top:1px solid rgba(200,160,110,.10)}
.logo-mark{box-shadow:0 6px 20px rgba(200,160,110,.45)}
.nav-menu a:hover{color:#d4b896}
.shape.s1{background:#c8a06e !important;opacity:.20 !important}
.shape.s2{background:#d4b896 !important;opacity:.16 !important}
.ts-swatch.ts-cozy-cafe{background:linear-gradient(135deg,#1a1410,#c8a06e)}