/* Desktop page: 角色图鉴 — the hero codex. Every selector starts with .pg-collection (optionally after body.desktop-game).
   Units: --pg-u (window height) for the page chrome; --bk (1% of the book image height, set by page-collection.mjs) inside the book,
   so the album and the chronicle scale with the book itself. Art: assets/pages/collection/ (lossless WebP, never enlarged). */
body.desktop-game .pg-collection{position:absolute;inset:0;overflow:hidden;--pg-collection-ink:#3a2715;--pg-collection-ink-2:#5c4127;--pg-collection-red:#8e2a17;--pg-collection-gold:#8a6424}

/* Backdrop: night library, sized to cover the page without enlarging its pixels; mirrored blur fills any band. */
body.desktop-game .pg-collection .pg-collection-backdrop{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#07101b;animation:pg-collection-fade .24s ease-out both}
body.desktop-game .pg-collection .pg-collection-bgimage,body.desktop-game .pg-collection .pg-collection-bgband{position:absolute;left:50%;top:50%;width:var(--pg-collection-bgw,100%);height:var(--pg-collection-bgh,100%);background:url("./assets/pages/collection/bg.webp") 0 0/100% 100% no-repeat}
body.desktop-game .pg-collection .pg-collection-bgimage{transform:translate(-50%,-50%)}
body.desktop-game .pg-collection .pg-collection-bgband{display:none;filter:blur(10px) brightness(.5) saturate(.85)}
body.desktop-game .pg-collection .pg-collection-backdrop.is-banded .pg-collection-bgband{display:block}
body.desktop-game .pg-collection .pg-collection-bgband.top{transform:translate(-50%,-150%) scaleY(-1)}
body.desktop-game .pg-collection .pg-collection-bgband.bottom{transform:translate(-50%,50%) scaleY(-1)}
body.desktop-game .pg-collection .pg-collection-bgband.left{transform:translate(-150%,-50%) scaleX(-1)}
body.desktop-game .pg-collection .pg-collection-bgband.right{transform:translate(50%,-50%) scaleX(-1)}
body.desktop-game .pg-collection .pg-collection-backdrop::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 72% 68% at 54% 46%,transparent 52%,#050b14b8 100%),linear-gradient(90deg,#050b14a6,transparent 14%,transparent 88%,#050b1466)}
body.desktop-game .pg-collection .pg-collection-backdrop::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 4% 62%,#ffb45a2e,transparent 22%),radial-gradient(circle at 96% 62%,#ffb45a2e,transparent 22%);animation:pg-collection-candle 4.6s ease-in-out infinite alternate}
body.desktop-game .pg-collection .pg-collection-motes{position:absolute;inset:0;z-index:1}
body.desktop-game .pg-collection .pg-collection-motes i{position:absolute;left:calc(var(--i)*9.4% + 4%);bottom:-2%;width:calc(var(--pg-u)*.45);height:calc(var(--pg-u)*.45);border-radius:50%;background:radial-gradient(circle,#ffe2a8 0,#ffbf5c88 40%,transparent 72%);opacity:0;animation:pg-collection-mote calc(15s + var(--i)*1.7s) linear infinite;animation-delay:calc(var(--i)*-2.3s)}
body.desktop-game .pg-collection .pg-collection-defs{position:absolute;width:0;height:0;overflow:hidden}

/* Page rows: header · book · buttons — fixed shares, never overlapping. Content stays ≥5u inside the host frame. */
body.desktop-game .pg-collection .pg-collection-shell{position:absolute;inset:calc(var(--pg-u)*5.4);z-index:2;display:grid;grid-template-rows:auto minmax(0,1fr) auto;row-gap:calc(var(--pg-u)*1.4);outline:none}
body.desktop-game .pg-collection .pg-collection-head{display:flex;align-items:center;gap:var(--uk-gap);min-width:0}
body.desktop-game .pg-collection .pg-collection-head-fill{flex:1}
body.desktop-game .pg-collection .pg-collection-pity.uk-nameplate{--pg-collection-ph:max(26px,calc(var(--pg-u)*3.8));height:var(--pg-collection-ph);gap:calc(var(--pg-u)*.6);padding:0 calc(var(--pg-u)*1.6);border-width:calc(var(--pg-collection-ph)*120/635) calc(var(--pg-collection-ph)*620/635);border-image-width:calc(var(--pg-collection-ph)*120/635) calc(var(--pg-collection-ph)*620/635);font:700 max(var(--uk-min,12px),calc(var(--pg-u)*1.7))/1 var(--uk-serif)!important;letter-spacing:.06em;color:#f3dfae!important;cursor:pointer;background:none;transition:transform .16s,filter .16s}
body.desktop-game .pg-collection .pg-collection-pity b{color:#fff1c9;font-size:1.18em}
body.desktop-game .pg-collection .pg-collection-pity:hover{transform:translateY(-2px);filter:brightness(1.14)}
body.desktop-game .pg-collection .pg-collection-pity:focus-visible{outline:2px solid var(--uk-gold-hi);outline-offset:3px}
body.desktop-game .pg-collection .pg-collection-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;min-width:0}
body.desktop-game .pg-collection .pg-collection-actions{display:flex;justify-content:center;align-items:center;gap:calc(var(--pg-u)*3);min-height:clamp(48px,calc(var(--pg-u)*6.8),82px)}

/* The book: bookmark band (6bk) + the open book image (100bk tall). Inner blocks are placed in book percentages. */
body.desktop-game .pg-collection .pg-collection-book{--bk:6px;position:relative;flex:none;width:0;height:0;animation:pg-collection-rise .5s cubic-bezier(.2,.7,.2,1) both}
body.desktop-game .pg-collection .pg-collection-paper{position:absolute;left:0;right:0;top:calc(var(--bk)*9);height:calc(var(--bk)*100);z-index:1;background:url("./assets/pages/collection/book.webp") 0 0/100% 100% no-repeat;filter:drop-shadow(0 calc(var(--bk)*1.6) calc(var(--bk)*2.4) #000c)}
body.desktop-game .pg-collection .pg-collection-paper::after{content:"";position:absolute;left:5.5%;right:5.5%;top:3%;bottom:13%;background:radial-gradient(ellipse at 50% 45%,transparent 62%,#4a2c0f1f 100%)}
body.desktop-game .pg-collection .pg-collection-tabs{position:absolute;left:13.4%;top:0;z-index:0;display:flex;gap:1.4%;width:14%;height:calc(var(--bk)*13)}
body.desktop-game .pg-collection .pg-collection-tab{position:relative;flex:1;height:100%;margin:0;padding:calc(var(--bk)*4) 0 0;border:0;background:url("./assets/pages/collection/tab.webp") 50% 0/100% auto no-repeat;color:#5c4127!important;font:700 max(var(--uk-min,12px),calc(var(--bk)*2.6))/1 var(--uk-serif)!important;letter-spacing:.1em;text-indent:.1em;text-align:center;cursor:pointer;transform:translateY(calc(var(--bk)*1.8));transition:transform .18s ease,filter .18s;filter:brightness(.8) sepia(.25) drop-shadow(0 -2px 3px #0009);display:flex;justify-content:center;align-items:flex-start;white-space:nowrap}
body.desktop-game .pg-collection .pg-collection-tab.is-active{background-image:url("./assets/pages/collection/tab.webp");color:#8e2a17!important;transform:none;filter:drop-shadow(0 0 7px #ffd27a99) drop-shadow(0 -2px 3px #0008)}
body.desktop-game .pg-collection .pg-collection-tab:not(.is-active):hover{transform:translateY(calc(var(--bk)*1));filter:brightness(1.02) drop-shadow(0 -2px 3px #0009)}
body.desktop-game .pg-collection .pg-collection-tab:focus-visible{outline:2px solid var(--uk-gold-hi);outline-offset:-3px}

/* Left page: the hero album. */
body.desktop-game .pg-collection .pg-collection-left{position:absolute;left:7.7%;width:37.1%;top:calc(var(--bk)*16);height:calc(var(--bk)*73.4);z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:calc(var(--bk)*8.6) minmax(0,1fr) calc(var(--bk)*6.4);grid-template-areas:"filters count" "grid grid" "pager pager";column-gap:calc(var(--bk)*1.4);row-gap:calc(var(--bk)*1.8);color:var(--pg-collection-ink)}
body.desktop-game .pg-collection .pg-collection-filters{grid-area:filters;display:flex;align-items:center;gap:calc(var(--bk)*1.15);min-width:0}
body.desktop-game .pg-collection .pg-collection-filters .uk-gem{--uk-gs:max(32px,calc(var(--bk)*6.8));box-shadow:0 2px 4px #3a271588,inset 0 0 0 1px #f6e2a855}
body.desktop-game .pg-collection .pg-collection-filters .uk-gem.is-selected{box-shadow:0 0 0 2px #fff1c9,0 0 calc(var(--bk)*1.6) calc(var(--bk)*.4) #f0b43ccc,0 2px 4px #3a271588}
body.desktop-game .pg-collection .pg-collection-filters .uk-gem-all{font-size:max(12px,calc(var(--uk-gs)*.3));letter-spacing:0}
body.desktop-game .pg-collection .pg-collection-count{grid-area:count;display:flex;align-items:center;gap:calc(var(--bk)*.8);white-space:nowrap;font:700 max(var(--uk-min,12px),calc(var(--bk)*2.6))/1 var(--uk-serif);color:var(--pg-collection-ink)}
body.desktop-game .pg-collection .pg-collection-count b{color:var(--pg-collection-red);font-size:1.25em}
body.desktop-game .pg-collection .pg-collection-count small{font:400 max(var(--uk-min,12px),calc(var(--bk)*2))/1 var(--uk-serif);color:var(--pg-collection-ink-2)}
body.desktop-game .pg-collection .pg-collection-wax{display:inline-block;flex:none;width:calc(var(--bk)*6.4);aspect-ratio:1;background:url("./assets/pages/_kit/icon-wax.webp") center/contain no-repeat;filter:drop-shadow(0 2px 2px #3a271588)}
body.desktop-game .pg-collection .pg-collection-grid{grid-area:grid;container-type:size;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));column-gap:calc(var(--bk)*1.1);row-gap:calc(var(--bk)*1.6);justify-items:center;align-items:center;min-height:0}
body.desktop-game .pg-collection .pg-collection-cell{display:flex;flex-direction:column;align-items:center;gap:calc(var(--bk)*.5)}
body.desktop-game .pg-collection .pg-collection-grid .uk-card.uk-card--md{--uk-cw:min(calc((100cqw - var(--bk)*4.4)/5 - var(--bk)*.8),calc(((100cqh - var(--bk)*1.6)/2 - var(--bk)*4.6) * 630/825))}
body.desktop-game .pg-collection .pg-collection-grid .uk-card-foot .uk-stars{display:none}
body.desktop-game .pg-collection .pg-collection-grid .uk-card-foot .uk-stars-n{display:inline;font-size:max(12px,calc(var(--uk-cw)*.11))}
body.desktop-game .pg-collection .pg-collection-grid .uk-card-foot .uk-card-lv{font-size:max(12px,calc(var(--uk-cw)*.105))}
body.desktop-game .pg-collection .pg-collection-grid .uk-card-foot{left:6.5%;right:6.5%}
body.desktop-game .pg-collection .pg-collection-grid .uk-card.is-unowned .uk-card-art{filter:url("#pg-collection-sketch") contrast(1.05)}
body.desktop-game .pg-collection .pg-collection-grid .uk-card.is-unowned .uk-card-glow{filter:none;background:#e9dcbd}
body.desktop-game .pg-collection .pg-collection-grid .uk-card.is-unowned .uk-card-frame{filter:saturate(.55) brightness(.92) drop-shadow(0 3px 4px #3a271566)}
body.desktop-game .pg-collection .pg-collection-grid .uk-card-wax::after{content:"";position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(circle,#ff4a2a66,transparent 64%);animation:pg-collection-wax 3.2s ease-in-out infinite}
body.desktop-game .pg-collection .pg-collection-grid .uk-card:not(.is-selected):hover::before{content:"";position:absolute;inset:4%;z-index:7;pointer-events:none;background:linear-gradient(105deg,transparent 35%,#fff6d966 50%,transparent 65%) -150% 0/250% 100% no-repeat;animation:pg-collection-sweep .7s ease-out 1 both}
body.desktop-game .pg-collection .pg-collection-cardname{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 max(var(--uk-min,12px),calc(var(--bk)*2.4))/1.15 var(--uk-serif);color:var(--pg-collection-ink);letter-spacing:.08em}
body.desktop-game .pg-collection .pg-collection-cell:has(.is-unowned) .pg-collection-cardname{color:#7a6650}
body.desktop-game .pg-collection .pg-collection-cell:has(.is-selected) .pg-collection-cardname{color:var(--pg-collection-red)}
body.desktop-game .pg-collection .pg-collection-empty{grid-column:1/-1;grid-row:1/-1;align-self:center;margin:0;font:700 max(14px,calc(var(--bk)*3.4))/1.4 var(--uk-serif);color:#7a6650;letter-spacing:.3em}
body.desktop-game .pg-collection .pg-collection-pager{grid-area:pager;display:flex;justify-content:center;align-items:center}
body.desktop-game .pg-collection .pg-collection-pager .uk-round{--uk-rs:max(28px,calc(var(--bk)*5.6))}
body.desktop-game .pg-collection .pg-collection-pager .uk-pager-count{color:var(--pg-collection-ink);font-size:max(var(--uk-min,12px),calc(var(--bk)*2.4))}

/* Right page: the selected hero's chronicle (or the 详述 / 图鉴说明 sheets). */
body.desktop-game .pg-collection .pg-collection-right{position:absolute;left:52.9%;width:38.9%;top:calc(var(--bk)*16);height:calc(var(--bk)*73.4);z-index:2;color:var(--pg-collection-ink)}
body.desktop-game .pg-collection .pg-collection-sheet{position:absolute;inset:0;animation:pg-collection-ink .32s ease-out both}
body.desktop-game .pg-collection .pg-collection-chronicle{display:grid;grid-template-columns:41% minmax(0,1fr);column-gap:4%;grid-template-rows:auto minmax(0,1fr) auto;row-gap:calc(var(--bk)*1.6);grid-template-areas:"head head" "arch lore" "stats progress"}
body.desktop-game .pg-collection .pg-collection-hero-head{grid-area:head;display:flex;align-items:center;justify-content:space-between;gap:calc(var(--bk)*1.6);min-width:0}
body.desktop-game .pg-collection .pg-collection-name{margin:0;font:900 calc(var(--bk)*5.6)/1.25 var(--uk-serif);letter-spacing:.06em;color:#2b1a0b;white-space:nowrap;text-shadow:0 1px 0 #fff4d988}
body.desktop-game .pg-collection .pg-collection-meta{display:flex;align-items:center;gap:calc(var(--bk)*.9);white-space:nowrap;font:700 max(var(--uk-min,12px),calc(var(--bk)*2.4))/1.3 var(--uk-serif);color:var(--pg-collection-ink-2)}
body.desktop-game .pg-collection .pg-collection-meta .uk-stars{font-size:max(var(--uk-min,12px),calc(var(--bk)*2.6));color:#d89a1e;text-shadow:0 1px 0 #3a2715,0 0 2px #6b4a1c88}
body.desktop-game .pg-collection .pg-collection-meta .uk-gem{--uk-gs:calc(var(--bk)*4)}
body.desktop-game .pg-collection .pg-collection-race{padding-left:calc(var(--bk)*.4)}
body.desktop-game .pg-collection .pg-collection-arch{grid-area:arch;position:relative;justify-self:center;align-self:center;height:100%;max-width:100%;aspect-ratio:703/969;margin:0}
body.desktop-game .pg-collection .pg-collection-flame{position:absolute;inset:4% -6% 6%;border-radius:50% 50% 20% 20%;background:radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--uk-el,#e2552f) 60%,transparent),transparent 70%);animation:pg-collection-flame 3.6s ease-in-out infinite alternate}
body.desktop-game .pg-collection .pg-collection-arch .pg-collection-portrait.collection-portrait{position:absolute;left:20.6%;right:20.6%;top:17.2%;bottom:13.8%;height:auto;z-index:1;border-radius:50% 50% 0 0/30% 30% 0 0;overflow:hidden;background-color:#1b130c;background-position:50% 18%}
body.desktop-game .pg-collection .pg-collection-chronicle.is-unowned :is(.pg-collection-portrait,.pg-collection-formart).collection-portrait{filter:url("#pg-collection-sketch");background-color:#e9dcbd}
body.desktop-game .pg-collection .pg-collection-chronicle.is-unowned .pg-collection-flame{opacity:.25;filter:grayscale(1)}
body.desktop-game .pg-collection .pg-collection-archframe{position:absolute;inset:0;z-index:2;background:url("./assets/pages/collection/arch.webp") 0 0/100% 100% no-repeat;filter:drop-shadow(0 3px 4px #3a271599);pointer-events:none}
body.desktop-game .pg-collection .pg-collection-formthumb{position:absolute;right:-8%;bottom:-2%;z-index:3;display:flex;flex-direction:column;align-items:center;gap:2px;width:30%;margin:0;padding:0;border:0;background:none;cursor:pointer;transition:transform .16s,filter .16s}
body.desktop-game .pg-collection .pg-collection-formthumb .pg-collection-formart.collection-portrait{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px #c9a25a,0 0 0 4px #3a2715aa,0 0 10px 2px #ff8a3a88;background-color:#1b130c;background-position:50% 18%}
body.desktop-game .pg-collection .pg-collection-formthumb small{font:700 max(var(--uk-min,12px),calc(var(--bk)*2))/1 var(--uk-serif);color:#fff1c9;padding:2px 6px;border-radius:3px;background:#5a1f10e6;box-shadow:0 0 0 1px #c9a25a}
body.desktop-game .pg-collection .pg-collection-formthumb:hover{transform:scale(1.06);filter:brightness(1.1)}
body.desktop-game .pg-collection .pg-collection-formthumb:focus-visible{outline:2px solid var(--uk-gold-hi);outline-offset:2px}
body.desktop-game .pg-collection .pg-collection-stats{grid-area:stats;display:flex;justify-content:space-around;align-items:flex-start;gap:calc(var(--bk)*.6)}
body.desktop-game .pg-collection .pg-collection-stat{display:flex;flex-direction:column;align-items:center;gap:0;min-width:0}
body.desktop-game .pg-collection .pg-collection-stat .uk-icon{--uk-is:calc(var(--bk)*4.4)}
body.desktop-game .pg-collection .pg-collection-stat b{font:700 max(13px,calc(var(--bk)*3))/1.2 var(--uk-serif);color:#2b1a0b;font-variant-numeric:tabular-nums}
body.desktop-game .pg-collection .pg-collection-stat small{font:700 max(var(--uk-min,12px),calc(var(--bk)*2))/1.3 var(--uk-serif);color:var(--pg-collection-ink-2);letter-spacing:.1em}
body.desktop-game .pg-collection .pg-collection-lore{grid-area:lore;display:flex;flex-direction:column;justify-content:flex-start;gap:calc(var(--bk)*2.2);min-height:0}
body.desktop-game .pg-collection .pg-collection-entry{position:relative;flex:0 1 auto;min-height:0;display:flex;gap:calc(var(--bk)*1.2);align-items:flex-start;margin:0;padding:calc(var(--bk)*.9) calc(var(--bk)*1) calc(var(--bk)*.6);border:0;border-radius:4px;background:none;color:inherit;text-align:left;cursor:pointer;transition:background-color .16s}
body.desktop-game .pg-collection .pg-collection-entry+.pg-collection-entry::before{content:"";position:absolute;left:12%;right:12%;top:calc(var(--bk)*-1.9);height:calc(var(--bk)*1.6);background:url("./assets/pages/collection/flourish.webp") center/contain no-repeat;opacity:.75;pointer-events:none}
body.desktop-game .pg-collection .pg-collection-entry--form{flex-shrink:4}
body.desktop-game .pg-collection .pg-collection-entry:hover{background-color:#b8925426}
body.desktop-game .pg-collection .pg-collection-entry:focus-visible{outline:2px solid #8a6424;outline-offset:-2px}
body.desktop-game .pg-collection .pg-collection-entry-icon{flex:none;display:grid;place-items:center;width:calc(var(--bk)*5.2);height:calc(var(--bk)*5.2);border-radius:50%;background:radial-gradient(circle,#3a2715 0 58%,transparent 60%);box-shadow:0 0 0 2px #b48a43,0 2px 4px #3a271588}
body.desktop-game .pg-collection .pg-collection-entry-icon .uk-icon{--uk-is:calc(var(--bk)*3.4)}
body.desktop-game .pg-collection .pg-collection-entry-icon .uk-icon--active{box-shadow:none;background-color:transparent}
body.desktop-game .pg-collection .pg-collection-awaken{display:block;width:100%;height:100%;background:url("./assets/pages/collection/awaken.webp") center/contain no-repeat}
body.desktop-game .pg-collection .pg-collection-chronicle.dark .pg-collection-awaken{filter:hue-rotate(250deg) saturate(1.2)}
body.desktop-game .pg-collection .pg-collection-entry-body{display:flex;flex-direction:column;gap:calc(var(--bk)*.5);min-width:0;height:100%}
body.desktop-game .pg-collection .pg-collection-entry-title{flex:none;display:flex;align-items:center;flex-wrap:nowrap;gap:calc(var(--bk)*.8);font:700 max(13px,calc(var(--bk)*2.8))/1.2 var(--uk-serif);color:#2b1a0b;white-space:nowrap;overflow:hidden}
body.desktop-game .pg-collection .pg-collection-entry-title em{font-style:normal;color:var(--pg-collection-red)}
body.desktop-game .pg-collection .pg-collection-charge{display:inline-flex;align-items:center;gap:2px;margin-left:auto;font:700 max(var(--uk-min,12px),calc(var(--bk)*2))/1 var(--uk-serif);color:var(--pg-collection-ink-2)}
body.desktop-game .pg-collection .pg-collection-charge .uk-icon{--uk-is:max(var(--uk-min,12px),calc(var(--bk)*2.4))}
body.desktop-game .pg-collection .pg-collection-entry-text{display:block;flex:0 1 auto;min-height:0;overflow:hidden;font:400 max(var(--uk-min,12px),calc(var(--bk)*2.45))/1.42 var(--uk-sans);color:var(--pg-collection-ink)}
body.desktop-game .pg-collection .pg-collection-more{margin-left:.4em;font:700 max(var(--uk-min,12px),calc(var(--bk)*2))/1 var(--uk-serif);font-style:normal;color:var(--pg-collection-gold);white-space:nowrap}
body.desktop-game .pg-collection .pg-collection-progress{grid-area:progress;display:flex;align-items:center;justify-content:space-between;gap:calc(var(--bk)*1.4);min-width:0}
body.desktop-game .pg-collection .pg-collection-lv{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:max(50px,calc(var(--bk)*10));aspect-ratio:1;margin-top:max(6px,calc(var(--bk)*1));border-radius:50%;box-sizing:border-box;padding-top:max(3px,calc(var(--bk)*.6));background:radial-gradient(circle,#f4e7c8 0 75%,transparent 76%),conic-gradient(#d89a1e calc(var(--pg-collection-p)*360deg),#6b4a1c55 0);box-shadow:0 0 0 2px #8a6424,0 2px 4px #3a271566;font-family:var(--uk-serif);color:#2b1a0b;line-height:1}
body.desktop-game .pg-collection .pg-collection-lv b{position:absolute;left:50%;top:0;transform:translate(-50%,-55%);padding:1px 5px;border-radius:3px;background:#8a6424;box-shadow:0 1px 2px #3a271588;font:700 max(var(--uk-min,12px),calc(var(--bk)*1.8))/1 var(--uk-serif);color:#fff1c9}
body.desktop-game .pg-collection .pg-collection-lv strong{font:900 max(15px,calc(var(--bk)*3.4))/1 var(--uk-serif)}
body.desktop-game .pg-collection .pg-collection-lv small{font:700 max(var(--uk-min,12px),calc(var(--bk)*1.7))/1 var(--uk-serif);color:var(--pg-collection-ink-2)}
body.desktop-game .pg-collection .pg-collection-skill{display:flex;flex-direction:column;gap:calc(var(--bk)*.8);min-width:0}
body.desktop-game .pg-collection .pg-collection-skill small,body.desktop-game .pg-collection .pg-collection-shards small{font:700 max(var(--uk-min,12px),calc(var(--bk)*2.2))/1 var(--uk-serif);color:var(--pg-collection-ink-2);white-space:nowrap}
body.desktop-game .pg-collection .pg-collection-skill b{color:#5b2d8e}
body.desktop-game .pg-collection .pg-collection-pips{display:flex;gap:calc(var(--bk)*.7)}
body.desktop-game .pg-collection .pg-collection-pips i{width:calc(var(--bk)*2.2);aspect-ratio:1;transform:rotate(45deg);border-radius:2px;background:#6b4a1c40;box-shadow:inset 0 0 0 1px #6b4a1c88}
body.desktop-game .pg-collection .pg-collection-pips i.on{background:radial-gradient(circle at 35% 35%,#e9c8ff,#a86ad8 45%,#4b1f7a);box-shadow:0 0 6px #a86ad8aa,inset 0 0 0 1px #2b0f45}
body.desktop-game .pg-collection .pg-collection-shards{display:flex;align-items:center;gap:calc(var(--bk)*.6);white-space:nowrap}
body.desktop-game .pg-collection .pg-collection-shards .uk-icon{--uk-is:calc(var(--bk)*4.2)}
body.desktop-game .pg-collection .pg-collection-shards b{font:700 max(13px,calc(var(--bk)*3))/1 var(--uk-serif);color:#5b2d8e}
body.desktop-game .pg-collection .pg-collection-progress.is-unowned{justify-content:flex-start;font:700 max(var(--uk-min,12px),calc(var(--bk)*2.5))/1.3 var(--uk-serif);color:var(--pg-collection-red)}

/* 详述 / 图鉴说明 sheets */
body.desktop-game .pg-collection .pg-collection-detail,body.desktop-game .pg-collection .pg-collection-info{display:flex;flex-direction:column;gap:calc(var(--bk)*1.4);overflow:hidden}
body.desktop-game .pg-collection .pg-collection-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--bk)*1.6)}
body.desktop-game .pg-collection .pg-collection-sheet-head h2{margin:0;font:900 calc(var(--bk)*4.6)/1.1 var(--uk-serif);color:#2b1a0b;letter-spacing:.06em;white-space:nowrap}
body.desktop-game .pg-collection .pg-collection-sheet-head h2 small{font-size:.62em;color:var(--pg-collection-red)}
body.desktop-game .pg-collection .pg-collection-sheet-head .uk-round{--uk-rs:max(28px,calc(var(--bk)*5.6))}
body.desktop-game .pg-collection .pg-collection-flourish{display:block;flex:none;height:calc(var(--bk)*2.6);background:url("./assets/pages/collection/flourish.webp") center/contain no-repeat}
body.desktop-game .pg-collection .pg-collection-detail-block{position:relative;padding:calc(var(--bk)*.4) calc(var(--bk)*1)}
body.desktop-game .pg-collection .pg-collection-detail-block+.pg-collection-detail-block{margin-top:calc(var(--bk)*1.6)}
body.desktop-game .pg-collection .pg-collection-detail-block+.pg-collection-detail-block::before{content:"";position:absolute;left:22%;right:22%;top:calc(var(--bk)*-2.2);height:calc(var(--bk)*1.8);background:url("./assets/pages/collection/flourish.webp") center/contain no-repeat;opacity:.7}
body.desktop-game .pg-collection .pg-collection-detail-block h3{display:flex;align-items:baseline;gap:calc(var(--bk)*.9);margin:0 0 calc(var(--bk)*.7);font:700 max(14px,calc(var(--bk)*3.1))/1.3 var(--uk-serif);color:#2b1a0b}
body.desktop-game .pg-collection .pg-collection-detail-block h3 em{font-style:normal;color:var(--pg-collection-red)}
body.desktop-game .pg-collection .pg-collection-detail-block h3 small{margin-left:auto;font:700 max(var(--uk-min,12px),calc(var(--bk)*2))/1 var(--uk-serif);color:var(--pg-collection-ink-2)}
body.desktop-game .pg-collection .pg-collection-detail-block p,body.desktop-game .pg-collection .pg-collection-detail-foot{margin:0;font:400 max(13px,calc(var(--bk)*2.7))/1.55 var(--uk-sans);color:var(--pg-collection-ink)}
body.desktop-game .pg-collection .pg-collection-detail-foot{margin-top:auto;font-family:var(--uk-serif);font-weight:700;color:var(--pg-collection-ink-2)}
body.desktop-game .pg-collection .pg-collection-info ul{display:flex;flex-direction:column;gap:calc(var(--bk)*2.4);margin:0;padding:0;list-style:none}
body.desktop-game .pg-collection .pg-collection-info li{display:flex;align-items:center;gap:calc(var(--bk)*1.4);font:400 max(13px,calc(var(--bk)*2.8))/1.5 var(--uk-sans);color:var(--pg-collection-ink)}
body.desktop-game .pg-collection .pg-collection-info li .uk-icon{--uk-is:calc(var(--bk)*4.4)}
body.desktop-game .pg-collection .pg-collection-info li .pg-collection-wax{width:calc(var(--bk)*4.4)}
body.desktop-game .pg-collection .pg-collection-keys{margin:auto 0 0;font:700 max(var(--uk-min,12px),calc(var(--bk)*2))/1.5 var(--uk-serif);color:var(--pg-collection-ink-2)}

@keyframes pg-collection-fade{from{opacity:0}to{opacity:1}}
@keyframes pg-collection-rise{from{opacity:0;transform:translateY(calc(var(--pg-u)*2.4))}to{opacity:1;transform:none}}
@keyframes pg-collection-ink{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}
@keyframes pg-collection-mote{0%{opacity:0;transform:translate(0,0)}12%{opacity:.85}70%{opacity:.5}100%{opacity:0;transform:translate(calc(var(--pg-u)*3),calc(var(--pg-u)*-70))}}
@keyframes pg-collection-candle{from{opacity:.7}to{opacity:1}}
@keyframes pg-collection-flame{from{opacity:.65;transform:scale(.97)}to{opacity:1;transform:scale(1.03)}}
@keyframes pg-collection-wax{0%,100%{opacity:.25}50%{opacity:.9}}
@keyframes pg-collection-sweep{from{background-position:-150% 0}to{background-position:250% 0}}
@media (prefers-reduced-motion:reduce){
  body.desktop-game .pg-collection .pg-collection-motes{display:none}
  body.desktop-game .pg-collection :is(.pg-collection-backdrop,.pg-collection-book,.pg-collection-sheet,.pg-collection-flame,.pg-collection-tab,.pg-collection-pity,.pg-collection-formthumb){animation:none!important;transition:none!important}
  body.desktop-game .pg-collection .pg-collection-backdrop::before,body.desktop-game .pg-collection .pg-collection-grid .uk-card-wax::after,body.desktop-game .pg-collection .pg-collection-grid .uk-card:hover::before{animation:none!important}
}