/* ============================================================
   主题 17 · 珊瑚流光 (Coral Reef)
   珊瑚橙粉透明渐变，温暖柔美如海底珊瑚生态摄影集
   ============================================================ */
:root{
  --c-bg:#1a0e08;
  --c-bg-grad:radial-gradient(circle at 18% 14%,rgba(255,127,80,.20),transparent 45%),
              radial-gradient(circle at 82% 22%,rgba(255,160,122,.16),transparent 45%),
              radial-gradient(circle at 50% 95%,rgba(255,99,71,.13),transparent 50%),
              linear-gradient(165deg,#1a0e08,#241410);
  --c-surface:rgba(42,24,16,.72);
  --c-surface-2:rgba(56,32,22,.60);
  --c-text:#fff0e8;
  --c-muted:#c4a08e;
  --c-accent:#ff7f50;
  --c-accent-2:#ffa07a;
  --c-on-accent:#1a0e08;
  --c-border:rgba(255,127,80,.16);
  --font-display:'Trebuchet MS','PingFang SC',sans-serif;
  --hero-grad:linear-gradient(115deg,#ff7f50,#ffa07a 45%,#ffd4b8);
  --nav-bg:rgba(26,14,8,.60);
  --nav-blur:blur(18px);
  --shadow:0 22px 55px rgba(255,127,80,.30);
  --radius:18px;
}
/* 珊瑚光晕层 —— 脉动呼吸的暖色光晕 */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(50% 40% at 22% 18%,rgba(255,127,80,.22),transparent 70%),
    radial-gradient(45% 35% at 78% 28%,rgba(255,160,122,.18),transparent 70%),
    radial-gradient(55% 40% at 48% 92%,rgba(255,99,71,.16),transparent 70%);
  filter:blur(12px);
  animation:coralPulse 14s ease-in-out infinite alternate;
}
@keyframes coralPulse{
  0%{transform:scale(1.02);opacity:.85}
  50%{transform:scale(1.10);opacity:1}
  100%{transform:scale(1.04);opacity:.9}
}
/* 标题：纤细字重 + 渐变流光闪烁 */
.hero h1{font-weight:300;letter-spacing:-1.5px}
.hero h1 .grad{
  background:linear-gradient(115deg,#ff7f50,#ffa07a 40%,#ffd4b8 70%,#ff7f50);
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
  font-weight:800;animation:coralShimmer 7s linear infinite;
}
@keyframes coralShimmer{to{background-position:220% center}}
/* 玻璃质感卡片 */
.album-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,127,80,.18)}
.album-card:hover{box-shadow:0 0 0 1px rgba(255,160,122,.45),0 34px 70px rgba(255,127,80,.40);border-color:rgba(255,160,122,.50)}
.album-info{background:rgba(36,20,16,.50)}
.album-info h3{font-weight:600}
.album-badge{background:linear-gradient(115deg,#ff7f50,#ffa07a);color:#1a0e08;border:none}
.album-meta{border-top-color:rgba(255,127,80,.14)}
.album-meta .view{color:#ffa07a}
.section-head .kicker{background:linear-gradient(115deg,#ff7f50,#ffa07a);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:5px}
.about-visual{background:linear-gradient(135deg,#7a3a1e,#ff7f50 50%,#ffa07a);background-size:200% auto;animation:coralShimmer 9s linear infinite;box-shadow:0 0 60px rgba(255,127,80,.40)}
.eyebrow{background:linear-gradient(115deg,#ff7f50,#ffa07a,#ffd4b8) !important;color:#1a0e08 !important;letter-spacing:3px}
.btn.primary{background:linear-gradient(115deg,#ff7f50,#ffa07a);color:#1a0e08;box-shadow:0 12px 30px rgba(255,127,80,.45)}
.btn.ghost{background:rgba(255,255,255,.05);color:#fff0e8;border-color:rgba(255,127,80,.22)}
.divider{background:linear-gradient(115deg,#ff7f50,#ffa07a)}
.footer{background:#0e0704;border-top:1px solid rgba(255,127,80,.10)}
.logo-mark{box-shadow:0 6px 24px rgba(255,127,80,.55)}
.nav-menu a:hover{color:#ff7f50;background:rgba(255,127,80,.10)}
.ts-swatch.ts-coral{background:linear-gradient(135deg,#ff7f50,#ffa07a,#ffd4b8)}
.shape.s1{background:#ff7f50 !important;opacity:.22 !important}
.shape.s2{background:#ffa07a !important;opacity:.20 !important}