/* ===========================================================
   邱懿武 · 八部著作封面 · v3
   设计原则：单一强设计语汇 · 大字主导 · 装饰收回
   ============================================================ */

.book-cover {
    container-type: inline-size;
    container-name: bk;
}

/* 通用 · 所有封面 */
.book-cover [data-c-num],
.book-cover [data-c-tag],
.book-cover [data-c-pub],
.book-cover [data-c-author],
.book-cover [data-c-en] {
    position: absolute;
    font-family: var(--font-mono);
    letter-spacing: 0.25em;
    text-transform: uppercase;
    z-index: 3;
}

/* ----------------------------------------------------------
   01 · 商业创新设计 · 2014 · 古典学院
   ---------------------------------------------------------- */
.cover-01 {
    background: #1B304E;
    color: #EFE2C2;
    position: relative;
}
.cover-01 [data-c-num] {
    top: 8%; left: 9%;
    font-size: 2.6cqi;
    opacity: 0.7;
}
.cover-01 [data-c-pub] {
    top: 8%; right: 9%;
    font-size: 2.6cqi;
    opacity: 0.7;
}
.cover-01 .rule-top {
    position: absolute;
    top: 17%; left: 9%; right: 9%;
    height: 1px;
    background: rgba(239,226,194,0.5);
}
.cover-01 .rule-bot {
    position: absolute;
    bottom: 17%; left: 9%; right: 9%;
    height: 1px;
    background: rgba(239,226,194,0.5);
}
.cover-01 .c-title {
    position: absolute;
    inset: 24% 12% 36%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-family: var(--font-cn-serif);
    font-weight: 600;
    font-size: 9.5cqi;
    line-height: 1.18;
    letter-spacing: 0.16em;
}
.cover-01 .c-glyph {
    position: absolute;
    left: 50%; bottom: 23%;
    transform: translateX(-50%);
    font-family: var(--font-serif);
    font-style: italic;
    font-size: 5cqi;
    color: rgba(239,226,194,0.55);
    z-index: 2;
}
.cover-01 .c-en {
    position: absolute;
    bottom: 10%; left: 0; right: 0;
    text-align: center;
    font-family: var(--font-serif);
    font-style: italic;
    font-weight: 500;
    font-size: 3.4cqi;
    color: rgba(239,226,194,0.75);
    letter-spacing: 0.06em;
    text-transform: none;
}

/* ----------------------------------------------------------
   02 · AI 思维与认知 · 2025 · 现代书系
   ---------------------------------------------------------- */
.cover-02 {
    background: #F2E9D2;
    color: #1A1814;
    position: relative;
}
.cover-02 [data-c-num] {
    top: 7%; left: 8%;
    font-size: 2.6cqi;
    color: var(--ink-3);
}
.cover-02 [data-c-pub] {
    top: 7%; right: 8%;
    font-size: 2.6cqi;
    color: var(--ink-3);
}
.cover-02 .c-title {
    position: absolute;
    left: 8%; right: 8%;
    top: 28%;
    font-family: var(--font-cn-serif);
    font-weight: 700;
    font-size: 16cqi;
    line-height: 1.05;
    letter-spacing: 0;
    color: #1A1814;
}
.cover-02 .c-title .small {
    display: block;
    font-size: 0.62em;
    margin-top: 0.06em;
}
.cover-02 .c-mark {
    position: absolute;
    bottom: 24%; left: 8%;
    width: 6cqi;
    height: 6cqi;
    border-radius: 50%;
    background: var(--accent);
}
.cover-02 .c-en {
    position: absolute;
    bottom: 14%; left: 8%; right: 8%;
    font-family: var(--font-serif);
    font-style: italic;
    font-weight: 500;
    font-size: 3.4cqi;
    color: #1A1814;
    letter-spacing: 0.02em;
    text-transform: none;
}
.cover-02 [data-c-author] {
    bottom: 7%; left: 8%;
    font-size: 2.5cqi;
    color: var(--ink-3);
}
.cover-02 [data-c-pub-foot] {
    position: absolute;
    bottom: 7%; right: 8%;
    font-family: var(--font-mono);
    font-size: 2.4cqi;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--accent);
    z-index: 3;
}

/* ----------------------------------------------------------
   03 · AI 转型 · 2025 · 建构 · 砖红
   ---------------------------------------------------------- */
.cover-03 {
    background: #6E2722;
    color: #F0E2C0;
    position: relative;
    overflow: hidden;
}
.cover-03 [data-c-num] {
    top: 7%; left: 8%;
    font-size: 2.5cqi;
    opacity: 0.7;
}
.cover-03 [data-c-tag] {
    top: 7%; right: 8%;
    font-size: 2.4cqi;
    border: 1px solid rgba(240,226,192,0.55);
    padding: 0.5cqi 1.5cqi;
    border-radius: 999px;
    opacity: 0.85;
}
.cover-03 .c-stack {
    position: absolute;
    left: 50%;
    top: 28%;
    transform: translateX(-50%);
    width: 42%;
    aspect-ratio: 1;
}
.cover-03 .c-stack span {
    position: absolute;
    border: 1px solid rgba(240,226,192,0.7);
}
.cover-03 .c-stack span:nth-child(1) { inset: 0; }
.cover-03 .c-stack span:nth-child(2) { inset: 14%; opacity: 0.7; }
.cover-03 .c-stack span:nth-child(3) { inset: 28%; opacity: 0.5; }
.cover-03 .c-stack span:nth-child(4) { inset: 42%; opacity: 0.35; background: rgba(240,226,192,0.15); }
.cover-03 .c-title {
    position: absolute;
    bottom: 22%; left: 8%; right: 8%;
    font-family: var(--font-cn-serif);
    font-weight: 700;
    font-size: 12cqi;
    line-height: 1.05;
    letter-spacing: 0.04em;
}
.cover-03 .c-en {
    position: absolute;
    bottom: 10%; left: 8%; right: 8%;
    font-family: var(--font-serif);
    font-style: italic;
    font-weight: 500;
    font-size: 3cqi;
    opacity: 0.75;
    letter-spacing: 0.02em;
    text-transform: none;
}
.cover-03 [data-c-author] {
    bottom: 5%; left: 8%;
    font-size: 2.4cqi;
    opacity: 0.55;
}

/* ----------------------------------------------------------
   04 · AI 教育 · 2025 · 暖琥珀 · 单圆
   ---------------------------------------------------------- */
.cover-04 {
    background: #D88A38;
    color: #1E1107;
    position: relative;
    overflow: hidden;
}
.cover-04 [data-c-num] {
    top: 7%; left: 8%;
    font-size: 2.5cqi;
    opacity: 0.65;
}
.cover-04 [data-c-tag] {
    top: 7%; right: 8%;
    font-size: 2.4cqi;
    border: 1px solid rgba(30,17,7,0.5);
    padding: 0.5cqi 1.5cqi;
    border-radius: 999px;
}
.cover-04 .c-sun {
    position: absolute;
    top: 22%; left: 50%;
    transform: translateX(-50%);
    width: 38%; aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 32%, #F2D9A6 0%, #E6A554 65%, #D88A38 100%);
    box-shadow: inset 2px -3px 8px rgba(30,17,7,0.18);
}
.cover-04 .c-title {
    position: absolute;
    bottom: 24%; left: 8%; right: 8%;
    font-family: var(--font-cn-serif);
    font-weight: 700;
    font-size: 14cqi;
    line-height: 1.05;
    letter-spacing: 0.06em;
}
.cover-04 .c-sub {
    position: absolute;
    bottom: 14%; left: 8%; right: 8%;
    font-family: var(--font-cn);
    font-weight: 400;
    font-size: 3cqi;
    line-height: 1.4;
    color: rgba(30,17,7,0.65);
}
.cover-04 .c-en {
    position: absolute;
    bottom: 6%; left: 8%; right: 8%;
    font-family: var(--font-serif);
    font-style: italic;
    font-size: 2.6cqi;
    color: rgba(30,17,7,0.55);
    letter-spacing: 0.02em;
    text-transform: none;
}

/* ----------------------------------------------------------
   05 · AI 认知革命 · 2025 · OSS · 数字感
   ---------------------------------------------------------- */
.cover-05 {
    background: #131210;
    color: #ECE2C8;
    position: relative;
    overflow: hidden;
}
.cover-05 [data-c-num] {
    top: 7%; left: 8%;
    font-size: 2.5cqi;
    opacity: 0.5;
}
.cover-05 [data-c-tag] {
    top: 7%; right: 8%;
    font-size: 2.4cqi;
    border: 1px solid rgba(236,226,200,0.4);
    padding: 0.5cqi 1.5cqi;
    border-radius: 999px;
    opacity: 0.7;
}
.cover-05 .c-big {
    position: absolute;
    left: 8%; top: 22%;
    font-family: var(--font-serif);
    font-style: italic;
    font-weight: 600;
    font-size: 42cqi;
    line-height: 0.85;
    color: var(--accent);
    letter-spacing: -0.02em;
}
.cover-05 .c-tiny {
    position: absolute;
    right: 8%; top: 30%;
    font-family: var(--font-mono);
    font-size: 2.4cqi;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #ECE2C8;
    text-align: right;
    line-height: 1.6;
    opacity: 0.7;
}
.cover-05 .c-rule {
    position: absolute;
    left: 8%; right: 8%;
    bottom: 27%;
    height: 1px;
    background: rgba(236,226,200,0.3);
}
.cover-05 .c-title {
    position: absolute;
    bottom: 14%; left: 8%; right: 8%;
    font-family: var(--font-cn-serif);
    font-weight: 600;
    font-size: 9cqi;
    line-height: 1.15;
    letter-spacing: 0.05em;
}
.cover-05 .c-en {
    position: absolute;
    bottom: 7%; left: 8%; right: 8%;
    font-family: var(--font-serif);
    font-style: italic;
    font-size: 2.5cqi;
    color: rgba(236,226,200,0.55);
    letter-spacing: 0.02em;
    text-transform: none;
}

/* ----------------------------------------------------------
   06 · 智能体的社会科学 · 2026 · 学术 · 青瓷
   ---------------------------------------------------------- */
.cover-06 {
    background: #CCD5C7;
    color: #1F2C22;
    position: relative;
    overflow: hidden;
}
.cover-06 [data-c-num] {
    top: 7%; left: 8%;
    font-size: 2.5cqi;
    color: rgba(31,44,34,0.55);
}
.cover-06 [data-c-tag] {
    top: 7%; right: 8%;
    font-size: 2.4cqi;
    border: 1px solid rgba(31,44,34,0.5);
    padding: 0.5cqi 1.5cqi;
    border-radius: 999px;
}
.cover-06 .c-svg {
    position: absolute;
    top: 19%; left: 14%; right: 14%;
    aspect-ratio: 1.4;
}
.cover-06 .c-svg svg { width: 100%; height: 100%; }
.cover-06 .c-title {
    position: absolute;
    bottom: 22%; left: 8%; right: 8%;
    font-family: var(--font-cn-serif);
    font-weight: 700;
    font-size: 12cqi;
    line-height: 1.05;
    letter-spacing: 0.04em;
}
.cover-06 .c-en {
    position: absolute;
    bottom: 13%; left: 8%; right: 8%;
    font-family: var(--font-serif);
    font-style: italic;
    font-weight: 500;
    font-size: 3cqi;
    color: rgba(31,44,34,0.65);
    text-transform: none;
    letter-spacing: 0.02em;
}
.cover-06 [data-c-author] {
    bottom: 6%; left: 8%;
    font-size: 2.4cqi;
    color: rgba(31,44,34,0.5);
}

/* ----------------------------------------------------------
   07 · 智能体管理学 · 2026 · 学术 · 矩阵
   ---------------------------------------------------------- */
.cover-07 {
    background: #B8B3A1;
    color: #15120E;
    position: relative;
}
.cover-07 [data-c-num] {
    top: 7%; left: 8%;
    font-size: 2.5cqi;
    color: rgba(21,18,14,0.55);
}
.cover-07 [data-c-tag] {
    top: 7%; right: 8%;
    font-size: 2.4cqi;
    border: 1px solid rgba(21,18,14,0.5);
    padding: 0.5cqi 1.5cqi;
    border-radius: 999px;
}
.cover-07 .c-matrix {
    position: absolute;
    top: 22%; left: 9%; right: 9%;
    aspect-ratio: 2.5;
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(4, 1fr);
    gap: 1cqi;
}
.cover-07 .c-matrix span {
    background: rgba(21,18,14,0.16);
    border-radius: 0.4cqi;
}
.cover-07 .c-matrix span.hi {
    background: var(--accent);
}
.cover-07 .c-stat {
    position: absolute;
    top: 46%; left: 8%;
    font-family: var(--font-serif);
    font-style: italic;
    font-size: 3cqi;
    color: rgba(21,18,14,0.65);
    letter-spacing: 0.02em;
}
.cover-07 .c-title {
    position: absolute;
    bottom: 20%; left: 8%; right: 8%;
    font-family: var(--font-cn-serif);
    font-weight: 700;
    font-size: 14cqi;
    line-height: 1.0;
    letter-spacing: 0.04em;
}
.cover-07 .c-en {
    position: absolute;
    bottom: 11%; left: 8%; right: 8%;
    font-family: var(--font-serif);
    font-style: italic;
    font-size: 3cqi;
    color: rgba(21,18,14,0.6);
    letter-spacing: 0.02em;
    text-transform: none;
}
.cover-07 [data-c-author] {
    bottom: 5%; left: 8%;
    font-size: 2.4cqi;
    color: rgba(21,18,14,0.5);
}

/* ----------------------------------------------------------
   08 · AI 产品创新与应用 · 2026 · WIP · 双色块
   ---------------------------------------------------------- */
.cover-08 {
    background: #F2E9D2;
    color: #1A1814;
    position: relative;
    overflow: hidden;
}
.cover-08 .c-block {
    position: absolute;
    top: 36%; left: 0; right: 0; bottom: 0;
    background: var(--accent);
}
.cover-08 [data-c-num] {
    top: 7%; left: 8%;
    font-size: 2.5cqi;
    color: rgba(26,24,20,0.55);
}
.cover-08 [data-c-tag] {
    top: 7%; right: 8%;
    font-size: 2.4cqi;
    border: 1px solid rgba(26,24,20,0.5);
    padding: 0.5cqi 1.5cqi;
    border-radius: 999px;
    color: #1A1814;
}
.cover-08 .c-t1 {
    position: absolute;
    top: 22%; left: 8%; right: 8%;
    font-family: var(--font-cn-serif);
    font-weight: 700;
    font-size: 14cqi;
    line-height: 1.05;
    letter-spacing: 0.06em;
    color: #1A1814;
    z-index: 3;
}
.cover-08 .c-t2 {
    position: absolute;
    top: 46%; left: 8%; right: 8%;
    font-family: var(--font-cn-serif);
    font-weight: 700;
    font-size: 14cqi;
    line-height: 1.05;
    letter-spacing: 0.06em;
    color: #F2E9D2;
    z-index: 3;
}
.cover-08 .c-en {
    position: absolute;
    bottom: 13%; left: 8%; right: 8%;
    font-family: var(--font-serif);
    font-style: italic;
    font-size: 3cqi;
    color: rgba(242,233,210,0.85);
    letter-spacing: 0.02em;
    text-transform: none;
    z-index: 3;
}
.cover-08 [data-c-author] {
    bottom: 6%; left: 8%;
    font-size: 2.4cqi;
    color: rgba(242,233,210,0.6);
    z-index: 3;
}
.cover-08 [data-c-pub-foot] {
    position: absolute;
    bottom: 6%; right: 8%;
    font-family: var(--font-mono);
    font-size: 2.4cqi;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: rgba(242,233,210,0.6);
    z-index: 3;
}

/* ----------------------------------------------------------
   v4 · Ambient refinement
   更统一的高级灰 / 暖纸 / 轻插画封面系统
   ---------------------------------------------------------- */
.book-cover {
    border-radius: var(--radius-xs);
    overflow: hidden;
}
.book-cover::after {
    background-image:
        linear-gradient(115deg, rgba(255,255,255,0.18), transparent 42%),
        radial-gradient(ellipse at 76% 18%, rgba(255,255,255,0.18), transparent 34%),
        url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .045 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");
    background-size: auto, auto, 120px 120px;
    mix-blend-mode: soft-light;
    opacity: 0.9;
}
.book-cover [data-c-tag] {
    border-radius: var(--radius-pill);
    background: rgba(255,255,255,0.18);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.cover-01 {
    background:
        radial-gradient(circle at 74% 18%, rgba(224,205,164,0.18), transparent 28%),
        linear-gradient(160deg, #1E3047 0%, #243954 52%, #17283E 100%);
}
.cover-01 .c-title { letter-spacing: 0.12em; }
.cover-01 .c-glyph { color: rgba(239,226,194,0.38); }

.cover-02 {
    background:
        radial-gradient(circle at 78% 18%, rgba(255,255,255,0.74), transparent 30%),
        linear-gradient(150deg, #F4EEDC 0%, #ECE5CF 54%, #F7F2E6 100%);
}
.cover-02 .c-mark { background: var(--accent); box-shadow: 0 12px 30px rgba(166,93,78,0.18); }

.cover-03 {
    background:
        radial-gradient(circle at 76% 18%, rgba(255,224,190,0.18), transparent 30%),
        linear-gradient(155deg, #7E332C 0%, #6B2B25 54%, #4C211E 100%);
}
.cover-03 .c-stack span { border-color: rgba(244,226,198,0.58); border-radius: 12%; }

.cover-04 {
    background:
        radial-gradient(circle at 68% 22%, rgba(255,235,182,0.50), transparent 28%),
        linear-gradient(150deg, #D59445 0%, #D1813B 48%, #C97036 100%);
}
.cover-04 .c-sun {
    box-shadow:
        0 24px 58px rgba(91,47,19,0.12),
        inset 2px -3px 8px rgba(30,17,7,0.18);
}

.cover-05 {
    background:
        radial-gradient(circle at 78% 18%, rgba(166,93,78,0.20), transparent 28%),
        linear-gradient(150deg, #171615 0%, #11100F 58%, #24211E 100%);
}
.cover-05 .c-big {
    color: var(--accent);
    text-shadow: 0 22px 54px rgba(166,93,78,0.20);
}

.cover-06 {
    background:
        radial-gradient(circle at 76% 18%, rgba(255,255,255,0.44), transparent 30%),
        linear-gradient(152deg, #D7DED0 0%, #C8D3C6 52%, #BEC8BA 100%);
}
.cover-06 .c-svg {
    filter: drop-shadow(0 18px 24px rgba(31,44,34,0.08));
}

.cover-07 {
    background:
        radial-gradient(circle at 78% 16%, rgba(255,255,255,0.36), transparent 28%),
        linear-gradient(150deg, #C8C3B1 0%, #B9B39F 52%, #AFA891 100%);
}
.cover-07 .c-matrix span {
    border-radius: 999px;
    background: rgba(21,18,14,0.13);
}
.cover-07 .c-matrix span.hi {
    background: var(--accent);
    box-shadow: 0 10px 22px rgba(166,93,78,0.16);
}

.cover-08 {
    background:
        radial-gradient(circle at 78% 18%, rgba(255,255,255,0.64), transparent 30%),
        linear-gradient(150deg, #F5EDDA 0%, #EEE5CF 52%, #F8F1E4 100%);
}
.cover-08 .c-block {
    background:
        radial-gradient(circle at 72% 24%, rgba(255,255,255,0.16), transparent 34%),
        linear-gradient(135deg, var(--accent), #8F473D);
}

/* ----------------------------------------------------------
   v5 · Book series redesign
   统一为“高级灰 + 暖纸 + 轻图形系统”，每本书保留独立主题符号
   ---------------------------------------------------------- */
.book-cover {
    border: 1px solid rgba(255,255,255,0.68);
    box-shadow:
        0 1px 0 rgba(255,255,255,0.66) inset,
        0 18px 42px rgba(63,52,42,0.10);
}
.book-cover::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(0,0,0,0.20) 0, rgba(0,0,0,0.08) 2.4%, rgba(255,255,255,0.18) 4.2%, transparent 7%),
        radial-gradient(circle at 78% 18%, rgba(255,255,255,0.52), transparent 28%),
        radial-gradient(circle at 18% 82%, rgba(255,216,182,0.16), transparent 34%);
    mix-blend-mode: soft-light;
}
.book-cover::after {
    z-index: 2;
    background-image:
        linear-gradient(115deg, rgba(255,255,255,0.18), transparent 36%, rgba(255,255,255,0.08) 62%, transparent 80%),
        repeating-linear-gradient(0deg, rgba(255,255,255,0.018) 0 1px, transparent 1px 4px),
        url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .052 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
    background-size: auto, auto, 140px 140px;
    opacity: 0.92;
    mix-blend-mode: soft-light;
}
.book-cover [data-c-num],
.book-cover [data-c-pub],
.book-cover [data-c-author],
.book-cover [data-c-pub-foot] {
    letter-spacing: 0.22em;
}
.book-cover [data-c-tag] {
    padding: 0.74cqi 1.8cqi;
    border-width: 1px;
    background: rgba(255,255,255,0.20);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.52);
}
.book-cover .c-title,
.book-cover .c-t1,
.book-cover .c-t2 {
    font-weight: 600;
}

.cover-01 {
    background:
        radial-gradient(circle at 74% 20%, rgba(119,152,189,0.28), transparent 28%),
        radial-gradient(circle at 18% 78%, rgba(210,194,156,0.14), transparent 34%),
        linear-gradient(145deg, #172638 0%, #223953 54%, #152235 100%);
    color: #F1E8CF;
}
.cover-01 .rule-top,
.cover-01 .rule-bot {
    background: linear-gradient(90deg, transparent, rgba(241,232,207,0.50), transparent);
}
.cover-01 .c-title {
    inset: 25% 13% 35%;
    font-size: 9.2cqi;
    letter-spacing: 0.11em;
}
.cover-01 .c-glyph {
    width: 18cqi;
    height: 18cqi;
    bottom: 22%;
    display: grid;
    place-items: center;
    border: 1px solid rgba(241,232,207,0.24);
    border-radius: 50%;
    color: rgba(241,232,207,0.48);
    box-shadow: 0 0 0 9cqi rgba(241,232,207,0.025);
}

.cover-02 {
    background:
        radial-gradient(circle at 74% 24%, rgba(255,255,255,0.74), transparent 28%),
        radial-gradient(circle at 18% 72%, rgba(174,92,78,0.12), transparent 30%),
        linear-gradient(145deg, #F7F0DE 0%, #ECE6D5 56%, #F8F4EA 100%);
}
.cover-02::before {
    background:
        linear-gradient(90deg, rgba(54,49,41,0.12) 0, rgba(54,49,41,0.05) 2.2%, rgba(255,255,255,0.38) 4%, transparent 7%),
        repeating-linear-gradient(0deg, transparent 0 28px, rgba(54,49,41,0.026) 29px 30px),
        radial-gradient(circle at 78% 18%, rgba(255,255,255,0.58), transparent 30%);
}
.cover-02 .c-title {
    top: 26%;
    font-size: 15cqi;
    color: #24211D;
    text-shadow: 0 18px 40px rgba(36,33,29,0.06);
}
.cover-02 .c-mark {
    width: 24cqi;
    height: 24cqi;
    left: auto;
    right: 9%;
    bottom: 22%;
    border-radius: 50%;
    background:
        radial-gradient(circle at 36% 36%, rgba(255,255,255,0.78), transparent 22%),
        conic-gradient(from 90deg, rgba(166,93,78,0.78), rgba(188,181,214,0.38), rgba(244,190,150,0.42), rgba(166,93,78,0.78));
    opacity: 0.72;
    filter: blur(0.1px);
}

.cover-03 {
    background:
        radial-gradient(circle at 82% 18%, rgba(255,218,181,0.30), transparent 31%),
        radial-gradient(circle at 22% 78%, rgba(84,112,147,0.24), transparent 34%),
        linear-gradient(145deg, #6C2F31 0%, #783E38 48%, #452326 100%);
    color: #F5E7CC;
}
.cover-03 .c-stack {
    width: 48%;
    top: 24%;
}
.cover-03 .c-stack::before {
    content: '';
    position: absolute;
    inset: -18% -8%;
    border-radius: 999px;
    background: linear-gradient(110deg, transparent 14%, rgba(245,231,204,0.26), transparent 74%);
    transform: rotate(-18deg);
}
.cover-03 .c-stack span {
    border-color: rgba(245,231,204,0.42);
    background: rgba(255,255,255,0.03);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.10);
}
.cover-03 .c-title { bottom: 21%; font-size: 11.2cqi; }

.cover-04 {
    background:
        radial-gradient(circle at 68% 24%, rgba(255,238,194,0.56), transparent 28%),
        radial-gradient(circle at 18% 76%, rgba(90,126,174,0.16), transparent 34%),
        linear-gradient(145deg, #DEA050 0%, #D48441 56%, #C06C3A 100%);
}
.cover-04 .c-sun {
    top: 20%;
    width: 42%;
    background:
        radial-gradient(circle at 35% 30%, rgba(255,255,255,0.64), transparent 22%),
        radial-gradient(circle, #F4DB9F 0%, #E5B15E 58%, rgba(213,130,65,0.00) 70%);
    box-shadow:
        0 26px 70px rgba(102,59,26,0.16),
        0 0 0 7cqi rgba(255,235,190,0.06);
}
.cover-04 .c-title {
    bottom: 25%;
    font-size: 13.2cqi;
}
.cover-04 .c-sub { color: rgba(30,17,7,0.60); }

.cover-05 {
    background:
        radial-gradient(circle at 78% 18%, rgba(166,93,78,0.22), transparent 30%),
        radial-gradient(circle at 16% 72%, rgba(196,181,147,0.10), transparent 34%),
        linear-gradient(145deg, #151515 0%, #26231F 54%, #100F0E 100%);
}
.cover-05 .c-big {
    top: 20%;
    font-size: 40cqi;
    color: #D45D4E;
    opacity: 0.96;
}
.cover-05 .c-big::after {
    content: '';
    position: absolute;
    width: 28cqi;
    height: 28cqi;
    right: -16cqi;
    top: 9cqi;
    border: 1px solid rgba(236,226,200,0.18);
    border-radius: 50%;
    box-shadow: 0 0 0 9cqi rgba(236,226,200,0.025);
}
.cover-05 .c-title { font-size: 8.4cqi; }

.cover-06 {
    background:
        radial-gradient(circle at 78% 20%, rgba(255,255,255,0.50), transparent 30%),
        radial-gradient(circle at 18% 78%, rgba(166,93,78,0.08), transparent 34%),
        linear-gradient(145deg, #DDE2D6 0%, #C8D4C8 56%, #B9C6BA 100%);
}
.cover-06 .c-svg {
    top: 17%;
    left: 10%;
    right: 10%;
    opacity: 0.92;
}
.cover-06 .c-svg::before {
    content: '';
    position: absolute;
    inset: 12% 18%;
    border: 1px solid rgba(31,44,34,0.08);
    border-radius: 50%;
    box-shadow: 0 0 0 8cqi rgba(31,44,34,0.018);
}
.cover-06 .c-title {
    font-size: 11.3cqi;
    bottom: 21%;
}

.cover-07 {
    background:
        radial-gradient(circle at 78% 18%, rgba(255,255,255,0.42), transparent 30%),
        radial-gradient(circle at 20% 78%, rgba(166,93,78,0.10), transparent 32%),
        linear-gradient(145deg, #D0CBB9 0%, #B8B29F 52%, #A9A28E 100%);
}
.cover-07 .c-matrix {
    top: 20%;
    gap: 0.82cqi;
}
.cover-07 .c-matrix span {
    background: rgba(21,18,14,0.10);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.16);
}
.cover-07 .c-stat {
    top: 45%;
    font-size: 2.75cqi;
}
.cover-07 .c-title {
    font-size: 12.6cqi;
    bottom: 19%;
}

.cover-08 {
    background:
        radial-gradient(circle at 78% 18%, rgba(255,255,255,0.70), transparent 30%),
        radial-gradient(circle at 18% 78%, rgba(166,93,78,0.10), transparent 34%),
        linear-gradient(145deg, #F8F0DE 0%, #ECE4CF 54%, #F9F5EA 100%);
}
.cover-08 .c-block {
    top: 39%;
    background:
        radial-gradient(circle at 72% 20%, rgba(255,255,255,0.18), transparent 32%),
        linear-gradient(145deg, #B76555 0%, #98493F 58%, #783C37 100%);
}
.cover-08 .c-block::before {
    content: '';
    position: absolute;
    left: 10%;
    right: 10%;
    top: 18%;
    height: 1px;
    background: rgba(248,240,222,0.32);
    box-shadow:
        0 8cqi 0 rgba(248,240,222,0.16),
        0 16cqi 0 rgba(248,240,222,0.10);
}
.cover-08 .c-t1 {
    top: 20%;
    font-size: 12.6cqi;
}
.cover-08 .c-t2 {
    top: 47%;
    font-size: 12.6cqi;
}