/*
 * ============================================================
 * 「人人传记」书籍封面样式库（10 套）
 * ============================================================
 * 这里存放 10 套封面的配色 token 与母题背景，是封面视觉的唯一实现。
 * key 必须与 src/apps/rensheng/rensheng_cover_styles.py 的 COVER_STYLES
 * 一一对应（选型逻辑与色卡文案读那份 Python 目录）。
 *
 * 消费方：
 *   rensheng_reader.html  → <div class="book-cover" data-cover="key">
 *   rensheng_print.html   → <section class="cover-page" data-cover="key">
 *   色卡                  → <button class="rs-cv-chip rs-cv-chip--key">
 *
 * token 含义：
 *   --cv-bg     完整背景（多层渐变，含山形/月/星/雪/布纹/松针等母题）
 *   --cv-base   纯色底（需要单色的地方用，如遮罩渐变）
 *   --cv-ink    书名色        --cv-sub  副信息（姓名·生年·简介）色
 *   --cv-rule   分隔线与装饰色  --cv-frame 内边框色
 *   --cv-seal   站点印章色     --cv-spine 是否画书脊（1/0）
 *   --cv-orient 书名排版（v 竖排 / h 横排，仅阅读器封面使用）
 * ============================================================
 */

/* ---------- 1. 宣纸白：米白宣纸、墨字朱印，朴素文学社风 ---------- */
[data-cover="xuanzhi"],
.rs-cv-chip--xuanzhi {
    --cv-bg: repeating-linear-gradient(45deg, rgba(120, 90, 50, .030) 0 2px, transparent 2px 7px),
             radial-gradient(120% 70% at 50% 0%, #fdfaf3 0%, #f4ecdb 100%);
    --cv-base: #f7f2e6;
    --cv-ink: #2b2118;
    --cv-sub: #7a6a52;
    --cv-rule: #b0472e;
    --cv-frame: rgba(43, 33, 24, .20);
    --cv-seal: #b0472e;
    --cv-spine: 0;
    --cv-orient: v;
}

/* ---------- 2. 藏青烫金：藏青布面配烫金细框，庄重典藏 ---------- */
[data-cover="daijin"],
.rs-cv-chip--daijin {
    --cv-bg: repeating-linear-gradient(90deg, rgba(255, 255, 255, .035) 0 1px, transparent 1px 3px),
             repeating-linear-gradient(0deg, rgba(255, 255, 255, .028) 0 1px, transparent 1px 3px),
             radial-gradient(120% 80% at 50% 0%, rgba(255, 255, 255, .10), transparent 62%),
             linear-gradient(160deg, #2c3f5c 0%, #1c2a3e 100%);
    --cv-base: #23324a;
    --cv-ink: #e6c47c;
    --cv-sub: #b39a68;
    --cv-rule: #c9a24a;
    --cv-frame: rgba(201, 162, 74, .45);
    --cv-seal: rgba(201, 162, 74, .8);
    --cv-spine: 1;
    --cv-orient: v;
}

/* ---------- 3. 晨山：暖黄天光下层叠山影，开阔向上 ---------- */
[data-cover="chenshan"],
.rs-cv-chip--chenshan {
    --cv-bg: radial-gradient(circle 46px at 74% 15%, #f0c46a 98%, transparent 100%),
             radial-gradient(ellipse 130% 52% at 16% 100%, #bcc7a8 98%, transparent 100%),
             radial-gradient(ellipse 150% 60% at 88% 104%, #8fa88c 98%, transparent 100%),
             radial-gradient(ellipse 110% 40% at 50% 108%, #6d8b74 98%, transparent 100%),
             linear-gradient(180deg, #fdf4e2 0%, #f3e2c2 100%);
    --cv-base: #f2e3c9;
    --cv-ink: #4a3a24;
    --cv-sub: #7b6849;
    --cv-rule: #c98f4a;
    --cv-frame: rgba(74, 58, 36, .16);
    --cv-seal: #c98f4a;
    --cv-spine: 0;
    --cv-orient: h;
}

/* ---------- 4. 月夜：墨蓝天幕一轮明月，沉静内省 ---------- */
[data-cover="yueye"],
.rs-cv-chip--yueye {
    --cv-bg: radial-gradient(circle 44px at 76% 14%, #f7ecd0 98%, transparent 100%),
             radial-gradient(circle 2px at 20% 26%, rgba(255, 255, 255, .9) 98%, transparent),
             radial-gradient(circle 1.6px at 38% 12%, rgba(255, 255, 255, .8) 98%, transparent),
             radial-gradient(circle 1.4px at 58% 30%, rgba(255, 255, 255, .7) 98%, transparent),
             radial-gradient(circle 1.8px at 12% 46%, rgba(255, 255, 255, .6) 98%, transparent),
             radial-gradient(circle 1.4px at 88% 40%, rgba(255, 255, 255, .65) 98%, transparent),
             linear-gradient(180deg, #1d2d49 0%, #0e1728 100%);
    --cv-base: #16233a;
    --cv-ink: #f0e6cf;
    --cv-sub: #a9b6cc;
    --cv-rule: #cbb27a;
    --cv-frame: rgba(240, 230, 207, .26);
    --cv-seal: rgba(240, 230, 207, .6);
    --cv-spine: 0;
    --cv-orient: h;
}

/* ---------- 5. 春畦：青绿田垄斜纹，水乡与田园题材 ---------- */
[data-cover="chunqi"],
.rs-cv-chip--chunqi {
    --cv-bg: repeating-linear-gradient(115deg, rgba(105, 139, 119, .10) 0 5px, transparent 5px 24px),
             radial-gradient(ellipse 120% 45% at 50% 104%, rgba(105, 139, 119, .24) 98%, transparent 100%),
             linear-gradient(180deg, #f5f8ec 0%, #e2ead3 100%);
    --cv-base: #eef2e2;
    --cv-ink: #2f5a42;
    --cv-sub: #6b8266;
    --cv-rule: #7fa98c;
    --cv-frame: rgba(47, 90, 66, .18);
    --cv-seal: #2f5a42;
    --cv-spine: 0;
    --cv-orient: v;
}

/* ---------- 6. 丹桂：奶油底洒金桂，温厚明亮宜女性传主 ---------- */
[data-cover="dangui"],
.rs-cv-chip--dangui {
    --cv-bg: radial-gradient(circle 3.2px at 18% 20%, #e0a94a 98%, transparent),
             radial-gradient(circle 2.4px at 31% 11%, #d99a3c 98%, transparent),
             radial-gradient(circle 2.8px at 47% 22%, #e6b455 98%, transparent),
             radial-gradient(circle 2.2px at 68% 9%, #d99a3c 98%, transparent),
             radial-gradient(circle 3px at 84% 24%, #e0a94a 98%, transparent),
             radial-gradient(circle 2.4px at 12% 62%, #e6b455 98%, transparent),
             radial-gradient(circle 2.8px at 90% 68%, #d99a3c 98%, transparent),
             linear-gradient(180deg, #fdf6e7 0%, #f7e6c8 100%);
    --cv-base: #fbf0dc;
    --cv-ink: #8a4b22;
    --cv-sub: #a9773f;
    --cv-rule: #d99a3c;
    --cv-frame: rgba(138, 75, 34, .16);
    --cv-seal: #b0562c;
    --cv-spine: 0;
    --cv-orient: v;
}

/* ---------- 7. 黄土：赭黄夯土层纹，西北与土地一生 ---------- */
[data-cover="huangtu"],
.rs-cv-chip--huangtu {
    --cv-bg: repeating-linear-gradient(0deg, rgba(120, 80, 40, .10) 0 2px, transparent 2px 9px),
             repeating-linear-gradient(90deg, rgba(255, 255, 255, .05) 0 1px, transparent 1px 13px),
             linear-gradient(180deg, #e6c99a 0%, #c79f6c 100%);
    --cv-base: #d9b98a;
    --cv-ink: #4a2f14;
    --cv-sub: #6f4c26;
    --cv-rule: #a3703a;
    --cv-frame: rgba(74, 47, 20, .22);
    --cv-seal: #8a4b1e;
    --cv-spine: 0;
    --cv-orient: v;
}

/* ---------- 8. 松涛：墨绿松针斜纹，坚韧克制宜军旅匠人 ---------- */
[data-cover="songtao"],
.rs-cv-chip--songtao {
    --cv-bg: repeating-linear-gradient(58deg, rgba(255, 255, 255, .055) 0 1px, transparent 1px 14px),
             repeating-linear-gradient(-58deg, rgba(255, 255, 255, .04) 0 1px, transparent 1px 18px),
             radial-gradient(90% 55% at 50% 0%, rgba(255, 240, 200, .10), transparent 65%),
             linear-gradient(160deg, #2a4a39 0%, #152720 100%);
    --cv-base: #1f3a2e;
    --cv-ink: #e3d3a6;
    --cv-sub: #a8b79a;
    --cv-rule: #c9a24a;
    --cv-frame: rgba(227, 211, 166, .26);
    --cv-seal: rgba(227, 211, 166, .7);
    --cv-spine: 1;
    --cv-orient: v;
}

/* ---------- 9. 江雪：冷白细雪落青灰，素净清冷 ---------- */
[data-cover="jiangxue"],
.rs-cv-chip--jiangxue {
    --cv-bg: radial-gradient(circle 2.4px at 16% 18%, #fff 98%, transparent),
             radial-gradient(circle 1.8px at 34% 30%, #fff 98%, transparent),
             radial-gradient(circle 2.2px at 56% 14%, #fff 98%, transparent),
             radial-gradient(circle 1.6px at 72% 34%, #fff 98%, transparent),
             radial-gradient(circle 2px at 88% 20%, #fff 98%, transparent),
             radial-gradient(circle 1.6px at 26% 54%, #fff 98%, transparent),
             radial-gradient(ellipse 130% 42% at 50% 106%, rgba(51, 80, 110, .20) 98%, transparent 100%),
             linear-gradient(180deg, #f7f9fb 0%, #dde5ec 100%);
    --cv-base: #eef1f4;
    --cv-ink: #33506e;
    --cv-sub: #5b6f84;
    --cv-rule: #8aa2bd;
    --cv-frame: rgba(51, 80, 110, .16);
    --cv-seal: #33506e;
    --cv-spine: 0;
    --cv-orient: v;
}

/* ---------- 10. 灯下：暖光落在皮革上，像书桌前的一本书 ---------- */
[data-cover="dengxia"],
.rs-cv-chip--dengxia {
    --cv-bg: repeating-linear-gradient(90deg, rgba(255, 255, 255, .03) 0 1px, transparent 1px 4px),
             radial-gradient(85% 52% at 50% 6%, rgba(255, 196, 120, .32), transparent 62%),
             radial-gradient(60% 40% at 50% 100%, rgba(0, 0, 0, .35), transparent 70%),
             linear-gradient(165deg, #4d301c 0%, #2a170d 100%);
    --cv-base: #3a2416;
    --cv-ink: #f0d6a2;
    --cv-sub: #c9a276;
    --cv-rule: #e0a96d;
    --cv-frame: rgba(240, 214, 162, .28);
    --cv-seal: rgba(224, 169, 109, .8);
    --cv-spine: 1;
    --cv-orient: h;
}

/* ============ 书名排版：CSS 无法按变量值分支，只能逐套写选择器 ============ */
.book-cover[data-cover="xuanzhi"] .book-name,
.book-cover[data-cover="daijin"] .book-name,
.book-cover[data-cover="chunqi"] .book-name,
.book-cover[data-cover="dangui"] .book-name,
.book-cover[data-cover="huangtu"] .book-name,
.book-cover[data-cover="songtao"] .book-name,
.book-cover[data-cover="jiangxue"] .book-name {
    writing-mode: vertical-rl;
    text-orientation: upright;
}

.book-cover[data-cover="chenshan"] .book-name,
.book-cover[data-cover="yueye"] .book-name,
.book-cover[data-cover="dengxia"] .book-name {
    writing-mode: horizontal-tb;
    letter-spacing: 4px;
}

/* ============ 色卡：小封面预览 + 方案名，配色复用上面的 token ============ */
.rs-cv-chip {
    position: relative;
    cursor: pointer;
    font-family: inherit;
    border: 1px solid rgba(0, 0, 0, .12);
    background: #fff;
    color: #6b6157;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 5px 11px 5px 28px;
    border-radius: 999px;
}
.rs-cv-chip::before {
    content: '';
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 17px;
    border-radius: 2px;
    background: var(--cv-bg, #ddd);
    border: 1px solid rgba(0, 0, 0, .16);
}
.rs-cv-chip:hover { border-color: #b0472e; color: #b0472e; }
.rs-cv-chip.on { border-color: #b0472e; color: #b0472e; background: #fff7ef; font-weight: 600; }