/* ============================================================
   Product Studio · 二级类「独有风情」系列风格系统
   每个系列一套：--accent 点缀 / --deep 深标题色 / --tint 氛围浅底
   / --tint2 拼色块 / --pop 第二拼色（色带）。
   挂载：详情页 <body data-series="…">；列表卡片 .entry[data-series="…"]。
   白天写死保证气质；黑夜用系列色与深底混合，整体提亮。
   ============================================================ */

/* ---------- 白天：9 个系列 ---------- */
/* 人文 · 英伦：庄园常春藤墨绿 × 古铜金 */
[data-series="英伦"]{--accent:#5E6E54;--deep:#3A4931;--tint:#ECEDE0;--tint2:#DDE3CB;--pop:#9A8451}
/* 人文 · 法式：普罗旺斯干玫瑰赤陶 × 浅玫瑰 */
[data-series="法式"]{--accent:#A35E72;--deep:#703448;--tint:#F7E9ED;--tint2:#F0D7DE;--pop:#C98FA0}
/* 人文 · 意式：托斯卡纳赭金 × 陶橙 */
[data-series="意式"]{--accent:#A97A2E;--deep:#725118;--tint:#F7EED8;--tint2:#F0E0BE;--pop:#C76E3B}
/* 人文 · 西班牙：伊比利亚赤陶 × 藏红金 */
[data-series="西班牙"]{--accent:#B0623A;--deep:#7A3C1C;--tint:#F9E9DE;--tint2:#F3D5C1;--pop:#C98A3A}
/* 人文 · 美式复古：做旧牛仔蓝 × 复古红 */
[data-series="美式复古"]{--accent:#5C7089;--deep:#33455B;--tint:#E8EDF2;--tint2:#D5DFEA;--pop:#A6503C}
/* 人文 · 中欧：摩拉维亚靛蓝染 × 雾蓝 */
[data-series="中欧"]{--accent:#3E6084;--deep:#1F3D5C;--tint:#E6EDF4;--tint2:#CFDCE9;--pop:#5E86A8}
/* 风景 · 乡野田园：草甸橄榄 × 麦秆金 */
[data-series="乡野田园"]{--accent:#77824A;--deep:#4C5829;--tint:#EFF1E0;--tint2:#DFE6C7;--pop:#C29B46}
/* 梦 · 童话幻境：晚安梦紫 × 浅紫 */
[data-series="童话幻境"]{--accent:#8A73A0;--deep:#574371;--tint:#F0ECF5;--tint2:#E2DAEE;--pop:#A993C4}
/* 梦 · 治愈情绪：远山雾蓝 × 雾青 */
[data-series="治愈情绪"]{--accent:#6E879C;--deep:#435C71;--tint:#E9F0F4;--tint2:#D6E1E9;--pop:#8FA8B8}

/* ---------- 黑夜：提亮 accent/deep，tint 用系列色与深底混合 ---------- */
.dark [data-series="英伦"]{--accent:#9CA98B;--deep:#C2CDB0}
.dark [data-series="法式"]{--accent:#D093A4;--deep:#E2B3C2}
.dark [data-series="意式"]{--accent:#D6AE63;--deep:#E6CA8B}
.dark [data-series="西班牙"]{--accent:#D6946B;--deep:#EAB893}
.dark [data-series="美式复古"]{--accent:#94A9C0;--deep:#B6C7DB}
.dark [data-series="中欧"]{--accent:#84A2C2;--deep:#A9C2DD}
.dark [data-series="乡野田园"]{--accent:#AEB786;--deep:#CBD3A8}
.dark [data-series="童话幻境"]{--accent:#B7A6CB;--deep:#D2C6E2}
.dark [data-series="治愈情绪"]{--accent:#A3B8CA;--deep:#C3D3E0}
.dark [data-series]{--tint:color-mix(in srgb,var(--accent) 14%,var(--bg));--tint2:color-mix(in srgb,var(--accent) 21%,var(--bg));--pop:var(--accent)}

/* ============================================================
   详情页 · 系列化氛围（大胆定制、同骨架换气质）
   ============================================================ */
/* hero 整块铺系列氛围底色，顶部双色带，overflow 容水印 */
.series-hero{position:relative;overflow:hidden;background:var(--tint);transition:background .5s ease}
.series-hero::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;z-index:3;
  background:linear-gradient(90deg,var(--accent),var(--pop));opacity:.92}
.dark .series-hero::before{background:var(--accent);opacity:.8}
.hero-inner{position:relative;z-index:1}
/* 超大斜体系列水印，极低透明，杂志感定制 */
.series-watermark{position:absolute;right:clamp(-8px,-.6vw,0);bottom:-.12em;z-index:0;pointer-events:none;user-select:none;
  font-family:"Fraunces",Georgia,serif;font-style:italic;font-weight:300;
  font-size:clamp(60px,12.5vw,208px);line-height:1;letter-spacing:0;white-space:nowrap;
  color:var(--deep);opacity:.09}
.dark .series-watermark{opacity:.13}
/* 系列深色大标题 + 系列色英文副题 */
[data-series] #heroCn{color:var(--deep);transition:color .5s}
[data-series] #heroEn{color:var(--accent)!important}
.series-hero .cover-frame{box-shadow:0 52px 110px -52px color-mix(in srgb,var(--deep) 72%,transparent)}
/* PART A 设计区铺第二拼色块，与 hero / 落地主底形成节奏 */
[data-series] #design{background:var(--tint2);transition:background .5s ease;
  border-top:1px solid color-mix(in srgb,var(--accent) 18%,transparent);
  border-bottom:1px solid color-mix(in srgb,var(--accent) 18%,transparent)}
/* 章节大标题左侧系列色竖条 */
.serif-title{position:relative;padding-left:20px}
.serif-title::before{content:"";position:absolute;left:0;top:.14em;bottom:.14em;width:4px;border-radius:2px;background:var(--accent)}
/* PART 小标签加系列色加重 */
[data-series] .sec-num{color:var(--accent);font-weight:500}

/* 系列印记：一条会随系列变色的极细引导线（列表/面包屑共用） */
.series-mark{display:inline-flex;align-items:center;gap:10px}
.series-mark::before{content:"";width:26px;height:1px;background:var(--accent);opacity:.7}
.series-mood{font-family:"Fraunces",Georgia,serif;font-style:italic;font-weight:300;color:var(--accent);letter-spacing:.02em}

@media(max-width:860px){
 .series-watermark{font-size:19vw;bottom:auto;top:.55em;right:-6px;opacity:.07}
 .dark .series-watermark{opacity:.1}
}