/**
 * 鹿雅云 · 场景样板主题(theme-scenes.css)— 084/085
 * 085 重构:每套主题=独立版式 DNA,不只是换色。
 *   beach    盛夏派对   → 海报画报:满幅无框大图 + 超大左对齐标题 + 波浪分隔
 *   aquarium 小小海洋家 → 深海馆:圆窗照片 + 辉光 + 下潜式渐变
 *   office   向上的日子 → 瑞士杂志:黑白照片 + 直角无框 + 章节大序号 + 金规线
 *   everest  向珠峰出发 → 远征日志:左侧时间线轴 + 幻灯片白框 + 大写等宽数据
 *   roadtrip 一路向西   → 旅行手账:拍立得封面 + 胶带贴角 + 虚线路线 + 微倾照片
 * 颜色走令牌;动画只用 transform/opacity/filter;reduced-motion 由基础文件统一关。
 */

/* ================================================================
   BEACH · 盛夏派对 — 海报画报
================================================================ */
[data-album-theme="beach"] {
  --bg: #EAF6F9;
  --surface: #F7FCFD;
  --surface-2: #DDEFF3;
  --line: #CFE7EC;
  --hairline: #C4E1E8;
  --gold: #FF7A55;            /* 珊瑚橙:主点睛 */
  --gold-ink: #E05A36;
  --print-paper: #FFFFFF;
  --print-edge: #D9ECF0;
  --sky: rgba(46, 155, 181, .12);
  --scrim: rgba(8, 44, 58, .30);
  --elev: 0 10px 26px rgba(20, 90, 110, .14);
  --ph-filter: saturate(1.12) brightness(1.03);
}
/* 版心放宽,照片顶到边:海报感 */
[data-album-theme="beach"] .book { max-width: 640px; background: var(--bg); box-shadow: none; }
/* 封面:标题左下超大粗体,数据行竖排感 */
[data-album-theme="beach"] .cover { height: 78vh; max-height: 800px; }
[data-album-theme="beach"] .cover-txt {
  top: auto; bottom: 96px; left: 26px; right: 26px;
  text-align: left;
}
[data-album-theme="beach"] .cover-txt h1 {
  font-family: 'Noto Sans SC', sans-serif;
  font-size: 54px; font-weight: 700;
  letter-spacing: .04em; text-indent: 0;
  line-height: 1.15;
}
[data-album-theme="beach"] .cover-txt .eyebrow {
  color: var(--gold); font-weight: 500; margin-bottom: 10px;
}
[data-album-theme="beach"] .cover-txt .byline { letter-spacing: .1em; }
/* 章节头:去地平线,改珊瑚粗条 + 大黑体 */
[data-album-theme="beach"] .chapter { padding: 40px 24px 8px; }
[data-album-theme="beach"] .chapter-head.horizon::before { display: none; }
[data-album-theme="beach"] .chapter-head.sunmark::after { display: none; }
[data-album-theme="beach"] .chapter-head h2 {
  font-size: 26px; font-weight: 700; letter-spacing: .04em;
  padding: 4px 0 10px;
}
[data-album-theme="beach"] .chapter-head h2::after {
  content: ""; display: block;
  width: 52px; height: 8px; margin-top: 10px;
  border-radius: 4px; background: var(--gold);
}
/* 照片:去相纸框,满幅圆角大图,说明压图 */
[data-album-theme="beach"] .book-print { margin: 0 14px 22px; }
[data-album-theme="beach"] .book-print .print,
[data-album-theme="beach"] .pwall-item .print,
[data-album-theme="beach"] .pstack .print {
  background: transparent; border: 0; padding: 0; box-shadow: none;
}
[data-album-theme="beach"] .pimg { border-radius: 22px; box-shadow: var(--elev); }
[data-album-theme="beach"] .pno { display: none; }
[data-album-theme="beach"] .pcap { margin: 10px 8px 0; color: var(--gold-ink); }
[data-album-theme="beach"] .book-print.b-pan { margin: 0 0 22px; }
[data-album-theme="beach"] .book-print.b-pan .pimg { border-radius: 0; }
/* 章节间波浪分隔 */
[data-album-theme="beach"] .chapter::before {
  content: ""; display: block; height: 18px; margin: 6px 0 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 18' fill='none'%3E%3Cpath d='M0 9 Q 25 0, 50 9 T 100 9 T 150 9 T 200 9 T 250 9 T 300 9 T 350 9 T 400 9 T 450 9 T 500 9 T 550 9 T 600 9' stroke='%23FF7A55' stroke-width='2.4' stroke-linecap='round' opacity='.55'/%3E%3C/svg%3E");
  background-size: auto 100%; background-repeat: repeat-x;
}
[data-album-theme="beach"] .verse .vtext { font-family: 'Noto Sans SC', sans-serif; font-weight: 500; letter-spacing: .08em; }

/* ================================================================
   AQUARIUM · 小小海洋家 — 深海馆
================================================================ */
[data-album-theme="aquarium"] {
  --bg: #071A2E;
  --surface: #0C2338;
  --surface-2: #14304E;
  --text: #EAF4FC;
  --text-2: #9FC0D8;
  --text-3: #6E92AE;
  --line: #1D4060;
  --hairline: #224668;
  --gold: #64D8E8;
  --gold-ink: #64D8E8;
  --print-paper: #EAF2F8;
  --print-edge: #C7D9E6;
  --print-no: #8AA6BC;
  --sky: rgba(100, 216, 232, .08);
  --scrim: rgba(3, 14, 26, .46);
  --elev: 0 0 26px rgba(100, 216, 232, .16);
  --noise-op: 0;
  --ph-filter: saturate(1.06);
}
/* 下潜式:整本从浅蓝渐入深蓝 */
[data-album-theme="aquarium"] .book {
  background: linear-gradient(180deg, #0E2A44 0%, #071A2E 34%, #04101F 100%);
  box-shadow: none;
}
/* 封面:居中圆形观景窗构图 */
[data-album-theme="aquarium"] .cover { height: 76vh; }
[data-album-theme="aquarium"] .cover-txt h1 {
  font-weight: 300; letter-spacing: .3em; text-indent: .3em;
  text-shadow: 0 0 22px rgba(100, 216, 232, .55);
}
[data-album-theme="aquarium"] .cover::after {
  content: "";
  position: absolute; inset: 0; z-index: 4; pointer-events: none;
  background: radial-gradient(78% 62% at 50% 46%, transparent 58%, rgba(4, 16, 31, .82) 100%);
}
/* 气泡群(封面) */
[data-album-theme="aquarium"] .cover::before {
  content: "";
  position: absolute; inset: 0; z-index: 6; pointer-events: none;
  background-image:
    radial-gradient(circle at 10% 86%, rgba(100,216,232,.32) 0 3px, transparent 4.5px),
    radial-gradient(circle at 16% 66%, rgba(100,216,232,.20) 0 2px, transparent 3px),
    radial-gradient(circle at 90% 78%, rgba(100,216,232,.26) 0 2.6px, transparent 4px),
    radial-gradient(circle at 84% 56%, rgba(100,216,232,.16) 0 1.8px, transparent 2.8px),
    radial-gradient(circle at 50% 92%, rgba(100,216,232,.2) 0 2.2px, transparent 3.2px);
}
/* 照片:玻璃窗——方图变圆形舷窗,其余大圆角+辉光描边 */
[data-album-theme="aquarium"] .book-print .print,
[data-album-theme="aquarium"] .pwall-item .print,
[data-album-theme="aquarium"] .pstack .print {
  background: transparent; border: 0; padding: 0; box-shadow: none;
}
[data-album-theme="aquarium"] .pimg {
  border-radius: 30px;
  border: 2px solid rgba(100, 216, 232, .28);
  box-shadow: var(--elev);
}
[data-album-theme="aquarium"] .book-print.b-sq { width: 58%; }
[data-album-theme="aquarium"] .book-print.b-sq .pimg { border-radius: 50%; } /* 舷窗 */
[data-album-theme="aquarium"] .pno { display: none; }
[data-album-theme="aquarium"] .pcap { justify-content: center; gap: 18px; color: var(--text-3); }
/* 章节头:水深刻度感 */
[data-album-theme="aquarium"] .chapter-head.horizon::before {
  background: linear-gradient(90deg, var(--gold) 0 26px, var(--hairline) 26px);
}
[data-album-theme="aquarium"] .chapter-head.sunmark::after { box-shadow: 0 0 10px var(--gold); }
[data-album-theme="aquarium"] .chapter-head h2 { font-weight: 300; letter-spacing: .22em; }
[data-album-theme="aquarium"] .verse .vtext { text-shadow: 0 0 18px rgba(100, 216, 232, .3); }

/* ================================================================
   OFFICE · 向上的日子 — 瑞士杂志
================================================================ */
[data-album-theme="office"] {
  --bg: #F2F2EF;
  --surface: #FFFFFF;
  --surface-2: #EAEAE5;
  --text: #171715;
  --text-2: #55554F;
  --text-3: #94948B;
  --line: #E1E1DA;
  --hairline: #171715;        /* 规线=墨色,杂志感 */
  --gold: #B08D3E;
  --gold-ink: #8F7130;
  --print-paper: #FFFFFF;
  --print-edge: #E6E6DF;
  --sky: transparent;
  --scrim: rgba(12, 12, 10, .44);
  --elev: none;
  --ph-filter: grayscale(1) contrast(1.1) brightness(1.02);  /* 全册黑白 */
}
[data-album-theme="office"] .book { max-width: 600px; counter-reset: chap; box-shadow: none; }
/* 封面:顶部题字 + 底部粗规线,报头式 */
[data-album-theme="office"] .cover { height: 68vh; }
[data-album-theme="office"] .cover-txt { top: 12%; text-align: left; left: 26px; right: 26px; }
[data-album-theme="office"] .cover-txt h1 {
  font-size: 44px; font-weight: 500; letter-spacing: .12em; text-indent: 0;
}
[data-album-theme="office"] .cover-txt .eyebrow { color: var(--gold); }
[data-album-theme="office"] .cover-horizon.horizon::before { background: var(--on-photo); height: 3px; }
/* 章节:大序号 01/02/03 编辑式排版 */
[data-album-theme="office"] .chapter { counter-increment: chap; padding: 46px 26px 8px; }
[data-album-theme="office"] .chapter-head.horizon::before { height: 2px; }
[data-album-theme="office"] .chapter-head.sunmark::after { border-radius: 0; background: var(--gold); }
[data-album-theme="office"] .chapter-head h2 { display: flex; align-items: baseline; gap: 14px; font-weight: 500; letter-spacing: .1em; }
[data-album-theme="office"] .chapter-head h2::before {
  content: counter(chap, decimal-leading-zero);
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-size: 34px; font-weight: 500; line-height: 1;
  color: var(--gold);
}
/* 照片:直角无框黑白,左右交错吊挂 */
[data-album-theme="office"] .book-print .print,
[data-album-theme="office"] .pwall-item .print,
[data-album-theme="office"] .pstack .print {
  background: transparent; border: 0; padding: 0; box-shadow: none; border-radius: 0;
}
[data-album-theme="office"] .pimg { border-radius: 0; }
[data-album-theme="office"] .book-print.b-sq .print,
[data-album-theme="office"] .book-print.b-port .print { transform: none; } /* 不倾斜:秩序 */
[data-album-theme="office"] .book-print.b-sq { margin-left: 26px; width: 56%; }
[data-album-theme="office"] .book-print.b-sq:nth-of-type(even) { margin-left: auto; margin-right: 26px; }
[data-album-theme="office"] .book-print.b-port { margin-left: auto; margin-right: 26px; width: 62%; }
[data-album-theme="office"] .pno { display: none; }
[data-album-theme="office"] .pcap {
  margin: 8px 0 0; padding-top: 6px;
  border-top: 1px solid var(--text);
  color: var(--text-2);
}
[data-album-theme="office"] .verse { text-align: left; padding: 26px 26px 18px; }
[data-album-theme="office"] .verse .vtext { font-size: 21px; letter-spacing: .1em; border-left: 3px solid var(--gold); padding-left: 18px; }
[data-album-theme="office"] .verse .vdate { text-align: left; }

/* ================================================================
   EVEREST · 向珠峰出发 — 远征日志
================================================================ */
[data-album-theme="everest"] {
  --bg: #0C1420;
  --surface: #121D2C;
  --surface-2: #1B2A3E;
  --text: #EAF0F7;
  --text-2: #9DAEC2;
  --text-3: #6B7E96;
  --line: #223349;
  --hairline: #2A3D57;
  --gold: #FF8C3B;
  --gold-ink: #FF8C3B;
  --print-paper: #F4F7FA;      /* 幻灯片白框 */
  --print-edge: #FFFFFF;
  --print-no: #8DA0B5;
  --sky: rgba(255, 140, 59, .05);
  --scrim: rgba(4, 9, 16, .5);
  --elev: 0 8px 22px rgba(0, 3, 8, .6);
  --noise-op: .05;
  --ph-filter: saturate(.94) contrast(1.08);
}
/* 左侧远征时间线轴贯穿整本 */
[data-album-theme="everest"] .book { position: relative; }
[data-album-theme="everest"] .book::before {
  content: "";
  position: absolute; left: 20px; top: 0; bottom: 0; width: 2px;
  background: repeating-linear-gradient(180deg, var(--hairline) 0 14px, transparent 14px 24px);
}
/* 封面:底部标题 + 雪山折线 */
[data-album-theme="everest"] .cover { height: 80vh; max-height: 820px; }
[data-album-theme="everest"] .cover-txt { top: auto; bottom: 110px; }
[data-album-theme="everest"] .cover-txt h1 {
  font-weight: 500; letter-spacing: .34em; text-indent: .34em;
  text-transform: uppercase;
}
[data-album-theme="everest"] .cover::before {
  content: "";
  position: absolute; left: 0; right: 0; bottom: 0; height: 44px; z-index: 6;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 44' fill='%230C1420'%3E%3Cpath d='M0 44 L0 30 L70 10 L120 26 L185 4 L250 30 L320 8 L380 24 L455 2 L520 22 L560 12 L560 44 Z'/%3E%3C/svg%3E");
  background-size: 100% 100%;
}
/* 章节头:挂在时间线上的站点 */
[data-album-theme="everest"] .chapter { padding-left: 46px; }
[data-album-theme="everest"] .chapter-head { position: relative; }
[data-album-theme="everest"] .chapter-head::before { display: none; }
[data-album-theme="everest"] .chapter-head.sunmark::after {
  left: -32px; right: auto; top: 26px;
  width: 11px; height: 11px;
  background: var(--gold);
  box-shadow: 0 0 0 4px rgba(255, 140, 59, .18);
}
[data-album-theme="everest"] .chapter-head h2 { font-weight: 500; letter-spacing: .2em; }
[data-album-theme="everest"] .chapter-head .horizon-data {
  color: var(--gold);
  border-top: 1px solid var(--hairline); margin-top: 4px; padding-top: 8px;
  text-transform: uppercase;
}
/* 照片:幻灯正片白框,编号保留(档案感) */
[data-album-theme="everest"] .book-print { margin-left: 46px; }
[data-album-theme="everest"] .book-print .print { border-radius: 2px; padding: 7px 7px 20px; }
[data-album-theme="everest"] .pimg { border-radius: 1px; }
[data-album-theme="everest"] .pcap { text-transform: uppercase; }
[data-album-theme="everest"] .verse { padding-left: 46px; text-align: left; }
[data-album-theme="everest"] .verse .vtext { font-weight: 300; letter-spacing: .14em; }
[data-album-theme="everest"] .verse .vdate { text-align: left; color: var(--gold); }
[data-album-theme="everest"] .book-print.b-pan { margin-left: 0; }

/* ================================================================
   ROADTRIP · 一路向西的一家人 — 旅行手账
================================================================ */
[data-album-theme="roadtrip"] {
  --bg: #F3EBD9;
  --surface: #F8F2E3;
  --surface-2: #ECE1C8;
  --line: #E0D3B4;
  --hairline: #D8C9A6;
  --gold: #C05B3A;
  --gold-ink: #A34527;
  --print-paper: #FFFDF4;
  --print-edge: #E9DEC4;
  --sky: rgba(192, 91, 58, .08);
  --scrim: rgba(52, 34, 20, .36);
  --elev: 0 5px 14px rgba(110, 80, 40, .16);
  --ph-filter: saturate(.92) sepia(.16) brightness(1.02);
}
/* 牛皮纸横纹底 */
[data-album-theme="roadtrip"] .book {
  background:
    repeating-linear-gradient(0deg, transparent 0 30px, rgba(160, 128, 70, .05) 30px 31px),
    var(--surface);
}
/* 封面:整张斜贴的大拍立得 */
[data-album-theme="roadtrip"] .cover {
  height: 62vh; min-height: 400px;
  margin: 26px 20px 6px;
  border: 12px solid #FFFDF4;
  border-bottom-width: 64px;
  border-radius: 3px;
  box-shadow: var(--elev);
  transform: rotate(-1.4deg);
  overflow: hidden;
}
[data-album-theme="roadtrip"] .cover-txt { top: auto; bottom: 20px; }
[data-album-theme="roadtrip"] .cover-txt h1 {
  font-size: 32px; letter-spacing: .12em; text-indent: .12em; font-weight: 500;
}
/* 封面胶带 */
[data-album-theme="roadtrip"] .cover::before {
  content: "";
  position: absolute; top: -18px; left: 50%; z-index: 8;
  width: 120px; height: 30px;
  transform: translateX(-50%) rotate(2deg);
  background: rgba(214, 195, 150, .8);
  box-shadow: 0 2px 5px rgba(90, 60, 20, .18);
}
/* 邮戳 */
[data-album-theme="roadtrip"] .cover::after {
  content: "旅";
  position: absolute; top: 14px; right: 14px; z-index: 8;
  width: 46px; height: 46px;
  display: flex; align-items: center; justify-content: center;
  font-family: 'Noto Serif SC', serif; font-size: 21px;
  color: var(--gold); border: 2px solid var(--gold); border-radius: 50%;
  opacity: .85; transform: rotate(-12deg);
}
/* 章节间:虚线路线 + 小车 */
[data-album-theme="roadtrip"] .chapter { position: relative; padding-top: 52px; }
[data-album-theme="roadtrip"] .chapter::before {
  content: "";
  position: absolute; top: 26px; left: 16%; right: 16%; height: 2px;
  background: repeating-linear-gradient(90deg, var(--gold) 0 12px, transparent 12px 24px);
  opacity: .55;
}
[data-album-theme="roadtrip"] .chapter::after {
  content: "⌲";
  position: absolute; top: 12px; right: 12%;
  font-size: 18px; color: var(--gold);
}
[data-album-theme="roadtrip"] .chapter-head.horizon::before { display: none; }
[data-album-theme="roadtrip"] .chapter-head.sunmark::after { display: none; }
[data-album-theme="roadtrip"] .chapter-head h2 { font-family: 'Noto Serif SC', serif; font-weight: 500; letter-spacing: .1em; }
/* 照片:拍立得微倾 + 胶带贴角 */
[data-album-theme="roadtrip"] .book-print .print { padding: 8px 8px 26px; border-radius: 2px; }
[data-album-theme="roadtrip"] .book-print:nth-of-type(odd) .print { transform: rotate(1.4deg); }
[data-album-theme="roadtrip"] .book-print:nth-of-type(even) .print { transform: rotate(-1.6deg); }
[data-album-theme="roadtrip"] .book-print .print::before {
  content: "";
  position: absolute; top: -12px; left: 22px;
  width: 74px; height: 24px;
  transform: rotate(-4deg);
  background: rgba(214, 195, 150, .78);
  box-shadow: 0 2px 5px rgba(90, 60, 20, .15);
}
[data-album-theme="roadtrip"] .pimg { border-radius: 1px; }
[data-album-theme="roadtrip"] .verse .vtext {
  font-size: 18px; letter-spacing: .12em; line-height: 2.3;
  background-image: repeating-linear-gradient(180deg, transparent 0 38px, var(--hairline) 38px 39px);
}
[data-album-theme="roadtrip"] .colophon .press { color: var(--gold-ink); }