/* ============================================================
   主题 TYPE · 复古打字机  Retro Typewriter
   米黄打字纸映深褐墨底，字符光标明灭，Special Elite 打字机字体复古质感
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Special+Elite&family=Courier+Prime:ital,wght@0,400;0,700;1,400&display=swap');
:root{
  --c-bg:#1a1814;
  --c-bg-grad:radial-gradient(circle at 20% 18%,rgba(212,197,160,.14),transparent 46%),
              radial-gradient(circle at 80% 26%,rgba(160,144,128,.12),transparent 46%),
              radial-gradient(circle at 50% 94%,rgba(212,197,160,.10),transparent 50%),
              linear-gradient(165deg,#1a1814,#221f1a);
  --c-surface:rgba(40,36,30,.74);
  --c-surface-2:rgba(54,48,40,.62);
  --c-text:#e8dec0;
  --c-muted:#9c9078;
  --c-accent:#d4c5a0;
  --c-accent-2:#a09080;
  --c-on-accent:#1a1814;
  --c-border:rgba(212,197,160,.20);
  --font-display:'Special Elite','Courier New',monospace;
  --font-body:'Courier Prime','Courier New',monospace;
  --hero-grad:linear-gradient(115deg,#d4c5a0,#a09080 50%,#c4b48c);
  --nav-bg:rgba(26,24,20,.66);
  --nav-blur:blur(14px);
  --shadow:0 18px 44px rgba(20,18,14,.40);
  --radius:4px;
}
body{font-family:var(--font-body)}
/* 打字机字符层 —— 纸面噪点与光标明灭 */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.10;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.9'/%3E%3C/svg%3E");
  mix-blend-mode:screen;
  animation:typeBlink 1.1s steps(1) infinite;
}
@keyframes typeBlink{
  0%,49%{opacity:.10}
  50%,100%{opacity:.05}
}
/* 标题：Special Elite 打字机字体，米黄渐变，光标式闪烁 */
.hero h1{font-family:var(--font-display);font-weight:400;letter-spacing:.02em;text-transform:none}
.hero h1 .grad{
  background:linear-gradient(115deg,#d4c5a0,#e8dec0 40%,#a09080 70%,#d4c5a0);
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 1px 0 rgba(212,197,160,.18));
  animation:retroFade 7s linear infinite;
}
@keyframes retroFade{to{background-position:220% center}}
/* 卡纸裱框卡片 —— 旧纸打字稿质感 */
.album-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(212,197,160,.22);box-shadow:0 12px 28px rgba(20,18,14,.36)}
.album-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(20,18,14,.50);border-color:rgba(212,197,160,.45)}
.album-info{background:rgba(36,32,26,.55)}
.album-info h3{font-family:var(--font-display);font-weight:400;letter-spacing:.02em}
.album-badge{background:#d4c5a0;color:#1a1814;border:none;font-family:var(--font-body);font-weight:700;letter-spacing:1px;text-transform:uppercase}
.album-meta{border-top-color:rgba(212,197,160,.18)}
.album-meta .view{color:#d4c5a0}
.section-head .kicker{color:#d4c5a0;letter-spacing:4px;font-family:var(--font-body);text-transform:uppercase}
.section-head h2{font-family:var(--font-display);letter-spacing:.02em}
.about-visual{background:linear-gradient(135deg,#4a4438,#a09080 50%,#d4c5a0);background-size:200% auto;animation:retroFade 9s linear infinite;filter:sepia(.18)}
.eyebrow{background:#d4c5a0 !important;color:#1a1814 !important;font-family:var(--font-body) !important;letter-spacing:2px;text-transform:uppercase}
.btn.primary{background:#d4c5a0;color:#1a1814;font-family:var(--font-body);font-weight:700;letter-spacing:.5px}
.btn.ghost{background:rgba(255,255,255,.04);color:#e8dec0;border-color:rgba(212,197,160,.28);font-family:var(--font-body)}
.divider{background:linear-gradient(115deg,#d4c5a0,#a09080)}
.footer{background:#0e0c09;border-top:1px solid rgba(212,197,160,.10)}
.logo-mark{box-shadow:0 6px 18px rgba(212,197,160,.32);font-family:var(--font-display)}
.nav-menu a:hover{color:#d4c5a0}
.shape.s1{background:#d4c5a0 !important;opacity:.14 !important}
.shape.s2{background:#a09080 !important;opacity:.12 !important}
.ts-swatch.ts-retro-type{background:linear-gradient(135deg,#1a1814,#d4c5a0)}