/*!
 * 七境 · 天工图录（商品封面）v2 · 星台玉牌
 *
 * 封面由主题按「系列 × 档位」自动绘制（Common/Cover.html 识别商品名称与后台标签），站长不必为每个商品上传图片。
 * 画面：夜空与星河 → 日蚀光环 → 水面星台 → 一块悬浮的玉牌（材质随档位）→ 牌面：系列徽记、中央器物、档位名、出品方。
 * 牌面暗刻当日一境的纹样与系列守护星宿，随七境每日轮换；区服 / 时长小标签直接取后台「商品标签」。
 * 尺寸自适应：容器查询，16:10 目录、4:3 详情、1:1 缩略图共用一套；动效只用 transform / opacity / filter。
 */

/* ============================================================ 1. 舞台 */
.qj-cover {
    position: absolute; inset: 0; overflow: hidden; border-radius: inherit; isolation: isolate;
    container: qj-cover / size;
    font-family: var(--qj-font-body); color: #fff; text-align: center;
    background:
        radial-gradient(30% 40% at 50% 52%, var(--g-glow), transparent 70%),
        radial-gradient(56% 50% at 50% 34%, var(--g-neb), transparent 72%),
        radial-gradient(36% 42% at 12% 16%, rgba(var(--qj-accent-rgb), .16), transparent 70%),
        radial-gradient(30% 36% at 92% 22%, var(--g-neb2), transparent 70%),
        linear-gradient(180deg, #03050b 0%, #0a0f1d 46%, #0b1120 66%, #03050a 100%);
}
.qj-cover > span { position: absolute; display: block; pointer-events: none; }
.qj-cover__sky { inset: 0; z-index: 0; }
.qj-cover__sky::before, .qj-cover__sky::after { content: ""; position: absolute; inset: 0; }
.qj-cover__sky::before { background-image: var(--cv-stars-a), var(--cv-stars-b); background-size: 44cqh 44cqh, 78cqh 78cqh; background-position: 0 0, 13cqh 7cqh; opacity: .85;
    -webkit-mask: linear-gradient(180deg, #000 0%, #000 58%, transparent 76%); mask: linear-gradient(180deg, #000 0%, #000 58%, transparent 76%); }
.qj-cover__sky::after { /* 星河斜带 + 牌后的光芒与光柱 */
    background:
        repeating-conic-gradient(from 0deg at 50% 56%, rgba(var(--g-halo-rgb), .07) 0deg 1.4deg, transparent 1.4deg 7deg),
        linear-gradient(90deg, transparent calc(50% - 9cqh), rgba(var(--g-halo-rgb), .12) 50%, transparent calc(50% + 9cqh)),
        linear-gradient(118deg, transparent 30%, rgba(190, 200, 255, .07) 44%, rgba(255, 255, 255, .04) 50%, transparent 62%);
    -webkit-mask: radial-gradient(70cqh 56cqh at 50% 56%, #000 10%, rgba(0, 0, 0, .5) 50%, transparent 100%); mask: radial-gradient(70cqh 56cqh at 50% 56%, #000 10%, rgba(0, 0, 0, .5) 50%, transparent 100%);
}
.qj-cover__halo { /* 日蚀：暗盘 + 一侧亮起的光环 */
    z-index: 1; left: 50%; top: 40cqh; width: 116cqh; aspect-ratio: 1; transform: translate(-50%, -50%); border-radius: 50%;
    background: radial-gradient(circle at 50% 62%, var(--g-neb), transparent 46%), radial-gradient(circle, rgba(2, 3, 7, .62) 0 66%, rgba(2, 3, 7, .26) 69%, transparent 70%);
}
.qj-cover__halo::before, .qj-cover__halo::after {
    content: ""; position: absolute; inset: 0; border-radius: 50%;
    background: conic-gradient(from var(--cv-sun, 300deg), transparent 0deg, rgba(var(--g-halo-rgb), .12) 40deg, rgba(var(--g-halo-rgb), .95) 92deg, rgba(255, 255, 255, 1) 100deg, rgba(var(--g-halo-rgb), .4) 130deg, transparent 190deg, transparent 300deg, rgba(var(--g-halo-rgb), .22) 340deg, transparent 360deg);
    -webkit-mask: radial-gradient(circle, transparent 68.4%, #000 69.4%, #000 69.9%, transparent 71%); mask: radial-gradient(circle, transparent 68.4%, #000 69.4%, #000 69.9%, transparent 71%);
}
.qj-cover__halo::after { filter: blur(1.6cqh); opacity: .95;
    -webkit-mask: radial-gradient(circle, transparent 62%, #000 69.5%, transparent 80%); mask: radial-gradient(circle, transparent 62%, #000 69.5%, transparent 80%); }
.qj-cover__floor { /* 水面、同心光环、星台、牌的倒影光 */
    z-index: 2; left: 0; right: 0; bottom: 0; height: 32cqh;
    background:
        linear-gradient(90deg, transparent calc(50% - 13cqh), var(--g-glow) 50%, transparent calc(50% + 13cqh)) 50% 58% / 100% 42% no-repeat,
        radial-gradient(60% 34% at 50% 0%, rgba(var(--g-halo-rgb), .22), transparent 70%),
        radial-gradient(40cqh 7.5cqh at 50% 46%, transparent 86%, rgba(var(--g-halo-rgb), .55) 92%, transparent 98%),
        radial-gradient(64cqh 12cqh at 50% 50%, transparent 90%, rgba(var(--g-halo-rgb), .32) 94%, transparent 99%),
        radial-gradient(92cqh 17cqh at 50% 54%, transparent 93%, rgba(var(--g-halo-rgb), .18) 96%, transparent 99.5%),
        linear-gradient(180deg, rgba(6, 9, 16, 0) 0%, rgba(4, 6, 11, .9) 22%, #03040a 100%);
}
.qj-cover__mist { z-index: 2; left: -10%; right: -10%; top: 54cqh; height: 26cqh;
    background:
        radial-gradient(26% 38% at 16% 62%, rgba(226, 232, 255, .2), transparent 70%),
        radial-gradient(28% 34% at 86% 58%, rgba(226, 232, 255, .18), transparent 70%),
        radial-gradient(52% 30% at 50% 74%, rgba(var(--g-halo-rgb), .16), transparent 70%);
    filter: blur(1cqh);
}
.qj-cover__floor::before { /* 星台 */
    content: ""; position: absolute; left: 50%; top: 30%; width: 44cqh; height: 7cqh; transform: translateX(-50%); border-radius: 50%;
    background: radial-gradient(ellipse at 50% 26%, #474d5c, #1c2029 46%, #0b0d13 78%, #050609 100%);
    box-shadow: inset 0 .3cqh 0 rgba(var(--g-halo-rgb), .85), inset 0 .9cqh 1.2cqh rgba(255, 255, 255, .1), 0 0 0 .2cqh rgba(var(--g-halo-rgb), .25), 0 0 4cqh rgba(var(--g-halo-rgb), .3), 0 1.6cqh 2cqh rgba(0, 0, 0, .7);
}
.qj-cover__land { /* 当日一境的远景剪影（楼阁、月洞门、山峰……）与近处暗礁，见下方 @horizons */
    z-index: 3; left: 0; right: 0; bottom: 0; height: 60cqh;
    background: linear-gradient(180deg, rgba(var(--g-halo-rgb), .4) 0, #1d2536 2.6cqh, #161d2b 44%, #070a11 50%, #020307 80%);
    -webkit-mask: var(--qj-horizon) 50% 100% / 100% 100% no-repeat; mask: var(--qj-horizon) 50% 100% / 100% 100% no-repeat;
    opacity: .96;
}

/* ============================================================ 2. 玉牌 */
.qj-cover__slab {
    z-index: 4; left: 50%; bottom: 19cqh; height: 63cqh; aspect-ratio: 7 / 10; border-radius: 4.4cqh; padding: .6cqh;
    transform: translateX(-50%) perspective(150cqh) rotateY(var(--cv-ry, -13deg)) rotateX(4deg) rotateZ(var(--cv-rz, -2deg));
    background: linear-gradient(135deg, var(--g-rim1), var(--g-rim2) 26%, var(--g-rim1) 48%, var(--g-rim3) 72%, var(--g-rim1));
    box-shadow:
        .22cqh .2cqh 0 var(--g-edge1), .44cqh .4cqh 0 var(--g-edge1), .66cqh .6cqh 0 var(--g-edge2), .88cqh .8cqh 0 var(--g-edge2), 1.1cqh 1cqh 0 var(--g-edge3),
        1.6cqh 3cqh 5cqh -1cqh rgba(0, 0, 0, .75), 0 0 10cqh -1cqh var(--g-glow);
}
.qj-cover__face {
    position: relative; display: flex; flex-direction: column; align-items: center; height: 100%; overflow: hidden;
    border-radius: 3.9cqh; background: var(--g-face); color: var(--g-ink);
    box-shadow: inset 0 0 0 .22cqh rgba(255, 255, 255, .16), inset 0 .5cqh 1.2cqh rgba(255, 255, 255, var(--g-top, .32)), inset 0 -2cqh 3.6cqh rgba(0, 0, 0, .28);
}
.qj-cover__face::before { /* 暗刻：当日一境的纹样 */
    content: ""; position: absolute; inset: -6%; z-index: 0; background: currentColor; opacity: var(--g-motif-o, .1);
    -webkit-mask: var(--qj-motif) 0 0 / 32cqh auto repeat; mask: var(--qj-motif) 0 0 / 32cqh auto repeat;
}
.qj-cover__face::after { /* 玻璃高光：一道斜光 + 顶边亮线 */
    content: ""; position: absolute; inset: 0; z-index: 4; border-radius: inherit;
    background:
        linear-gradient(118deg, transparent 18%, rgba(255, 255, 255, var(--g-sheen, .22)) 27%, transparent 36%, transparent 62%, rgba(255, 255, 255, calc(var(--g-sheen, .22) * .45)) 68%, transparent 74%),
        linear-gradient(180deg, rgba(255, 255, 255, .18), transparent 14%);
    mix-blend-mode: screen;
}
.qj-cover__face > * { position: relative; z-index: 2; }
.qj-cover__face > .qj-cover__iri { position: absolute; inset: 0; z-index: 0; background: var(--g-iri, none); mix-blend-mode: soft-light; opacity: .9; }
.qj-cover__eng { position: absolute !important; inset: 0; z-index: 1 !important; width: 100%; height: 100%; color: var(--g-line); opacity: .3; }
.qj-cover__eng + .qj-cover__eng { opacity: .42; -webkit-mask: linear-gradient(180deg, #000 0 40%, transparent 58%, transparent 80%, #000 96%); mask: linear-gradient(180deg, #000 0 40%, transparent 58%, transparent 80%, #000 96%); }
.qj-cover__mark { flex: none; width: 8cqh; height: 8cqh; margin-top: 6cqh; color: var(--g-mark); filter: drop-shadow(0 .2cqh .3cqh rgba(0, 0, 0, .35)) drop-shadow(0 0 .8cqh var(--g-glow)); }
.qj-cover__orb { flex: 1 1 auto; width: 100%; min-height: 0; }
.qj-cover__name {
    flex: none; max-width: 92%; padding: 0 2%; font: 400 9.6cqh/1 var(--qj-font-display); letter-spacing: .01em; white-space: nowrap;
    color: var(--g-ink); background: linear-gradient(180deg, var(--g-ink-hi) 10%, var(--g-ink) 70%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 .2cqh .35cqh var(--g-ink-shadow, rgba(0, 0, 0, .25)));
}
.qj-cover__sub { flex: none; margin-top: 1.2cqh; font: 400 4.6cqh/1 var(--qj-font-display); letter-spacing: .04em; white-space: nowrap; color: var(--g-ink2); }
.qj-cover__brand { flex: none; margin: 2cqh 0 5cqh; padding-top: 2.1cqh; font: 600 2.1cqh/1 var(--qj-font-body); letter-spacing: .5em; text-indent: .5em; text-transform: uppercase; white-space: nowrap; color: var(--g-ink2);
    background: linear-gradient(currentColor, currentColor) 50% 0 / 6cqh 1px no-repeat; }

/* 牌外：左侧竖排题名、右上角区服 / 时长小标签 */
.qj-cover__verse {
    z-index: 5; left: 6.5%; top: 11cqh; display: flex !important; flex-direction: column; align-items: center; gap: 1.6cqh;
    writing-mode: vertical-rl; font: 400 4.2cqh/1 var(--qj-font-serif); letter-spacing: .55em; color: rgba(255, 255, 255, .78);
}
.qj-cover__verse small { font: 600 2.1cqh/1 var(--qj-font-body); letter-spacing: .42em; color: rgba(255, 255, 255, .5); }
.qj-cover__tags { z-index: 6; top: 7.5cqh; right: 5.5%; display: flex !important; flex-direction: column; align-items: flex-end; gap: 1.4cqh; }
.qj-cover__tags b {
    display: block; max-width: 32cqw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    padding: 1.1cqh 2.4cqh; border-radius: 99px; font: 500 3.3cqh/1.1 var(--qj-font-body); letter-spacing: .12em; color: rgba(255, 255, 255, .92);
    background: linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .05)); box-shadow: inset 0 0 0 1px rgba(var(--g-halo-rgb), .5), 0 .6cqh 1.6cqh rgba(0, 0, 0, .35);
    -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
}
.qj-cover__chip { display: none !important; }

/* ============================================================ 3. 中央器物 */
.qj-cover__orb { position: relative; }
.qj-cover__orb > i, .qj-cover__orb > svg { position: absolute; display: block; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.qj-cover__orb > svg { width: 34cqh; height: 34cqh; color: var(--g-o1); overflow: visible; filter: drop-shadow(0 0 .9cqh var(--g-glow)); }
/* 球（更多 / 5×）与行星（Claude）、日蚀（顶档） */
.qj-cover[data-orb="orb"] .qj-cover__orb > i:nth-child(2), .qj-cover[data-orb="planet"] .qj-cover__orb > i:nth-child(2) {
    width: 17cqh; height: 17cqh; border-radius: 50%;
    background: radial-gradient(circle at 34% 30%, var(--g-o3) 0, var(--g-o1) 22%, var(--g-o2) 62%, rgba(0, 0, 0, .55) 100%);
    box-shadow: 0 0 3.4cqh var(--g-glow), inset -1.6cqh -1.8cqh 3cqh rgba(0, 0, 0, .45), inset .6cqh .6cqh 1.4cqh rgba(255, 255, 255, .35);
}
.qj-cover[data-orb="orb"] .qj-cover__orb > i:nth-child(1), .qj-cover[data-orb="orb"] .qj-cover__orb > i:nth-child(3),
.qj-cover[data-orb="eclipse"] .qj-cover__orb > i:nth-child(1), .qj-cover[data-orb="eclipse"] .qj-cover__orb > i:nth-child(3) {
    width: 40cqh; height: 11cqh; border-radius: 50%; border: .3cqh solid var(--g-o1); transform: translate(-50%, -50%) rotate(-14deg); opacity: .85;
    box-shadow: 0 0 1cqh var(--g-glow);
}
.qj-cover[data-orb="orb"] .qj-cover__orb > i:nth-child(3), .qj-cover[data-orb="eclipse"] .qj-cover__orb > i:nth-child(3),
.qj-cover[data-orb="planet"] .qj-cover__orb > i:nth-child(3) { clip-path: inset(50% 0 0 0); z-index: 3; }
.qj-cover[data-orb="planet"] .qj-cover__orb > i:nth-child(1), .qj-cover[data-orb="planet"] .qj-cover__orb > i:nth-child(3) {
    width: 33cqh; height: 8cqh; border-radius: 50%; transform: translate(-50%, -50%) rotate(-16deg);
    background: radial-gradient(closest-side, transparent 72%, var(--g-o1) 78%, rgba(255, 255, 255, .7) 84%, var(--g-o1) 90%, transparent 100%);
    filter: drop-shadow(0 0 .6cqh var(--g-glow));
}
.qj-cover[data-orb="planet"] .qj-cover__orb > i:nth-child(2) { width: 15cqh; height: 15cqh; }
.qj-cover[data-orb="eclipse"] .qj-cover__orb > i:nth-child(2) {
    width: 18cqh; height: 18cqh; border-radius: 50%; z-index: 2;
    background: radial-gradient(circle at 50% 50%, #020203 0 62%, transparent 64%), radial-gradient(circle at 60% 40%, var(--g-o3), var(--g-o1) 45%, transparent 70%);
    box-shadow: 0 0 0 .25cqh var(--g-o1), 0 0 2.4cqh .4cqh var(--g-glow), 0 0 6cqh 1cqh var(--g-glow);
}
/* 玉环（标准 / 团队） */
.qj-cover[data-orb="ring"] .qj-cover__orb > i:nth-child(1) {
    width: 30cqh; height: 30cqh; border-radius: 50%; border: 2.6cqh solid rgba(255, 255, 255, .14);
    transform: translate(-50%, -50%) rotateX(66deg) rotateZ(-12deg);
    border-color: rgba(255, 255, 255, .22);
    box-shadow: inset 0 0 1cqh rgba(255, 255, 255, .9), inset 0 -.8cqh 1.2cqh rgba(0, 0, 0, .35), 0 0 1cqh rgba(255, 255, 255, .8), 0 1.2cqh 1.6cqh rgba(0, 0, 0, .35), 0 0 4cqh var(--g-glow);
    background: radial-gradient(closest-side, transparent 80%, rgba(255, 255, 255, .16));
}
.qj-cover[data-orb="ring"] .qj-cover__orb > i:nth-child(2) {
    width: 20cqh; height: 20cqh; border-radius: 50%; border: .3cqh solid var(--g-o1); opacity: .8;
    transform: translate(-50%, -50%) rotateX(66deg) rotateZ(-12deg) translateZ(2cqh);
}
.qj-cover[data-orb="ring"] .qj-cover__orb > i:nth-child(3) { width: 7cqh; height: 7cqh; border-radius: 50%; background: radial-gradient(circle, rgba(255, 255, 255, .9), var(--g-glow) 40%, transparent 70%); }
/* 星涡（SuperGrok） */
.qj-cover[data-orb="swirl"] .qj-cover__orb > i:nth-child(2) {
    width: 30cqh; height: 30cqh; border-radius: 50%;
    background: conic-gradient(from 0deg, transparent 0deg, var(--g-o1) 40deg, transparent 110deg, var(--g-o2) 170deg, transparent 230deg, var(--g-o3) 300deg, transparent 360deg);
    -webkit-mask: radial-gradient(circle, #000 0 6%, rgba(0, 0, 0, .8) 22%, rgba(0, 0, 0, .35) 52%, transparent 70%); mask: radial-gradient(circle, #000 0 6%, rgba(0, 0, 0, .8) 22%, rgba(0, 0, 0, .35) 52%, transparent 70%);
    filter: blur(.5cqh);
}
.qj-cover[data-orb="swirl"] .qj-cover__orb > i:nth-child(1) { width: 30cqh; height: 30cqh; border-radius: 50%; background: radial-gradient(circle, var(--g-glow), transparent 60%); }
.qj-cover[data-orb="swirl"] .qj-cover__orb > i:nth-child(3) { width: 5cqh; height: 5cqh; border-radius: 50%; background: radial-gradient(circle, #fff 0 18%, var(--g-o3) 40%, transparent 72%); }
/* 双环（Gemini Ultra） */
.qj-cover[data-orb="rings"] .qj-cover__orb > i:nth-child(1), .qj-cover[data-orb="rings"] .qj-cover__orb > i:nth-child(3) {
    width: 20cqh; height: 20cqh; border-radius: 50%; border: .7cqh solid var(--g-o1); box-shadow: 0 0 1.4cqh var(--g-glow), inset 0 0 .8cqh rgba(255, 255, 255, .5);
    transform: translate(-72%, -50%) rotateY(52deg);
}
.qj-cover[data-orb="rings"] .qj-cover__orb > i:nth-child(3) { transform: translate(-28%, -50%) rotateY(-52deg); border-color: var(--g-o3); }

.qj-cover[data-orb="wave"] .qj-cover__orb > svg { width: 62cqh; height: 40cqh; }
.qj-cover__name[data-len="l"] { font-size: 7.6cqh; }
.qj-cover__name[data-len="xl"] { font-size: 6.2cqh; letter-spacing: 0; }

/* ============================================================ 4. 窄画框与方画框 */
@container qj-cover (max-height: 300px) { /* 目录卡与首屏主推：玉牌放大，小字保底可读 */
    .qj-cover__slab { height: 74cqh; bottom: 16cqh; }
    .qj-cover__sub { font-size: max(8px, 4.8cqh); }
    .qj-cover__tags b { font-size: max(10px, 3.3cqh); padding: max(3px, 1.1cqh) max(7px, 2.4cqh); }
    .qj-cover__verse { font-size: max(10px, 4.2cqh); }
    .qj-cover__verse small { display: none; }
}
@container qj-cover (max-width: 230px) { /* 手机两列目录：去掉竖排题名与出品方，字放大 */
    .qj-cover__verse, .qj-cover__brand { display: none !important; }
    .qj-cover__slab { height: 76cqh; bottom: 13cqh; }
    .qj-cover__mark { width: 7cqh; height: 7cqh; margin-top: 5cqh; }
    .qj-cover__orb { scale: .84; }
    .qj-cover__name { font-size: 11.5cqh; }
    .qj-cover__sub { font-size: 6cqh; margin: .8cqh 0 6cqh; }
    .qj-cover__tags { display: none !important; } /* 小缩略图旁边就是标签行，封面上不重复 */
}
@container qj-cover (max-aspect-ratio: 11/10) {
    .qj-cover__verse { left: 5%; top: 7cqh; font-size: 3.6cqh; }
    .qj-cover__slab { height: 64cqh; bottom: 19cqh; }
}

/* ============================================================ 5. 材质（玉牌） */
.qj-cover {
    --g-halo-rgb: 236, 226, 205; --g-neb: rgba(120, 140, 210, .22); --g-neb2: rgba(160, 120, 220, .12);
    --g-face: linear-gradient(165deg, rgba(244, 248, 255, .94), rgba(206, 218, 238, .8) 40%, rgba(232, 240, 252, .88) 64%, rgba(190, 204, 228, .84));
    --g-ink: #29324a; --g-ink-hi: #4b5878; --g-ink2: rgba(41, 50, 74, .66); --g-line: #50618a; --g-mark: #3a4766;
    --g-rim1: #f8fbff; --g-rim2: #b9c6dc; --g-rim3: #e3ebf7; --g-edge1: rgba(214, 226, 246, .9); --g-edge2: rgba(150, 168, 200, .8); --g-edge3: rgba(70, 86, 120, .7);
    --g-glow: rgba(190, 214, 255, .55); --g-o1: #7d91c2; --g-o2: #34416a; --g-o3: #ffffff; --g-sheen: .5; --g-top: .6;
    --g-iri: linear-gradient(125deg, rgba(255, 190, 230, .55), rgba(170, 220, 255, .5) 34%, rgba(255, 255, 255, 0) 52%, rgba(200, 180, 255, .5) 74%, rgba(160, 240, 230, .45));
}
/* 霜玉：入门（GO） */
.qj-cover[data-mat="mist"] {
    --g-face: linear-gradient(165deg, rgba(226, 233, 240, .92), rgba(176, 190, 206, .82) 44%, rgba(212, 222, 233, .88) 70%, rgba(160, 175, 194, .86));
    --g-ink: #233041; --g-ink-hi: #3f5066; --g-ink2: rgba(35, 48, 65, .62); --g-line: #4a5d74; --g-mark: #34465c;
    --g-rim1: #eef3f8; --g-rim2: #a7b6c8; --g-rim3: #d3dde8; --g-edge1: rgba(196, 208, 222, .9); --g-edge2: rgba(130, 146, 166, .8); --g-edge3: rgba(60, 72, 90, .7);
    --g-glow: rgba(170, 196, 225, .45); --g-o1: #6d849f; --g-neb: rgba(110, 140, 180, .2); --g-sheen: .38; --g-top: .5;
}
/* 冰晶：Plus / 通用 */
.qj-cover[data-mat="frost"] { --g-neb: rgba(140, 170, 255, .24); }
/* 珠贝：Claude Pro */
.qj-cover[data-mat="pearl"] {
    --g-face: linear-gradient(165deg, rgba(248, 244, 255, .95), rgba(218, 206, 240, .84) 42%, rgba(240, 234, 250, .9) 66%, rgba(204, 190, 232, .86));
    --g-ink: #3a2f55; --g-ink-hi: #5e4f86; --g-ink2: rgba(58, 47, 85, .64); --g-line: #6a5a98; --g-mark: #4c3f72;
    --g-rim1: #fbf8ff; --g-rim2: #c7b8e6; --g-rim3: #ebe3fa; --g-edge1: rgba(226, 214, 248, .9); --g-edge2: rgba(168, 148, 210, .8); --g-edge3: rgba(84, 66, 130, .7);
    --g-glow: rgba(206, 186, 255, .55); --g-o1: #9c86d4; --g-o2: #4c3c7a; --g-o3: #fff; --g-neb: rgba(170, 140, 240, .24); --g-halo-rgb: 238, 226, 255;
}
/* 银镜：Pro 100 标准 */
.qj-cover[data-mat="silver"] {
    --g-face: linear-gradient(160deg, #e5e9ef, #a3abb8 34%, #d5dae2 56%, #8b94a3 82%, #b8bfca);
    --g-ink: #1d2330; --g-ink-hi: #3d4658; --g-ink2: rgba(29, 35, 48, .66); --g-line: #3c4556; --g-mark: #2a3140;
    --g-rim1: #f4f6f9; --g-rim2: #8c95a3; --g-rim3: #d9dee5; --g-edge1: rgba(205, 211, 220, .95); --g-edge2: rgba(130, 138, 152, .9); --g-edge3: rgba(50, 56, 68, .8);
    --g-glow: rgba(210, 222, 245, .45); --g-o1: #eef2f8; --g-o2: #5d6678; --g-o3: #fff; --g-neb: rgba(150, 170, 210, .2); --g-halo-rgb: 228, 234, 245; --g-sheen: .55;
}
/* 香槟金：团队 / Business / Ultra */
.qj-cover[data-mat="champagne"] {
    --g-face: linear-gradient(162deg, #f7f0df, #d6c49c 38%, #efe5cd 60%, #c3ad80 86%, #e2d4b2);
    --g-ink: #3a2e18; --g-ink-hi: #6a5530; --g-ink2: rgba(58, 46, 24, .64); --g-line: #7a6236; --g-mark: #5d4a24;
    --g-rim1: #fff8e6; --g-rim2: #c6aa6c; --g-rim3: #efdfb6; --g-edge1: rgba(236, 220, 180, .95); --g-edge2: rgba(176, 148, 92, .9); --g-edge3: rgba(92, 70, 32, .8);
    --g-glow: rgba(255, 226, 160, .5); --g-o1: #b8954e; --g-o2: #6a5228; --g-o3: #fff6dc; --g-neb: rgba(230, 190, 120, .2); --g-halo-rgb: 255, 232, 188; --g-sheen: .5;
}
/* 青玉：Edu / Codex 1000 */
.qj-cover[data-mat="jade"] { --g-iri: none;
    --g-face: radial-gradient(70% 50% at 50% 42%, rgba(120, 240, 210, .28), transparent 72%), linear-gradient(165deg, #1f6a60, #0b3a35 46%, #145248 70%, #072a26);
    --g-ink: #e6fff8; --g-ink-hi: #ffffff; --g-ink2: rgba(214, 255, 243, .72); --g-line: #9ff0dc; --g-mark: #c9fff0;
    --g-rim1: #b8f5e6; --g-rim2: #3c9c88; --g-rim3: #8de6d1; --g-edge1: rgba(120, 220, 196, .85); --g-edge2: rgba(40, 130, 112, .85); --g-edge3: rgba(8, 50, 44, .85);
    --g-glow: rgba(90, 240, 200, .45); --g-o1: #8ff5dc; --g-o2: #1d7e6c; --g-o3: #ffffff; --g-neb: rgba(70, 200, 170, .22); --g-halo-rgb: 200, 255, 236; --g-sheen: .26; --g-top: .25; --g-ink-shadow: rgba(0, 40, 30, .5);
}
/* 苍蓝：Gemini / Codex 500 */
.qj-cover[data-mat="azure"] { --g-iri: none;
    --g-face: radial-gradient(70% 50% at 50% 40%, rgba(120, 160, 255, .35), transparent 72%), linear-gradient(165deg, #2c4ea6, #101f52 46%, #22408c 70%, #0a1640);
    --g-ink: #eef3ff; --g-ink-hi: #ffffff; --g-ink2: rgba(220, 230, 255, .74); --g-line: #a9c2ff; --g-mark: #dbe6ff;
    --g-rim1: #c7d8ff; --g-rim2: #4c6ed0; --g-rim3: #9db8ff; --g-edge1: rgba(140, 170, 250, .85); --g-edge2: rgba(50, 80, 170, .85); --g-edge3: rgba(12, 24, 70, .85);
    --g-glow: rgba(110, 150, 255, .55); --g-o1: #b8ceff; --g-o2: #3a5bc0; --g-o3: #ffffff; --g-neb: rgba(80, 120, 255, .26); --g-halo-rgb: 214, 226, 255; --g-sheen: .28; --g-top: .28; --g-ink-shadow: rgba(0, 10, 50, .5);
}
/* 紫晶星云：Pro 200 / Max 5× / Codex 500 */
.qj-cover[data-mat="violet"] { --g-iri: none;
    --g-face: radial-gradient(60% 46% at 56% 44%, rgba(180, 130, 255, .5), transparent 72%), radial-gradient(40% 30% at 30% 70%, rgba(110, 80, 230, .35), transparent 70%), linear-gradient(165deg, #2c1c63, #120a33 48%, #261650 72%, #0c0624);
    --g-ink: #f4edff; --g-ink-hi: #ffffff; --g-ink2: rgba(232, 220, 255, .74); --g-line: #c9b0ff; --g-mark: #eadcff;
    --g-rim1: #dcc8ff; --g-rim2: #7a52d6; --g-rim3: #b597ff; --g-edge1: rgba(170, 130, 250, .85); --g-edge2: rgba(90, 50, 170, .85); --g-edge3: rgba(30, 14, 70, .85);
    --g-glow: rgba(170, 120, 255, .6); --g-o1: #c7a8ff; --g-o2: #4a2a9a; --g-o3: #fbf6ff; --g-neb: rgba(150, 100, 255, .3); --g-neb2: rgba(110, 80, 230, .18); --g-halo-rgb: 226, 210, 255; --g-sheen: .24; --g-top: .26; --g-ink-shadow: rgba(20, 0, 50, .5);
}
/* 玄金：Pro 500 MAX / Max 20× / 大额额度 */
.qj-cover[data-mat="obsidian"] { --g-iri: none;
    --g-face: radial-gradient(60% 40% at 50% 40%, rgba(255, 210, 130, .12), transparent 70%), linear-gradient(165deg, #1c1a16, #060606 44%, #14120e 70%, #030303);
    --g-ink: #c9a24d; --g-ink-hi: #fff0c4; --g-ink2: rgba(236, 210, 150, .78); --g-line: #d8b56a; --g-mark: #e8c67c;
    --g-rim1: #ffe7a8; --g-rim2: #9c7428; --g-rim3: #f0cf7e; --g-edge1: rgba(220, 180, 100, .95); --g-edge2: rgba(140, 100, 36, .95); --g-edge3: rgba(50, 34, 8, .9);
    --g-glow: rgba(255, 200, 110, .5); --g-o1: #f0cf7e; --g-o2: #6b4c14; --g-o3: #fff4d2; --g-neb: rgba(255, 190, 90, .18); --g-neb2: rgba(170, 120, 255, .12); --g-halo-rgb: 255, 224, 160; --g-sheen: .16; --g-top: .18; --g-motif-o: .12; --g-ink-shadow: rgba(0, 0, 0, .6);
}
/* 墨岩：Grok Heavy */
.qj-cover[data-mat="onyx"] { --g-iri: none;
    --g-face: repeating-linear-gradient(118deg, rgba(255, 255, 255, .025) 0 .3cqh, transparent .3cqh 2.2cqh), linear-gradient(165deg, #2c2d31, #0c0c0e 46%, #1e1f22 72%, #060607);
    --g-ink: #e9ebef; --g-ink-hi: #ffffff; --g-ink2: rgba(225, 228, 234, .7); --g-line: #c7ccd6; --g-mark: #eef0f4;
    --g-rim1: #f1f3f6; --g-rim2: #6d727c; --g-rim3: #c4c8d0; --g-edge1: rgba(200, 204, 212, .9); --g-edge2: rgba(110, 114, 124, .9); --g-edge3: rgba(30, 32, 36, .9);
    --g-glow: rgba(150, 190, 255, .4); --g-o1: #dfe8ff; --g-o2: #3a4a70; --g-o3: #ffffff; --g-neb: rgba(110, 150, 230, .18); --g-halo-rgb: 214, 226, 255; --g-sheen: .2; --g-top: .2; --g-ink-shadow: rgba(0, 0, 0, .6);
}
/* 极光：SuperGrok */
.qj-cover[data-mat="aurora"] { --g-iri: none;
    --g-face: radial-gradient(56% 40% at 54% 44%, rgba(230, 90, 220, .3), transparent 70%), linear-gradient(165deg, #1d1428, #08060d 48%, #1a1024 72%, #050308);
    --g-ink: #fbeefe; --g-ink-hi: #ffffff; --g-ink2: rgba(246, 222, 252, .74); --g-line: #e5a6f2; --g-mark: #f6dcff;
    --g-rim1: #ffd2f6; --g-rim2: #8a3fb0; --g-rim3: #e590ff; --g-edge1: rgba(230, 150, 240, .85); --g-edge2: rgba(130, 50, 160, .85); --g-edge3: rgba(40, 10, 50, .85);
    --g-glow: rgba(230, 110, 240, .5); --g-o1: #ff7fe0; --g-o2: #8c6bff; --g-o3: #ffe3fb; --g-neb: rgba(220, 90, 220, .2); --g-neb2: rgba(110, 90, 255, .16); --g-halo-rgb: 250, 214, 255; --g-sheen: .2; --g-top: .22; --g-ink-shadow: rgba(30, 0, 30, .6);
}

/* ============================================================ 6. 动效：玉牌浮动、日蚀流光、星辰明灭、器物运转、掠光 */
@keyframes qj-cv-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -1.4cqh; } }
@keyframes qj-cv-sun { to { --cv-sun: 660deg; } }
@keyframes qj-cv-twinkle { 0%, 100% { opacity: .85; } 50% { opacity: .55; } }
@keyframes qj-cv-orbit { 0%, 100% { rotate: 0deg; } 50% { rotate: 6deg; } }
@keyframes qj-cv-spin { to { rotate: 360deg; } }
@keyframes qj-cv-pulse { 0%, 100% { opacity: .75; scale: 1; } 50% { opacity: 1; scale: 1.06; } }
@keyframes qj-cv-sheen { 0% { transform: translateX(-130%); } 60%, 100% { transform: translateX(130%); } }
@keyframes qj-cv-wave { to { translate: -12cqh 0; } }
@property --cv-sun { syntax: "<angle>"; inherits: true; initial-value: 300deg; }

.qj-cover__slab { animation: qj-cv-float 7s ease-in-out infinite; }
.qj-cover__halo::before, .qj-cover__halo::after { animation: qj-cv-sun 26s linear infinite; }
.qj-cover__sky::before { animation: qj-cv-twinkle 5s ease-in-out infinite; }
.qj-cover__orb { animation: qj-cv-orbit 9s ease-in-out infinite; }
.qj-cover[data-orb="swirl"] .qj-cover__orb > i:nth-child(2) { animation: qj-cv-spin 14s linear infinite; }
.qj-cover[data-orb="eclipse"] .qj-cover__orb > i:nth-child(2), .qj-cover[data-orb="ring"] .qj-cover__orb > i:nth-child(3), .qj-cover[data-orb="swirl"] .qj-cover__orb > i:nth-child(1) { animation: qj-cv-pulse 4.5s ease-in-out infinite; }
.qj-cover[data-orb="wave"] .qj-cover__orb > svg { animation: qj-cv-orbit 8s ease-in-out infinite; }
.qj-cover__face > .qj-cover__glint { position: absolute; inset: -10% -40%; z-index: 5; pointer-events: none;
    background: linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, .38) 49%, rgba(255, 255, 255, .06) 53%, transparent 60%);
    mix-blend-mode: screen; transform: translateX(-130%); animation: qj-cv-sheen 7s ease-in-out infinite 1.5s; }

/* 目录里的封面平时静止（二十张同时动太吵，也省电），悬停或键盘聚焦时才动；首屏主推与详情页一直缓动 */
.qj-card .qj-cover *, .qj-card .qj-cover *::before, .qj-card .qj-cover *::after { animation-play-state: paused; }
.qj-card:hover .qj-cover *, .qj-card:hover .qj-cover *::before, .qj-card:hover .qj-cover *::after,
.qj-card:focus-visible .qj-cover *, .qj-card:focus-visible .qj-cover *::before, .qj-card:focus-visible .qj-cover *::after { animation-play-state: running; }
.qj-card .qj-cover__slab { transition: transform .7s var(--qj-ease, cubic-bezier(.2, .7, .2, 1)); }
.qj-card:hover .qj-cover__slab, .qj-card:focus-visible .qj-cover__slab { --cv-ry: -4deg; --cv-rz: 0deg; }
.qj-card.is-soldout .qj-cover { filter: grayscale(.85) brightness(.82); }
:root[data-motion="static"] .qj-cover, :root[data-motion="static"] .qj-cover *, :root[data-motion="static"] .qj-cover *::before, :root[data-motion="static"] .qj-cover *::after { animation: none !important; }
:root[data-motion="static"] .qj-cover__glint { display: none; }
@media (prefers-reduced-motion: reduce) {
    .qj-cover, .qj-cover *, .qj-cover *::before, .qj-cover *::after { animation: none !important; transition: none !important; }
    .qj-cover__glint { display: none; }
}

/* ============================================================ 7. 放进现有画框 */
.qj-media--cover { background: #05070d; }
.qj-media--cover::after { z-index: 7; }
.qj-media--cover .qj-cover__verse { top: 30cqh; }
.qj-item__media.qj-media--cover .qj-cover__verse { top: 11cqh; }
:root[data-appearance="light"] .qj-card__media.qj-media--cover, :root[data-appearance="light"] .qj-feature__media.qj-media--cover { box-shadow: 0 14px 28px -18px rgba(18, 22, 40, .55); }

/* 不支持容器查询的旧浏览器（Safari 16 以前）：尺寸单位 cqh 无效，只保留星空舞台，不画玉牌与小字，避免错乱 */
@supports not (container-type: size) { .qj-cover__slab, .qj-cover__verse, .qj-cover__tags, .qj-cover__halo, .qj-cover__land { display: none !important; } }

/* ============================================================ 8. 档位徽章（商品卡标签行、详情页、系列图鉴） */
.qj-tag--tier {
    --tb: var(--qj-accent); --tb-rgb: var(--qj-accent-rgb);
    gap: 6px; font-weight: 600; letter-spacing: .12em; color: var(--tb);
    border-color: rgba(var(--tb-rgb), .42);
    background: linear-gradient(180deg, rgba(var(--tb-rgb), .14), rgba(var(--tb-rgb), .04));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35);
}
.qj-tag--tier i { width: 5px; height: 5px; transform: rotate(45deg); background: var(--tb); box-shadow: 0 0 6px rgba(var(--tb-rgb), .7); }
.qj-tag--tier[data-rank="4"] { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 4px 14px -6px rgba(var(--tb-rgb), .7); }
.qj-tag--tier[data-mat="mist"]      { --tb: #4f6177; --tb-rgb: 79, 97, 119; }
.qj-tag--tier[data-mat="frost"]     { --tb: #45598a; --tb-rgb: 69, 89, 138; }
.qj-tag--tier[data-mat="pearl"]     { --tb: #6a55a6; --tb-rgb: 106, 85, 166; }
.qj-tag--tier[data-mat="silver"]    { --tb: #4f5868; --tb-rgb: 79, 88, 104; }
.qj-tag--tier[data-mat="champagne"] { --tb: #8a6a2c; --tb-rgb: 138, 106, 44; }
.qj-tag--tier[data-mat="jade"]      { --tb: #1b7a66; --tb-rgb: 27, 122, 102; }
.qj-tag--tier[data-mat="azure"]     { --tb: #2f4fb0; --tb-rgb: 47, 79, 176; }
.qj-tag--tier[data-mat="violet"]    { --tb: #6d3fc8; --tb-rgb: 109, 63, 200; }
.qj-tag--tier[data-mat="obsidian"]  { --tb: #8f6a1c; --tb-rgb: 143, 106, 28; }
.qj-tag--tier[data-mat="onyx"]      { --tb: #3a3d44; --tb-rgb: 58, 61, 68; }
.qj-tag--tier[data-mat="aurora"]    { --tb: #a03aa6; --tb-rgb: 160, 58, 166; }
:root[data-appearance="dark"] .qj-tag--tier { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08); }
:root[data-appearance="dark"] .qj-tag--tier[data-mat="mist"]      { --tb: #b9c8da; --tb-rgb: 185, 200, 218; }
:root[data-appearance="dark"] .qj-tag--tier[data-mat="frost"]     { --tb: #cfdcff; --tb-rgb: 207, 220, 255; }
:root[data-appearance="dark"] .qj-tag--tier[data-mat="pearl"]     { --tb: #dccfff; --tb-rgb: 220, 207, 255; }
:root[data-appearance="dark"] .qj-tag--tier[data-mat="silver"]    { --tb: #dfe4ec; --tb-rgb: 223, 228, 236; }
:root[data-appearance="dark"] .qj-tag--tier[data-mat="champagne"] { --tb: #f1dca8; --tb-rgb: 241, 220, 168; }
:root[data-appearance="dark"] .qj-tag--tier[data-mat="jade"]      { --tb: #9ff0dc; --tb-rgb: 159, 240, 220; }
:root[data-appearance="dark"] .qj-tag--tier[data-mat="azure"]     { --tb: #b8ceff; --tb-rgb: 184, 206, 255; }
:root[data-appearance="dark"] .qj-tag--tier[data-mat="violet"]    { --tb: #d7c2ff; --tb-rgb: 215, 194, 255; }
:root[data-appearance="dark"] .qj-tag--tier[data-mat="obsidian"]  { --tb: #f0cf7e; --tb-rgb: 240, 207, 126; }
:root[data-appearance="dark"] .qj-tag--tier[data-mat="onyx"]      { --tb: #e3e6ec; --tb-rgb: 227, 230, 236; }
:root[data-appearance="dark"] .qj-tag--tier[data-mat="aurora"]    { --tb: #ffb8f2; --tb-rgb: 255, 184, 242; }
/* 五档：玄金徽章（日夜同为黑底金字），一道缓慢流光 */
.qj-tag--tier[data-rank="5"] {
    --tb: #f0cf7e; --tb-rgb: 240, 207, 126; color: #f3d792; border-color: rgba(240, 207, 126, .7);
    background: linear-gradient(110deg, #15120c 30%, #3a2e14 50%, #15120c 70%) 0 0 / 260% 100%;
    box-shadow: inset 0 1px 0 rgba(255, 236, 190, .25), 0 4px 14px -6px rgba(240, 190, 90, .7);
    animation: qj-tier-flow 5s linear infinite;
}
@keyframes qj-tier-flow { to { background-position: -260% 0; } }

/* ============================================================ 9. 系列图鉴（首页目录上方，qijing.js 生成） */
.qj-atlas { display: grid; gap: 12px; margin: 0 0 26px; }
.qj-atlas[hidden] { display: none; }
.qj-atlas__label { font-size: 12px; font-weight: 600; letter-spacing: .22em; color: var(--qj-ink-3); }
.qj-atlas__list { display: flex; gap: 14px; overflow-x: auto; padding: 2px 2px 8px; scroll-snap-type: x proximity; scrollbar-width: thin; }
.qj-atlas__item {
    flex: 1 0 280px; max-width: 420px; scroll-snap-align: start; display: grid; gap: 12px; padding: 14px; border-radius: var(--qj-radius-lg);
    border: 1px solid var(--qj-line); background: var(--qj-surface); -webkit-backdrop-filter: var(--qj-blur); backdrop-filter: var(--qj-blur);
}
.qj-atlas__series { display: flex; align-items: center; gap: 14px; padding: 0; border: 0; background: none; color: inherit; text-align: left; cursor: pointer; }
.qj-atlas__emblem { position: relative; flex: none; width: 64px; height: 64px; border-radius: 16px; overflow: hidden; box-shadow: 0 8px 22px -12px rgba(0, 0, 0, .55); transition: transform .4s var(--qj-ease); }
.qj-cover--mini .qj-cover__slab { height: 72cqh; bottom: 14cqh; border-radius: 9cqh; padding: 1.4cqh; animation: none; }
.qj-cover--mini .qj-cover__face { justify-content: center; border-radius: 8cqh; }
.qj-cover--mini .qj-cover__mark { width: 30cqh; height: 30cqh; margin: 0; }
.qj-cover--mini .qj-cover__halo { top: 46cqh; }
.qj-atlas__series:hover .qj-atlas__emblem, .qj-atlas__series.is-active .qj-atlas__emblem { transform: translateY(-2px) rotate(-3deg); }
.qj-atlas__series.is-active .qj-atlas__emblem { box-shadow: 0 0 0 2px rgb(var(--qj-accent-rgb)), 0 8px 22px -10px rgba(var(--qj-accent-rgb), .8); }
.qj-atlas__meta { display: grid; gap: 4px; }
.qj-atlas__meta strong { font: 400 20px/1.1 var(--qj-font-display); color: var(--qj-ink); }
.qj-atlas__meta small { font-size: 12.5px; color: var(--qj-ink-3); letter-spacing: .06em; }
.qj-atlas__tiers { display: flex; flex-wrap: wrap; gap: 6px; }
.qj-atlas__tiers .qj-tag--tier { cursor: pointer; font-family: inherit; }
.qj-atlas__tiers .qj-tag--tier.is-active { color: var(--qj-on-action); background: var(--tb); border-color: transparent; }
.qj-atlas__tiers .qj-tag--tier[data-rank="5"].is-active { color: #15120c; background: #f0cf7e; animation: none; }
.qj-atlas__tiers .qj-tag--tier.is-active i { background: currentColor; box-shadow: none; }
@media (max-width: 640px) { .qj-atlas__item { flex-basis: 78%; } .qj-atlas__emblem { width: 54px; height: 54px; } }
:root[data-motion="static"] .qj-tag--tier { animation: none !important; }
@media (prefers-reduced-motion: reduce) { .qj-tag--tier { animation: none !important; } }

/* ============================================================ 10. 生成段（design-tools/build-motifs.mjs 写入，勿手改）
   @stars 星空贴图 · @motifs 牌面暗刻的七境纹样 · @horizons 七境地平线剪影 */

/* @stars-begin */
.qj-cover { --cv-stars-a: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27220%27%20height%3D%27220%27%20viewBox%3D%270%200%20220%20220%27%3E%3Ccircle%20cx%3D%272.6%27%20cy%3D%2713.6%27%20r%3D%270.69%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.56%27%2F%3E%3Ccircle%20cx%3D%2789.2%27%20cy%3D%27102.6%27%20r%3D%270.34%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.69%27%2F%3E%3Ccircle%20cx%3D%2756.7%27%20cy%3D%2734.3%27%20r%3D%270.51%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.37%27%2F%3E%3Ccircle%20cx%3D%2781.0%27%20cy%3D%2764.5%27%20r%3D%270.35%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.84%27%2F%3E%3Ccircle%20cx%3D%2754.5%27%20cy%3D%27193.1%27%20r%3D%270.27%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.34%27%2F%3E%3Ccircle%20cx%3D%2764.0%27%20cy%3D%27120.5%27%20r%3D%270.29%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.80%27%2F%3E%3Ccircle%20cx%3D%27121.8%27%20cy%3D%27136.8%27%20r%3D%270.68%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.62%27%2F%3E%3Ccircle%20cx%3D%27202.7%27%20cy%3D%27182.1%27%20r%3D%270.25%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.46%27%2F%3E%3Ccircle%20cx%3D%2793.6%27%20cy%3D%274.4%27%20r%3D%270.29%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.47%27%2F%3E%3Ccircle%20cx%3D%2793.9%27%20cy%3D%27103.1%27%20r%3D%270.68%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.66%27%2F%3E%3Ccircle%20cx%3D%2772.7%27%20cy%3D%2778.4%27%20r%3D%270.26%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.80%27%2F%3E%3Ccircle%20cx%3D%2770.9%27%20cy%3D%2741.9%27%20r%3D%270.39%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.28%27%2F%3E%3Ccircle%20cx%3D%27150.5%27%20cy%3D%27202.7%27%20r%3D%270.54%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.64%27%2F%3E%3Ccircle%20cx%3D%27202.4%27%20cy%3D%2725.7%27%20r%3D%270.47%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.78%27%2F%3E%3Ccircle%20cx%3D%27211.3%27%20cy%3D%27184.4%27%20r%3D%270.62%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.83%27%2F%3E%3Ccircle%20cx%3D%27120.7%27%20cy%3D%27180.1%27%20r%3D%270.25%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.45%27%2F%3E%3Ccircle%20cx%3D%27159.3%27%20cy%3D%27120.9%27%20r%3D%270.73%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.58%27%2F%3E%3Ccircle%20cx%3D%27181.1%27%20cy%3D%2794.6%27%20r%3D%270.56%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.58%27%2F%3E%3Ccircle%20cx%3D%2768.7%27%20cy%3D%2752.1%27%20r%3D%270.25%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.82%27%2F%3E%3Ccircle%20cx%3D%27183.3%27%20cy%3D%27138.7%27%20r%3D%270.26%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.61%27%2F%3E%3Ccircle%20cx%3D%27157.7%27%20cy%3D%27218.9%27%20r%3D%270.43%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.64%27%2F%3E%3Ccircle%20cx%3D%27177.1%27%20cy%3D%27137.4%27%20r%3D%270.33%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.85%27%2F%3E%3Ccircle%20cx%3D%27111.5%27%20cy%3D%27124.7%27%20r%3D%270.29%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.38%27%2F%3E%3Ccircle%20cx%3D%27179.0%27%20cy%3D%27189.5%27%20r%3D%270.56%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.84%27%2F%3E%3Ccircle%20cx%3D%27134.0%27%20cy%3D%27162.0%27%20r%3D%270.55%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.39%27%2F%3E%3Ccircle%20cx%3D%27128.5%27%20cy%3D%27175.0%27%20r%3D%270.36%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.58%27%2F%3E%3Ccircle%20cx%3D%27105.1%27%20cy%3D%27115.6%27%20r%3D%270.28%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.51%27%2F%3E%3Ccircle%20cx%3D%27105.1%27%20cy%3D%2737.6%27%20r%3D%270.25%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.26%27%2F%3E%3Ccircle%20cx%3D%2723.6%27%20cy%3D%27192.8%27%20r%3D%270.29%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.35%27%2F%3E%3Ccircle%20cx%3D%2789.1%27%20cy%3D%27109.8%27%20r%3D%270.43%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.47%27%2F%3E%3Ccircle%20cx%3D%27174.1%27%20cy%3D%27156.4%27%20r%3D%270.53%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.73%27%2F%3E%3Ccircle%20cx%3D%2790.7%27%20cy%3D%27123.8%27%20r%3D%270.35%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.72%27%2F%3E%3Ccircle%20cx%3D%2717.6%27%20cy%3D%2755.5%27%20r%3D%270.69%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.71%27%2F%3E%3Ccircle%20cx%3D%2794.6%27%20cy%3D%2778.5%27%20r%3D%270.40%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.47%27%2F%3E%3Ccircle%20cx%3D%27104.9%27%20cy%3D%27182.7%27%20r%3D%270.51%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.58%27%2F%3E%3Ccircle%20cx%3D%2796.0%27%20cy%3D%2774.5%27%20r%3D%270.35%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.78%27%2F%3E%3Ccircle%20cx%3D%27125.9%27%20cy%3D%27216.9%27%20r%3D%270.52%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.51%27%2F%3E%3Ccircle%20cx%3D%27153.5%27%20cy%3D%27204.8%27%20r%3D%270.49%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.35%27%2F%3E%3Ccircle%20cx%3D%27152.5%27%20cy%3D%2786.0%27%20r%3D%270.59%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.48%27%2F%3E%3Ccircle%20cx%3D%2765.0%27%20cy%3D%2719.9%27%20r%3D%270.58%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.83%27%2F%3E%3Ccircle%20cx%3D%2769.8%27%20cy%3D%2757.1%27%20r%3D%270.28%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.81%27%2F%3E%3Ccircle%20cx%3D%27172.5%27%20cy%3D%27182.3%27%20r%3D%270.39%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.84%27%2F%3E%3Ccircle%20cx%3D%2762.2%27%20cy%3D%27118.5%27%20r%3D%270.43%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.71%27%2F%3E%3Ccircle%20cx%3D%27137.2%27%20cy%3D%27159.6%27%20r%3D%270.49%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.41%27%2F%3E%3Ccircle%20cx%3D%27183.0%27%20cy%3D%27106.2%27%20r%3D%270.32%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.53%27%2F%3E%3Ccircle%20cx%3D%27123.1%27%20cy%3D%27121.3%27%20r%3D%270.80%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.34%27%2F%3E%3Ccircle%20cx%3D%2722.4%27%20cy%3D%2763.1%27%20r%3D%270.38%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.80%27%2F%3E%3Ccircle%20cx%3D%27188.6%27%20cy%3D%27116.6%27%20r%3D%270.41%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.55%27%2F%3E%3Ccircle%20cx%3D%27203.7%27%20cy%3D%27148.7%27%20r%3D%270.42%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.80%27%2F%3E%3Ccircle%20cx%3D%27213.3%27%20cy%3D%27185.4%27%20r%3D%270.25%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.70%27%2F%3E%3Ccircle%20cx%3D%2723.0%27%20cy%3D%2718.2%27%20r%3D%270.41%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.60%27%2F%3E%3Ccircle%20cx%3D%2757.7%27%20cy%3D%27174.7%27%20r%3D%270.28%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.52%27%2F%3E%3Ccircle%20cx%3D%27215.5%27%20cy%3D%2718.1%27%20r%3D%270.27%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.72%27%2F%3E%3Ccircle%20cx%3D%27152.1%27%20cy%3D%2759.8%27%20r%3D%270.28%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.54%27%2F%3E%3Ccircle%20cx%3D%2796.2%27%20cy%3D%27119.7%27%20r%3D%270.33%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.43%27%2F%3E%3Ccircle%20cx%3D%27152.2%27%20cy%3D%27183.1%27%20r%3D%270.25%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.68%27%2F%3E%3Ccircle%20cx%3D%27196.4%27%20cy%3D%2762.0%27%20r%3D%270.60%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.44%27%2F%3E%3Ccircle%20cx%3D%2720.9%27%20cy%3D%2723.5%27%20r%3D%270.70%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.40%27%2F%3E%3Ccircle%20cx%3D%27113.9%27%20cy%3D%2715.6%27%20r%3D%270.39%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.72%27%2F%3E%3Ccircle%20cx%3D%2735.7%27%20cy%3D%27163.1%27%20r%3D%270.28%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.37%27%2F%3E%3Ccircle%20cx%3D%27193.7%27%20cy%3D%276.8%27%20r%3D%270.27%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.80%27%2F%3E%3Ccircle%20cx%3D%27106.4%27%20cy%3D%27126.6%27%20r%3D%270.33%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.56%27%2F%3E%3Ccircle%20cx%3D%2716.4%27%20cy%3D%27131.0%27%20r%3D%270.65%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.29%27%2F%3E%3Ccircle%20cx%3D%27125.4%27%20cy%3D%2781.5%27%20r%3D%270.28%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.41%27%2F%3E%3Ccircle%20cx%3D%2734.1%27%20cy%3D%2762.4%27%20r%3D%270.43%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.74%27%2F%3E%3Ccircle%20cx%3D%27190.5%27%20cy%3D%27170.2%27%20r%3D%270.65%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.63%27%2F%3E%3Ccircle%20cx%3D%27154.5%27%20cy%3D%27151.4%27%20r%3D%270.33%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.65%27%2F%3E%3Ccircle%20cx%3D%2772.0%27%20cy%3D%2753.2%27%20r%3D%270.44%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.66%27%2F%3E%3Ccircle%20cx%3D%2793.8%27%20cy%3D%27156.5%27%20r%3D%270.37%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.56%27%2F%3E%3Ccircle%20cx%3D%2796.8%27%20cy%3D%2786.2%27%20r%3D%270.32%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.58%27%2F%3E%3C%2Fsvg%3E"); --cv-stars-b: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27300%27%20height%3D%27300%27%20viewBox%3D%270%200%20300%20300%27%3E%3Ccircle%20cx%3D%2717.6%27%20cy%3D%2798.1%27%20r%3D%270.77%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.99%27%2F%3E%3Ccircle%20cx%3D%2796.8%27%20cy%3D%27196.1%27%20r%3D%270.73%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.91%27%2F%3E%3Ccircle%20cx%3D%2734.1%27%20cy%3D%27146.2%27%20r%3D%270.68%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.79%27%2F%3E%3Ccircle%20cx%3D%2725.5%27%20cy%3D%2728.6%27%20r%3D%270.79%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.92%27%2F%3E%3Ccircle%20cx%3D%27140.1%27%20cy%3D%2758.5%27%20r%3D%270.51%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.80%27%2F%3E%3Ccircle%20cx%3D%2786.1%27%20cy%3D%2749.4%27%20r%3D%270.69%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.98%27%2F%3E%3Ccircle%20cx%3D%27282.7%27%20cy%3D%27142.5%27%20r%3D%270.53%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.96%27%2F%3E%3Ccircle%20cx%3D%27259.6%27%20cy%3D%270.4%27%20r%3D%270.73%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.97%27%2F%3E%3Ccircle%20cx%3D%27148.0%27%20cy%3D%27117.5%27%20r%3D%270.55%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.92%27%2F%3E%3Ccircle%20cx%3D%2719.5%27%20cy%3D%27113.2%27%20r%3D%270.71%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.96%27%2F%3E%3Ccircle%20cx%3D%27150.7%27%20cy%3D%2767.3%27%20r%3D%270.56%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.80%27%2F%3E%3Ccircle%20cx%3D%27230.6%27%20cy%3D%27266.5%27%20r%3D%270.50%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.73%27%2F%3E%3Ccircle%20cx%3D%2743.5%27%20cy%3D%27107.4%27%20r%3D%270.62%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.78%27%2F%3E%3Ccircle%20cx%3D%276.8%27%20cy%3D%279.3%27%20r%3D%270.65%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.91%27%2F%3E%3Cpath%20d%3D%27M34.9%20178.4Q35.2%20181.8%2038.6%20182.1Q35.2%20182.5%2034.9%20185.9Q34.5%20182.5%2031.1%20182.1Q34.5%20181.8%2034.9%20178.4Z%27%20fill%3D%27%23fff%27%20fill-opacity%3D%27.9%27%2F%3E%3Cpath%20d%3D%27M128.7%20173.5Q129.0%20176.0%20131.5%20176.3Q129.0%20176.7%20128.7%20179.1Q128.3%20176.7%20125.9%20176.3Q128.3%20176.0%20128.7%20173.5Z%27%20fill%3D%27%23fff%27%20fill-opacity%3D%27.9%27%2F%3E%3Cpath%20d%3D%27M34.1%20-0.3Q34.5%203.6%2038.3%203.9Q34.5%204.3%2034.1%208.1Q33.8%204.3%2029.9%203.9Q33.8%203.6%2034.1%20-0.3Z%27%20fill%3D%27%23fff%27%20fill-opacity%3D%27.9%27%2F%3E%3C%2Fsvg%3E"); }
/* @stars-end */

/* @motifs-begin */
:root[data-realm="atelier"] .qj-cover { --qj-motif: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27150%27%20height%3D%2784%27%20viewBox%3D%270%200%20150%2084%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.3%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M14%2040c6-10%2018-10%2022-2%204-8%2016-8%2020%200%206-2%2010%204%206%209H10c-4-2-2-8%204-7z%27%2F%3E%3Cpath%20d%3D%27M30%2034c0-5%206-6%207-1%27%2F%3E%3Cpath%20d%3D%27M89%2082c6-10%2018-10%2022-2%204-8%2016-8%2020%200%206-2%2010%204%206%209%27%2F%3E%3Cpath%20d%3D%27M105%2076c0-5%206-6%207-1%27%2F%3E%3Cpath%20d%3D%27M89%200c6%204%2014%205%2020%201%27%2F%3E%3C%2Fsvg%3E"); --qj-motif-size: 150px 84px; --qj-motif-w: 150px; }
:root[data-realm="silk"] .qj-cover { --qj-motif: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27180%27%20height%3D%2746%27%20viewBox%3D%270%200%20180%2046%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.1%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M0%2012c30-14%2060%2014%2090%200s60-14%2090%200%27%2F%3E%3Cpath%20d%3D%27M0%2023c30-14%2060%2014%2090%200s60-14%2090%200%27%20stroke-opacity%3D%27.65%27%2F%3E%3Cpath%20d%3D%27M0%2034c30-14%2060%2014%2090%200s60-14%2090%200%27%20stroke-opacity%3D%27.4%27%2F%3E%3C%2Fsvg%3E"); --qj-motif-size: 180px 46px; --qj-motif-w: 180px; }
:root[data-realm="porcelain"] .qj-cover { --qj-motif: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2796%27%20height%3D%2796%27%20viewBox%3D%270%200%2096%2096%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.1%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2748%27%20cy%3D%2748%27%20r%3D%2730%27%2F%3E%3Ccircle%20cx%3D%2748%27%20cy%3D%2748%27%20r%3D%2712%27%2F%3E%3Ccircle%20cx%3D%2748%27%20cy%3D%2748%27%20r%3D%2721%27%20stroke-dasharray%3D%272%205%27%2F%3E%3Ccircle%20cx%3D%270%27%20cy%3D%270%27%20r%3D%274%27%2F%3E%3Ccircle%20cx%3D%2796%27%20cy%3D%270%27%20r%3D%274%27%2F%3E%3Ccircle%20cx%3D%270%27%20cy%3D%2796%27%20r%3D%274%27%2F%3E%3Ccircle%20cx%3D%2796%27%20cy%3D%2796%27%20r%3D%274%27%2F%3E%3C%2Fsvg%3E"); --qj-motif-size: 96px 96px; --qj-motif-w: 96px; }
:root[data-realm="orbit"] .qj-cover { --qj-motif: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27110%27%20height%3D%27110%27%20viewBox%3D%270%200%20110%20110%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M0%2055h8M102%2055h8M55%200v8M55%20102v8%27%20stroke-opacity%3D%27.6%27%2F%3E%3Cpath%20d%3D%27M18%2026l22%2010%2016-14%2024%208%27%20%2F%3E%3Ccircle%20cx%3D%2718%27%20cy%3D%2726%27%20r%3D%272.2%27%20fill%3D%27%23000%27%2F%3E%3Ccircle%20cx%3D%2740%27%20cy%3D%2736%27%20r%3D%271.6%27%20fill%3D%27%23000%27%2F%3E%3Ccircle%20cx%3D%2756%27%20cy%3D%2722%27%20r%3D%272.4%27%20fill%3D%27%23000%27%2F%3E%3Ccircle%20cx%3D%2780%27%20cy%3D%2730%27%20r%3D%271.6%27%20fill%3D%27%23000%27%2F%3E%3Cpath%20d%3D%27M30%2084l18-8%2020%2012%27%20stroke-opacity%3D%27.7%27%2F%3E%3Ccircle%20cx%3D%2730%27%20cy%3D%2784%27%20r%3D%271.6%27%20fill%3D%27%23000%27%2F%3E%3Ccircle%20cx%3D%2748%27%20cy%3D%2776%27%20r%3D%272%27%20fill%3D%27%23000%27%2F%3E%3Ccircle%20cx%3D%2768%27%20cy%3D%2788%27%20r%3D%271.6%27%20fill%3D%27%23000%27%2F%3E%3Ccircle%20cx%3D%2792%27%20cy%3D%2770%27%20r%3D%271%27%20fill%3D%27%23000%27%2F%3E%3C%2Fsvg%3E"); --qj-motif-size: 110px 110px; --qj-motif-w: 110px; }
:root[data-realm="astral"] .qj-cover { --qj-motif: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27100%27%20height%3D%27100%27%20viewBox%3D%270%200%20100%20100%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M-10%2070L70%20-10M10%20100L100%2010%27%20stroke-opacity%3D%27.55%27%2F%3E%3Cpath%20d%3D%27M30%20110L110%2030%27%20stroke-opacity%3D%27.3%27%2F%3E%3Ccircle%20cx%3D%2722%27%20cy%3D%2730%27%20r%3D%271.6%27%20fill%3D%27%23000%27%2F%3E%3Ccircle%20cx%3D%2764%27%20cy%3D%2760%27%20r%3D%271.1%27%20fill%3D%27%23000%27%2F%3E%3Ccircle%20cx%3D%2784%27%20cy%3D%2718%27%20r%3D%272%27%20fill%3D%27%23000%27%2F%3E%3Ccircle%20cx%3D%2742%27%20cy%3D%2786%27%20r%3D%271.3%27%20fill%3D%27%23000%27%2F%3E%3Cpath%20d%3D%27M80%2076l4%200M82%2074l0%204%27%2F%3E%3C%2Fsvg%3E"); --qj-motif-size: 100px 100px; --qj-motif-w: 100px; }
:root[data-realm="verdant"] .qj-cover { --qj-motif: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27190%27%20height%3D%2770%27%20viewBox%3D%270%200%20190%2070%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.1%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M0%2046l22-18%2014%2010%2024-26%2022%2020%2016-10%2026%2022%2020-14%2022%2014%2024-16%27%2F%3E%3Cpath%20d%3D%27M0%2062c10-5%2020%205%2030%200s20%205%2030%200%2020%205%2030%200%2020%205%2030%200%2020%205%2030%200%2020%205%2030%200%27%20stroke-opacity%3D%27.55%27%2F%3E%3C%2Fsvg%3E"); --qj-motif-size: 190px 70px; --qj-motif-w: 190px; }
:root[data-realm="dawn"] .qj-cover { --qj-motif: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2780%27%20height%3D%27120%27%20viewBox%3D%270%200%2080%20120%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M40%20112C38%2080%2044%2040%2058%208%27%2F%3E%3Cpath%20d%3D%27M41%2096l-14-8M42%2084l-15-9M43%2072l-14-10M45%2060l-13-10M48%2048l-11-10M51%2036l-9-9M54%2026l-7-8%27%2F%3E%3Cpath%20d%3D%27M41%2096l12-10M42%2084l13-10M43%2072l13-11M45%2060l12-11M48%2048l10-10M51%2036l8-9%27%20stroke-opacity%3D%27.6%27%2F%3E%3C%2Fsvg%3E"); --qj-motif-size: 80px 120px; --qj-motif-w: 80px; }
/* @motifs-end */

/* @horizons-begin */
:root[data-realm="atelier"] .qj-cover { --qj-horizon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27600%27%20height%3D%27188%27%20viewBox%3D%270%200%20600%20188%27%3E%3Cg%20transform%3D%27translate(0%2026)%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M0%2062V34L10%2030%2022%2033%2032%2042%2046%2048%2062%2054%2084%2058%20112%2062z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M5%2031h22l-3.52%20-4h-14.96z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M9.4%2027.4h13.2v-4.8h-13.2z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M7.199999999999999%2023h17.6l-2.8160000000000003%20-4h-11.968000000000002z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M10.719999999999999%2019.4h10.56v-4.8h-10.56z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M8.959999999999999%2015h14.080000000000002l-2.2528%20-4h-9.574400000000002z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M11.776%2011.4h8.448v-4.8h-8.448z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M15.4%207.4h1.2l-.6-7z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M496%2040Q516%2030%20542%2033%20566%2031%20584%2039%20562%2052%20540%2057%20518%2052%20496%2040z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M527%2033h26l-4.16%20-4h-17.68z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M532.2%2029.4h15.6v-4.8h-15.6z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M529.6%2025h20.8l-3.3280000000000003%20-4h-14.144000000000002z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M533.76%2021.4h12.48v-4.8h-12.48z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M539.4%2017.4h1.2l-.6-7z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M586%2062V20h7v42z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M581%2022h17l-4-6h-9z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M65%2056a9%209%200%201%200%2018%200a9%209%200%201%200%20-18%200z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M78%2052a12%2012%200%201%200%2024%200a12%2012%200%201%200%20-24%200z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M100%2056a8%208%200%201%200%2016%200a8%208%200%201%200%20-16%200z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M118%2059a6%206%200%201%200%2012%200a6%206%200%201%200%20-12%200z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M458%2057a8%208%200%201%200%2016%200a8%208%200%201%200%20-16%200z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M471%2053a11%2011%200%201%200%2022%200a11%2011%200%201%200%20-22%200z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M491%2057a9%209%200%201%200%2018%200a9%209%200%201%200%20-18%200z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M514%2060a6%206%200%201%200%2012%200a6%206%200%201%200%20-12%200z%27%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%27translate(0%2038)%27%3E%3Cpath%20d%3D%27M0%20150V98L18%2093%2034%2099%2050%20110%2060%20150z%27%2F%3E%3Cpath%20d%3D%27M600%20150V94L584%2097%20568%20104%20554%20116%20544%20150z%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
:root[data-realm="silk"] .qj-cover { --qj-horizon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27600%27%20height%3D%27188%27%20viewBox%3D%270%200%20600%20188%27%3E%3Cg%20transform%3D%27translate(0%2026)%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M0%2062C40%2046%2080%2046%20120%2056%20150%2063%20176%2060%20210%2062z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M390%2062C430%2058%20460%2046%20500%2048S570%2056%20600%2050V62z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M14%2030C56%208%2098%2042%20152%2020L153%2024C99%2046%2056%2013%2014%2034z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M24%2040C60%2024%2096%2050%20136%2034L136%2036.6C96%2052.6%2060%2027%2024%2042.6z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M446%2026C496%204%20536%2040%20590%2016L591%2020C537%2044%20496%209%20446%2030z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M470%2038C510%2024%20540%2046%20580%2032L580%2034.6C540%2048.6%20510%2027%20470%2040.6z%27%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%27translate(0%2038)%27%3E%3Cpath%20d%3D%27M0%20150V98L18%2093%2034%2099%2050%20110%2060%20150z%27%2F%3E%3Cpath%20d%3D%27M600%20150V94L584%2097%20568%20104%20554%20116%20544%20150z%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
:root[data-realm="porcelain"] .qj-cover { --qj-horizon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27600%27%20height%3D%27188%27%20viewBox%3D%270%200%20600%20188%27%3E%3Cg%20transform%3D%27translate(0%2026)%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M0%2062V30H76V62zM23%2046a15%2015%200%201%200%2030%200a15%2015%200%201%200-30%200z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M84%2062V40l3-2%203%202v22z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M78%2044l9-10%209%2010z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M80%2050l7-8%207%208z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M430%2062Q470%2042%20512%2050%20556%2038%20600%2046V62z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M550%2024a10%2010%200%201%200%2020%200a10%2010%200%201%200%20-20%200zM556.5%2024a3.5%203.5%200%201%200%207%200a3.5%203.5%200%201%200%20-7%200z%27%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%27translate(0%2038)%27%3E%3Cpath%20d%3D%27M0%20150V98L18%2093%2034%2099%2050%20110%2060%20150z%27%2F%3E%3Cpath%20d%3D%27M600%20150V94L584%2097%20568%20104%20554%20116%20544%20150z%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
:root[data-realm="orbit"] .qj-cover { --qj-horizon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27600%27%20height%3D%27188%27%20viewBox%3D%270%200%20600%20188%27%3E%3Cg%20transform%3D%27translate(0%2026)%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M0%2062V44Q30%2036%2060%2044%2082%2050%20104%2062z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M16%2041A14%2014%200%200%201%2044%2041z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M29%2028h2v-9h-2z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M470%2062Q500%2050%20540%2052%20576%2048%20600%2054V62z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M556%2054V40h8v14z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M544%2024a16%2016%200%201%200%2032%200a16%2016%200%201%200%20-32%200zM546.4%2024a13.6%2013.6%200%201%200%2027.2%200a13.6%2013.6%200%201%200%20-27.2%200z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M543%2030.6C548%2021%20572%2016%20577%2025.4L575.4%2026.4C571%2018.6%20549%2023%20544.6%2031.6z%27%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%27translate(0%2038)%27%3E%3Cpath%20d%3D%27M0%20150V98L18%2093%2034%2099%2050%20110%2060%20150z%27%2F%3E%3Cpath%20d%3D%27M600%20150V94L584%2097%20568%20104%20554%20116%20544%20150z%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
:root[data-realm="astral"] .qj-cover { --qj-horizon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27600%27%20height%3D%27188%27%20viewBox%3D%270%200%20600%20188%27%3E%3Cg%20transform%3D%27translate(0%2026)%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M0%2062Q14%2054%2028%2060T56%2060%2084%2060%20112%2062z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M488%2062Q502%2056%20516%2060T544%2059%20572%2060%20600%2056V62z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M84%2061C80%2048%2074%2040%2060%2034%2070%2033%2078%2037%2085%2045%2090%2036%2098%2032%20110%2032%2096%2039%2091%2048%2088%2061z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M520%2044q8-6%2016%200-8-2-16%200z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M548%2036q6-4%2012%200-6-1.6-12%200z%27%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%27translate(0%2038)%27%3E%3Cpath%20d%3D%27M0%20150V98L18%2093%2034%2099%2050%20110%2060%20150z%27%2F%3E%3Cpath%20d%3D%27M600%20150V94L584%2097%20568%20104%20554%20116%20544%20150z%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
:root[data-realm="verdant"] .qj-cover { --qj-horizon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27600%27%20height%3D%27188%27%20viewBox%3D%270%200%20600%20188%27%3E%3Cg%20transform%3D%27translate(0%2026)%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M0%2062V22L8%2012%2016%2026%2024%208%2034%2030%2042%2022%2052%2040%2062%2034%2074%2048%2092%2055%20114%2062z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M600%2062V18L592%208%20584%2024%20574%204%20564%2028%20554%2020%20544%2038%20532%2032%20520%2046%20500%2055%20478%2062z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M105.5%2062V44h3v18z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M100%2050l7-12%207%2012z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M101%2044l6-10%206%2010z%27%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%27translate(0%2038)%27%3E%3Cpath%20d%3D%27M0%20150V98L18%2093%2034%2099%2050%20110%2060%20150z%27%2F%3E%3Cpath%20d%3D%27M600%20150V94L584%2097%20568%20104%20554%20116%20544%20150z%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
:root[data-realm="dawn"] .qj-cover { --qj-horizon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27600%27%20height%3D%27188%27%20viewBox%3D%270%200%20600%20188%27%3E%3Cg%20transform%3D%27translate(0%2026)%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M0%2062V54Q40%2048%2080%2056%20100%2060%20116%2062z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M10%2058Q13%2030%205%208%2017%2030%2015%2058z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M22%2058Q28%2036%2026%2018%2034%2038%2027%2058z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M34%2060Q38%2044%2046%2030%2042%2046%2039%2060z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M600%2062V52Q560%2048%20520%2056%20500%2060%20484%2062z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M590%2058Q587%2032%20595%2010%20583%2032%20585%2058z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M576%2058Q572%2038%20576%2020%20566%2040%20571%2058z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M120%2022q5-4%2010%200%205-4%2010%200-5-1.6-10%201.6-5-3.2-10-1.6z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M146%2014q3.4-2.8%206.8%200%203.4-2.8%206.8%200-3.4-1.1-6.8%201.1-3.4-2.2-6.8-1.1z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M470%2018q4-3.2%208%200%204-3.2%208%200-4-1.3-8%201.3-4-2.6-8-1.3z%27%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%27translate(0%2038)%27%3E%3Cpath%20d%3D%27M0%20150V98L18%2093%2034%2099%2050%20110%2060%20150z%27%2F%3E%3Cpath%20d%3D%27M600%20150V94L584%2097%20568%20104%20554%20116%20544%20150z%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
/* @horizons-end */