/* ============================================================
   主题 12 · 水墨丹青  Ink Wash
   宣纸米白配墨黑浓淡，东方意境，如山水画般的摄影集
   ============================================================ */
:root{
  --c-bg:#f8f6f0;
  --c-bg-grad:radial-gradient(circle at 25% 18%,#f0ede4,transparent 50%),
              radial-gradient(circle at 75% 80%,#f5f1e8,transparent 45%),
              linear-gradient(170deg,#faf8f2,#f2eee4);
  --c-surface:#fdfbf5;
  --c-surface-2:#f2eee2;
  --c-text:#2a2a28;
  --c-muted:#888680;
  --c-accent:#3a3a38;
  --c-accent-2:#6a6a65;
  --c-on-accent:#f8f6f0;
  --c-border:rgba(58,58,56,.12);
  --font-display:'Songti SC','SimSun','STSong','Georgia',serif;
  --hero-grad:linear-gradient(135deg,#3a3a38,#6a6a65 55%,#9a9a92);
  --nav-bg:rgba(248,246,240,.76);
  --nav-blur:blur(14px);
  --shadow:0 14px 36px rgba(58,58,56,.12);
  --radius:6px;
}
/* 水墨晕染层 —— 浓淡墨色径向扩散 */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.06;
  background-image:
    radial-gradient(ellipse 60% 40% at 15% 25%,#3a3a38,transparent 70%),
    radial-gradient(ellipse 50% 35% at 85% 70%,#6a6a65,transparent 65%);
  filter:blur(20px);
}
.hero h1{font-weight:700;letter-spacing:2px}
.hero h1 .grad{background:linear-gradient(135deg,#1a1a18,#5a5a55);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}
.album-card{border:1px solid rgba(58,58,56,.1);box-shadow:0 8px 24px rgba(58,58,56,.08)}
.album-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(58,58,56,.16);border-color:rgba(58,58,56,.3)}
.album-info h3{font-weight:600;letter-spacing:1px}
.album-badge{background:rgba(58,58,56,.88);color:#f8f6f0;border-radius:4px}
.album-meta{border-top-color:rgba(58,58,56,.1)}
.album-meta .view{color:#3a3a38}
.section-head .kicker{color:#3a3a38;letter-spacing:6px}
.section-head h2{font-weight:700;letter-spacing:2px}
.about-visual{background:linear-gradient(135deg,#3a3a38,#6a6a65);box-shadow:0 10px 30px rgba(58,58,56,.2)}
.eyebrow{background:#3a3a38 !important;color:#f8f6f0 !important;letter-spacing:4px}
.btn.primary{background:#3a3a38;color:#f8f6f0}
.btn.primary:hover{background:#2a2a28}
.btn.ghost{background:rgba(255,255,255,.6);color:#2a2a28;border-color:rgba(58,58,56,.16)}
.footer{background:#1e1e1c;border-top:1px solid rgba(58,58,56,.1)}
.logo-mark{background:#3a3a38;color:#f8f6f0;border-radius:8px}
.nav-menu a:hover{color:#3a3a38}
.divider{background:linear-gradient(135deg,#3a3a38,#6a6a65)}
.shape.s1{background:#3a3a38 !important;opacity:.08 !important}
.shape.s2{background:#6a6a65 !important;opacity:.06 !important}
.ts-swatch.ts-ink{background:linear-gradient(135deg,#f8f6f0,#3a3a38)}