/* ============================================================
   主题 06 · 海洋之蓝 (Ocean Blue)
   深邃海军蓝底配海洋蓝光斑，沉静专业，如水下摄影师作品集
   ============================================================ */
:root{
  --c-bg:#0a1929;
  --c-bg-grad:radial-gradient(circle at 20% 10%,rgba(26,115,232,.18),transparent 45%),
              radial-gradient(circle at 80% 28%,rgba(79,195,247,.12),transparent 45%),
              linear-gradient(165deg,#0a1929,#0d2238);
  --c-surface:rgba(15,30,50,.90);
  --c-surface-2:rgba(22,42,66,.70);
  --c-text:#e8f1fb;
  --c-muted:#7d97b3;
  --c-accent:#1a73e8;
  --c-accent-2:#4fc3f7;
  --c-on-accent:#ffffff;
  --c-border:rgba(79,195,247,.14);
  --font-display:'Georgia','Songti SC',serif;
  --hero-grad:linear-gradient(135deg,#1a73e8,#4fc3f7 60%,#80d8ff);
  --nav-bg:rgba(10,25,41,.65);
  --nav-blur:blur(16px);
  --shadow:0 20px 50px rgba(0,0,0,.45);
  --radius:14px;
}
/* 水波光斑层 —— 顶部柔光 + 斜向光柱，似水下光斑 */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.55;
  background:
    radial-gradient(80% 50% at 50% -10%,rgba(79,195,247,.10),transparent 70%),
    repeating-linear-gradient(110deg,transparent 0 70px,rgba(79,195,247,.035) 70px 72px,transparent 72px 140px);
}
/* 标题：沉静衬线，渐变收束于蓝 */
.hero h1{font-weight:400;letter-spacing:-.5px}
.hero h1 .grad{background:linear-gradient(135deg,#1a73e8,#4fc3f7,#80d8ff);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}
/* 干净实体卡片，悬停泛蓝光 */
.album-card{border:1px solid rgba(79,195,247,.16)}
.album-card:hover{box-shadow:0 30px 60px rgba(0,0,0,.50),0 0 0 1px rgba(79,195,247,.40);border-color:rgba(79,195,247,.45)}
.album-info h3{font-weight:600;letter-spacing:.2px}
.album-badge{background:rgba(10,25,41,.82);color:#4fc3f7;border:1px solid rgba(79,195,247,.30);backdrop-filter:blur(8px)}
.album-meta{border-top-color:rgba(79,195,247,.12)}
.album-meta .view{color:#4fc3f7}
.section-head .kicker{color:#4fc3f7;letter-spacing:6px}
.about-visual{background:linear-gradient(135deg,#0d47a1,#1a73e8 55%,#4fc3f7);box-shadow:0 0 50px rgba(26,115,232,.35)}
.eyebrow{background:linear-gradient(135deg,#1a73e8,#4fc3f7) !important;letter-spacing:3px}
.btn.primary{background:linear-gradient(135deg,#1a73e8,#4fc3f7);box-shadow:0 12px 30px rgba(26,115,232,.40)}
.btn.ghost{background:rgba(255,255,255,.05);color:#e8f1fb;border-color:rgba(79,195,247,.20)}
.divider{background:linear-gradient(135deg,#1a73e8,#4fc3f7)}
.footer{background:#050f1c;border-top:1px solid rgba(79,195,247,.10)}
.logo-mark{box-shadow:0 6px 20px rgba(26,115,232,.45)}
.nav-menu a:hover{color:#4fc3f7;background:rgba(79,195,247,.08)}
.ts-swatch.ts-ocean{background:linear-gradient(135deg,#1a73e8,#4fc3f7)}
.shape.s1{background:#1a73e8 !important;opacity:.20 !important}
.shape.s2{background:#4fc3f7 !important;opacity:.18 !important}