/* ============================================================
   主题 N13 · 薰衣草梦 (Lavender Dream)
   深紫夜底缀紫·薰光点飘浮，优雅梦幻如普罗旺斯花田影像集
   ============================================================ */
:root{
  --c-bg:#120a1e;
  --c-bg-grad:radial-gradient(circle at 18% 14%,rgba(157,78,221,.22),transparent 45%),
              radial-gradient(circle at 82% 22%,rgba(199,125,255,.16),transparent 45%),
              radial-gradient(circle at 50% 95%,rgba(157,78,221,.13),transparent 50%),
              linear-gradient(165deg,#120a1e,#1c102e);
  --c-surface:rgba(36,22,56,.72);
  --c-surface-2:rgba(48,30,72,.60);
  --c-text:#f6f0ff;
  --c-muted:#b09ec8;
  --c-accent:#9d4edd;
  --c-accent-2:#c77dff;
  --c-on-accent:#120a1e;
  --c-border:rgba(157,78,221,.18);
  --font-display:'Trebuchet MS','PingFang SC',sans-serif;
  --hero-grad:linear-gradient(115deg,#9d4edd,#c77dff 50%,#e0aaff);
  --nav-bg:rgba(18,10,30,.60);
  --nav-blur:blur(18px);
  --shadow:0 22px 55px rgba(157,78,221,.30);
  --radius:18px;
}
/* 紫色光点飘浮层 —— 薰衣草光点缓缓游移 */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:
    radial-gradient(circle at 16% 20%,rgba(199,125,255,.55) 2px,transparent 3px),
    radial-gradient(circle at 38% 14%,rgba(224,170,255,.50) 1.5px,transparent 2.5px),
    radial-gradient(circle at 60% 22%,rgba(199,125,255,.45) 2px,transparent 3px),
    radial-gradient(circle at 82% 18%,rgba(224,170,255,.42) 1.5px,transparent 2.5px),
    radial-gradient(circle at 28% 34%,rgba(199,125,255,.40) 1.5px,transparent 2.5px),
    radial-gradient(circle at 72% 32%,rgba(224,170,255,.38) 1.5px,transparent 2.5px);
  background-size:200px 240px,180px 260px,220px 220px,190px 250px,240px 280px,210px 230px;
  opacity:.5;
  animation:lavenderFloat 18s linear infinite alternate;
}
@keyframes lavenderFloat{
  0%{background-position:0 0,0 0,0 0,0 0,0 0,0 0}
  100%{background-position:50px -120px,-40px -130px,60px -100px,-50px -110px,40px -140px,-60px -100px}
}
/* 标题：紫薰渐变流光 */
.hero h1{font-weight:300;letter-spacing:-1.5px}
.hero h1 .grad{
  background:linear-gradient(115deg,#9d4edd,#c77dff 40%,#e0aaff 70%,#c77dff);
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
  font-weight:800;animation:lavenderShimmer 7s linear infinite;
}
@keyframes lavenderShimmer{to{background-position:220% center}}
/* 玻璃质感卡片 */
.album-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(157,78,221,.20)}
.album-card:hover{box-shadow:0 0 0 1px rgba(199,125,255,.45),0 34px 70px rgba(157,78,221,.40);border-color:rgba(199,125,255,.50);transform:translateY(-6px)}
.album-info{background:rgba(30,16,48,.50)}
.album-info h3{font-weight:600}
.album-badge{background:linear-gradient(115deg,#9d4edd,#c77dff);color:#120a1e;border:none}
.album-meta{border-top-color:rgba(157,78,221,.14)}
.album-meta .view{color:#c77dff}
.section-head .kicker{background:linear-gradient(115deg,#9d4edd,#c77dff);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:5px}
.about-visual{background:linear-gradient(135deg,#5c2a8c,#9d4edd 50%,#c77dff);background-size:200% auto;animation:lavenderShimmer 9s linear infinite;box-shadow:0 0 60px rgba(157,78,221,.40)}
.eyebrow{background:linear-gradient(115deg,#9d4edd,#c77dff) !important;color:#120a1e !important;letter-spacing:3px}
.btn.primary{background:linear-gradient(115deg,#9d4edd,#c77dff);color:#120a1e;box-shadow:0 12px 30px rgba(157,78,221,.45)}
.btn.ghost{background:rgba(255,255,255,.05);color:#f6f0ff;border-color:rgba(157,78,221,.22)}
.divider{background:linear-gradient(115deg,#9d4edd,#c77dff)}
.footer{background:#0a0614;border-top:1px solid rgba(157,78,221,.10)}
.logo-mark{box-shadow:0 6px 24px rgba(199,125,255,.55)}
.nav-menu a:hover{color:#c77dff;background:rgba(157,78,221,.10)}
.ts-swatch.ts-lavender2{background:linear-gradient(135deg,#9d4edd,#c77dff)}
.shape.s1{background:#9d4edd !important;opacity:.22 !important}
.shape.s2{background:#c77dff !important;opacity:.20 !important}