/* ===== 灾云纪元运行面板CSS原样移植 ===== */
.ccp{--bg:#070a09;--ink:#eef3ef;--mut:#95a29d;--panel:#111714;--panel2:#18211d;--line:#34443d;--hot:#c53b32;--hot2:#ff7460;--cold:#8db4a2;--good:#b7d86e;--warn:#e1b45a;position:relative;width:100%;max-width:1060px;margin:12px auto;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--bg);color:var(--ink);font:13px/1.68 "Microsoft YaHei","PingFang SC",sans-serif;box-shadow:0 30px 100px #000c;isolation:isolate}
.ccp:before{content:"";position:absolute;z-index:20;inset:0;pointer-events:none;opacity:.28;background:linear-gradient(112deg,transparent 0 17%,#ffffff0b 17.2% 17.35%,transparent 17.55% 42%,#ffffff08 42.2% 42.28%,transparent 42.5%),repeating-linear-gradient(167deg,transparent 0 71px,#ffffff05 72px,transparent 74px)}
.ccp:after{content:"";position:absolute;z-index:21;left:-25px;top:112px;width:190px;height:7px;pointer-events:none;background:linear-gradient(90deg,transparent,#841d23 18% 73%,transparent);filter:blur(2px);opacity:.55;transform:rotate(-8deg);box-shadow:26px 13px 0 -2px #5d1519,62px -11px 0 -3px #9f2023}
.ccp *{box-sizing:border-box}.ccp h1,.ccp h2,.ccp h3,.ccp h4,.ccp p{margin-top:0}.ccp button,.ccp input,.ccp label,.ccp summary{font:inherit}.ccp a,.ccp button,.ccp label{color:inherit}.ccp progress{overflow:hidden;width:100%;height:6px;border:0;border-radius:99px;background:#050706}.ccp progress::-webkit-progress-bar{background:#050706}.ccp progress::-webkit-progress-value{background:linear-gradient(90deg,var(--cold),var(--hot2));box-shadow:0 0 10px var(--hot)}.ccp progress::-moz-progress-bar{background:linear-gradient(90deg,var(--cold),var(--hot2))}
.cc-chain{--chot:#e24c43;--cline:#493535;position:relative;width:100%;max-width:1060px;margin:12px auto;overflow:hidden;border:1px solid var(--cline);border-radius:16px;background:linear-gradient(135deg,#1a1112,#090b0c 62%);color:#edf1ef;font:12px/1.55 "Microsoft YaHei","PingFang SC",sans-serif;box-shadow:0 14px 44px #0008}.cc-chain>summary{cursor:pointer;display:flex;align-items:center;gap:9px;min-height:50px;padding:12px 16px;list-style:none;background:radial-gradient(circle at 90% 0,#97262144,transparent 36%);font-weight:900}.cc-chain>summary::-webkit-details-marker{display:none}.cc-chain>summary:before{content:"⚙";display:grid;width:26px;height:26px;place-items:center;border:1px solid var(--chot);border-radius:50%;color:#ff8276;background:#240f11}.cc-chain>summary:after{content:"展开";margin-left:auto;padding:3px 8px;border:1px solid #ffffff20;border-radius:99px;color:#aeb8b4;font-size:8px}.cc-chain[open]>summary:after{content:"收起";color:#ff8276}.cc-chain>summary em{color:#ff8276;font:800 9px Consolas,monospace;font-style:normal}.cc-chain-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:12px;border-top:1px solid var(--cline);background:#070909}.cc-chain-body p{display:flex;align-items:center;gap:7px;margin:0;padding:8px 9px;border:1px solid #ffffff10;border-radius:9px;background:#ffffff05;color:#b9c3bf}.cc-chain-body p b{color:#edf2ef}.cc-chain-body p i{margin-left:auto;color:#8fd48c;font-style:normal;font-weight:900}
.ccp-head{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:18px;min-height:145px;padding:22px 25px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 86% 0,color-mix(in srgb,var(--hot) 27%,transparent),transparent 36%),linear-gradient(135deg,#211815,#0c1210 55%,#15100e)}
.ccp-head:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffff08 50%,transparent);clip-path:polygon(0 0,100% 0,88% 4%,94% 7%,83% 11%,100% 14%,100% 100%,0 100%)}
.ccp-headcopy{position:relative;z-index:1;min-width:0}.ccp-head small{color:var(--hot2);font:800 9px Consolas,monospace;letter-spacing:.15em}.ccp-head h1{margin:6px 0 2px;font-size:29px;line-height:1.15;letter-spacing:.02em}.ccp-head p{margin:0;color:#c2cbc7}.ccp-headmeta{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.ccp-headmeta span,.ccp-roster span{padding:4px 9px;border:1px solid #ffffff18;border-radius:999px;background:#0004;color:#c8d1cd;font-size:9px}
.ccp-anomaly{position:relative;display:grid;align-self:center;width:94px;height:94px;place-items:center;border:1px solid color-mix(in srgb,var(--hot) 70%,var(--line));border-radius:50%;background:radial-gradient(circle,#0000 0 24%,#0008 25% 27%,transparent 28%),conic-gradient(from 30deg,color-mix(in srgb,var(--hot) 50%,transparent),transparent 18%,color-mix(in srgb,var(--cold) 34%,transparent) 42%,transparent 63%,color-mix(in srgb,var(--hot) 50%,transparent));box-shadow:inset 0 0 26px #000,0 0 28px color-mix(in srgb,var(--hot) 23%,transparent)}
.ccp-anomaly:before,.ccp-anomaly:after{content:"";position:absolute;background:#ffffff20}.ccp-anomaly:before{width:1px;height:100%}.ccp-anomaly:after{width:100%;height:1px}.ccp-anomaly i{position:absolute;border:1px solid #ffffff1c;border-radius:50%}.ccp-anomaly i:nth-child(1){inset:13px}.ccp-anomaly i:nth-child(2){inset:29px}.ccp-anomaly b{position:relative;z-index:2;max-width:76px;padding:4px 6px;background:#080b0add;color:var(--hot2);font-size:8px;text-align:center}
.ccp-nav{position:relative;z-index:5;display:grid;grid-template-columns:repeat(8,minmax(74px,1fr));overflow-x:auto;border-bottom:1px solid var(--line);background:#050807;scrollbar-width:none}.ccp-nav::-webkit-scrollbar{display:none}.ccp-nav a{cursor:pointer;position:relative;display:grid;min-height:58px;place-items:center;padding:8px 4px;color:#7f8d88;font-size:10px;font-weight:900;text-align:center;text-decoration:none;touch-action:manipulation}.ccp-nav a:before{display:block;margin-bottom:1px;color:#9aaaa4;font-size:16px;line-height:1}.ccp-nav a:nth-child(1):before{content:"◉"}.ccp-nav a:nth-child(2):before{content:"♟"}.ccp-nav a:nth-child(3):before{content:"◇"}.ccp-nav a:nth-child(4):before{content:"⌖"}.ccp-nav a:nth-child(5):before{content:"⬡"}.ccp-nav a:nth-child(6):before{content:"▣"}.ccp-nav a:nth-child(7):before{content:"↗"}.ccp-nav a:nth-child(8):before{content:"≡"}.ccp-nav a:hover,.ccp-nav a:focus{color:#fff;background:linear-gradient(0deg,color-mix(in srgb,var(--hot) 24%,transparent),transparent);box-shadow:inset 0 -3px var(--hot);outline:0}
.ccp-window{position:relative;z-index:2;height:720px;max-height:76vh;min-height:520px;overflow:hidden;background:radial-gradient(circle at 88% 8%,color-mix(in srgb,var(--hot) 9%,transparent),transparent 28%),linear-gradient(180deg,#0b100e,var(--bg))}
.ccp-panel{position:absolute;inset:0;display:none;overflow-x:hidden;overflow-y:auto;min-height:100%;padding:20px 20px 34px;scrollbar-width:thin;scrollbar-color:var(--hot) #080b0a;animation:ccpIn .2s ease both}.ccp-panel::-webkit-scrollbar{width:6px}.ccp-panel::-webkit-scrollbar-thumb{border-radius:10px;background:var(--hot)}.ccp-panel.ccp-default,.ccp-panel:target{display:block}.ccp-panel:target{z-index:3;background:radial-gradient(circle at 88% 8%,color-mix(in srgb,var(--hot) 9%,transparent),transparent 28%),linear-gradient(180deg,#0b100e,var(--bg))}@keyframes ccpIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.ccp-sectionhead,.ccp-personhead,.ccp-outcome>header,.ccp-actionsbox>header,.ccp-memoryscope>header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:11px;border-bottom:1px solid var(--line)}.ccp-sectionhead small,.ccp-personhead small{color:var(--hot2);font:800 8px Consolas,monospace;letter-spacing:.15em}.ccp-sectionhead h2{margin:2px 0 0;font-size:22px}.ccp-sectionhead>span,.ccp-personhead>b,.ccp-memoryscope>header span{color:var(--cold);font:800 9px Consolas,monospace}
.ccp-story{position:relative;margin:12px 0 15px;padding:22px 23px;border:1px solid #ffffff18;border-radius:18px;background:linear-gradient(145deg,#171916,#0c100e);color:#edf1ee;font:16px/2 "Noto Serif SC","Songti SC","SimSun",serif;letter-spacing:.02em;box-shadow:inset 4px 0 var(--hot),0 16px 45px #0005}.ccp-story:before{content:"SCENE TRANSCRIPT";display:block;margin-bottom:10px;color:var(--hot2);font:800 8px Consolas,monospace;letter-spacing:.2em}.ccp-story p{margin:0 0 1em}.ccp-story p:last-child{margin-bottom:0}
.ccp-outcome,.ccp-person,.ccp-faction,.ccp-block,.ccp-card,.ccp-memorycard,.ccp-relationlog,.ccp-promotions,.ccp-interference,.ccp-checkpoints,.ccp-projects,.ccp-departments,.ccp-actionsbox{margin:11px 0;padding:14px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel2) 92%,var(--hot) 8%),var(--panel))}
.ccp-outcome>header,.ccp-actionsbox>header{align-items:center;margin-bottom:8px;padding-bottom:8px}.ccp-outcome>header span,.ccp-actionsbox>header span{color:var(--mut);font-size:9px}.ccp-outcomegrid,.ccp-grid,.ccp-persongrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ccp-outcomegrid p{margin:0;padding:11px;border:1px solid #ffffff10;border-radius:12px;background:#070b09}.ccp-outcomegrid b,.ccp-outcomegrid span{display:block}.ccp-outcomegrid b{margin-bottom:4px;color:var(--hot2);font-size:10px}.ccp-outcomegrid span{color:#bac5c0}
.ccp-danmaku:hover .ccp-danmaku-stream i{color:var(--hot2);font-size:8px;font-style:normal;white-space:nowrap}.ccp-danmaku-stream p{margin:0;color:#d5dcd8;font-size:9px;white-space:nowrap}@media(prefers-reduced-motion:reduce){}
.ccp h3,.ccp h4{margin:0 0 9px;color:#f3f6f4}.ccp h3{font-size:14px}.ccp h4{font-size:12px}.ccp-line{display:grid;grid-template-columns:105px minmax(0,1fr);gap:10px;margin:0;padding:7px 0;border-bottom:1px solid #ffffff0d}.ccp-line:last-child{border-bottom:0}.ccp-line b{color:#dce3df}.ccp-line span{color:#aebbb5}
.ccp-tips{border-style:dashed}.ccp-tipset{display:flex;flex-wrap:wrap;align-items:flex-start;gap:7px}.ccp-tip{display:inline-block;max-width:100%;margin:0;border:1px solid color-mix(in srgb,var(--warn) 46%,var(--line));border-radius:10px;background:linear-gradient(145deg,#241d12,#101513);color:#e6ce98}.ccp-tip>summary{cursor:pointer;list-style:none;padding:6px 10px;font-size:10px;font-weight:800;white-space:nowrap}.ccp-tip>summary::-webkit-details-marker{display:none}.ccp-tip>summary:after{content:"＋";margin-left:7px;color:var(--warn)}.ccp-tip[open]>summary:after{content:"－"}.ccp-tip>div{width:min(340px,72vw);padding:9px 10px;border-top:1px solid #ffffff14;background:#080b09;color:#e9eeeb;font-size:10px}.ccp-tip[open]{flex-basis:100%}
.ccp-person{position:relative;overflow:hidden}.ccp-protagonist{border-color:color-mix(in srgb,var(--cold) 55%,var(--line));box-shadow:inset 4px 0 var(--cold)}.ccp-active{border-color:color-mix(in srgb,var(--hot) 65%,var(--line));box-shadow:inset 4px 0 var(--hot)}.ccp-personhead{align-items:center}.ccp-personhead h3{margin:2px 0 0;font-size:18px}.ccp-personhead h3 i{margin-left:8px;color:var(--mut);font-size:9px;font-style:normal}.ccp-vitals,.ccp-meterdeck,.ccp-supplystrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}.ccp-vitals>div,.ccp-meterdeck>div,.ccp-supplystrip>div{display:flex;min-width:0;min-height:88px;flex-direction:column;padding:10px;border:1px solid #ffffff12;border-radius:11px;background:#080c0a}.ccp-vitals label,.ccp-meterdeck label,.ccp-supplystrip label{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:7px;color:var(--mut);font-size:8px}.ccp-vitals label span,.ccp-meterdeck label span,.ccp-supplystrip label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ccp-vitals label em,.ccp-meterdeck label em,.ccp-supplystrip label em{color:var(--hot2);font-size:7px;font-style:normal;white-space:nowrap}.ccp-vitals b,.ccp-meterdeck b,.ccp-supplystrip b{display:block;margin-bottom:8px;color:var(--ink);font-size:15px;line-height:1.2}.ccp-vitals progress,.ccp-meterdeck progress,.ccp-supplystrip progress{margin-top:auto}.ccp-supplystrip>div>span{display:block;margin:-3px 0 8px;color:var(--mut);font-size:8px}
.ccp-persongrid>section{min-width:0;padding:12px;border:1px solid #ffffff10;border-radius:13px;background:#0a0f0d}.ccp-private{background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 82%,#6b2030 18%),var(--panel))}.ccp-fold{margin:10px 0;overflow:hidden;border:1px solid var(--line);border-radius:13px}.ccp-fold>summary{cursor:pointer;padding:10px 12px;font-weight:900;list-style:none}.ccp-fold>summary:after{content:"展开";float:right;color:var(--hot2);font-size:8px}.ccp-fold[open]>summary:after{content:"收起"}.ccp-fold>div{padding:2px 12px 12px;color:#bec8c3}.ccp-relation{margin-top:10px;padding:12px;border:1px solid #ffffff11;border-radius:13px;background:#090d0b}.ccp-relation h4{color:var(--warn)}
.ccp .cc-cg{width:100%;height:clamp(320px,62vw,680px);margin:0 0 13px;border:1px solid var(--line);border-radius:16px;background-color:#080b0a;background-position:center;background-repeat:no-repeat;background-size:contain;box-shadow:inset 0 -42px 64px #0006}.ccp .ccp-person>.cc-cg,.ccp .ccp-personbody>.cc-cg{max-width:560px;height:clamp(380px,72vw,760px);margin-right:auto;margin-left:auto}.ccp-npclist{display:grid;gap:8px}.ccp-person-more{padding:0}.ccp-person-more>summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px;padding:12px 14px;list-style:none;background:#0a0f0d}.ccp-person-more>summary::-webkit-details-marker{display:none}.ccp-person-more>summary span{font-weight:900}.ccp-person-more>summary b{color:var(--hot2);font-size:9px;text-align:right}.ccp-personbody{padding:13px;border-top:1px solid var(--line)}
.ccp-map{position:relative;min-height:390px;padding:17px;overflow:hidden;border:1px solid #40534c;border-radius:18px;background:radial-gradient(circle at 22% 28%,color-mix(in srgb,var(--cold) 28%,transparent) 0 2px,transparent 3px),linear-gradient(145deg,#0d1814,#080b0a);background-size:30px 30px,auto}.ccp-map:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49%,#ffffff08 50%,transparent 51%),linear-gradient(0deg,transparent 49%,#ffffff08 50%,transparent 51%);background-size:52px 52px}.ccp-mapcore{position:relative;z-index:2;margin-bottom:15px;padding:13px 13px 13px 38px;border:1px solid var(--hot);border-radius:13px;background:#211211e8}.ccp-mapcore i{position:absolute;left:14px;top:18px;width:11px;height:11px;border:2px solid var(--hot2);border-radius:50%;box-shadow:0 0 16px var(--hot)}.ccp-mapcore b,.ccp-mapcore span{display:block}.ccp-mapcore span{color:#afbbb6;font-size:9px}.ccp-maproutes{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ccp-maproutes button,.ccp-actions button{cursor:pointer;padding:10px 11px;border:1px solid #4b5b54;border-radius:11px;background:#101714;color:#edf2ef;text-align:left}.ccp-maproutes button:hover,.ccp-actions button:hover{border-color:var(--hot2);background:#1d1815}
.ccp-factionhero{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:11px;padding:14px;border:1px solid #ffffff11;border-radius:14px;background:linear-gradient(120deg,#0a100d,#161b16)}.ccp-factionhero small{color:var(--hot2);font:800 8px Consolas,monospace}.ccp-factionhero b{display:block;margin:3px 0;font-size:16px}.ccp-factionhero p{margin:0;color:#aeb9b4}.ccp-factionhero>span{padding:6px 9px;border:1px solid var(--warn);border-radius:9px;color:var(--warn);font-size:9px;white-space:nowrap}.ccp-roster{display:flex;flex-wrap:wrap;gap:6px}.ccp-rolegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.ccp-rolegrid>div{padding:9px;border:1px solid var(--line);border-radius:10px;background:#080c0a}.ccp-rolegrid b,.ccp-rolegrid span{display:block}.ccp-rolegrid span{color:var(--mut);font-size:9px}
.ccp-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ccp-actions button{position:relative;min-height:58px;padding-left:38px}.ccp-actions button:before{content:"→";position:absolute;left:13px;top:14px;color:var(--hot2);font-size:18px}.ccp-actions button b,.ccp-actions button span{display:block}.ccp-actions button b{font-size:11px}.ccp-actions button span{margin-top:3px;color:var(--mut);font-size:8px}
.ccp-memoryflow{display:grid;grid-template-columns:minmax(140px,1fr) minmax(76px,auto) minmax(140px,1fr) minmax(76px,auto) minmax(140px,1fr);align-items:stretch;gap:8px;margin:0 0 12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#090e0c;text-align:center}.ccp-memoryflow span{display:flex;min-width:0;min-height:58px;flex-direction:column;align-items:center;justify-content:center;padding:9px 7px;border:1px solid #ffffff12;border-radius:9px;background:var(--panel);font-weight:900}.ccp-memoryflow span small{display:block;margin-top:4px;color:var(--mut);font:700 8px/1.35 Consolas,monospace}.ccp-memoryflow b{display:flex;min-width:76px;align-items:center;justify-content:center;color:var(--hot2);font-size:8px;line-height:1.35;white-space:nowrap}.ccp-memoryscope{margin:10px 0;padding:13px;border:1px solid var(--line);border-radius:16px;background:#0a0f0d}.ccp-memoryscope>header{align-items:center}.ccp-memory{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.ccp-memorycard{min-width:0;margin:0}.ccp-memorycard ol,.ccp-interference ol{display:grid;gap:9px;margin:0;padding:0;list-style:none}.ccp-mementry,.ccp-interference li{min-width:0;padding:12px 13px;border:1px solid #ffffff12;border-radius:12px;background:#080c0a;color:#bbc5c1}.ccp-mementry header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid #ffffff0e}.ccp-mementry header b{color:var(--hot2);font:900 10px/1.4 Consolas,monospace}.ccp-mementry header span{color:var(--mut);font-size:8px;text-align:right}.ccp-mementry p{margin:10px 0;color:#d8dfdc;font-size:11px;line-height:1.8;overflow-wrap:anywhere}.ccp-mementry footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:8px;border-top:1px solid #ffffff0e;color:var(--mut);font-size:8px}.ccp-mementry footer b{padding:4px 7px;border:1px solid color-mix(in srgb,var(--cold) 45%,var(--line));border-radius:7px;background:#0d1512;color:var(--cold);font:800 8px/1.35 Consolas,monospace;text-align:right}.ccp-promotions,.ccp-interference,.ccp-checkpoints{overflow-wrap:anywhere}.ccp-interference li{line-height:1.75}.ccp-checkpoints{border-left:4px solid var(--hot)}
.ccp-foot{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-top:1px solid var(--line);background:#050807;color:#71807a;font-size:8px;text-align:center}.ccp-foot i{width:4px;height:4px;border-radius:50%;background:var(--hot)}
.ccp[data-density="compact"] .ccp-window{height:560px}.ccp[data-density="full"] .ccp-window{height:840px}
.ccp[data-theme="earth-zombie"]{--bg:#080a08;--panel:#111512;--panel2:#171c16;--line:#3a463d;--hot:#a52b26;--hot2:#f15b45;--cold:#91ac91;--good:#b6d36e;background-image:radial-gradient(circle at 12% 18%,#55634822 0 1px,transparent 2px)}
.ccp[data-theme="machine-revolt"]{--bg:#030a0f;--panel:#07141b;--panel2:#0a1c24;--line:#204b5d;--hot:#1eb7d6;--hot2:#70e5ff;--cold:#81aaff;--good:#5affce}.ccp[data-theme="machine-revolt"]:before{background:linear-gradient(90deg,#30d5ff08 1px,transparent 1px),linear-gradient(#30d5ff08 1px,transparent 1px);background-size:24px 24px}
.ccp[data-theme="immortal-demon"]{--bg:#100711;--panel:#1b0d1b;--panel2:#251127;--line:#5b3658;--hot:#a752d0;--hot2:#e394ff;--cold:#e0bd70;--good:#c7e37a}
.ccp[data-theme="verdant-collapse"]{--bg:#06100b;--panel:#0d1a12;--panel2:#14261a;--line:#355841;--hot:#78a93f;--hot2:#b9e36d;--cold:#73c9a4;--good:#d2ed82}
.ccp[data-theme="swarm-hunger"]{--bg:#100d06;--panel:#1b160b;--panel2:#251e0d;--line:#5a4722;--hot:#b77822;--hot2:#f0b54e;--cold:#b9a06e;--good:#e0cf67}
.ccp[data-theme="void-revelation"]{--bg:#05030b;--panel:#0d0918;--panel2:#151025;--line:#3f3761;--hot:#7f5ed6;--hot2:#c59aff;--cold:#688fd7;--good:#a6d5c3}
.ccp[data-theme="ancient-ruin"]{--bg:#110d08;--panel:#1b1510;--panel2:#251c14;--line:#5b4632;--hot:#a74431;--hot2:#e77c56;--cold:#bda47f;--good:#c9b66b}
.ccp[data-theme="glacial-night"]{--bg:#050c12;--panel:#0b1720;--panel2:#10232e;--line:#365669;--hot:#4ca4c5;--hot2:#a9e8ff;--cold:#7eb3d8;--good:#b4e3ef}
.ccp[data-theme="ocean-deluge"]{--bg:#031017;--panel:#08212b;--panel2:#0c303b;--line:#286174;--hot:#e07b2d;--hot2:#ffad54;--cold:#42c4d8;--good:#88e2ce}
.ccp[data-theme="clockwork-fracture"]{--bg:#100e09;--panel:#1b170e;--panel2:#292113;--line:#655231;--hot:#b78631;--hot2:#e5bd67;--cold:#789486;--good:#c5d187}
.ccp[data-theme="ashen-sky"]{--bg:#110d0b;--panel:#1d1512;--panel2:#2a1c17;--line:#604137;--hot:#c8432a;--hot2:#ff7650;--cold:#9f9187;--good:#d0b969}
.ccp[data-theme="mirror-replacement"]{--bg:#070a0d;--panel:#11171c;--panel2:#1a2027;--line:#56626d;--hot:#c972a5;--hot2:#f0a9d5;--cold:#9bcfe0;--good:#c4dfda}
.ccp[data-theme="dream-empire"]{--bg:#0c0814;--panel:#171022;--panel2:#241731;--line:#5d436f;--hot:#a75fd1;--hot2:#d79aff;--cold:#7da5dd;--good:#efb4cf}
.ccp[data-theme="dead-sun"]{--bg:#020203;--panel:#0b0908;--panel2:#17110c;--line:#4d3821;--hot:#c77720;--hot2:#ffb02e;--cold:#8b6bb2;--good:#d0bb73}
.ccp[data-theme="arcane-industry"]{--bg:#04101a;--panel:#0a1c2b;--panel2:#102a3d;--line:#315f78;--hot:#b08032;--hot2:#e3bd65;--cold:#57baff;--good:#8bd6b2}
.ccp[data-theme="flesh-moon"]{--bg:#12070b;--panel:#200d13;--panel2:#2e121b;--line:#6a3344;--hot:#b82f55;--hot2:#ed6689;--cold:#c99d9f;--good:#e3c5ad}
@media(max-width:760px){.cc-chain{margin:0;border-radius:0}.cc-chain-body{grid-template-columns:1fr}.ccp{width:100%;margin:0;border-radius:0}.ccp-head{grid-template-columns:minmax(0,1fr) 72px;padding:16px}.ccp-head h1{font-size:23px}.ccp-anomaly{width:68px;height:68px}.ccp-nav{grid-template-columns:repeat(8,76px)}.ccp-window{height:72vh;max-height:none;min-height:500px}.ccp-panel{padding:13px}.ccp-story{padding:17px 15px;font-size:15px}.ccp-outcomegrid,.ccp-grid,.ccp-persongrid,.ccp-actions,.ccp-memory{grid-template-columns:1fr}.ccp-vitals,.ccp-meterdeck,.ccp-supplystrip{grid-template-columns:repeat(2,minmax(0,1fr))}.ccp-maproutes,.ccp-rolegrid{grid-template-columns:1fr}.ccp-line{grid-template-columns:86px minmax(0,1fr)}.ccp-memoryflow{grid-template-columns:1fr}.ccp-memoryflow b{min-width:0;padding:2px 0;transform:none}.ccp-memoryflow b:before{content:"↓";margin-right:5px}.ccp-mementry header,.ccp-mementry footer{display:block}.ccp-mementry header span,.ccp-mementry footer b{display:block;margin-top:6px;text-align:left}.ccp-person-more>summary{display:block}.ccp-person-more>summary b{display:block;margin-top:4px;text-align:left}}

.cc-cg.cc-cg-wwz-evacuation{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://akns-images.eonline.com/eol_images/Entire_Site/201311/1024.WWZ.Pitt.mh.020113.jpg")}
.cc-cg.cc-cg-wwz-before-collapse{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://akns-images.eonline.com/eol_images/Entire_Site/2013225/rs_1024x759-130325123220-1024.WorldWarZ1.ms.032513.jpg")}
.cc-cg.cc-cg-wwz-containment{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://akns-images.eonline.com/eol_images/Entire_Site/2012108/1024.worldwar.ls.11812_copy.jpg")}
.cc-cg.cc-cg-hospital-corridor{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://images.unsplash.com/photo-1543139981-839d3e5e6365")}
.cc-cg.cc-cg-abandoned-city{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://images.pexels.com/photos/6807335/pexels-photo-6807335.jpeg")}
.cc-cg.cc-cg-military-checkpoint{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://images.pexels.com/photos/10970479/pexels-photo-10970479.jpeg")}
.cc-cg.cc-cg-underground-tunnel{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://images.unsplash.com/photo-1517060826726-eb8ff5938eb8")}
.cc-cg.cc-cg-abandoned-laboratory{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://images.pexels.com/photos/1411391/pexels-photo-1411391.jpeg")}
.cc-cg.cc-cg-rural-safehouse{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://images.unsplash.com/photo-1761842620125-9da5d856ddde")}
.cc-cg.cc-cg-evacuation-highway{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://images.pexels.com/photos/4212617/pexels-photo-4212617.jpeg")}
.cc-cg.cc-cg-refugee-camp{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://images.pexels.com/photos/15861730/pexels-photo-15861730.jpeg")}
.cc-cg.cc-cg-disaster-cloud-city{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://images.unsplash.com/photo-1768458815170-5319477fa4f1")}
.cc-cg.cc-cg-urban-flood{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://images.pexels.com/photos/8568719/pexels-photo-8568719.jpeg")}
.cc-cg.cc-cg-industrial-pollution{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://images.unsplash.com/photo-1552783160-27bfdb2625d5")}
.cc-cg.cc-cg-wildfire{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://images.pexels.com/photos/9633007/pexels-photo-9633007.jpeg")}
.cc-cg.cc-cg-wwz-zombie-city{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://akns-images.eonline.com/eol_images/Entire_Site/2013517/rs_1024x759-130617140033-1024.WWZ20.mh.061713.jpg")}
.cc-cg.cc-cg-wwz-street-chaos{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://akns-images.eonline.com/eol_images/Entire_Site/2013517/rs_1024x759-130617140043-1024.WWZ11.mh.061713.jpg")}
.cc-cg.cc-cg-wwz-collapsing-world{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://akns-images.eonline.com/eol_images/Entire_Site/2013517/rs_1024x759-130617140050-1024.WWZ2.mh.061713.jpg")}
.cc-cg.cc-cg-cc-c-001,.cc-cg-c001,.cc-cg-CC_C_001,.cc-cg-cc_c_001,.CC_CG_C001,article.cc-cg[data-cid="CC_C_001"],article.cc-cg[data-id="CC_CG_C001"],article.cc-cg[data-cid="CC_C_001"][data-id="CC_CG_C001"],.ccp-person[data-cid="CC_C_001"] article.cc-cg,.ccp-person[data-cid="CC_C_001"] .cc-cg[data-id="CC_CG_C001"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_001.jpg")}
.cc-cg.cc-cg-cc-c-002,.cc-cg-c002,.cc-cg-CC_C_002,.cc-cg-cc_c_002,.CC_CG_C002,article.cc-cg[data-cid="CC_C_002"],article.cc-cg[data-id="CC_CG_C002"],article.cc-cg[data-cid="CC_C_002"][data-id="CC_CG_C002"],.ccp-person[data-cid="CC_C_002"] article.cc-cg,.ccp-person[data-cid="CC_C_002"] .cc-cg[data-id="CC_CG_C002"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_002.jpg")}
.cc-cg.cc-cg-cc-c-003,.cc-cg-c003,.cc-cg-CC_C_003,.cc-cg-cc_c_003,.CC_CG_C003,article.cc-cg[data-cid="CC_C_003"],article.cc-cg[data-id="CC_CG_C003"],article.cc-cg[data-cid="CC_C_003"][data-id="CC_CG_C003"],.ccp-person[data-cid="CC_C_003"] article.cc-cg,.ccp-person[data-cid="CC_C_003"] .cc-cg[data-id="CC_CG_C003"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_003.jpg")}
.cc-cg.cc-cg-cc-c-004,.cc-cg-c004,.cc-cg-CC_C_004,.cc-cg-cc_c_004,.CC_CG_C004,article.cc-cg[data-cid="CC_C_004"],article.cc-cg[data-id="CC_CG_C004"],article.cc-cg[data-cid="CC_C_004"][data-id="CC_CG_C004"],.ccp-person[data-cid="CC_C_004"] article.cc-cg,.ccp-person[data-cid="CC_C_004"] .cc-cg[data-id="CC_CG_C004"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_004.jpg")}
.cc-cg.cc-cg-cc-c-005,.cc-cg-c005,.cc-cg-CC_C_005,.cc-cg-cc_c_005,.CC_CG_C005,article.cc-cg[data-cid="CC_C_005"],article.cc-cg[data-id="CC_CG_C005"],article.cc-cg[data-cid="CC_C_005"][data-id="CC_CG_C005"],.ccp-person[data-cid="CC_C_005"] article.cc-cg,.ccp-person[data-cid="CC_C_005"] .cc-cg[data-id="CC_CG_C005"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_005.jpg")}
.cc-cg.cc-cg-cc-c-006,.cc-cg-c006,.cc-cg-CC_C_006,.cc-cg-cc_c_006,.CC_CG_C006,article.cc-cg[data-cid="CC_C_006"],article.cc-cg[data-id="CC_CG_C006"],article.cc-cg[data-cid="CC_C_006"][data-id="CC_CG_C006"],.ccp-person[data-cid="CC_C_006"] article.cc-cg,.ccp-person[data-cid="CC_C_006"] .cc-cg[data-id="CC_CG_C006"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_006.jpg")}
.cc-cg.cc-cg-cc-c-007,.cc-cg-c007,.cc-cg-CC_C_007,.cc-cg-cc_c_007,.CC_CG_C007,article.cc-cg[data-cid="CC_C_007"],article.cc-cg[data-id="CC_CG_C007"],article.cc-cg[data-cid="CC_C_007"][data-id="CC_CG_C007"],.ccp-person[data-cid="CC_C_007"] article.cc-cg,.ccp-person[data-cid="CC_C_007"] .cc-cg[data-id="CC_CG_C007"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_007.jpg")}
.cc-cg.cc-cg-cc-c-008,.cc-cg-c008,.cc-cg-CC_C_008,.cc-cg-cc_c_008,.CC_CG_C008,article.cc-cg[data-cid="CC_C_008"],article.cc-cg[data-id="CC_CG_C008"],article.cc-cg[data-cid="CC_C_008"][data-id="CC_CG_C008"],.ccp-person[data-cid="CC_C_008"] article.cc-cg,.ccp-person[data-cid="CC_C_008"] .cc-cg[data-id="CC_CG_C008"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_008.jpg")}
.cc-cg.cc-cg-cc-c-009,.cc-cg-c009,.cc-cg-CC_C_009,.cc-cg-cc_c_009,.CC_CG_C009,article.cc-cg[data-cid="CC_C_009"],article.cc-cg[data-id="CC_CG_C009"],article.cc-cg[data-cid="CC_C_009"][data-id="CC_CG_C009"],.ccp-person[data-cid="CC_C_009"] article.cc-cg,.ccp-person[data-cid="CC_C_009"] .cc-cg[data-id="CC_CG_C009"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_009.jpg")}
.cc-cg.cc-cg-cc-c-010,.cc-cg-c010,.cc-cg-CC_C_010,.cc-cg-cc_c_010,.CC_CG_C010,article.cc-cg[data-cid="CC_C_010"],article.cc-cg[data-id="CC_CG_C010"],article.cc-cg[data-cid="CC_C_010"][data-id="CC_CG_C010"],.ccp-person[data-cid="CC_C_010"] article.cc-cg,.ccp-person[data-cid="CC_C_010"] .cc-cg[data-id="CC_CG_C010"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_010.jpg")}
.cc-cg.cc-cg-cc-c-011,.cc-cg-c011,.cc-cg-CC_C_011,.cc-cg-cc_c_011,.CC_CG_C011,article.cc-cg[data-cid="CC_C_011"],article.cc-cg[data-id="CC_CG_C011"],article.cc-cg[data-cid="CC_C_011"][data-id="CC_CG_C011"],.ccp-person[data-cid="CC_C_011"] article.cc-cg,.ccp-person[data-cid="CC_C_011"] .cc-cg[data-id="CC_CG_C011"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_011.jpg")}
.cc-cg.cc-cg-cc-c-012,.cc-cg-c012,.cc-cg-CC_C_012,.cc-cg-cc_c_012,.CC_CG_C012,article.cc-cg[data-cid="CC_C_012"],article.cc-cg[data-id="CC_CG_C012"],article.cc-cg[data-cid="CC_C_012"][data-id="CC_CG_C012"],.ccp-person[data-cid="CC_C_012"] article.cc-cg,.ccp-person[data-cid="CC_C_012"] .cc-cg[data-id="CC_CG_C012"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_012.jpg")}
.cc-cg.cc-cg-cc-c-013,.cc-cg-c013,.cc-cg-CC_C_013,.cc-cg-cc_c_013,.CC_CG_C013,article.cc-cg[data-cid="CC_C_013"],article.cc-cg[data-id="CC_CG_C013"],article.cc-cg[data-cid="CC_C_013"][data-id="CC_CG_C013"],.ccp-person[data-cid="CC_C_013"] article.cc-cg,.ccp-person[data-cid="CC_C_013"] .cc-cg[data-id="CC_CG_C013"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_013.jpg")}
.cc-cg.cc-cg-cc-c-014,.cc-cg-c014,.cc-cg-CC_C_014,.cc-cg-cc_c_014,.CC_CG_C014,article.cc-cg[data-cid="CC_C_014"],article.cc-cg[data-id="CC_CG_C014"],article.cc-cg[data-cid="CC_C_014"][data-id="CC_CG_C014"],.ccp-person[data-cid="CC_C_014"] article.cc-cg,.ccp-person[data-cid="CC_C_014"] .cc-cg[data-id="CC_CG_C014"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_014.jpg")}
.cc-cg.cc-cg-cc-c-015,.cc-cg-c015,.cc-cg-CC_C_015,.cc-cg-cc_c_015,.CC_CG_C015,article.cc-cg[data-cid="CC_C_015"],article.cc-cg[data-id="CC_CG_C015"],article.cc-cg[data-cid="CC_C_015"][data-id="CC_CG_C015"],.ccp-person[data-cid="CC_C_015"] article.cc-cg,.ccp-person[data-cid="CC_C_015"] .cc-cg[data-id="CC_CG_C015"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_015.jpg")}
.cc-cg.cc-cg-cc-c-016,.cc-cg-c016,.cc-cg-CC_C_016,.cc-cg-cc_c_016,.CC_CG_C016,article.cc-cg[data-cid="CC_C_016"],article.cc-cg[data-id="CC_CG_C016"],article.cc-cg[data-cid="CC_C_016"][data-id="CC_CG_C016"],.ccp-person[data-cid="CC_C_016"] article.cc-cg,.ccp-person[data-cid="CC_C_016"] .cc-cg[data-id="CC_CG_C016"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_016.jpg")}
.cc-cg.cc-cg-cc-c-017,.cc-cg-c017,.cc-cg-CC_C_017,.cc-cg-cc_c_017,.CC_CG_C017,article.cc-cg[data-cid="CC_C_017"],article.cc-cg[data-id="CC_CG_C017"],article.cc-cg[data-cid="CC_C_017"][data-id="CC_CG_C017"],.ccp-person[data-cid="CC_C_017"] article.cc-cg,.ccp-person[data-cid="CC_C_017"] .cc-cg[data-id="CC_CG_C017"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_017.jpg")}
.cc-cg.cc-cg-cc-c-018,.cc-cg-c018,.cc-cg-CC_C_018,.cc-cg-cc_c_018,.CC_CG_C018,article.cc-cg[data-cid="CC_C_018"],article.cc-cg[data-id="CC_CG_C018"],article.cc-cg[data-cid="CC_C_018"][data-id="CC_CG_C018"],.ccp-person[data-cid="CC_C_018"] article.cc-cg,.ccp-person[data-cid="CC_C_018"] .cc-cg[data-id="CC_CG_C018"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_018.jpg")}
.cc-cg.cc-cg-cc-c-019,.cc-cg-c019,.cc-cg-CC_C_019,.cc-cg-cc_c_019,.CC_CG_C019,article.cc-cg[data-cid="CC_C_019"],article.cc-cg[data-id="CC_CG_C019"],article.cc-cg[data-cid="CC_C_019"][data-id="CC_CG_C019"],.ccp-person[data-cid="CC_C_019"] article.cc-cg,.ccp-person[data-cid="CC_C_019"] .cc-cg[data-id="CC_CG_C019"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_019.jpg")}
.cc-cg.cc-cg-cc-c-020,.cc-cg-c020,.cc-cg-CC_C_020,.cc-cg-cc_c_020,.CC_CG_C020,article.cc-cg[data-cid="CC_C_020"],article.cc-cg[data-id="CC_CG_C020"],article.cc-cg[data-cid="CC_C_020"][data-id="CC_CG_C020"],.ccp-person[data-cid="CC_C_020"] article.cc-cg,.ccp-person[data-cid="CC_C_020"] .cc-cg[data-id="CC_CG_C020"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_020.jpg")}
.cc-cg.cc-cg-cc-c-021,.cc-cg-c021,.cc-cg-CC_C_021,.cc-cg-cc_c_021,.CC_CG_C021,article.cc-cg[data-cid="CC_C_021"],article.cc-cg[data-id="CC_CG_C021"],article.cc-cg[data-cid="CC_C_021"][data-id="CC_CG_C021"],.ccp-person[data-cid="CC_C_021"] article.cc-cg,.ccp-person[data-cid="CC_C_021"] .cc-cg[data-id="CC_CG_C021"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_021.jpg")}
.cc-cg.cc-cg-cc-c-022,.cc-cg-c022,.cc-cg-CC_C_022,.cc-cg-cc_c_022,.CC_CG_C022,article.cc-cg[data-cid="CC_C_022"],article.cc-cg[data-id="CC_CG_C022"],article.cc-cg[data-cid="CC_C_022"][data-id="CC_CG_C022"],.ccp-person[data-cid="CC_C_022"] article.cc-cg,.ccp-person[data-cid="CC_C_022"] .cc-cg[data-id="CC_CG_C022"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_022.jpg")}
.cc-cg.cc-cg-cc-c-023,.cc-cg-c023,.cc-cg-CC_C_023,.cc-cg-cc_c_023,.CC_CG_C023,article.cc-cg[data-cid="CC_C_023"],article.cc-cg[data-id="CC_CG_C023"],article.cc-cg[data-cid="CC_C_023"][data-id="CC_CG_C023"],.ccp-person[data-cid="CC_C_023"] article.cc-cg,.ccp-person[data-cid="CC_C_023"] .cc-cg[data-id="CC_CG_C023"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_023.jpg")}
.cc-cg.cc-cg-cc-c-024,.cc-cg-c024,.cc-cg-CC_C_024,.cc-cg-cc_c_024,.CC_CG_C024,article.cc-cg[data-cid="CC_C_024"],article.cc-cg[data-id="CC_CG_C024"],article.cc-cg[data-cid="CC_C_024"][data-id="CC_CG_C024"],.ccp-person[data-cid="CC_C_024"] article.cc-cg,.ccp-person[data-cid="CC_C_024"] .cc-cg[data-id="CC_CG_C024"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_024.gif")}
.cc-cg.cc-cg-cc-c-025,.cc-cg-c025,.cc-cg-CC_C_025,.cc-cg-cc_c_025,.CC_CG_C025,article.cc-cg[data-cid="CC_C_025"],article.cc-cg[data-id="CC_CG_C025"],article.cc-cg[data-cid="CC_C_025"][data-id="CC_CG_C025"],.ccp-person[data-cid="CC_C_025"] article.cc-cg,.ccp-person[data-cid="CC_C_025"] .cc-cg[data-id="CC_CG_C025"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_025.jpg")}
.cc-cg.cc-cg-cc-c-026,.cc-cg-c026,.cc-cg-CC_C_026,.cc-cg-cc_c_026,.CC_CG_C026,article.cc-cg[data-cid="CC_C_026"],article.cc-cg[data-id="CC_CG_C026"],article.cc-cg[data-cid="CC_C_026"][data-id="CC_CG_C026"],.ccp-person[data-cid="CC_C_026"] article.cc-cg,.ccp-person[data-cid="CC_C_026"] .cc-cg[data-id="CC_CG_C026"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_026.gif")}
.cc-cg.cc-cg-cc-c-027,.cc-cg-c027,.cc-cg-CC_C_027,.cc-cg-cc_c_027,.CC_CG_C027,article.cc-cg[data-cid="CC_C_027"],article.cc-cg[data-id="CC_CG_C027"],article.cc-cg[data-cid="CC_C_027"][data-id="CC_CG_C027"],.ccp-person[data-cid="CC_C_027"] article.cc-cg,.ccp-person[data-cid="CC_C_027"] .cc-cg[data-id="CC_CG_C027"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_027.jpg")}
.cc-cg.cc-cg-cc-c-028,.cc-cg-c028,.cc-cg-CC_C_028,.cc-cg-cc_c_028,.CC_CG_C028,article.cc-cg[data-cid="CC_C_028"],article.cc-cg[data-id="CC_CG_C028"],article.cc-cg[data-cid="CC_C_028"][data-id="CC_CG_C028"],.ccp-person[data-cid="CC_C_028"] article.cc-cg,.ccp-person[data-cid="CC_C_028"] .cc-cg[data-id="CC_CG_C028"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_028.jpg")}
.cc-cg.cc-cg-cc-c-029,.cc-cg-c029,.cc-cg-CC_C_029,.cc-cg-cc_c_029,.CC_CG_C029,article.cc-cg[data-cid="CC_C_029"],article.cc-cg[data-id="CC_CG_C029"],article.cc-cg[data-cid="CC_C_029"][data-id="CC_CG_C029"],.ccp-person[data-cid="CC_C_029"] article.cc-cg,.ccp-person[data-cid="CC_C_029"] .cc-cg[data-id="CC_CG_C029"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_029.jpg")}
.cc-cg.cc-cg-cc-c-030,.cc-cg-c030,.cc-cg-CC_C_030,.cc-cg-cc_c_030,.CC_CG_C030,article.cc-cg[data-cid="CC_C_030"],article.cc-cg[data-id="CC_CG_C030"],article.cc-cg[data-cid="CC_C_030"][data-id="CC_CG_C030"],.ccp-person[data-cid="CC_C_030"] article.cc-cg,.ccp-person[data-cid="CC_C_030"] .cc-cg[data-id="CC_CG_C030"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_030.jpg")}
.cc-cg.cc-cg-cc-c-031,.cc-cg-c031,.cc-cg-CC_C_031,.cc-cg-cc_c_031,.CC_CG_C031,article.cc-cg[data-cid="CC_C_031"],article.cc-cg[data-id="CC_CG_C031"],article.cc-cg[data-cid="CC_C_031"][data-id="CC_CG_C031"],.ccp-person[data-cid="CC_C_031"] article.cc-cg,.ccp-person[data-cid="CC_C_031"] .cc-cg[data-id="CC_CG_C031"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_031.jpg")}
.cc-cg.cc-cg-cc-c-032,.cc-cg-c032,.cc-cg-CC_C_032,.cc-cg-cc_c_032,.CC_CG_C032,article.cc-cg[data-cid="CC_C_032"],article.cc-cg[data-id="CC_CG_C032"],article.cc-cg[data-cid="CC_C_032"][data-id="CC_CG_C032"],.ccp-person[data-cid="CC_C_032"] article.cc-cg,.ccp-person[data-cid="CC_C_032"] .cc-cg[data-id="CC_CG_C032"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_032.jpg")}
.cc-cg.cc-cg-cc-c-033,.cc-cg-c033,.cc-cg-CC_C_033,.cc-cg-cc_c_033,.CC_CG_C033,article.cc-cg[data-cid="CC_C_033"],article.cc-cg[data-id="CC_CG_C033"],article.cc-cg[data-cid="CC_C_033"][data-id="CC_CG_C033"],.ccp-person[data-cid="CC_C_033"] article.cc-cg,.ccp-person[data-cid="CC_C_033"] .cc-cg[data-id="CC_CG_C033"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_033.jpg")}
.cc-cg.cc-cg-cc-c-034,.cc-cg-c034,.cc-cg-CC_C_034,.cc-cg-cc_c_034,.CC_CG_C034,article.cc-cg[data-cid="CC_C_034"],article.cc-cg[data-id="CC_CG_C034"],article.cc-cg[data-cid="CC_C_034"][data-id="CC_CG_C034"],.ccp-person[data-cid="CC_C_034"] article.cc-cg,.ccp-person[data-cid="CC_C_034"] .cc-cg[data-id="CC_CG_C034"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_034.jpg")}
.cc-cg.cc-cg-cc-c-035,.cc-cg-c035,.cc-cg-CC_C_035,.cc-cg-cc_c_035,.CC_CG_C035,article.cc-cg[data-cid="CC_C_035"],article.cc-cg[data-id="CC_CG_C035"],article.cc-cg[data-cid="CC_C_035"][data-id="CC_CG_C035"],.ccp-person[data-cid="CC_C_035"] article.cc-cg,.ccp-person[data-cid="CC_C_035"] .cc-cg[data-id="CC_CG_C035"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_035.jpg")}
.cc-cg.cc-cg-cc-c-036,.cc-cg-c036,.cc-cg-CC_C_036,.cc-cg-cc_c_036,.CC_CG_C036,article.cc-cg[data-cid="CC_C_036"],article.cc-cg[data-id="CC_CG_C036"],article.cc-cg[data-cid="CC_C_036"][data-id="CC_CG_C036"],.ccp-person[data-cid="CC_C_036"] article.cc-cg,.ccp-person[data-cid="CC_C_036"] .cc-cg[data-id="CC_CG_C036"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_036.jpg")}
.cc-cg.cc-cg-cc-c-037,.cc-cg-c037,.cc-cg-CC_C_037,.cc-cg-cc_c_037,.CC_CG_C037,article.cc-cg[data-cid="CC_C_037"],article.cc-cg[data-id="CC_CG_C037"],article.cc-cg[data-cid="CC_C_037"][data-id="CC_CG_C037"],.ccp-person[data-cid="CC_C_037"] article.cc-cg,.ccp-person[data-cid="CC_C_037"] .cc-cg[data-id="CC_CG_C037"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_037.jpg")}
.cc-cg.cc-cg-cc-c-038,.cc-cg-c038,.cc-cg-CC_C_038,.cc-cg-cc_c_038,.CC_CG_C038,article.cc-cg[data-cid="CC_C_038"],article.cc-cg[data-id="CC_CG_C038"],article.cc-cg[data-cid="CC_C_038"][data-id="CC_CG_C038"],.ccp-person[data-cid="CC_C_038"] article.cc-cg,.ccp-person[data-cid="CC_C_038"] .cc-cg[data-id="CC_CG_C038"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_038.jpg")}
.cc-cg.cc-cg-cc-c-039,.cc-cg-c039,.cc-cg-CC_C_039,.cc-cg-cc_c_039,.CC_CG_C039,article.cc-cg[data-cid="CC_C_039"],article.cc-cg[data-id="CC_CG_C039"],article.cc-cg[data-cid="CC_C_039"][data-id="CC_CG_C039"],.ccp-person[data-cid="CC_C_039"] article.cc-cg,.ccp-person[data-cid="CC_C_039"] .cc-cg[data-id="CC_CG_C039"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_039.jpg")}
.cc-cg.cc-cg-cc-c-040,.cc-cg-c040,.cc-cg-CC_C_040,.cc-cg-cc_c_040,.CC_CG_C040,article.cc-cg[data-cid="CC_C_040"],article.cc-cg[data-id="CC_CG_C040"],article.cc-cg[data-cid="CC_C_040"][data-id="CC_CG_C040"],.ccp-person[data-cid="CC_C_040"] article.cc-cg,.ccp-person[data-cid="CC_C_040"] .cc-cg[data-id="CC_CG_C040"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_040.jpg")}
.cc-cg.cc-cg-cc-c-041,.cc-cg-c041,.cc-cg-CC_C_041,.cc-cg-cc_c_041,.CC_CG_C041,article.cc-cg[data-cid="CC_C_041"],article.cc-cg[data-id="CC_CG_C041"],article.cc-cg[data-cid="CC_C_041"][data-id="CC_CG_C041"],.ccp-person[data-cid="CC_C_041"] article.cc-cg,.ccp-person[data-cid="CC_C_041"] .cc-cg[data-id="CC_CG_C041"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_041.jpg")}
.cc-cg.cc-cg-cc-c-042,.cc-cg-c042,.cc-cg-CC_C_042,.cc-cg-cc_c_042,.CC_CG_C042,article.cc-cg[data-cid="CC_C_042"],article.cc-cg[data-id="CC_CG_C042"],article.cc-cg[data-cid="CC_C_042"][data-id="CC_CG_C042"],.ccp-person[data-cid="CC_C_042"] article.cc-cg,.ccp-person[data-cid="CC_C_042"] .cc-cg[data-id="CC_CG_C042"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_042.jpg")}
.cc-cg.cc-cg-cc-c-043,.cc-cg-c043,.cc-cg-CC_C_043,.cc-cg-cc_c_043,.CC_CG_C043,article.cc-cg[data-cid="CC_C_043"],article.cc-cg[data-id="CC_CG_C043"],article.cc-cg[data-cid="CC_C_043"][data-id="CC_CG_C043"],.ccp-person[data-cid="CC_C_043"] article.cc-cg,.ccp-person[data-cid="CC_C_043"] .cc-cg[data-id="CC_CG_C043"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_043.jpg")}
.cc-cg.cc-cg-cc-c-044,.cc-cg-c044,.cc-cg-CC_C_044,.cc-cg-cc_c_044,.CC_CG_C044,article.cc-cg[data-cid="CC_C_044"],article.cc-cg[data-id="CC_CG_C044"],article.cc-cg[data-cid="CC_C_044"][data-id="CC_CG_C044"],.ccp-person[data-cid="CC_C_044"] article.cc-cg,.ccp-person[data-cid="CC_C_044"] .cc-cg[data-id="CC_CG_C044"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_044.gif")}
.cc-cg.cc-cg-cc-c-045,.cc-cg-c045,.cc-cg-CC_C_045,.cc-cg-cc_c_045,.CC_CG_C045,article.cc-cg[data-cid="CC_C_045"],article.cc-cg[data-id="CC_CG_C045"],article.cc-cg[data-cid="CC_C_045"][data-id="CC_CG_C045"],.ccp-person[data-cid="CC_C_045"] article.cc-cg,.ccp-person[data-cid="CC_C_045"] .cc-cg[data-id="CC_CG_C045"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_045.jpg")}
.cc-cg.cc-cg-cc-c-046,.cc-cg-c046,.cc-cg-CC_C_046,.cc-cg-cc_c_046,.CC_CG_C046,article.cc-cg[data-cid="CC_C_046"],article.cc-cg[data-id="CC_CG_C046"],article.cc-cg[data-cid="CC_C_046"][data-id="CC_CG_C046"],.ccp-person[data-cid="CC_C_046"] article.cc-cg,.ccp-person[data-cid="CC_C_046"] .cc-cg[data-id="CC_CG_C046"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_046.jpg")}
.cc-cg.cc-cg-cc-c-047,.cc-cg-c047,.cc-cg-CC_C_047,.cc-cg-cc_c_047,.CC_CG_C047,article.cc-cg[data-cid="CC_C_047"],article.cc-cg[data-id="CC_CG_C047"],article.cc-cg[data-cid="CC_C_047"][data-id="CC_CG_C047"],.ccp-person[data-cid="CC_C_047"] article.cc-cg,.ccp-person[data-cid="CC_C_047"] .cc-cg[data-id="CC_CG_C047"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_047.jpg")}
.cc-cg.cc-cg-cc-c-048,.cc-cg-c048,.cc-cg-CC_C_048,.cc-cg-cc_c_048,.CC_CG_C048,article.cc-cg[data-cid="CC_C_048"],article.cc-cg[data-id="CC_CG_C048"],article.cc-cg[data-cid="CC_C_048"][data-id="CC_CG_C048"],.ccp-person[data-cid="CC_C_048"] article.cc-cg,.ccp-person[data-cid="CC_C_048"] .cc-cg[data-id="CC_CG_C048"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_048.jpg")}
.cc-cg.cc-cg-cc-c-049,.cc-cg-c049,.cc-cg-CC_C_049,.cc-cg-cc_c_049,.CC_CG_C049,article.cc-cg[data-cid="CC_C_049"],article.cc-cg[data-id="CC_CG_C049"],article.cc-cg[data-cid="CC_C_049"][data-id="CC_CG_C049"],.ccp-person[data-cid="CC_C_049"] article.cc-cg,.ccp-person[data-cid="CC_C_049"] .cc-cg[data-id="CC_CG_C049"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_049.jpg")}
.cc-cg.cc-cg-cc-c-050,.cc-cg-c050,.cc-cg-CC_C_050,.cc-cg-cc_c_050,.CC_CG_C050,article.cc-cg[data-cid="CC_C_050"],article.cc-cg[data-id="CC_CG_C050"],article.cc-cg[data-cid="CC_C_050"][data-id="CC_CG_C050"],.ccp-person[data-cid="CC_C_050"] article.cc-cg,.ccp-person[data-cid="CC_C_050"] .cc-cg[data-id="CC_CG_C050"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_050.jpg")}
.cc-cg.cc-cg-cc-c-051,.cc-cg-c051,.cc-cg-CC_C_051,.cc-cg-cc_c_051,.CC_CG_C051,article.cc-cg[data-cid="CC_C_051"],article.cc-cg[data-id="CC_CG_C051"],article.cc-cg[data-cid="CC_C_051"][data-id="CC_CG_C051"],.ccp-person[data-cid="CC_C_051"] article.cc-cg,.ccp-person[data-cid="CC_C_051"] .cc-cg[data-id="CC_CG_C051"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_051.jpg")}
.cc-cg.cc-cg-cc-c-052,.cc-cg-c052,.cc-cg-CC_C_052,.cc-cg-cc_c_052,.CC_CG_C052,article.cc-cg[data-cid="CC_C_052"],article.cc-cg[data-id="CC_CG_C052"],article.cc-cg[data-cid="CC_C_052"][data-id="CC_CG_C052"],.ccp-person[data-cid="CC_C_052"] article.cc-cg,.ccp-person[data-cid="CC_C_052"] .cc-cg[data-id="CC_CG_C052"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_052.jpg")}
.cc-cg.cc-cg-cc-c-053,.cc-cg-c053,.cc-cg-CC_C_053,.cc-cg-cc_c_053,.CC_CG_C053,article.cc-cg[data-cid="CC_C_053"],article.cc-cg[data-id="CC_CG_C053"],article.cc-cg[data-cid="CC_C_053"][data-id="CC_CG_C053"],.ccp-person[data-cid="CC_C_053"] article.cc-cg,.ccp-person[data-cid="CC_C_053"] .cc-cg[data-id="CC_CG_C053"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_053.jpg")}
.cc-cg.cc-cg-cc-c-054,.cc-cg-c054,.cc-cg-CC_C_054,.cc-cg-cc_c_054,.CC_CG_C054,article.cc-cg[data-cid="CC_C_054"],article.cc-cg[data-id="CC_CG_C054"],article.cc-cg[data-cid="CC_C_054"][data-id="CC_CG_C054"],.ccp-person[data-cid="CC_C_054"] article.cc-cg,.ccp-person[data-cid="CC_C_054"] .cc-cg[data-id="CC_CG_C054"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_054.jpg")}
.cc-cg.cc-cg-cc-c-055,.cc-cg-c055,.cc-cg-CC_C_055,.cc-cg-cc_c_055,.CC_CG_C055,article.cc-cg[data-cid="CC_C_055"],article.cc-cg[data-id="CC_CG_C055"],article.cc-cg[data-cid="CC_C_055"][data-id="CC_CG_C055"],.ccp-person[data-cid="CC_C_055"] article.cc-cg,.ccp-person[data-cid="CC_C_055"] .cc-cg[data-id="CC_CG_C055"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_055.jpg")}
.cc-cg.cc-cg-cc-c-056,.cc-cg-c056,.cc-cg-CC_C_056,.cc-cg-cc_c_056,.CC_CG_C056,article.cc-cg[data-cid="CC_C_056"],article.cc-cg[data-id="CC_CG_C056"],article.cc-cg[data-cid="CC_C_056"][data-id="CC_CG_C056"],.ccp-person[data-cid="CC_C_056"] article.cc-cg,.ccp-person[data-cid="CC_C_056"] .cc-cg[data-id="CC_CG_C056"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_056.jpg")}
.cc-cg.cc-cg-cc-c-057,.cc-cg-c057,.cc-cg-CC_C_057,.cc-cg-cc_c_057,.CC_CG_C057,article.cc-cg[data-cid="CC_C_057"],article.cc-cg[data-id="CC_CG_C057"],article.cc-cg[data-cid="CC_C_057"][data-id="CC_CG_C057"],.ccp-person[data-cid="CC_C_057"] article.cc-cg,.ccp-person[data-cid="CC_C_057"] .cc-cg[data-id="CC_CG_C057"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_057.jpg")}
.cc-cg.cc-cg-cc-c-058,.cc-cg-c058,.cc-cg-CC_C_058,.cc-cg-cc_c_058,.CC_CG_C058,article.cc-cg[data-cid="CC_C_058"],article.cc-cg[data-id="CC_CG_C058"],article.cc-cg[data-cid="CC_C_058"][data-id="CC_CG_C058"],.ccp-person[data-cid="CC_C_058"] article.cc-cg,.ccp-person[data-cid="CC_C_058"] .cc-cg[data-id="CC_CG_C058"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_058.jpg")}
.cc-cg.cc-cg-cc-c-059,.cc-cg-c059,.cc-cg-CC_C_059,.cc-cg-cc_c_059,.CC_CG_C059,article.cc-cg[data-cid="CC_C_059"],article.cc-cg[data-id="CC_CG_C059"],article.cc-cg[data-cid="CC_C_059"][data-id="CC_CG_C059"],.ccp-person[data-cid="CC_C_059"] article.cc-cg,.ccp-person[data-cid="CC_C_059"] .cc-cg[data-id="CC_CG_C059"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_059.jpg")}
.cc-cg.cc-cg-cc-c-060,.cc-cg-c060,.cc-cg-CC_C_060,.cc-cg-cc_c_060,.CC_CG_C060,article.cc-cg[data-cid="CC_C_060"],article.cc-cg[data-id="CC_CG_C060"],article.cc-cg[data-cid="CC_C_060"][data-id="CC_CG_C060"],.ccp-person[data-cid="CC_C_060"] article.cc-cg,.ccp-person[data-cid="CC_C_060"] .cc-cg[data-id="CC_CG_C060"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_060.gif")}
.cc-cg.cc-cg-cc-c-061,.cc-cg-c061,.cc-cg-CC_C_061,.cc-cg-cc_c_061,.CC_CG_C061,article.cc-cg[data-cid="CC_C_061"],article.cc-cg[data-id="CC_CG_C061"],article.cc-cg[data-cid="CC_C_061"][data-id="CC_CG_C061"],.ccp-person[data-cid="CC_C_061"] article.cc-cg,.ccp-person[data-cid="CC_C_061"] .cc-cg[data-id="CC_CG_C061"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_061.jpg")}
.cc-cg.cc-cg-cc-c-062,.cc-cg-c062,.cc-cg-CC_C_062,.cc-cg-cc_c_062,.CC_CG_C062,article.cc-cg[data-cid="CC_C_062"],article.cc-cg[data-id="CC_CG_C062"],article.cc-cg[data-cid="CC_C_062"][data-id="CC_CG_C062"],.ccp-person[data-cid="CC_C_062"] article.cc-cg,.ccp-person[data-cid="CC_C_062"] .cc-cg[data-id="CC_CG_C062"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_062.jpg")}
.cc-cg.cc-cg-cc-c-063,.cc-cg-c063,.cc-cg-CC_C_063,.cc-cg-cc_c_063,.CC_CG_C063,article.cc-cg[data-cid="CC_C_063"],article.cc-cg[data-id="CC_CG_C063"],article.cc-cg[data-cid="CC_C_063"][data-id="CC_CG_C063"],.ccp-person[data-cid="CC_C_063"] article.cc-cg,.ccp-person[data-cid="CC_C_063"] .cc-cg[data-id="CC_CG_C063"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_063.jpg")}
.cc-cg.cc-cg-cc-c-064,.cc-cg-c064,.cc-cg-CC_C_064,.cc-cg-cc_c_064,.CC_CG_C064,article.cc-cg[data-cid="CC_C_064"],article.cc-cg[data-id="CC_CG_C064"],article.cc-cg[data-cid="CC_C_064"][data-id="CC_CG_C064"],.ccp-person[data-cid="CC_C_064"] article.cc-cg,.ccp-person[data-cid="CC_C_064"] .cc-cg[data-id="CC_CG_C064"]{background-image:linear-gradient(0deg,#05090cdd,transparent 55%),url("https://calamity-cloud-assets.lx13591709323.workers.dev/characters/CC_C_064.jpg")}
.ccp-actions button[data-action="append-textinput"]{pointer-events:auto;touch-action:manipulation;user-select:none}
.ccp-actions button[data-action="append-textinput"] *{pointer-events:none}

/* ===== 下一步行动｜紧凑版覆盖 ===== */
.ccp-actionsbox{
padding:14px 15px!important;
}
.ccp-actionsbox>header{
margin-bottom:10px!important;
padding-bottom:9px!important;
gap:10px!important;
}
.ccp-actionsbox>header h3{
margin:0!important;
font-size:18px!important;
line-height:1.2!important;
}
.ccp-actionsbox>header span{
font-size:9px!important;
line-height:1.35!important;
}
.ccp-actions{
gap:8px!important;
}
.ccp-actions button{
min-height:0!important;
padding:11px 12px!important;
gap:4px!important;
}
.ccp-actions button:before{
font-size:18px!important;
line-height:1!important;
margin-right:7px!important;
}
.ccp-actions button b{
font-size:13px!important;
line-height:1.3!important;
margin:0!important;
}
.ccp-actions button span{
font-size:9px!important;
line-height:1.45!important;
margin-top:3px!important;
opacity:.76!important;
}
@media(max-width:620px){
.ccp-actionsbox{
padding:11px 10px!important;
}
.ccp-actionsbox>header{
margin-bottom:8px!important;
padding-bottom:8px!important;
}
.ccp-actionsbox>header h3{
font-size:16px!important;
}
.ccp-actionsbox>header span{
font-size:8px!important;
}
.ccp-actions{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:7px!important;
}
.ccp-actions button{
min-width:0!important;
min-height:94px!important;
padding:10px 9px!important;
display:grid!important;
grid-template-columns:20px minmax(0,1fr)!important;
grid-template-rows:auto 1fr!important;
align-content:start!important;
column-gap:5px!important;
row-gap:4px!important;
}
.ccp-actions button:before{
grid-row:1/3!important;
position:static!important;
margin:1px 0 0!important;
font-size:17px!important;
}
.ccp-actions button b{
grid-column:2!important;
font-size:12px!important;
line-height:1.25!important;
}
.ccp-actions button span{
grid-column:2!important;
font-size:8px!important;
line-height:1.4!important;
margin:0!important;
}
}


/* ===== 弹幕系统V4｜仅替换弹幕，不触碰其他面板 ===== */
.ccp-danmaku{
position:relative;
display:grid;
grid-template-columns:118px minmax(0,1fr);
height:206px;
margin:12px 0 15px;
overflow:hidden;
border:1px solid var(--line);
border-radius:14px;
background:linear-gradient(90deg,#070a09,#0d1713);
}
.ccp-danmaku>header{
position:relative;
z-index:3;
display:flex;
align-items:center;
justify-content:center;
gap:6px;
padding:8px;
border-right:1px solid var(--line);
background:#070a09;
}
.ccp-danmaku>header b{
font-size:11px;
}
.ccp-danmaku>header span{
padding:2px 5px;
border:1px solid var(--hot);
color:var(--hot2);
font:800 8px Consolas,monospace;
}
.ccp-danmaku-stream{
position:relative;
min-width:0;
height:100%;
overflow:hidden;
}
.ccp-danmaku-stream>div{
position:absolute;
left:100%;
top:var(--dm-y,8px);
display:inline-flex;
align-items:center;
gap:7px;
width:max-content;
max-width:none;
padding:5px 9px;
margin:0;
border:1px solid #ffffff12;
border-radius:999px;
background:#ffffff08;
white-space:nowrap;
overflow:visible;
animation:ccpDmV4 var(--dm-t,16s) linear infinite;
animation-delay:var(--dm-d,0s);
will-change:transform;
}
.ccp-danmaku-stream>div i{
display:inline-block;
flex:none;
margin:0;
color:var(--hot2);
font-size:10px;
font-style:normal;
line-height:1.4;
white-space:nowrap;
}
.ccp-danmaku-stream>div p{
display:inline-block;
flex:none;
width:max-content;
max-width:none;
margin:0;
color:#e1e7e3;
font-size:11px;
line-height:1.45;
white-space:nowrap;
overflow:visible;
text-overflow:clip;
}

.ccp-danmaku-stream>div:nth-child(1){--dm-y:8px;--dm-t:14s;--dm-d:-5s}
.ccp-danmaku-stream>div:nth-child(2){--dm-y:40px;--dm-t:17s;--dm-d:-12s}
.ccp-danmaku-stream>div:nth-child(3){--dm-y:72px;--dm-t:15.5s;--dm-d:-2s}
.ccp-danmaku-stream>div:nth-child(4){--dm-y:104px;--dm-t:18s;--dm-d:-9s}
.ccp-danmaku-stream>div:nth-child(5){--dm-y:136px;--dm-t:16s;--dm-d:-14s}
.ccp-danmaku-stream>div:nth-child(6){--dm-y:168px;--dm-t:19s;--dm-d:-7s}
.ccp-danmaku-stream>div:nth-child(7){--dm-y:24px;--dm-t:16.5s;--dm-d:-11s}
.ccp-danmaku-stream>div:nth-child(8){--dm-y:120px;--dm-t:17.5s;--dm-d:-4s}

@keyframes ccpDmV4{
from{transform:translate3d(0,0,0)}
to{transform:translate3d(calc(-100% - 100vw - 140px),0,0)}
}

@media(max-width:620px){
.ccp-danmaku{
grid-template-columns:88px minmax(0,1fr);
height:190px;
}
.ccp-danmaku>header{
padding:6px 4px;
}
.ccp-danmaku>header b{
font-size:9px;
}
.ccp-danmaku>header span{
font-size:7px;
}
.ccp-danmaku-stream>div{
gap:6px;
padding:4px 8px;
}
.ccp-danmaku-stream>div i{
font-size:9px;
}
.ccp-danmaku-stream>div p{
font-size:10px;
}
.ccp-danmaku-stream>div:nth-child(1){--dm-y:6px;--dm-t:12.5s;--dm-d:-4s}
.ccp-danmaku-stream>div:nth-child(2){--dm-y:36px;--dm-t:14.5s;--dm-d:-10s}
.ccp-danmaku-stream>div:nth-child(3){--dm-y:66px;--dm-t:13.5s;--dm-d:-1s}
.ccp-danmaku-stream>div:nth-child(4){--dm-y:96px;--dm-t:15.5s;--dm-d:-8s}
.ccp-danmaku-stream>div:nth-child(5){--dm-y:126px;--dm-t:14s;--dm-d:-12s}
.ccp-danmaku-stream>div:nth-child(6){--dm-y:156px;--dm-t:16s;--dm-d:-6s}
.ccp-danmaku-stream>div:nth-child(7){--dm-y:21px;--dm-t:14.5s;--dm-d:-9s}
.ccp-danmaku-stream>div:nth-child(8){--dm-y:111px;--dm-t:15s;--dm-d:-3s}
}

/* ===== 正文视角切换短分割线 ===== */
.ccp-scene-cut{
display:flex;
align-items:center;
justify-content:center;
gap:8px;
width:min(260px,68%);
margin:18px auto 15px;
color:#7f918a;
font:800 8px/1.2 Consolas,"Microsoft YaHei",sans-serif;
letter-spacing:.12em;
}
.ccp-scene-cut:before,
.ccp-scene-cut:after{
content:"";
flex:1;
height:1px;
background:linear-gradient(90deg,transparent,#53645e);
}
.ccp-scene-cut:after{
background:linear-gradient(90deg,#53645e,transparent);
}
.ccp-scene-cut span{
max-width:150px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

/* ===== 历史长河｜灾云式实验面板主题扩展 ===== */
.ccp[data-theme="history-ancient"]{--hot:#8b4b2d;--hot2:#d8b46b;--cold:#8d8068;--good:#b8c77a;--warn:#d29b55;background-color:#120e0a}
.ccp[data-theme="history-ancient"] .ccp-head{background:radial-gradient(circle at 86% 0,#8b4b2d33,transparent 36%),linear-gradient(135deg,#241811,#0d100e 58%,#17100b)}
.ccp[data-theme="history-imperial"]{--hot:#9b302a;--hot2:#e7c875;--cold:#a7926a;--good:#b9ce78;--warn:#d8a658;background-color:#10090a}
.ccp[data-theme="history-imperial"] .ccp-head{background:radial-gradient(circle at 86% 0,#9b302a42,transparent 36%),linear-gradient(135deg,#261312,#0c100e 58%,#17100e)}
.ccp[data-theme="history-modern"]{--hot:#b33d36;--hot2:#e9c45e;--cold:#83a8a2;--good:#b8d36e;--warn:#e1b45a;background-color:#080c0d}
.ccp[data-theme="history-modern"] .ccp-head{background:radial-gradient(circle at 86% 0,#b33d363c,transparent 36%),linear-gradient(135deg,#171d1d,#0b1011 58%,#17110d)}
.ccp[data-theme="history-war"]{--hot:#d0463b;--hot2:#ff8b5f;--cold:#8f9993;--good:#b9d172;--warn:#e5b452;background-color:#0b0908}
.ccp[data-theme="history-war"] .ccp-head{background:radial-gradient(circle at 86% 0,#d0463b4b,transparent 36%),linear-gradient(135deg,#261310,#0b0d0c 58%,#15100d)}
.ccp[data-theme^="history-"] .ccp-anomaly b{font-family:"Noto Serif SC","Songti SC","Microsoft YaHei",serif}
.ccp[data-theme^="history-"] .ccp-sectionhead small,.ccp[data-theme^="history-"] .ccp-head small{letter-spacing:.13em}
.ccp[data-theme^="history-"] .ccp-memorycard ol{padding-left:18px}
.ccp[data-theme^="history-"] .ccp-memorycard li{margin:0 0 9px}
.ccp[data-theme^="history-"] .ccp-maproutes button{cursor:pointer}


/* ================================================================
   HL X2 BLACK-GOLD INTERNAL UI ENHANCEMENT
   ================================================================ */
.ccp{--hl-gold:#d5b35a;--hl-gold2:#ffe7a2;--hl-bronze:#8b6328;--hl-void:#07080a;--hl-card:#101216;--hl-line:rgba(213,179,90,.28);--hl-glow:rgba(255,213,104,.2)}
.ccp progress{position:relative;display:block;width:100%;height:9px;overflow:hidden;border:1px solid rgba(213,179,90,.25);border-radius:99px;background:repeating-linear-gradient(90deg,#050608 0 9%,#15120b 9.3% 10%);box-shadow:inset 0 1px 6px #000,0 0 0 1px #0008;-webkit-appearance:none;appearance:none}
.ccp progress::-webkit-progress-bar{background:repeating-linear-gradient(90deg,#050608 0 9%,#15120b 9.3% 10%)}
.ccp progress::-webkit-progress-value{border-radius:99px;background:linear-gradient(90deg,#6d4013,#d5b35a 58%,#fff1b5);box-shadow:0 0 13px #f2c86188;animation:hlxBarGlow 2.4s ease-in-out infinite}
.ccp progress::-moz-progress-bar{border-radius:99px;background:linear-gradient(90deg,#6d4013,#d5b35a 58%,#fff1b5);box-shadow:0 0 13px #f2c86188}
.ccp .ccp-meterdeck>div,.ccp .ccp-vitals>div,.ccp .ccp-supplystrip>div{position:relative;overflow:hidden;background:linear-gradient(145deg,#15171b,#090a0d);border-color:var(--hl-line);box-shadow:inset 0 0 22px #0008,0 8px 20px #0005;transition:.2s}
.ccp .ccp-meterdeck>div:after,.ccp .ccp-vitals>div:after,.ccp .ccp-supplystrip>div:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 44%,rgba(255,236,174,.08) 50%,transparent 56%);transform:translateX(-130%);animation:hlxSweep 7s ease-in-out infinite}
.ccp .ccp-meterdeck>div:hover,.ccp .ccp-vitals>div:hover,.ccp .ccp-supplystrip>div:hover{border-color:#d5b35a99;transform:translateY(-1px);box-shadow:inset 0 0 28px #d5b35a0b,0 10px 26px #0008}
.ccp-subhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid var(--hl-line)}
.ccp-subhead h3,.ccp-subhead h4{margin:0}.ccp-subhead span{color:#8d8068;font:800 8px Consolas,monospace;letter-spacing:.12em}
.ccp-statdeck{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:8px 0 12px}
.ccp-stat{position:relative;min-width:0;border:1px solid var(--hl-line);border-radius:4px;background:linear-gradient(145deg,#16181d,#090a0d);overflow:hidden;box-shadow:0 9px 25px #0007}
.ccp-stat[open]{grid-column:span 2;border-color:#d5b35a99;box-shadow:0 0 0 1px #d5b35a20,0 12px 35px #000b}
.ccp-stat summary{position:relative;display:grid;grid-template-columns:31px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:3px 7px;align-items:center;min-height:76px;padding:10px;list-style:none;cursor:pointer}
.ccp-stat summary::-webkit-details-marker{display:none}.ccp-stat summary>i{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border:1px solid #d5b35a66;border-radius:50%;background:radial-gradient(circle,#4f3916,#111);color:#ffe7a2;font-style:normal;box-shadow:0 0 15px #d5b35a22}
.ccp-stat summary span b,.ccp-stat summary span small{display:block}.ccp-stat summary span b{font-size:11px}.ccp-stat summary span small{overflow:hidden;color:#8b8170;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.ccp-stat summary strong{color:#ffe7a2;font:900 22px/1 Consolas,monospace;text-shadow:0 0 13px #d5b35a55}.ccp-stat summary strong em{color:#786c56;font-size:8px;font-style:normal}.ccp-stat summary progress{grid-column:2/-1;height:6px}
.ccp-statwhy{display:grid;gap:5px;padding:10px;border-top:1px solid var(--hl-line);background:#060709}.ccp-statwhy p{display:grid;grid-template-columns:82px 1fr;gap:8px;margin:0;padding:6px;border:1px solid #ffffff0b;background:#ffffff03}.ccp-statwhy p b{color:#d8bd77;font-size:9px}.ccp-statwhy p span{color:#aeb0ae;font-size:9px}.ccp-statwhy footer{padding:7px;border-left:3px solid var(--hl-gold);background:#d5b35a08;color:#c7b98f;font-size:8px}
.ccp-skillgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.ccp-skill{border:1px solid #403a2c;border-radius:4px;background:linear-gradient(145deg,#121419,#090a0c);overflow:hidden}.ccp-skill[open]{border-color:#b99443}.ccp-skill summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:58px;padding:9px 10px;cursor:pointer;list-style:none}.ccp-skill summary::-webkit-details-marker{display:none}.ccp-skill summary>span{display:grid;grid-template-columns:28px 1fr;min-width:0}.ccp-skill summary i{grid-row:1/3;display:grid;place-items:center;width:24px;height:24px;margin-right:7px;border:1px solid #d5b35a55;border-radius:4px;background:#2c2110;color:#f4d782;font-style:normal}.ccp-skill summary b,.ccp-skill summary small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ccp-skill summary b{font-size:10px}.ccp-skill summary small{color:#807767;font-size:8px}.ccp-skill summary>em{flex:0 0 auto;padding:3px 6px;border:1px solid #8f743d;border-radius:99px;color:#e3ca86;font:800 8px Consolas,monospace}.ccp-skill>div{padding:10px;border-top:1px solid #ffffff0c;color:#aeb2b0;font-size:9px}.ccp-skill ul{margin:7px 0 0;padding-left:17px}.ccp-skill li+li{margin-top:4px}
.ccp-plotgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ccp-plotmain{grid-column:1/-1;border-left:3px solid var(--hl-gold)!important;background:linear-gradient(110deg,#211a0d,#0b0d11 62%)!important}
.ccp-systempanel{background:radial-gradient(circle at 85% 4%,#d5b35a13,transparent 32%),linear-gradient(145deg,#0b0d10,#050608)}.ccp-systemhead{border-bottom-color:#d5b35a55}.ccp-systemstatus{padding:5px 9px;border:1px solid #d5b35a88;border-radius:99px;background:#d5b35a0b;color:#ffe49a!important;box-shadow:0 0 18px #d5b35a1a}
.ccp-systemhero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:8px;margin-bottom:9px}.ccp-systemhero>div{position:relative;padding:16px;border:1px solid #d5b35a55;background:linear-gradient(145deg,#17140c,#08090c);overflow:hidden}.ccp-systemhero>div:after{content:"SYS";position:absolute;right:-8px;bottom:-19px;color:#fff06;font:900 64px Consolas,monospace}.ccp-systemhero small{color:#b99a50;font:800 8px Consolas,monospace;letter-spacing:.15em}.ccp-systemhero h3{margin:3px 0 7px}.ccp-systemhero b{display:block;color:#ffe7a2;font:900 34px Consolas,monospace}.ccp-systemhero b em{margin-left:5px;color:#8e8063;font-size:11px;font-style:normal}.ccp-systemhero p{position:relative;z-index:1;margin:8px 0 0;color:#a89d84;font-size:9px}.ccp-systemclock{display:flex!important;flex-direction:column;justify-content:center}.ccp-systemclock span,.ccp-systemclock b,.ccp-systemclock small{display:block}.ccp-systemclock b{font-size:15px!important}.ccp-systemmetrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:8px 0}.ccp-sysmetric{padding:9px;border:1px solid #3d3729;background:#0c0e11}.ccp-sysmetric small,.ccp-sysmetric b{display:block}.ccp-sysmetric small{color:#81765d;font-size:8px}.ccp-sysmetric b{margin-top:4px;color:#e7cf8b;font:900 15px Consolas,monospace}
.ccp-modulegrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.ccp-systemmodule{border:1px solid #403723;background:#0a0c0f}.ccp-systemmodule[open]{border-color:#d5b35a88}.ccp-systemmodule summary{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;min-height:58px;padding:9px;cursor:pointer;list-style:none}.ccp-systemmodule summary::-webkit-details-marker{display:none}.ccp-systemmodule summary>i{display:grid;place-items:center;width:27px;height:27px;border:1px solid #d5b35a55;color:#e9cc7e;font:900 9px Consolas,monospace;font-style:normal}.ccp-systemmodule summary span b,.ccp-systemmodule summary span small{display:block}.ccp-systemmodule summary span small{color:#80755f;font-size:8px}.ccp-systemmodule summary>em{color:#d4bd7a;font:800 8px Consolas,monospace}.ccp-systemmodule>div{padding:10px;border-top:1px solid #ffffff0b;color:#aaa897;font-size:9px}.ccp-systemmodule footer{margin-top:7px;padding:6px;border-left:2px solid var(--hl-gold);background:#d5b35a08}
.ccp-systemprocess,.ccp-systemshop,.ccp-systemcommands,.ccp-systemlog{margin-top:9px;padding:12px;border:1px solid #393326;background:#080a0d}.ccp-shopgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ccp-shopitem{padding:9px;border:1px solid #4e4026;background:linear-gradient(145deg,#17140d,#090a0c)}.ccp-systemcommands>header{display:flex;justify-content:space-between;align-items:center}.ccp-systemcommands>header h3{margin:0}.ccp-systemcommands>header span{color:#7e745f;font-size:8px}.ccp-systemcommands>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:9px}.ccp-systemcommands button{min-height:62px;padding:9px;border:1px solid #7d632e;background:linear-gradient(145deg,#2a1e0c,#0d0e11);text-align:left;transition:.18s}.ccp-systemcommands button:hover{border-color:#ffe092;transform:translateY(-1px);box-shadow:0 8px 25px #0008}.ccp-systemcommands button b,.ccp-systemcommands button small{display:block}.ccp-systemcommands button b{color:#f0d58c}.ccp-systemcommands button small{margin-top:4px;color:#8e846f;font-size:8px}.ccp-systemlog ol{display:grid;gap:5px;margin:0;padding:0;list-style:none}.ccp-systemlog li{padding:7px 9px;border-left:2px solid #9d7e37;background:#ffffff04;color:#a7a79f;font:9px Consolas,"Microsoft YaHei",sans-serif}
.ccp-card,.ccp-block,.ccp-person{transition:border-color .2s,box-shadow .2s,transform .2s}.ccp-card:hover,.ccp-block:hover{border-color:#d5b35a66;box-shadow:0 10px 30px #0007,inset 0 0 24px #d5b35a08}
@keyframes hlxSweep{0%,72%{transform:translateX(-140%)}90%,100%{transform:translateX(140%)}}@keyframes hlxBarGlow{50%{filter:brightness(1.18)}}
@media(max-width:900px){.ccp-statdeck{grid-template-columns:repeat(2,minmax(0,1fr))}.ccp-stat[open]{grid-column:1/-1}.ccp-systemmetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ccp-systemhero{grid-template-columns:1fr}.ccp-shopgrid,.ccp-systemcommands>div{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.ccp-statdeck,.ccp-skillgrid,.ccp-plotgrid,.ccp-modulegrid,.ccp-shopgrid,.ccp-systemcommands>div{grid-template-columns:1fr}.ccp-stat[open],.ccp-plotmain{grid-column:auto}.ccp-stat summary{min-height:66px}.ccp-systemmetrics{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.ccp progress::-webkit-progress-value,.ccp .ccp-meterdeck>div:after,.ccp .ccp-vitals>div:after,.ccp .ccp-supplystrip>div:after{animation:none!important}}

/* HL X2 EXPLAINABLE METERS */
.ccp-explainmeters{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;gap:7px!important}
.ccp-meterinfo{min-width:0;border:1px solid rgba(213,179,90,.25);border-radius:5px;background:linear-gradient(145deg,#15171b,#08090c);overflow:hidden;box-shadow:inset 0 0 22px #0008,0 8px 22px #0005;transition:.2s}
.ccp-meterinfo[open]{grid-column:span 2;border-color:#d5b35a8c;box-shadow:0 0 0 1px #d5b35a1d,0 13px 32px #000a}
.ccp-meterinfo>summary{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:3px 7px;align-items:center;min-height:67px;padding:9px;list-style:none;cursor:pointer}
.ccp-meterinfo>summary::-webkit-details-marker{display:none}.ccp-meterinfo>summary>i{grid-row:1/3;display:grid;place-items:center;width:27px;height:27px;border:1px solid #b68f3e66;border-radius:50%;background:radial-gradient(circle,#493714,#0b0c0f 70%);color:#ffe29a;font-style:normal;box-shadow:0 0 12px #d5b35a22}.ccp-meterinfo>summary span b,.ccp-meterinfo>summary span small{display:block}.ccp-meterinfo>summary span b{font-size:10px}.ccp-meterinfo>summary span small{overflow:hidden;color:#817967;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.ccp-meterinfo>summary strong{color:#f4d98e;font:900 15px Consolas,monospace}.ccp-meterinfo>summary progress{grid-column:2/-1;height:6px}.ccp-meterinfo>div{display:grid;gap:5px;padding:9px;border-top:1px solid #ffffff0d;background:#060709}.ccp-meterinfo>div p{display:grid;grid-template-columns:78px 1fr;gap:7px;margin:0;padding:6px;border:1px solid #ffffff0b;background:#ffffff03}.ccp-meterinfo>div p b{color:#d6b86e;font-size:8px}.ccp-meterinfo>div p span{color:#aaa99f;font-size:8px}.ccp-meterinfo>div footer{padding:6px;border-left:3px solid #d5b35a;background:#d5b35a08;color:#bdb08a;font-size:8px}
@media(max-width:620px){.ccp-meterinfo[open]{grid-column:1/-1}.ccp-explainmeters{grid-template-columns:1fr 1fr!important}}
@media(max-width:390px){.ccp-explainmeters{grid-template-columns:1fr!important}.ccp-meterinfo[open]{grid-column:auto}}

/* HL X2.1 BLACK-GOLD RELIABLE INTERACTION POLISH */
.ccp[data-theme^="history-"] .ccp-stat,.ccp[data-theme^="history-"] .ccp-skill,.ccp[data-theme^="history-"] .ccp-meterinfo,.ccp[data-theme^="history-"] .ccp-systemmodule{isolation:isolate}
.ccp[data-theme^="history-"] .ccp-stat:before,.ccp[data-theme^="history-"] .ccp-skill:before,.ccp[data-theme^="history-"] .ccp-meterinfo:before,.ccp[data-theme^="history-"] .ccp-systemmodule:before{content:"";position:absolute;z-index:0;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#fff0ad,#b47c25 58%,transparent);opacity:.55;box-shadow:0 0 12px #d5b35a44;transition:.2s}
.ccp[data-theme^="history-"] details[open]:before{width:4px;opacity:1;box-shadow:0 0 18px #f5cb6166}
.ccp[data-theme^="history-"] details>summary{position:relative;z-index:1;user-select:none;-webkit-tap-highlight-color:transparent}
.ccp[data-theme^="history-"] details>summary:after{content:"＋";display:grid;place-items:center;flex:0 0 auto;width:21px;height:21px;margin-left:5px;border:1px solid #d5b35a55;border-radius:50%;background:#d5b35a0b;color:#d9bd76;font:900 13px/1 Consolas,monospace;transition:transform .22s,background .22s,color .22s}
.ccp[data-theme^="history-"] details[open]>summary:after{content:"−";transform:rotate(180deg);background:#d5b35a20;color:#fff0ae}
.ccp[data-theme^="history-"] .ccp-stat summary{grid-template-columns:31px minmax(0,1fr) auto 22px}.ccp[data-theme^="history-"] .ccp-stat summary progress{grid-column:2/-1}
.ccp[data-theme^="history-"] .ccp-meterinfo>summary{grid-template-columns:28px minmax(0,1fr) auto 22px}.ccp[data-theme^="history-"] .ccp-meterinfo>summary progress{grid-column:2/-1}
.ccp[data-theme^="history-"] .ccp-skill summary,.ccp[data-theme^="history-"] .ccp-systemmodule summary{grid-template-columns:30px minmax(0,1fr) auto 22px}
.ccp[data-theme^="history-"] .ccp-skill summary:after,.ccp[data-theme^="history-"] .ccp-systemmodule summary:after{grid-column:4}
.ccp[data-theme^="history-"] .ccp-stat>div,.ccp[data-theme^="history-"] .ccp-skill>div,.ccp[data-theme^="history-"] .ccp-meterinfo>div,.ccp[data-theme^="history-"] .ccp-systemmodule>div{position:relative;z-index:1;animation:hlxDetailOpen .22s ease both}
.ccp[data-theme^="history-"] .ccp-stat[data-stat="STR"]{--stat-rgb:226,183,84}.ccp[data-theme^="history-"] .ccp-stat[data-stat="AGI"]{--stat-rgb:196,150,66}.ccp[data-theme^="history-"] .ccp-stat[data-stat="INT"]{--stat-rgb:244,213,135}.ccp[data-theme^="history-"] .ccp-stat[data-stat="WIL"]{--stat-rgb:173,126,43}.ccp[data-theme^="history-"] .ccp-stat[data-stat="CHA"]{--stat-rgb:233,194,107}
.ccp[data-theme^="history-"] .ccp-stat[data-stat]{background:radial-gradient(circle at 88% 8%,rgba(var(--stat-rgb),.13),transparent 34%),linear-gradient(145deg,#16181d,#08090c)}
.ccp[data-theme^="history-"] .ccp-stat[data-stat] summary>i{border-color:rgba(var(--stat-rgb),.55);box-shadow:0 0 16px rgba(var(--stat-rgb),.16)}
.ccp[data-theme^="history-"] .ccp-skill[data-grade] summary>em:before{content:attr(data-grade);margin-right:5px;color:#fff0af}
.ccp[data-theme^="history-"] .ccp-skill[data-grade="传奇"],.ccp[data-theme^="history-"] .ccp-skill[data-grade="天命"]{background:radial-gradient(circle at 90% 0,#f2cc5b19,transparent 34%),linear-gradient(145deg,#19150d,#08090c);box-shadow:inset 0 0 26px #d5b35a0b}
.ccp[data-theme^="history-"] .ccp-systempanel:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background:linear-gradient(90deg,transparent 49.8%,#d5b35a22 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#d5b35a12 50%,transparent 50.2%);background-size:42px 42px;mask-image:linear-gradient(#000,transparent 88%)}
.ccp[data-theme^="history-"] .ccp-systempanel>*{position:relative;z-index:1}
.ccp[data-theme^="history-"] .ccp-systemcommands button{position:relative;overflow:hidden;border-radius:4px}.ccp[data-theme^="history-"] .ccp-systemcommands button:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 0 38%,#fff2bd16 49%,transparent 60%);transform:translateX(-130%);transition:transform .45s}.ccp[data-theme^="history-"] .ccp-systemcommands button:hover:after{transform:translateX(130%)}
.ccp[data-theme^="history-"] .ccp-sectionhead{position:relative;overflow:hidden}.ccp[data-theme^="history-"] .ccp-sectionhead:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#e6c56b 25%,#7b531b 68%,transparent);opacity:.72}
.ccp[data-theme^="history-"] .ccp-nav a{position:relative;overflow:hidden}.ccp[data-theme^="history-"] .ccp-nav a:after{content:"";position:absolute;left:18%;right:18%;bottom:2px;height:2px;background:#e1bb5b;transform:scaleX(0);transition:.18s;box-shadow:0 0 10px #d5b35a66}.ccp[data-theme^="history-"] .ccp-nav a:hover:after,.ccp[data-theme^="history-"] .ccp-nav a:focus:after{transform:scaleX(1)}
@keyframes hlxDetailOpen{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:620px){.ccp[data-theme^="history-"] .ccp-stat summary{grid-template-columns:28px minmax(0,1fr) auto 22px}.ccp[data-theme^="history-"] details>summary:after{width:19px;height:19px}}
@media(prefers-reduced-motion:reduce){.ccp[data-theme^="history-"] .ccp-stat>div,.ccp[data-theme^="history-"] .ccp-skill>div,.ccp[data-theme^="history-"] .ccp-meterinfo>div,.ccp[data-theme^="history-"] .ccp-systemmodule>div{animation:none!important}.ccp[data-theme^="history-"] .ccp-systemcommands button:after{display:none}}


/* ================================================================
   HL X2.2 UNIFIED SYSTEM SLOT + LIVE AMBIENT MOTION
   仅加强现有结构的内部视觉，不建立第二套导航或切换逻辑
   ================================================================ */
.ccp[data-theme^="history-"] .ccp-panel{position:relative}
.ccp[data-theme^="history-"] .ccp-panel:not(.ccp-systempanel):after{content:"";position:absolute;z-index:0;left:14%;right:14%;top:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#e7c66d55,transparent);background-size:220% 100%;animation:hlxPanelTrace 11s linear infinite}
.ccp[data-theme^="history-"] progress::-webkit-progress-value{background-size:180% 100%;animation:hlxBarFlow 4.8s linear infinite,hlxBarGlow 2.4s ease-in-out infinite}
.ccp[data-theme^="history-"] progress::-moz-progress-bar{background-size:180% 100%;animation:hlxBarFlow 4.8s linear infinite,hlxBarGlow 2.4s ease-in-out infinite}

.ccp-valuedeck{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:7px!important}
.ccp-valuecard{position:relative;min-width:0;border:1px solid #493f2c;border-radius:5px;background:radial-gradient(circle at 88% 0,#d5b35a10,transparent 34%),linear-gradient(145deg,#15171b,#08090c);overflow:hidden;box-shadow:inset 0 0 24px #0008,0 8px 22px #0006;isolation:isolate;transition:.2s}
.ccp-valuecard:before{content:"";position:absolute;z-index:0;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#ffe9a2,#8c5c1e,transparent);box-shadow:0 0 13px #d5b35a55;animation:hlxRailPulse 3.6s ease-in-out infinite}
.ccp-valuecard:after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 0 43%,#fff0a914 50%,transparent 57%);transform:translateX(-135%);animation:hlxValueSweep 8.5s ease-in-out infinite}
.ccp-valuecard[open]{grid-column:span 2;border-color:#d5b35a99;box-shadow:0 0 0 1px #d5b35a18,0 14px 34px #000b}
.ccp-valuecard>summary{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto 22px;grid-template-rows:auto auto;gap:4px 8px;align-items:center;min-height:66px;padding:9px 10px 9px 13px;list-style:none;cursor:pointer}
.ccp-valuecard>summary::-webkit-details-marker{display:none}.ccp-valuecard>summary span b,.ccp-valuecard>summary span small{display:block}.ccp-valuecard>summary span b{font-size:10px;letter-spacing:.04em}.ccp-valuecard>summary span small{color:#817864;font-size:8px}.ccp-valuecard>summary strong{color:#f1d78f;font:900 14px Consolas,monospace;text-align:right}.ccp-valuecard>summary strong em{color:#776b55;font-size:8px;font-style:normal}.ccp-valuecard>summary progress{grid-column:1/-1;height:7px}.ccp-valuecard>summary:after{content:"＋";display:grid;place-items:center;width:20px;height:20px;border:1px solid #d5b35a55;border-radius:50%;background:#d5b35a0b;color:#e2c67e;font:900 12px Consolas}.ccp-valuecard[open]>summary:after{content:"−";background:#d5b35a22;color:#fff0b0}
.ccp-valuecard>div{position:relative;z-index:1;display:grid;gap:5px;padding:9px 10px 10px 13px;border-top:1px solid #ffffff0d;background:#060709;animation:hlxDetailOpen .2s ease both}.ccp-valuecard>div p{display:grid;grid-template-columns:72px 1fr;gap:7px;margin:0;padding:6px;border:1px solid #ffffff0a;background:#ffffff03}.ccp-valuecard>div p b{color:#d5b872;font-size:8px}.ccp-valuecard>div p span{color:#a8aaa6;font-size:8px}.ccp-valuecard>div footer{padding:6px 8px;border-left:3px solid #d5b35a;background:#d5b35a09;color:#b8aa82;font-size:8px}.ccp-supplycard>summary strong{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.ccp-breakdown{margin-top:7px;border:1px solid #443a28;background:#090a0c}.ccp-breakdown>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;cursor:pointer;list-style:none}.ccp-breakdown>summary::-webkit-details-marker{display:none}.ccp-breakdown>summary b{color:#e7cc83}.ccp-breakdown>summary span{color:#837966;font-size:8px}.ccp-breakdown>footer{padding:7px;border-top:1px solid #ffffff0c;color:#9f947b;font-size:8px}

.ccp-systempanel{position:relative;padding-left:18px!important;overflow:hidden;background:radial-gradient(circle at 82% 5%,#cfae531b,transparent 30%),linear-gradient(145deg,#0c0e12,#050608)!important;box-shadow:inset 0 0 70px #000b,0 18px 60px #0008}
.ccp-systempanel:after{content:"";position:absolute;z-index:0;inset:-30%;pointer-events:none;background:linear-gradient(108deg,transparent 44%,#e9ca7010 49%,transparent 54%);animation:hlxSystemScan 12s linear infinite}
.ccp-systemrail{position:absolute!important;z-index:3!important;left:5px;top:75px;bottom:16px;width:8px;border:1px solid #6d5428;border-radius:10px;background:#050607;box-shadow:inset 0 0 7px #000,0 0 14px #d5b35a22}.ccp-systemrail i{display:block;width:100%;height:38%;border-radius:9px;background:linear-gradient(180deg,#e8c666,#d35b78 55%,#7654c7);box-shadow:0 0 13px #e5bd5f77;animation:hlxSystemRail 4.2s ease-in-out infinite}.ccp-systemrail span{position:absolute;left:-12px;bottom:38px;color:#d8bf7b55;font:700 6px Consolas;letter-spacing:.22em;transform:rotate(-90deg)}
.ccp-systemhead{position:relative;z-index:2}.ccp-systemstatus{display:flex!important;align-items:center;gap:6px}.ccp-systemstatus i{width:7px;height:7px;border-radius:50%;background:#8bf3bd;box-shadow:0 0 11px #70e8aa;animation:hlxStatusPulse 2.2s ease-in-out infinite}
.ccp-systemhero-compact{position:relative;z-index:2;grid-template-columns:minmax(0,1.25fr) minmax(210px,.75fr)}.ccp-systemcore:before{content:"";position:absolute;right:18px;top:15px;width:48px;height:48px;border:1px solid #d5b35a55;border-radius:50%;box-shadow:inset 0 0 0 8px #d5b35a08,0 0 22px #d5b35a18;animation:hlxCoreOrbit 8s linear infinite}.ccp-systemcore:after{content:""!important;right:31px!important;top:28px!important;bottom:auto!important;width:22px;height:22px;border:1px dashed #ffe6a177;border-radius:50%;color:transparent!important;animation:hlxCoreOrbit 5s linear infinite reverse}.ccp-systembrief{display:flex!important;flex-direction:column;justify-content:center}.ccp-systembrief>b{font-size:16px!important;color:#efd795!important}.ccp-systembrief>p{max-width:36em}
.ccp-systemchips{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:6px;margin:8px 0}.ccp-systemchip{position:relative;display:grid;grid-template-columns:8px 1fr;grid-template-rows:auto auto;gap:1px 6px;align-items:center;padding:8px 9px;border:1px solid #403822;border-radius:4px;background:linear-gradient(145deg,#121419,#090a0d);overflow:hidden}.ccp-systemchip:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 38%,#ffe8a40f 49%,transparent 60%);transform:translateX(-130%);animation:hlxChipSweep 9s ease-in-out infinite}.ccp-systemchip>i{grid-row:1/3;width:6px;height:6px;border-radius:50%;background:#dfbe63;box-shadow:0 0 10px #dfbe63;animation:hlxStatusPulse 2.8s ease-in-out infinite}.ccp-systemchip small{color:#7f765f;font-size:7px}.ccp-systemchip b{color:#e4cb86;font-size:10px}
.ccp-systemcontent{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ccp-systemcard,.ccp-simresult{position:relative;border:1px solid #4b3e25;border-radius:5px;background:radial-gradient(circle at 90% 0,#d5b35a10,transparent 32%),linear-gradient(145deg,#121419,#08090c);overflow:hidden;box-shadow:0 10px 28px #0007}.ccp-systemcard{padding:11px}.ccp-systemcard>header,.ccp-simresult>header{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}.ccp-systemcard h3,.ccp-simresult h3{margin:0;color:#eed48d}.ccp-systemcard>header span,.ccp-simresult>header>span{padding:3px 6px;border:1px solid #896d34;border-radius:99px;color:#dfc47d;font-size:8px}.ccp-systemcard p{margin:8px 0 0;color:#a7a99f;font-size:9px}.ccp-systemcard ul{margin:8px 0 0;padding-left:17px;color:#aeb0a9;font-size:9px}
.ccp-simresult{grid-column:1/-1}.ccp-simresult>header{padding:13px 14px;border-bottom:1px solid #d5b35a22;background:linear-gradient(90deg,#d5b35a0d,transparent)}.ccp-simresult>header small{color:#927b47;font:800 7px Consolas;letter-spacing:.15em}.ccp-simresult>header h3{margin-top:3px;font-size:18px;text-shadow:0 0 16px #d5b35a33}.ccp-simmeta{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#302818}.ccp-simmeta b{padding:8px;background:#090b0e;color:#bcae8c;font-size:8px;text-align:center}.ccp-simresult>section{padding:11px 13px;border-bottom:1px solid #ffffff0c}.ccp-simresult h4{margin:0 0 7px;color:#d9bd72}.ccp-simresult ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:0;padding:0;list-style:none;counter-reset:sim}.ccp-simresult li{position:relative;padding:7px 7px 7px 28px;border:1px solid #ffffff0b;background:#ffffff03;color:#aeb0aa;font-size:8px;counter-increment:sim}.ccp-simresult li:before{content:counter(sim,decimal-leading-zero);position:absolute;left:7px;color:#d5b35a;font:800 8px Consolas}.ccp-simresult>footer{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#40341f}.ccp-simresult>footer>div{padding:10px 12px;background:#090b0e}.ccp-simresult>footer small,.ccp-simresult>footer b{display:block}.ccp-simresult>footer small{color:#81755e;font-size:7px}.ccp-simresult>footer b{margin-top:4px;color:#e2cb8d;font-size:9px}.ccp-timevalue{display:flex;align-items:end;justify-content:space-between;gap:8px;margin-top:12px}.ccp-timevalue b{color:#ffe5a0;font:900 26px Consolas}.ccp-timevalue small{color:#847a65;font-size:8px}
.ccp-systemactions{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}.ccp-systemactions button{position:relative;min-height:51px;padding:8px 10px;border:1px solid #80652f;border-radius:4px;background:linear-gradient(145deg,#241b0d,#0c0e11);text-align:left;overflow:hidden}.ccp-systemactions button:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 38%,#fff0b51c 49%,transparent 60%);transform:translateX(-140%);animation:hlxActionSweep 6.8s ease-in-out infinite}.ccp-systemactions button b,.ccp-systemactions button small{display:block}.ccp-systemactions button b{color:#edd28a}.ccp-systemactions button small{margin-top:3px;color:#817863;font-size:8px}

@keyframes hlxPanelTrace{to{background-position:-220% 0}}
@keyframes hlxBarFlow{to{background-position:180% 0}}
@keyframes hlxValueSweep{0%,70%{transform:translateX(-135%)}92%,100%{transform:translateX(135%)}}
@keyframes hlxRailPulse{50%{filter:brightness(1.35);box-shadow:0 0 20px #e9c66177}}
@keyframes hlxSystemScan{to{transform:translateX(28%)}}
@keyframes hlxSystemRail{0%,100%{height:29%;transform:translateY(0)}50%{height:54%;transform:translateY(42%)}}
@keyframes hlxStatusPulse{50%{opacity:.45;transform:scale(.82)}}
@keyframes hlxCoreOrbit{to{transform:rotate(1turn)}}
@keyframes hlxChipSweep{0%,76%{transform:translateX(-130%)}94%,100%{transform:translateX(130%)}}
@keyframes hlxActionSweep{0%,72%{transform:translateX(-140%)}92%,100%{transform:translateX(140%)}}
@media(max-width:900px){.ccp-systemcontent{grid-template-columns:1fr}.ccp-simresult{grid-column:auto}.ccp-systemactions{grid-template-columns:1fr 1fr}.ccp-valuecard[open]{grid-column:1/-1}}
@media(max-width:620px){.ccp-systempanel{padding-left:15px!important}.ccp-systemrail{left:3px}.ccp-systemhero-compact{grid-template-columns:1fr}.ccp-systemchips{grid-template-columns:1fr 1fr}.ccp-systemactions{grid-template-columns:1fr}.ccp-simmeta,.ccp-simresult>footer{grid-template-columns:1fr}.ccp-simresult ul{grid-template-columns:1fr}.ccp-valuedeck{grid-template-columns:1fr 1fr!important}.ccp-valuecard[open]{grid-column:1/-1}}
@media(max-width:390px){.ccp-valuedeck,.ccp-systemchips{grid-template-columns:1fr!important}.ccp-valuecard[open]{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.ccp[data-theme^="history-"] .ccp-panel:after,.ccp[data-theme^="history-"] progress::-webkit-progress-value,.ccp-valuecard:before,.ccp-valuecard:after,.ccp-systempanel:after,.ccp-systemrail i,.ccp-systemstatus i,.ccp-systemcore:before,.ccp-systemcore:after,.ccp-systemchip:after,.ccp-systemchip>i,.ccp-systemactions button:after{animation:none!important}}


/* ================================================================
   HL X2.3 GLOBAL MICRO-POLISH LAYER
   全面覆盖现有面板的小美化层；不建立新导航、不要求新增大量class
   ================================================================ */
.ccp[data-theme^="history-"] .ccp-window:before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;opacity:.22;background:radial-gradient(circle,#f2d78018 0 1px,transparent 1.5px),linear-gradient(115deg,transparent 0 46%,#e7c66a08 50%,transparent 54%);background-size:97px 97px,260% 100%;animation:hlxGlobalDrift 28s linear infinite}
.ccp[data-theme^="history-"] .ccp-window>*{position:relative;z-index:2}

/* 标题尾部信息自动变成小型状态框。 */
.ccp[data-theme^="history-"] :is(.ccp-sectionhead>span,.ccp-personhead>b,.ccp-memoryscope>header span,.ccp-outcome>header span,.ccp-actionsbox>header span){display:inline-flex;align-items:center;gap:5px;max-width:48%;padding:4px 8px;border:1px solid #d5b35a38;border-radius:4px;background:linear-gradient(145deg,#181711,#090b0c);box-shadow:inset 0 0 12px #d5b35a08,0 4px 12px #0005;white-space:normal}
.ccp[data-theme^="history-"] :is(.ccp-sectionhead>span,.ccp-personhead>b,.ccp-memoryscope>header span):before{content:"";flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:#ddbd68;box-shadow:0 0 8px #ddbd68;animation:hlxMicroPulse 3.2s ease-in-out infinite}

/* 普通栏目标题只增加一个小金标，不改原结构。 */
.ccp[data-theme^="history-"] :is(.ccp-card,.ccp-block,.ccp-person,.ccp-memorycard,.ccp-projects,.ccp-departments,.ccp-checkpoints,.ccp-promotions,.ccp-interference,.ccp-relationlog)>:is(h3,h4):first-child{display:flex;align-items:center;gap:7px}
.ccp[data-theme^="history-"] :is(.ccp-card,.ccp-block,.ccp-person,.ccp-memorycard,.ccp-projects,.ccp-departments,.ccp-checkpoints,.ccp-promotions,.ccp-interference,.ccp-relationlog)>:is(h3,h4):first-child:before{content:"◇";display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px;border:1px solid #d5b35a42;border-radius:4px;background:#d5b35a0b;color:#e2c77d;font:900 10px Consolas;box-shadow:inset 0 0 9px #d5b35a0c}

/* 键值行：标签像小按钮，内容获得轻微承托。 */
.ccp[data-theme^="history-"] .ccp-line{align-items:start;gap:8px;padding:6px 0}
.ccp[data-theme^="history-"] .ccp-line>b{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:3px 7px;border:1px solid #d5b35a30;border-radius:4px;background:linear-gradient(145deg,#191811,#0a0b0d);color:#e0c77f;box-shadow:inset 0 0 10px #d5b35a08}
.ccp[data-theme^="history-"] .ccp-line>span{min-height:25px;padding:4px 7px;border-left:2px solid #d5b35a2e;background:linear-gradient(90deg,#d5b35a06,transparent 72%)}

/* 现有网格子项自动获得小卡片层级，无需新class。 */
.ccp[data-theme^="history-"] :is(.ccp-grid,.ccp-rolegrid,.ccp-outcomegrid,.ccp-memoryflow,.ccp-plotgrid,.ccp-modulegrid)>:is(div,article,p,section){position:relative;overflow:hidden;border-color:#d5b35a22!important;background-image:linear-gradient(145deg,#ffffff04,transparent 58%)!important;box-shadow:inset 0 1px #ffffff08,0 5px 15px #0004;transition:border-color .18s,transform .18s,box-shadow .18s}
.ccp[data-theme^="history-"] :is(.ccp-grid,.ccp-rolegrid,.ccp-outcomegrid,.ccp-memoryflow,.ccp-plotgrid,.ccp-modulegrid)>:is(div,article,p,section):hover{border-color:#d5b35a55!important;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff10,0 8px 20px #0006}

/* 所有原生折叠摘要增加统一的轻框与可读反馈，专属卡片规则仍可覆盖。 */
.ccp[data-theme^="history-"] details:not(.ccp-stat):not(.ccp-meterinfo):not(.ccp-valuecard):not(.ccp-skill)>summary{border-radius:5px;transition:background .18s,border-color .18s,box-shadow .18s}
.ccp[data-theme^="history-"] details:not(.ccp-stat):not(.ccp-meterinfo):not(.ccp-valuecard):not(.ccp-skill)>summary:hover{background:#d5b35a07;box-shadow:inset 3px 0 #d5b35a44}
.ccp[data-theme^="history-"] details[open]>summary{border-bottom-color:#d5b35a42!important}

/* 现有标签、状态文字和短值自动获得胶囊感。 */
.ccp[data-theme^="history-"] :is(.ccp-tip,.ccp-headmeta span,.ccp-personhead>b,.ccp-outcomegrid b,.ccp-memorycard small,.ccp-relation small,.ccp-systemcard>header span){border-radius:4px}
.ccp[data-theme^="history-"] :is(.ccp-headmeta span,.ccp-outcomegrid b,.ccp-memorycard small,.ccp-relation small){display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:2px 6px;border:1px solid #d5b35a24;background:#d5b35a07}

/* 列表、表格、进度条和按钮的全局微调。 */
.ccp[data-theme^="history-"] :is(ul,ol) li::marker{color:#d8b75d}
.ccp[data-theme^="history-"] table{overflow:hidden;border-collapse:separate;border-spacing:0;border:1px solid #d5b35a22;border-radius:5px;background:#07090a}
.ccp[data-theme^="history-"] table :is(th,td){padding:7px 8px;border-bottom:1px solid #ffffff0a}
.ccp[data-theme^="history-"] table th{background:#d5b35a09;color:#dec47d}
.ccp[data-theme^="history-"] table tr:last-child td{border-bottom:0}
.ccp[data-theme^="history-"] progress{overflow:hidden;border:1px solid #d5b35a2c;border-radius:99px;background:#050607;box-shadow:inset 0 0 9px #000,0 0 10px #d5b35a0b}
.ccp[data-theme^="history-"] :is(button,.ccp-actions a){border-radius:5px!important;box-shadow:inset 0 1px #ffffff0a,0 4px 13px #0004;transition:border-color .18s,transform .18s,box-shadow .18s,filter .18s}
.ccp[data-theme^="history-"] :is(button,.ccp-actions a):hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff10,0 7px 18px #0006}

/* 让既有大卡片整体有极轻的实时光泽移动，而不是再增加复杂结构。 */
.ccp[data-theme^="history-"] :is(.ccp-outcome,.ccp-person,.ccp-faction,.ccp-block,.ccp-card,.ccp-memorycard,.ccp-relationlog,.ccp-promotions,.ccp-interference,.ccp-checkpoints,.ccp-projects,.ccp-departments,.ccp-actionsbox){background-size:145% 145%;animation:hlxCardBreath 14s ease-in-out infinite}

@keyframes hlxGlobalDrift{to{background-position:97px 97px,-260% 0}}
@keyframes hlxMicroPulse{50%{opacity:.46;transform:scale(.82)}}
@keyframes hlxCardBreath{0%,100%{background-position:0 0;border-color:var(--line)}50%{background-position:100% 100%;border-color:#d5b35a38}}
@media(max-width:620px){.ccp[data-theme^="history-"] :is(.ccp-sectionhead>span,.ccp-personhead>b,.ccp-memoryscope>header span){max-width:58%;padding:3px 6px}.ccp[data-theme^="history-"] .ccp-line{grid-template-columns:82px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.ccp[data-theme^="history-"] .ccp-window:before,.ccp[data-theme^="history-"] :is(.ccp-sectionhead>span,.ccp-personhead>b,.ccp-memoryscope>header span):before,.ccp[data-theme^="history-"] :is(.ccp-outcome,.ccp-person,.ccp-faction,.ccp-block,.ccp-card,.ccp-memorycard,.ccp-relationlog,.ccp-promotions,.ccp-interference,.ccp-checkpoints,.ccp-projects,.ccp-departments,.ccp-actionsbox){animation:none!important}}


/* ================================================================
   HL X2.4 SYSTEM SCROLL FIX + GLOBAL DENSE MICRO-UI
   系统页专属滚动修复；其余全部为全栏位信息密度与细节美化
   ================================================================ */
/* 系统栏曾被overflow:hidden截断；现在标题固定，内容在独立纵向窗内滚动。 */
.ccp[data-theme^="history-"] .ccp-systempanel{overflow:hidden!important;padding-bottom:14px!important}
.ccp[data-theme^="history-"] .ccp-systemhead{position:relative;z-index:5;margin-bottom:8px!important}
.ccp[data-theme^="history-"] .ccp-systemscroll{position:relative;z-index:2;height:calc(100% - 78px);min-height:0;overflow-x:hidden;overflow-y:auto;padding:2px 8px 40px 2px;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#d5b35a #08090b}
.ccp[data-theme^="history-"] .ccp-systemscroll::-webkit-scrollbar{width:7px}.ccp[data-theme^="history-"] .ccp-systemscroll::-webkit-scrollbar-track{border-radius:99px;background:#060708}.ccp[data-theme^="history-"] .ccp-systemscroll::-webkit-scrollbar-thumb{border:1px solid #f3d57a22;border-radius:99px;background:linear-gradient(180deg,#e2c46e,#7e5820);box-shadow:0 0 10px #d5b35a44}
.ccp[data-theme^="history-"] .ccp-systemscroll:after{content:"SCROLL / SYSTEM ARCHIVE";display:block;margin:14px auto 0;color:#8f7a4d;font:700 7px Consolas,monospace;letter-spacing:.18em;text-align:center}

/* 一个系统型天赋对应一张实例卡；多个系统纵向排列，仍使用同一系统栏。 */
.ccp[data-theme^="history-"] .ccp-systeminstance{position:relative;margin:0 0 10px;padding:11px;border:1px solid #574725;border-radius:7px;background:radial-gradient(circle at 92% 0,#d5b35a12,transparent 28%),linear-gradient(145deg,#101318,#07090b);box-shadow:inset 0 0 34px #0009,0 10px 26px #0007;overflow:hidden}
.ccp[data-theme^="history-"] .ccp-systeminstance:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#f5dc89,#a26a21 55%,#4a3215);box-shadow:0 0 14px #d5b35a55;animation:hlxInstanceRail 4.8s ease-in-out infinite}
.ccp[data-theme^="history-"] .ccp-systeminstancehead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:-1px 0 8px;padding:1px 1px 9px 6px;border-bottom:1px solid #d5b35a22}.ccp-systeminstancehead small{color:#887542;font:800 7px Consolas,monospace;letter-spacing:.13em}.ccp-systeminstancehead h3{margin:2px 0 2px;color:#f0d891;font-size:17px}.ccp-systeminstancehead p{max-width:54em;margin:0;color:#9f9c8e;font-size:8px;line-height:1.55}.ccp-systeminstancehead>span{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #8b7138;border-radius:4px;background:#d5b35a0a;color:#e0c57c;font-size:8px;white-space:nowrap}.ccp-systeminstancehead>span i{width:6px;height:6px;border-radius:50%;background:#86e2ad;box-shadow:0 0 9px #86e2ad;animation:hlxMicroPulse 2.6s ease-in-out infinite}

/* 全栏位通用的高密度小条目带。 */
.ccp[data-theme^="history-"] .ccp-microstrip,.ccp[data-theme^="history-"] .ccp-systemquick{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:4px;margin:-4px 0 9px;padding:5px;border:1px solid #d5b35a20;border-radius:6px;background:linear-gradient(145deg,#0b0d0f,#070809);box-shadow:inset 0 0 15px #0007;overflow:hidden}
.ccp[data-theme^="history-"] .ccp-microstrip:before,.ccp[data-theme^="history-"] .ccp-systemquick:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 0 42%,#f4db8e0b 49%,transparent 56%);transform:translateX(-120%);animation:hlxDenseScan 13s linear infinite}
.ccp[data-theme^="history-"] .ccp-microstrip>span,.ccp[data-theme^="history-"] .ccp-systemquick>span{position:relative;z-index:1;display:grid;grid-template-columns:1fr;align-content:center;min-width:0;min-height:37px;padding:5px 7px;border:1px solid #ffffff0b;border-radius:4px;background:linear-gradient(145deg,#ffffff04,transparent);overflow:hidden}
.ccp[data-theme^="history-"] .ccp-microstrip>span:before,.ccp[data-theme^="history-"] .ccp-systemquick>span:before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:2px;border-radius:2px;background:#d5b35a88;box-shadow:0 0 7px #d5b35a44}
.ccp[data-theme^="history-"] .ccp-microstrip small,.ccp[data-theme^="history-"] .ccp-systemquick small{overflow:hidden;color:#766f60;font:700 7px/1.25 Consolas,"Microsoft YaHei",sans-serif;letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap}.ccp[data-theme^="history-"] .ccp-microstrip b,.ccp[data-theme^="history-"] .ccp-systemquick b{overflow:hidden;margin-top:2px;color:#d8c187;font-size:9px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.ccp[data-theme^="history-"] .ccp-personquick{margin-top:0}

/* 系统内部条目更密，但不铺成长说明。 */
.ccp[data-theme^="history-"] .ccp-systemquick{grid-template-columns:repeat(auto-fit,minmax(106px,1fr));margin:0 0 7px;background:#080a0d}
.ccp[data-theme^="history-"] .ccp-systemcontent{gap:6px!important}.ccp[data-theme^="history-"] .ccp-systemcard{padding:9px!important}.ccp[data-theme^="history-"] .ccp-systemcard>header{margin-bottom:5px}.ccp[data-theme^="history-"] .ccp-systemcard p{margin-top:5px!important;line-height:1.55}
.ccp[data-theme^="history-"] .ccp-minilist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:6px}.ccp[data-theme^="history-"] .ccp-minilist>span{display:grid;grid-template-columns:minmax(58px,.72fr) minmax(0,1.28fr);gap:5px;align-items:center;min-height:29px;padding:4px 6px;border:1px solid #ffffff0c;border-radius:4px;background:#ffffff03}.ccp[data-theme^="history-"] .ccp-minilist b{color:#8f8265;font-size:7px}.ccp[data-theme^="history-"] .ccp-minilist em{overflow:hidden;color:#d8c38c;font-size:8px;font-style:normal;text-align:right;text-overflow:ellipsis;white-space:nowrap}
.ccp[data-theme^="history-"] .ccp-systemledger{margin-top:6px;border:1px solid #4a3d24;border-radius:5px;background:#080a0c;overflow:hidden}.ccp-systemledger>header{display:flex;align-items:center;justify-content:space-between;padding:7px 9px;border-bottom:1px solid #ffffff0b;background:#d5b35a08}.ccp-systemledger>header b{color:#dec47c;font-size:9px}.ccp-systemledger>header span{color:#756e60;font-size:7px}.ccp-systemledger>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#302819}.ccp-systemledger p{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1px 6px;margin:0;padding:7px 8px;background:#080a0c}.ccp-systemledger p i{grid-row:1/3;color:#826f42;font:700 7px Consolas}.ccp-systemledger p b{color:#d4bf86;font-size:8px}.ccp-systemledger p span{overflow:hidden;color:#8f918c;font-size:7px;text-overflow:ellipsis;white-space:nowrap}

/* 全局紧凑化：减少无意义留白，提高每屏信息量，但不牺牲可点击面积。 */
.ccp[data-theme^="history-"] .ccp-panel{padding:15px 16px 27px}
.ccp[data-theme^="history-"] .ccp-sectionhead{margin-bottom:9px;padding-bottom:8px}.ccp[data-theme^="history-"] .ccp-sectionhead h2{font-size:20px}.ccp[data-theme^="history-"] .ccp-sectionhead p{margin:3px 0 0;color:#8e8b80;font-size:8px;line-height:1.45}
.ccp[data-theme^="history-"] :is(.ccp-outcome,.ccp-person,.ccp-faction,.ccp-block,.ccp-card,.ccp-memorycard,.ccp-relationlog,.ccp-projects,.ccp-departments,.ccp-checkpoints,.ccp-promotions,.ccp-interference,.ccp-actionsbox){margin-top:8px;padding:10px 11px;border-radius:7px}
.ccp[data-theme^="history-"] .ccp-grid,.ccp[data-theme^="history-"] .ccp-persongrid,.ccp[data-theme^="history-"] .ccp-plotgrid{gap:6px}
.ccp[data-theme^="history-"] :is(.ccp-card,.ccp-block)>:is(h3,h4):first-child{margin-bottom:6px!important;font-size:12px}.ccp[data-theme^="history-"] :is(.ccp-card,.ccp-block)>p{margin:4px 0;color:#a7aaa3;font-size:9px;line-height:1.58}
.ccp[data-theme^="history-"] .ccp-line{padding:3px 0!important}.ccp[data-theme^="history-"] .ccp-line>b{min-height:22px!important;padding:2px 6px!important;font-size:8px}.ccp[data-theme^="history-"] .ccp-line>span{min-height:22px!important;padding:3px 6px!important;font-size:9px;line-height:1.45}
.ccp[data-theme^="history-"] .ccp-tipset{gap:4px}.ccp[data-theme^="history-"] .ccp-tip>summary{min-height:30px;padding:6px 8px;font-size:9px}.ccp[data-theme^="history-"] .ccp-tip>div{padding:7px 8px;font-size:8px;line-height:1.55}
.ccp[data-theme^="history-"] :is(.ccp-card,.ccp-block,.ccp-person,.ccp-memorycard) li{margin:3px 0;line-height:1.5}.ccp[data-theme^="history-"] :is(.ccp-card,.ccp-block) li:not(.ccp-mementry){padding-left:2px}

/* 小文字也有层级：字段名、短值、警告不再融成一团。 */
.ccp[data-theme^="history-"] :is(.ccp-card,.ccp-block,.ccp-person,.ccp-faction) p>b:first-child{display:inline-flex;align-items:center;margin-right:4px;padding:1px 5px;border:1px solid #d5b35a22;border-radius:3px;background:#d5b35a07;color:#d8bd73;font-size:.88em}
.ccp[data-theme^="history-"] :is(.ccp-card,.ccp-block,.ccp-person,.ccp-faction) p>em{padding:1px 4px;border-radius:3px;background:#7c25251a;color:#df8d82;font-style:normal}
.ccp[data-theme^="history-"] :is(.ccp-card,.ccp-block,.ccp-person,.ccp-faction) p>strong{color:#efd891;text-shadow:0 0 9px #d5b35a22}
.ccp[data-theme^="history-"] .ccp-panel>section+section{position:relative}.ccp[data-theme^="history-"] .ccp-panel>section+section:before{content:"";display:block;width:52px;height:1px;margin:7px auto;background:linear-gradient(90deg,transparent,#d5b35a77,transparent)}

/* 低成本实时动画覆盖所有栏位的小节点。 */
.ccp[data-theme^="history-"] .ccp-sectionhead h2:after{content:"";display:inline-block;width:22px;height:2px;margin-left:7px;vertical-align:middle;background:linear-gradient(90deg,#d5b35a,transparent);background-size:200% 100%;animation:hlxTitleSignal 5s linear infinite}
.ccp[data-theme^="history-"] :is(.ccp-card,.ccp-block,.ccp-person,.ccp-faction,.ccp-memorycard):before{content:"";position:absolute;pointer-events:none;left:10px;right:10px;top:0;height:1px;background:linear-gradient(90deg,transparent,#f0d47b33,transparent);background-size:230% 100%;animation:hlxPanelTrace 12s linear infinite}
@keyframes hlxInstanceRail{50%{filter:brightness(1.45);box-shadow:0 0 19px #d5b35a77}}
@keyframes hlxDenseScan{to{transform:translateX(120%)}}
@keyframes hlxTitleSignal{to{background-position:-200% 0}}

@media(max-width:700px){
.ccp[data-theme^="history-"] .ccp-systemscroll{height:calc(100% - 72px);padding-right:4px}.ccp[data-theme^="history-"] .ccp-microstrip,.ccp[data-theme^="history-"] .ccp-systemquick{grid-template-columns:repeat(3,minmax(0,1fr))}.ccp[data-theme^="history-"] .ccp-minilist,.ccp-systemledger>div{grid-template-columns:1fr}.ccp[data-theme^="history-"] .ccp-systeminstance{padding:9px}.ccp-systeminstancehead h3{font-size:15px}
}
@media(max-width:460px){.ccp[data-theme^="history-"] .ccp-panel{padding:12px 9px 24px}.ccp[data-theme^="history-"] .ccp-microstrip,.ccp[data-theme^="history-"] .ccp-systemquick{grid-template-columns:repeat(2,minmax(0,1fr))}.ccp[data-theme^="history-"] .ccp-microstrip>span,.ccp[data-theme^="history-"] .ccp-systemquick>span{min-height:34px;padding:4px 6px}.ccp[data-theme^="history-"] .ccp-systemscroll{height:calc(100% - 68px)}}
@media(prefers-reduced-motion:reduce){.ccp-systeminstance:before,.ccp-systeminstancehead>span i,.ccp-microstrip:before,.ccp-systemquick:before,.ccp-sectionhead h2:after,.ccp[data-theme^="history-"] :is(.ccp-card,.ccp-block,.ccp-person,.ccp-faction,.ccp-memorycard):before{animation:none!important}}


/* ===== HL X2 黑金主轴统一层｜V1.5.4 ===== */
.ccp{
  --hl-bg0:#050505;--hl-bg1:#090806;--hl-bg2:#11100c;--hl-bg3:#17140e;
  --hl-gold:#d4af37;--hl-gold2:#f0d46a;--hl-gold3:#8f6f28;--hl-gold4:#5a4318;
  --hl-text:#eee8d8;--hl-muted:#a99f89;--hl-line:#3a2f18;
  --hl-red:#a83d3d;--hl-green:#4d9b6a;--hl-blue:#4f78a6;--hl-purple:#7b5aa6;
  color:var(--hl-text)!important;
  background:
    radial-gradient(circle at 82% 8%,rgba(212,175,55,.08),transparent 24%),
    radial-gradient(circle at 14% 92%,rgba(143,111,40,.06),transparent 26%),
    linear-gradient(145deg,var(--hl-bg0),var(--hl-bg1) 46%,#070604)!important;
}
.ccp,.ccp *{scrollbar-color:var(--hl-gold3) #080705}
.ccp::-webkit-scrollbar,.ccp *::-webkit-scrollbar{width:7px;height:7px}
.ccp::-webkit-scrollbar-track,.ccp *::-webkit-scrollbar-track{background:#080705}
.ccp::-webkit-scrollbar-thumb,.ccp *::-webkit-scrollbar-thumb{background:linear-gradient(var(--hl-gold4),var(--hl-gold));border-radius:8px}
.ccp .ccp-shell,.ccp .ccp-panel,.ccp .ccp-card,.ccp .ccp-box,.ccp .ccp-section,.ccp .ccp-system-card,
.ccp details,.ccp article,.ccp .ccp-kv,.ccp .ccp-mini,.ccp .ccp-chip,.ccp .ccp-stat,.ccp .ccp-meterinfo{
  background:linear-gradient(145deg,rgba(20,18,13,.96),rgba(8,8,7,.98))!important;
  border-color:rgba(212,175,55,.24)!important;
  box-shadow:inset 0 0 0 1px rgba(255,236,170,.025),0 8px 24px rgba(0,0,0,.36)!important;
}
.ccp .ccp-title,.ccp h1,.ccp h2,.ccp h3,.ccp h4,.ccp summary,.ccp .ccp-label,.ccp .ccp-key{
  color:var(--hl-gold2)!important;
  text-shadow:0 0 14px rgba(212,175,55,.12);
}
.ccp .ccp-sub,.ccp small,.ccp .ccp-muted,.ccp .ccp-note{color:var(--hl-muted)!important}
.ccp .ccp-nav button,.ccp button,.ccp .ccp-btn,.ccp .ccp-tag,.ccp .ccp-pill,.ccp .ccp-badge{
  color:var(--hl-text)!important;
  background:linear-gradient(180deg,#1b1710,#0b0a07)!important;
  border-color:rgba(212,175,55,.32)!important;
}
.ccp .ccp-nav button:hover,.ccp button:hover,.ccp .ccp-btn:hover{
  border-color:var(--hl-gold)!important;
  color:var(--hl-gold2)!important;
  box-shadow:0 0 0 1px rgba(212,175,55,.16),0 0 18px rgba(212,175,55,.12)!important;
}
.ccp .ccp-nav button.on,.ccp .ccp-btn.on,.ccp .on>.ccp-btn,.ccp .active{
  color:#fff4c7!important;
  background:linear-gradient(135deg,#3a2d0d,#161106)!important;
  border-color:var(--hl-gold)!important;
}
.ccp .ccp-bar,.ccp .ccp-meter,.ccp progress{
  background:#080705!important;
  border-color:rgba(212,175,55,.28)!important;
  box-shadow:inset 0 0 10px rgba(0,0,0,.75)!important;
}
.ccp .ccp-bar>i,.ccp .ccp-meter>i,.ccp progress::-webkit-progress-value{
  background:linear-gradient(90deg,var(--hl-gold4),var(--hl-gold),var(--hl-gold2),var(--hl-gold))!important;
  background-size:220% 100%!important;
  box-shadow:0 0 14px rgba(212,175,55,.28)!important;
  animation:hlGoldFlow 5.5s linear infinite!important;
}
.ccp .ccp-system,.ccp .ccp-system-card,.ccp [data-page="system"],.ccp [data-system]{
  --sys-accent:var(--hl-gold);
  background:
    linear-gradient(180deg,rgba(212,175,55,.035),transparent 22%),
    repeating-linear-gradient(90deg,transparent 0 39px,rgba(212,175,55,.025) 40px),
    #090806!important;
  border-color:rgba(212,175,55,.34)!important;
}
.ccp .ccp-system:before,.ccp .ccp-system-card:before,.ccp [data-system]:before{
  background:linear-gradient(180deg,transparent,var(--hl-gold),transparent)!important;
  box-shadow:0 0 14px rgba(212,175,55,.25)!important;
}
.ccp .ccp-status.ok,.ccp .ok,.ccp [data-status="ok"]{color:#8fc49f!important;border-color:rgba(77,155,106,.55)!important}
.ccp .ccp-status.warn,.ccp .warn,.ccp [data-status="warn"]{color:#d7b25a!important;border-color:rgba(212,175,55,.55)!important}
.ccp .ccp-status.bad,.ccp .bad,.ccp [data-status="bad"]{color:#d17272!important;border-color:rgba(168,61,61,.55)!important}
.ccp .ccp-status.info,.ccp .info,.ccp [data-status="info"]{color:#86a9cd!important;border-color:rgba(79,120,166,.48)!important}
.ccp .ccp-status.rare,.ccp .rare,.ccp [data-status="rare"]{color:#ad95cf!important;border-color:rgba(123,90,166,.48)!important}
.ccp .ccp-grid>*,.ccp .ccp-list>*,.ccp .ccp-kv,.ccp .ccp-mini{
  position:relative;overflow:hidden
}
.ccp .ccp-grid>*:after,.ccp .ccp-list>*:after,.ccp .ccp-kv:after,.ccp .ccp-mini:after{
  content:"";position:absolute;left:-45%;top:0;width:34%;height:100%;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(240,212,106,.045),transparent);
  animation:hlSoftSweep 8s ease-in-out infinite;
}
@keyframes hlGoldFlow{to{background-position:-220% 0}}
@keyframes hlSoftSweep{0%,68%{transform:translateX(0)}100%{transform:translateX(430%)}}
@media(prefers-reduced-motion:reduce){
  .ccp .ccp-bar>i,.ccp .ccp-meter>i,.ccp progress::-webkit-progress-value,
  .ccp .ccp-grid>*:after,.ccp .ccp-list>*:after,.ccp .ccp-kv:after,.ccp .ccp-mini:after{animation:none!important}
}


/* =========================================================
   HL X2 V1.5.5｜系统真滚动窗 + 黑金动态细化
   仅修复实验面板CSS，不修改模板结构、提示词或世界书。
   ========================================================= */

/* 系统页重新并入所有ccp-panel共有的绝对定位框架。此前position:relative会破坏固定窗口高度。 */
.ccp[data-theme^="history-"] .ccp-systempanel{
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  padding:20px 20px 14px 18px!important;
  overflow:hidden!important;
  flex-direction:column!important;
}
.ccp[data-theme^="history-"] .ccp-systempanel:target{
  display:flex!important;
}
.ccp[data-theme^="history-"] .ccp-systempanel>.ccp-systemhead{
  flex:0 0 auto!important;
  margin:0 0 10px!important;
  padding:0 4px 11px 10px!important;
}
.ccp[data-theme^="history-"] .ccp-systempanel>.ccp-systemscroll{
  position:relative!important;
  z-index:2!important;
  flex:1 1 0!important;
  width:100%!important;
  height:0!important;
  min-height:0!important;
  max-height:none!important;
  padding:2px 9px 44px 4px!important;
  overflow-x:hidden!important;
  overflow-y:scroll!important;
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-gutter:stable!important;
  scrollbar-width:thin!important;
  scrollbar-color:#d7b75c #070706!important;
}
.ccp[data-theme^="history-"] .ccp-systemscroll::-webkit-scrollbar{width:8px!important}
.ccp[data-theme^="history-"] .ccp-systemscroll::-webkit-scrollbar-track{
  border:1px solid #5c482133!important;border-radius:99px!important;background:#050505!important
}
.ccp[data-theme^="history-"] .ccp-systemscroll::-webkit-scrollbar-thumb{
  border:1px solid #f4da8444!important;border-radius:99px!important;
  background:linear-gradient(180deg,#f3d77d,#c39a3b 48%,#79551d)!important;
  box-shadow:inset 0 0 6px #fff2,0 0 10px #d5b35a55!important
}
.ccp[data-theme^="history-"] .ccp-systemscroll::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#ffe99f,#dcb552 52%,#9b7028)!important
}

/* 系统侧轨只使用金色，不再出现红紫彩虹。 */
.ccp[data-theme^="history-"] .ccp-systemrail i{
  height:34%!important;
  background:linear-gradient(180deg,#fff0a6 0%,#e5c562 30%,#b88a31 67%,#6f4d19 100%)!important;
  box-shadow:0 0 8px #fff0a688,0 0 18px #d6ae4d66!important;
  animation:hlxGoldRail 4.6s ease-in-out infinite!important
}
@keyframes hlxGoldRail{
  0%,100%{transform:translateY(0);filter:brightness(.88)}
  50%{transform:translateY(190%);filter:brightness(1.28)}
}

/* 顶部和栏位强调线统一为金色动态纹理。 */
.ccp[data-theme^="history-"] .ccp-head:after,
.ccp[data-theme^="history-"] .ccp-sectionhead:after,
.ccp[data-theme^="history-"] .ccp-systeminstancehead:after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,#80601f,#ffe38b,#a57b28,transparent);
  background-size:220% 100%;animation:hlxGoldLine 7s linear infinite
}
@keyframes hlxGoldLine{to{background-position:220% 0}}

/* 标题的小型实时动画：金色标记呼吸，不改变布局。 */
.ccp[data-theme^="history-"] .ccp-sectionhead h2,
.ccp[data-theme^="history-"] .ccp-systeminstancehead h3,
.ccp[data-theme^="history-"] .ccp-card h3,
.ccp[data-theme^="history-"] .ccp-block h3{position:relative}
.ccp[data-theme^="history-"] .ccp-sectionhead h2:before,
.ccp[data-theme^="history-"] .ccp-systeminstancehead h3:before,
.ccp[data-theme^="history-"] .ccp-card h3:before,
.ccp[data-theme^="history-"] .ccp-block h3:before{
  content:"";display:inline-block;width:5px;height:5px;margin:0 7px 2px 0;border:1px solid #f4d67a;
  background:#9c7229;box-shadow:0 0 8px #e2bd5e88;transform:rotate(45deg);
  animation:hlxGoldTitleMark 2.8s ease-in-out infinite
}
@keyframes hlxGoldTitleMark{50%{background:#ffe698;box-shadow:0 0 4px #fff,0 0 13px #e2bd5e}}

/* 现有按钮统一增加极轻金色扫光和图标脉冲，不要求新增class。 */
.ccp[data-theme^="history-"] button,
.ccp[data-theme^="history-"] .ccp-nav a,
.ccp[data-theme^="history-"] summary{
  position:relative;isolation:isolate;overflow:hidden
}
.ccp[data-theme^="history-"] button:after,
.ccp[data-theme^="history-"] .ccp-nav a:after{
  content:"";position:absolute;z-index:-1;top:-30%;bottom:-30%;left:-42%;width:24%;pointer-events:none;
  background:linear-gradient(90deg,transparent,#ffe89620,transparent);transform:skewX(-18deg);
  animation:hlxGoldButtonSweep 8.5s ease-in-out infinite
}
@keyframes hlxGoldButtonSweep{0%,68%{left:-42%}88%,100%{left:125%}}
.ccp[data-theme^="history-"] button>i,
.ccp[data-theme^="history-"] summary>i,
.ccp[data-theme^="history-"] .ccp-systemchip>i,
.ccp[data-theme^="history-"] .ccp-systemstatus>i{
  animation:hlxGoldIconPulse 2.6s ease-in-out infinite!important
}
@keyframes hlxGoldIconPulse{50%{filter:brightness(1.35);box-shadow:0 0 11px #e2bd5e88}}

/* 红色仅保留给明确风险语义。普通状态一律回到金色。 */
.ccp[data-theme^="history-"] .ccp-systemstatus>i,
.ccp[data-theme^="history-"] .ccp-systeminstancehead>span>i,
.ccp[data-theme^="history-"] .ccp-systemchip>i{
  background:#d9ba5d!important;box-shadow:0 0 10px #d9ba5d88!important
}
.ccp[data-theme^="history-"] [data-risk="high"],
.ccp[data-theme^="history-"] [data-state="danger"],
.ccp[data-theme^="history-"] .is-danger,
.ccp[data-theme^="history-"] .ccp-danger{
  --hl-alert:#d54b43;color:#ffaaa3!important;border-color:#b53d37!important
}
.ccp[data-theme^="history-"] [data-risk="high"] i,
.ccp[data-theme^="history-"] [data-state="danger"] i,
.ccp[data-theme^="history-"] .is-danger i,
.ccp[data-theme^="history-"] .ccp-danger i{
  background:#d54b43!important;box-shadow:0 0 11px #d54b43aa!important
}

@media(max-width:620px){
  .ccp[data-theme^="history-"] .ccp-systempanel{padding:13px 8px 8px 12px!important}
  .ccp[data-theme^="history-"] .ccp-systempanel>.ccp-systemhead{padding-left:7px!important}
  .ccp[data-theme^="history-"] .ccp-systempanel>.ccp-systemscroll{padding-right:6px!important;padding-bottom:34px!important}
}
@media(prefers-reduced-motion:reduce){
  .ccp[data-theme^="history-"] .ccp-systemrail i,
  .ccp[data-theme^="history-"] .ccp-head:after,
  .ccp[data-theme^="history-"] .ccp-sectionhead:after,
  .ccp[data-theme^="history-"] .ccp-systeminstancehead:after,
  .ccp[data-theme^="history-"] .ccp-sectionhead h2:before,
  .ccp[data-theme^="history-"] .ccp-systeminstancehead h3:before,
  .ccp[data-theme^="history-"] .ccp-card h3:before,
  .ccp[data-theme^="history-"] .ccp-block h3:before,
  .ccp[data-theme^="history-"] button:after,
  .ccp[data-theme^="history-"] .ccp-nav a:after,
  .ccp[data-theme^="history-"] button>i,
  .ccp[data-theme^="history-"] summary>i{animation:none!important}
}


/* =========================================================
   HL X2 V1.5.6｜系统页同构滚动 + 历史主题纯黑金纠正
   核心：系统页不再使用特殊内层滚动，直接复用普通ccp-panel滚动机制。
   ========================================================= */

/* 1. 系统页完全恢复普通栏位的滚动模型。 */
.ccp[data-theme^="history-"] .ccp-systempanel{
  position:absolute!important;
  inset:0!important;
  display:none!important;
  width:auto!important;
  height:auto!important;
  min-height:100%!important;
  padding:20px 20px 34px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
  scrollbar-color:#cfae4f #070706!important;
}
.ccp[data-theme^="history-"] .ccp-systempanel:target{
  display:block!important;
  z-index:4!important;
}
/* 内层只负责排版，不再承担滚动。 */
.ccp[data-theme^="history-"] .ccp-systempanel>.ccp-systemscroll{
  display:block!important;
  position:relative!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:0 4px 24px 0!important;
  overflow:visible!important;
  touch-action:auto!important;
}
.ccp[data-theme^="history-"] .ccp-systempanel::-webkit-scrollbar{width:8px!important}
.ccp[data-theme^="history-"] .ccp-systempanel::-webkit-scrollbar-track{
  background:#050505!important;border-left:1px solid #4f3c1b55!important
}
.ccp[data-theme^="history-"] .ccp-systempanel::-webkit-scrollbar-thumb{
  border:1px solid #f2d77b44!important;border-radius:99px!important;
  background:linear-gradient(180deg,#f0d274,#bd9135 54%,#6e4c17)!important;
  box-shadow:inset 0 0 5px #fff2,0 0 9px #d4af3766!important
}

/* 2. 历史主题主强调色从根变量改为金色。 */
.ccp[data-theme="history-ancient"],
.ccp[data-theme="history-imperial"],
.ccp[data-theme="history-modern"],
.ccp[data-theme="history-war"]{
  --hot:#c79d38!important;
  --hot2:#f0d46a!important;
  --warn:#d4af37!important;
  --line:#3a2f18!important;
  --panel:#11100c!important;
  --panel2:#17140e!important;
  --bg:#060606!important;
  color:#eee8d8!important;
  background-color:#060606!important;
}
.ccp[data-theme^="history-"] .ccp-head{
  background:
    radial-gradient(circle at 86% 0,#d4af3722,transparent 36%),
    linear-gradient(135deg,#17140e,#090806 58%,#12100b)!important;
  border-color:#6b5425!important;
}
.ccp[data-theme^="history-"] .ccp-window,
.ccp[data-theme^="history-"] .ccp-panel:target{
  background:
    radial-gradient(circle at 88% 8%,#d4af370e,transparent 28%),
    linear-gradient(180deg,#0b0a07,#060606)!important;
}
.ccp[data-theme^="history-"] .ccp-nav a,
.ccp[data-theme^="history-"] .ccp-sectionhead,
.ccp[data-theme^="history-"] .ccp-personhead,
.ccp[data-theme^="history-"] .ccp-outcome>header,
.ccp[data-theme^="history-"] .ccp-actionsbox>header,
.ccp[data-theme^="history-"] .ccp-memoryscope>header{
  border-color:#6c542655!important;
}
.ccp[data-theme^="history-"] .ccp-nav a:target,
.ccp[data-theme^="history-"] .ccp-nav a:hover{
  color:#ffe69a!important;border-color:#d4af37!important;background:#d4af3710!important
}

/* 3. 所有装饰性强调线与发光统一为金色。 */
.ccp[data-theme^="history-"] :is(.ccp-head,.ccp-sectionhead,.ccp-systeminstancehead):after,
.ccp[data-theme^="history-"] :is(.ccp-card,.ccp-block,.ccp-person,.ccp-faction,.ccp-memorycard):before{
  background:linear-gradient(90deg,transparent,#7c5b1d,#f0d46a,#a77c28,transparent)!important;
  box-shadow:0 0 10px #d4af3733!important;
}
.ccp[data-theme^="history-"] progress::-webkit-progress-value,
.ccp[data-theme^="history-"] .ccp-meter>i,
.ccp[data-theme^="history-"] .ccp-bar>i{
  background:linear-gradient(90deg,#6c4b16,#c89b34,#f0d46a,#b6862d)!important;
  box-shadow:0 0 12px #d4af3744!important
}
.ccp[data-theme^="history-"] .ccp-systemrail i{
  background:linear-gradient(180deg,#fff0a6,#dfbd58 35%,#a97927 70%,#5f4215)!important;
  box-shadow:0 0 8px #fff0a677,0 0 18px #d4af3755!important
}

/* 4. 红色仅保留在明确风险语义。普通bad类不再自动污染整张面板。 */
.ccp[data-theme^="history-"] :is(.ccp-systemstatus>i,.ccp-systeminstancehead>span>i,.ccp-systemchip>i){
  background:#d4af37!important;box-shadow:0 0 10px #d4af3788!important
}
.ccp[data-theme^="history-"] :is([data-risk="high"],[data-state="danger"],.is-danger,.ccp-danger,.critical,.severe){
  color:#ffaaa3!important;border-color:#a83d3d!important;background:#a83d3d12!important
}
.ccp[data-theme^="history-"] :is([data-risk="high"],[data-state="danger"],.is-danger,.ccp-danger,.critical,.severe) i{
  background:#d54b43!important;box-shadow:0 0 11px #d54b43aa!important
}

@media(max-width:620px){
  .ccp[data-theme^="history-"] .ccp-systempanel{padding:13px 9px 30px!important}
}

/* ===== HLX 1.5.8 TRUE TEMPLATE CHANGE / FINAL BLACK-GOLD + SYSTEM SCROLL ===== */
.ccp[data-build="HLX-1.5.8"]{
  --hot:#d4af37!important;--hot2:#f3d978!important;--gold:#d4af37!important;--gold2:#f3d978!important;
  --line:#6f5623!important;--line2:#b58a2e!important;--panel:#0b0b09!important;--panel2:#12100b!important;
  --danger:#c73b32!important;--risk:#c73b32!important;color:#efe6cc!important;
  background:radial-gradient(circle at 78% 8%,rgba(212,175,55,.10),transparent 27%),linear-gradient(145deg,#050505,#0b0a07 58%,#050505)!important;
}
.ccp[data-build="HLX-1.5.8"] .ccp-head,
.ccp[data-build="HLX-1.5.8"] .ccp-sectionhead,
.ccp[data-build="HLX-1.5.8"] .ccp-subhead{
  border-color:#8d6c27!important;background:linear-gradient(100deg,#080806,#171208 58%,#090907)!important;
}
.ccp[data-build="HLX-1.5.8"] .ccp-head:after,
.ccp[data-build="HLX-1.5.8"] .ccp-sectionhead:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;pointer-events:none;
  background:linear-gradient(90deg,transparent,#8f6b20,#f3d978,#8f6b20,transparent);background-size:220% 100%;animation:hlxGoldTravel 5.6s linear infinite;
}
.ccp[data-build="HLX-1.5.8"] .ccp-nav a,
.ccp[data-build="HLX-1.5.8"] button,
.ccp[data-build="HLX-1.5.8"] summary{
  border-color:#70551f!important;color:#e8d7a7!important;background-color:#0d0c09!important;
}
.ccp[data-build="HLX-1.5.8"] .ccp-nav a:target,
.ccp[data-build="HLX-1.5.8"] .ccp-nav a:hover,
.ccp[data-build="HLX-1.5.8"] button:hover,
.ccp[data-build="HLX-1.5.8"] details[open]>summary{
  color:#fff1b0!important;border-color:#d4af37!important;background:linear-gradient(135deg,#191306,#0b0a07)!important;box-shadow:inset 0 -2px #d4af37,0 0 14px rgba(212,175,55,.18)!important;
}
/* The panel itself is the scroll viewport, matching all normal panels. */
.ccp[data-build="HLX-1.5.8"] .ccp-window>.ccp-systempanel{
  position:absolute!important;inset:0!important;display:block!important;height:auto!important;min-height:0!important;
  overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;scrollbar-gutter:stable;
  padding-bottom:76px!important;
}
.ccp[data-build="HLX-1.5.8"] .ccp-systempanel:not(:target){display:none!important}
.ccp[data-build="HLX-1.5.8"] .ccp-systempanel:target{display:block!important}
.ccp[data-build="HLX-1.5.8"] .ccp-systempanel .ccp-systembody{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;
  min-height:max-content!important;height:auto!important;overflow:visible!important;padding:10px 12px 90px!important;
}
.ccp[data-build="HLX-1.5.8"] .ccp-systempanel .ccp-systemhead{
  position:sticky!important;top:0!important;z-index:12!important;margin:0!important;backdrop-filter:blur(12px);
}
.ccp[data-build="HLX-1.5.8"] .ccp-systempanel::-webkit-scrollbar{width:9px}
.ccp[data-build="HLX-1.5.8"] .ccp-systempanel::-webkit-scrollbar-track{background:#070705}
.ccp[data-build="HLX-1.5.8"] .ccp-systempanel::-webkit-scrollbar-thumb{background:linear-gradient(#7d5c1c,#f0d46a,#7d5c1c);border:2px solid #070705;border-radius:99px}
.ccp[data-build="HLX-1.5.8"] .ccp-systemrail,
.ccp[data-build="HLX-1.5.8"] .ccp-systemrail i{
  background:linear-gradient(180deg,#7a5818,#f3d978,#9d7423)!important;box-shadow:0 0 18px rgba(212,175,55,.42)!important;
}
.ccp[data-build="HLX-1.5.8"] .ccp-anomaly,
.ccp[data-build="HLX-1.5.8"] .ccp-sectionhead>span,
.ccp[data-build="HLX-1.5.8"] .ccp-systemstatus{
  color:#f6dfa0!important;border-color:#b78b2e!important;background:linear-gradient(135deg,#161105,#090806)!important;
  animation:hlxBadgeIdle 3.2s ease-in-out infinite!important;
}
.ccp[data-build="HLX-1.5.8"] .ccp-anomaly i{border-color:#d4af37!important;animation:hlxDiscSpin 8s linear infinite!important}
.ccp[data-build="HLX-1.5.8"] .ccp-nav a:before,
.ccp[data-build="HLX-1.5.8"] .ccp-sectionhead h2:before,
.ccp[data-build="HLX-1.5.8"] .ccp-subhead h4:before{
  color:#f3d978!important;filter:drop-shadow(0 0 5px rgba(212,175,55,.55));animation:hlxIconIdle 2.6s ease-in-out infinite!important;
}
.ccp[data-build="HLX-1.5.8"] .danger,
.ccp[data-build="HLX-1.5.8"] [data-state="danger"],
.ccp[data-build="HLX-1.5.8"] [data-risk="high"]{--hot:#c73b32!important;color:#ffb3ac!important;border-color:#c73b32!important}
@keyframes hlxGoldTravel{to{background-position:-220% 0}}
@keyframes hlxBadgeIdle{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.035)}}
@keyframes hlxDiscSpin{0%{transform:rotate(0) scale(.94)}50%{transform:rotate(180deg) scale(1.08)}100%{transform:rotate(360deg) scale(.94)}}
@keyframes hlxIconIdle{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-2px) rotate(3deg)}}
@media(prefers-reduced-motion:reduce){.ccp[data-build="HLX-1.5.8"] *{animation-duration:.001ms!important;animation-iteration-count:1!important}}


/* ===== HL SINGLE INDEX FINAL LAYER ===== */
.ccp[data-template="HL_PANEL"]{
 --bg:#050505!important;--panel:#0c0b08!important;--panel2:#151108!important;
 --line:#5f4a20!important;--hot:#d4af37!important;--hot2:#f5dc83!important;
 --cold:#a89056!important;--good:#b7c978!important;--warn:#d4af37!important;
 --danger:#c63e35!important;color:#eee4ca!important;
 background:radial-gradient(circle at 82% 7%,rgba(212,175,55,.12),transparent 29%),linear-gradient(145deg,#030303,#0a0906 60%,#040404)!important;
}
.ccp[data-template="HL_PANEL"][data-theme^="history-"] .ccp-head,
.ccp[data-template="HL_PANEL"][data-theme^="history-"] .ccp-sectionhead,
.ccp[data-template="HL_PANEL"][data-theme^="history-"] .ccp-personhead,
.ccp[data-template="HL_PANEL"][data-theme^="history-"] .ccp-subhead,
.ccp[data-template="HL_PANEL"][data-theme^="history-"] .ccp-outcome>header,
.ccp[data-template="HL_PANEL"][data-theme^="history-"] .ccp-actionsbox>header,
.ccp[data-template="HL_PANEL"][data-theme^="history-"] .ccp-memoryscope>header{
 border-color:#836622!important;background:linear-gradient(112deg,#070706,#181307 56%,#090806)!important;color:#eee4ca!important;
}
.ccp[data-template="HL_PANEL"] .ccp-head:after,
.ccp[data-template="HL_PANEL"] .ccp-sectionhead:after,
.ccp[data-template="HL_PANEL"] .ccp-personhead:after{
 content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none;
 background:linear-gradient(90deg,transparent,#7c5d19,#f7df88,#9d7724,transparent);background-size:220% 100%;animation:hlGoldRun 5.8s linear infinite;
}
.ccp[data-template="HL_PANEL"] .ccp-nav{background:#050504!important;border-color:#70551f!important}
.ccp[data-template="HL_PANEL"] .ccp-nav a{
 color:#b6a57c!important;border-color:#443615!important;background:linear-gradient(180deg,#0c0b08,#070706)!important;
}
.ccp[data-template="HL_PANEL"] .ccp-nav a:before{color:#d4af37!important;filter:drop-shadow(0 0 5px rgba(212,175,55,.5));animation:hlIconIdle 2.7s ease-in-out infinite}
.ccp[data-template="HL_PANEL"] .ccp-nav a:hover,
.ccp[data-template="HL_PANEL"] .ccp-nav a:focus,
.ccp[data-template="HL_PANEL"] .ccp-nav a:active{
 color:#ffe79a!important;border-color:#d4af37!important;background:linear-gradient(145deg,#1c1608,#090806)!important;box-shadow:inset 0 -3px #d4af37,0 0 14px rgba(212,175,55,.2)!important;animation:hlButtonOpen .42s ease both;
}
.ccp[data-template="HL_PANEL"] :is(button,summary,.ccp-systemchip,.ccp-microstrip>span){position:relative;overflow:hidden}
.ccp[data-template="HL_PANEL"] :is(button,summary,.ccp-systemchip,.ccp-microstrip>span):after{
 content:"";position:absolute;inset:-30% auto -30% -45%;width:28%;pointer-events:none;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,231,154,.16),transparent);animation:hlButtonSweep 6.4s ease-in-out infinite;
}
.ccp[data-template="HL_PANEL"] :is(button:hover,button:focus,details[open]>summary){border-color:#d4af37!important;color:#ffe9a8!important;box-shadow:0 0 14px rgba(212,175,55,.16),inset 0 0 12px rgba(212,175,55,.08)!important}
.ccp[data-template="HL_PANEL"] :is(.ccp-sectionhead h2,.ccp-subhead h4,.ccp-block h3,.ccp-block h4):before{color:#d4af37!important;animation:hlTitleGlyph 3s ease-in-out infinite}
.ccp[data-template="HL_PANEL"] .ccp-anomaly{
 border-color:#d4af37!important;background:radial-gradient(circle,#0000 0 25%,rgba(212,175,55,.08) 26% 28%,transparent 29%),conic-gradient(from 0deg,rgba(212,175,55,.62),transparent 20%,rgba(245,220,131,.2) 45%,transparent 68%,rgba(212,175,55,.62))!important;box-shadow:inset 0 0 25px #000,0 0 25px rgba(212,175,55,.28)!important;animation:hlDiscPulse 4.4s ease-in-out infinite;
}
.ccp[data-template="HL_PANEL"] .ccp-anomaly i{border-color:rgba(245,220,131,.45)!important;animation:hlDiscSpin 8s linear infinite}
.ccp[data-template="HL_PANEL"] .ccp-anomaly i:nth-child(2){animation-direction:reverse;animation-duration:5.8s}
.ccp[data-template="HL_PANEL"] .ccp-anomaly b{color:#ffe79a!important;border:1px solid #765a20;background:#090806e8!important}
.ccp[data-template="HL_PANEL"] progress::-webkit-progress-value{background:linear-gradient(90deg,#7e5f1b,#d4af37,#ffe79a,#b78a27)!important;background-size:220% 100%;animation:hlGoldRun 4.8s linear infinite}
.ccp[data-template="HL_PANEL"] progress::-moz-progress-bar{background:linear-gradient(90deg,#7e5f1b,#d4af37,#ffe79a,#b78a27)!important}
/* System page is not special: it is exactly the same scroll viewport as every other panel. */
.ccp[data-template="HL_PANEL"] .ccp-window>.ccp-systempanel{
 position:absolute!important;inset:0!important;display:none!important;overflow-x:hidden!important;overflow-y:auto!important;
 min-height:100%!important;height:auto!important;padding:20px 20px 72px!important;overscroll-behavior:contain!important;
 -webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;scrollbar-width:thin!important;scrollbar-color:#d4af37 #080705!important;
}
.ccp[data-template="HL_PANEL"] .ccp-window>.ccp-systempanel:target{display:block!important;z-index:4!important}
.ccp[data-template="HL_PANEL"] .ccp-systembody{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:0 0 40px!important}
.ccp[data-template="HL_PANEL"] .ccp-systempanel::-webkit-scrollbar{width:8px}
.ccp[data-template="HL_PANEL"] .ccp-systempanel::-webkit-scrollbar-track{background:#070604}
.ccp[data-template="HL_PANEL"] .ccp-systempanel::-webkit-scrollbar-thumb{border:2px solid #070604;border-radius:99px;background:linear-gradient(#80601b,#f2d879,#80601b)}
.ccp[data-template="HL_PANEL"] .ccp-systemrail,.ccp[data-template="HL_PANEL"] .ccp-systemrail i{background:linear-gradient(180deg,#735417,#f3d978,#8e6920)!important;box-shadow:0 0 18px rgba(212,175,55,.4)!important;animation:hlRailFlow 3.6s ease-in-out infinite}
.ccp[data-template="HL_PANEL"] :is(.danger,[data-state="danger"],[data-risk="high"],[data-alert="critical"]){color:#ffb0aa!important;border-color:#c63e35!important;--hot:#c63e35!important;--hot2:#ff8f86!important}
@keyframes hlGoldRun{to{background-position:-220% 0}}
@keyframes hlIconIdle{0%,100%{transform:translateY(0) rotate(-2deg) scale(1)}50%{transform:translateY(-2px) rotate(3deg) scale(1.08)}}
@keyframes hlButtonSweep{0%,62%{left:-45%;opacity:0}72%{opacity:1}88%,100%{left:125%;opacity:0}}
@keyframes hlButtonOpen{0%{transform:scale(.96)}70%{transform:scale(1.035)}100%{transform:scale(1)}}
@keyframes hlTitleGlyph{0%,100%{transform:translateY(0) rotate(-4deg) scale(.95)}50%{transform:translateY(-2px) rotate(5deg) scale(1.1)}}
@keyframes hlDiscSpin{to{transform:rotate(360deg)}}
@keyframes hlDiscPulse{0%,100%{transform:scale(.96) rotate(-2deg)}50%{transform:scale(1.055) rotate(2deg)}}
@keyframes hlRailFlow{0%,100%{filter:brightness(.84);transform:scaleY(.96)}50%{filter:brightness(1.25);transform:scaleY(1.02)}}
@media(max-width:620px){.ccp[data-template="HL_PANEL"] .ccp-window>.ccp-systempanel{padding:13px 13px 70px!important}}
@media(prefers-reduced-motion:reduce){.ccp[data-template="HL_PANEL"] *{animation-duration:.001ms!important;animation-iteration-count:1!important}}


/* ===== HLX2 NARROW REPAIR 2026-08-01: unique tabs, system scroll, explainable bars, compact character CG ===== */
/* 系统栏与其他栏共用同一种单层滚动窗口；systembody只排版，不再套第二层滚动。 */
.ccp[data-template="HLX2"] .ccp-window>.ccp-systempanel{
  position:absolute!important;inset:0!important;display:none!important;width:auto!important;height:auto!important;min-height:100%!important;
  overflow-x:hidden!important;overflow-y:auto!important;padding:20px 20px 72px!important;overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;scrollbar-width:thin!important;scrollbar-color:#d4af37 #080705!important;
}
.ccp[data-template="HLX2"]>.ccp-tab-system:checked~.ccp-window>.ccp-systempanel{display:block!important;z-index:4!important}
.ccp[data-template="HLX2"] .ccp-systembody{display:block!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:0 0 40px!important}
.ccp[data-template="HLX2"] .ccp-systempanel::-webkit-scrollbar{width:8px!important}
.ccp[data-template="HLX2"] .ccp-systempanel::-webkit-scrollbar-track{background:#070604!important}
.ccp[data-template="HLX2"] .ccp-systempanel::-webkit-scrollbar-thumb{border:2px solid #070604!important;border-radius:99px!important;background:linear-gradient(#80601b,#f2d879,#80601b)!important}

/* 系统竖栏保留紧凑外观，点击＋展开数值包含项、变化来源和计算链。 */
.ccp[data-template="HLX2"] :is(.ccp-systemoverview,.ccp-systemquick)>.ccp-sysmetric{position:relative;z-index:1;min-width:0;margin:0;border:1px solid #ffffff0b;border-radius:4px;background:linear-gradient(145deg,#ffffff04,transparent);overflow:hidden}
.ccp[data-template="HLX2"] :is(.ccp-systemoverview,.ccp-systemquick)>.ccp-sysmetric>summary{display:grid;grid-template-columns:minmax(0,1fr) 21px;align-items:center;min-height:37px;padding:5px 6px 5px 8px;list-style:none;cursor:pointer}
.ccp[data-template="HLX2"] .ccp-sysmetric>summary::-webkit-details-marker,.ccp[data-template="HLX2"] .ccp-syswhy>summary::-webkit-details-marker{display:none}
.ccp[data-template="HLX2"] .ccp-sysmetric>summary span{min-width:0}.ccp[data-template="HLX2"] .ccp-sysmetric>summary small,.ccp[data-template="HLX2"] .ccp-sysmetric>summary b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ccp[data-template="HLX2"] .ccp-sysmetric>summary small{color:#766f60;font:700 7px/1.25 Consolas,"Microsoft YaHei",sans-serif}.ccp[data-template="HLX2"] .ccp-sysmetric>summary b{margin-top:2px;color:#d8c187;font-size:9px}
.ccp[data-template="HLX2"] .ccp-sysmetric>div,.ccp[data-template="HLX2"] .ccp-syswhy>div{display:grid;gap:5px;padding:8px;border-top:1px solid #ffffff0d;background:#060709}
.ccp[data-template="HLX2"] :is(.ccp-sysmetric,.ccp-syswhy)>div p{display:grid;grid-template-columns:72px minmax(0,1fr);gap:7px;margin:0;padding:5px;border:1px solid #ffffff0a;background:#ffffff03}
.ccp[data-template="HLX2"] :is(.ccp-sysmetric,.ccp-syswhy)>div p b{color:#d5b872;font-size:8px}.ccp[data-template="HLX2"] :is(.ccp-sysmetric,.ccp-syswhy)>div p span{color:#a8aaa6;font-size:8px}
.ccp[data-template="HLX2"] :is(.ccp-sysmetric,.ccp-syswhy)>div footer{padding:6px 8px;border-left:3px solid #d5b35a;background:#d5b35a09;color:#b8aa82;font-size:8px}
.ccp[data-template="HLX2"] .ccp-systemchips>.ccp-systemchip{display:block;padding:0}.ccp[data-template="HLX2"] .ccp-systemchips>.ccp-systemchip>summary{display:grid;grid-template-columns:8px minmax(0,1fr) 21px;gap:6px;align-items:center;min-height:38px;padding:5px 6px;list-style:none;cursor:pointer}
.ccp[data-template="HLX2"] .ccp-systemchips>.ccp-systemchip>summary>i{width:6px;height:6px;border-radius:50%;background:#d5b35a;box-shadow:0 0 8px #d5b35a66}
.ccp[data-template="HLX2"] .ccp-syswhy{margin-top:8px;border:1px solid #d5b35a35;border-radius:5px;background:#08090b;overflow:hidden}.ccp[data-template="HLX2"] .ccp-syswhy>summary{display:flex;align-items:center;justify-content:space-between;min-height:31px;padding:6px 8px;list-style:none;cursor:pointer;color:#d8c187;font-size:8px}

/* 现有HP、五维、势力数值卡继续使用原构成内容，并确保＋/−始终清楚可见。 */
.ccp[data-template="HLX2"] :is(.ccp-meterinfo,.ccp-stat,.ccp-valuecard)>summary:after,.ccp[data-template="HLX2"] :is(.ccp-sysmetric,.ccp-syswhy)>summary:after{content:"＋"!important;display:grid!important;place-items:center!important;width:20px!important;height:20px!important;margin-left:5px!important;border:1px solid #d5b35a66!important;border-radius:50%!important;background:#d5b35a10!important;color:#ecd185!important;font:900 12px/1 Consolas,monospace!important}
.ccp[data-template="HLX2"] :is(.ccp-meterinfo,.ccp-stat,.ccp-valuecard,.ccp-sysmetric,.ccp-syswhy)[open]>summary:after{content:"−"!important;background:#d5b35a28!important;color:#fff0b0!important;transform:rotate(180deg)}

/* 人物CG只做头像级辅助，不再占据整张人物卡；场景CG尺寸不变。 */
.ccp[data-template="HLX2"] .ccp-person>.cc-cg,.ccp[data-template="HLX2"] .ccp-personbody>.cc-cg{width:112px!important;max-width:112px!important;height:136px!important;margin:2px 10px 9px 0!important;float:left!important;border-radius:11px!important;background-size:cover!important;box-shadow:inset 0 -18px 28px #0005,0 6px 16px #0007!important}
.ccp[data-template="HLX2"] .ccp-person>.cc-cg+*,.ccp[data-template="HLX2"] .ccp-personbody>.cc-cg+*{min-width:0}
.ccp[data-template="HLX2"] .ccp-person:after,.ccp[data-template="HLX2"] .ccp-personbody:after{content:"";display:block;clear:both}

/* 抬头与切页反馈：右侧仪表旋转，图标点击旋转并闪烁，当前页按钮保持金色开启态。 */
.ccp[data-template="HLX2"] .ccp-anomaly{border-color:#d4af37!important;background:radial-gradient(circle,#0000 0 25%,rgba(212,175,55,.08) 26% 28%,transparent 29%),conic-gradient(from 0deg,rgba(212,175,55,.65),transparent 20%,rgba(245,220,131,.2) 45%,transparent 68%,rgba(212,175,55,.65))!important;box-shadow:inset 0 0 25px #000,0 0 25px rgba(212,175,55,.28)!important;animation:hlx2DiscPulse 4.4s ease-in-out infinite}
.ccp[data-template="HLX2"] .ccp-anomaly i{border-color:rgba(245,220,131,.46)!important;animation:hlx2DiscSpin 8s linear infinite}.ccp[data-template="HLX2"] .ccp-anomaly i:nth-child(2){animation-direction:reverse;animation-duration:5.8s}
@keyframes hlx2DiscSpin{to{transform:rotate(360deg)}}
@keyframes hlx2DiscPulse{0%,100%{transform:scale(.96) rotate(-2deg);filter:brightness(.88)}50%{transform:scale(1.055) rotate(2deg);filter:brightness(1.22)}}
@keyframes hlx2NavFire{0%{transform:rotate(0);color:#8f7b4b}35%{color:#fff0a8;filter:drop-shadow(0 0 10px #f6d968)}70%{color:#a87319;filter:drop-shadow(0 0 3px #d4af37)}100%{transform:rotate(360deg);color:#ffe79a;filter:drop-shadow(0 0 8px #d4af37)}}
@media(max-width:620px){.ccp[data-template="HLX2"] .ccp-nav{grid-template-columns:repeat(9,76px)!important}.ccp[data-template="HLX2"] .ccp-window>.ccp-systempanel{padding:13px 13px 70px!important}.ccp[data-template="HLX2"] .ccp-person>.cc-cg,.ccp[data-template="HLX2"] .ccp-personbody>.cc-cg{width:88px!important;max-width:88px!important;height:108px!important;margin-right:8px!important}}
@media(prefers-reduced-motion:reduce){.ccp[data-template="HLX2"] .ccp-anomaly,.ccp[data-template="HLX2"] .ccp-anomaly i,.ccp[data-template="HLX2"] .ccp-nav a:before{animation-duration:.001ms!important;animation-iteration-count:1!important}}


/* ===== HLX2 SYSTEM VISUAL REFINEMENT 2026-08-01 ===== */
/* 两套内嵌准星：普通面板为金色观测准星，可交互控件为红色锁定靶心。 */
.ccp[data-template="HLX2"]{cursor:default!important}
.ccp[data-template="HLX2"] :is(button,summary,label,a,[data-action],input,select,textarea){cursor:pointer!important}

/* 网站兼容切页：链接命中固定于视口的隐形锚点，触发CSS但不拉动整张对话页面。 */
.ccp[data-template="HLX2"]>.ccp-tabtarget{position:fixed!important;z-index:-9999!important;left:50%!important;top:50%!important;display:block!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.ccp[data-template="HLX2"] .ccp-window>.ccp-panel{display:none!important}
.ccp[data-template="HLX2"]:not(:has(>.ccp-tabtarget:target)) .ccp-window>.ccp-panel[p="1"],
.ccp[data-template="HLX2"]:has(>.ccp-target-scene:target) .ccp-window>.ccp-panel[p="1"],
.ccp[data-template="HLX2"]:has(>.ccp-target-people:target) .ccp-window>.ccp-panel[p="2"],
.ccp[data-template="HLX2"]:has(>.ccp-target-system:target) .ccp-window>.ccp-panel[p="sys"],
.ccp[data-template="HLX2"]:has(>.ccp-target-history:target) .ccp-window>.ccp-panel[p="3"],
.ccp[data-template="HLX2"]:has(>.ccp-target-map:target) .ccp-window>.ccp-panel[p="4"],
.ccp[data-template="HLX2"]:has(>.ccp-target-faction:target) .ccp-window>.ccp-panel[p="5"],
.ccp[data-template="HLX2"]:has(>.ccp-target-economy:target) .ccp-window>.ccp-panel[p="6"],
.ccp[data-template="HLX2"]:has(>.ccp-target-plot:target) .ccp-window>.ccp-panel[p="7"],
.ccp[data-template="HLX2"]:has(>.ccp-target-memory:target) .ccp-window>.ccp-panel[p="8"]{display:block!important;z-index:4!important}
.ccp[data-template="HLX2"] .ccp-nav{overflow:visible!important;grid-template-columns:repeat(auto-fit,minmax(74px,1fr))!important;background:#050504!important;border-color:#70551f!important}
.ccp[data-template="HLX2"] .ccp-nav>a{position:relative;overflow:visible!important;color:#a99359!important;border-color:#443615!important;background:linear-gradient(180deg,#0c0b08,#070706)!important}
.ccp[data-template="HLX2"] .ccp-nav>a[data-tab]:before{display:block;margin-bottom:1px;color:#d4af37;font-size:16px;line-height:1;filter:drop-shadow(0 0 5px rgba(212,175,55,.48))}
.ccp[data-template="HLX2"] .ccp-nav>a[data-tab="scene"]:before{content:"◉"}.ccp[data-template="HLX2"] .ccp-nav>a[data-tab="people"]:before{content:"♟"}.ccp[data-template="HLX2"] .ccp-nav>a[data-tab="system"]:before{content:"◇"}.ccp[data-template="HLX2"] .ccp-nav>a[data-tab="history"]:before{content:"⌖"}.ccp[data-template="HLX2"] .ccp-nav>a[data-tab="map"]:before{content:"⬡"}.ccp[data-template="HLX2"] .ccp-nav>a[data-tab="faction"]:before{content:"▣"}.ccp[data-template="HLX2"] .ccp-nav>a[data-tab="economy"]:before{content:"◈"}.ccp[data-template="HLX2"] .ccp-nav>a[data-tab="plot"]:before{content:"↗"}.ccp[data-template="HLX2"] .ccp-nav>a[data-tab="memory"]:before{content:"≡"}
.ccp[data-template="HLX2"]:not(:has(>.ccp-tabtarget:target)) .ccp-nav>a[data-tab="scene"],
.ccp[data-template="HLX2"]:has(>.ccp-target-scene:target) .ccp-nav>a[data-tab="scene"],
.ccp[data-template="HLX2"]:has(>.ccp-target-people:target) .ccp-nav>a[data-tab="people"],
.ccp[data-template="HLX2"]:has(>.ccp-target-system:target) .ccp-nav>a[data-tab="system"],
.ccp[data-template="HLX2"]:has(>.ccp-target-history:target) .ccp-nav>a[data-tab="history"],
.ccp[data-template="HLX2"]:has(>.ccp-target-map:target) .ccp-nav>a[data-tab="map"],
.ccp[data-template="HLX2"]:has(>.ccp-target-faction:target) .ccp-nav>a[data-tab="faction"],
.ccp[data-template="HLX2"]:has(>.ccp-target-economy:target) .ccp-nav>a[data-tab="economy"],
.ccp[data-template="HLX2"]:has(>.ccp-target-plot:target) .ccp-nav>a[data-tab="plot"],
.ccp[data-template="HLX2"]:has(>.ccp-target-memory:target) .ccp-nav>a[data-tab="memory"]{color:#ffe79a!important;border-color:#d4af37!important;background:linear-gradient(145deg,#1c1608,#090806)!important;box-shadow:inset 0 -3px #d4af37,0 0 14px rgba(212,175,55,.24)!important}
.ccp[data-template="HLX2"]:not(:has(>.ccp-tabtarget:target)) .ccp-nav>a[data-tab="scene"]:before,
.ccp[data-template="HLX2"]:has(>.ccp-target-scene:target) .ccp-nav>a[data-tab="scene"]:before,
.ccp[data-template="HLX2"]:has(>.ccp-target-people:target) .ccp-nav>a[data-tab="people"]:before,
.ccp[data-template="HLX2"]:has(>.ccp-target-system:target) .ccp-nav>a[data-tab="system"]:before,
.ccp[data-template="HLX2"]:has(>.ccp-target-history:target) .ccp-nav>a[data-tab="history"]:before,
.ccp[data-template="HLX2"]:has(>.ccp-target-map:target) .ccp-nav>a[data-tab="map"]:before,
.ccp[data-template="HLX2"]:has(>.ccp-target-faction:target) .ccp-nav>a[data-tab="faction"]:before,
.ccp[data-template="HLX2"]:has(>.ccp-target-economy:target) .ccp-nav>a[data-tab="economy"]:before,
.ccp[data-template="HLX2"]:has(>.ccp-target-plot:target) .ccp-nav>a[data-tab="plot"]:before,
.ccp[data-template="HLX2"]:has(>.ccp-target-memory:target) .ccp-nav>a[data-tab="memory"]:before{color:#ffe79a!important;animation:hlSysTabLock .52s ease both!important;filter:drop-shadow(0 0 9px #d4af37)}

/* 全局回到黑金：红色只供危险、不可用、严重警报等明确语义。 */
.ccp[data-template="HLX2"]{--hot:#d4af37!important;--hot2:#ffe59a!important;--warn:#d4af37!important;--cold:#a28b50!important;--danger:#c63e35!important;color:#eee4ca!important}
.ccp[data-template="HLX2"]:after{background:linear-gradient(90deg,transparent,#8a691f 18% 73%,transparent)!important;box-shadow:26px 13px 0 -2px #604617,62px -11px 0 -3px #b38a2b!important;opacity:.5!important}
.ccp[data-template="HLX2"] :is(h1,h2,h3,h4,.ccp-personhead h3,.ccp-sectionhead h2){color:#f2dda1}
.ccp[data-template="HLX2"] :is([data-state="danger"],[data-state="unavailable"],[data-risk="high"],[data-alert="critical"],.danger,.ccp-danger){--hot:#c63e35!important;--hot2:#ff9c95!important;color:#ffaaa3!important;border-color:#b53d37!important}

/* 系统页纹样与层次：资料仍由模板生成，CSS只负责控制台式呈现。 */
.ccp[data-template="HLX2"] .ccp-systempanel{
  --sys-g:#d7b85b;--sys-hi:#ffe59a;--sys-dim:#705a2c;--sys-bg:#08090b;
  background:
    linear-gradient(90deg,rgba(215,184,91,.045) 1px,transparent 1px),
    linear-gradient(rgba(215,184,91,.03) 1px,transparent 1px),
    radial-gradient(circle at 88% 7%,rgba(215,184,91,.14),transparent 31%),
    linear-gradient(145deg,#0d0f13,#050608 68%)!important;
  background-size:28px 28px,28px 28px,auto,auto!important;
  box-shadow:inset 0 0 75px #000c,inset 0 1px rgba(255,231,154,.08)!important
}
.ccp[data-template="HLX2"] .ccp-systempanel:before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:repeating-linear-gradient(115deg,transparent 0 18px,rgba(255,231,154,.014) 19px 20px);mix-blend-mode:screen}
.ccp[data-template="HLX2"] .ccp-systemhead{position:relative;z-index:4;margin-bottom:11px!important;padding:10px 12px 12px 18px!important;border:1px solid rgba(215,184,91,.34)!important;border-left:4px solid var(--sys-g)!important;border-radius:7px!important;background:linear-gradient(100deg,rgba(215,184,91,.09),rgba(8,9,11,.94) 48%,rgba(215,184,91,.025))!important;box-shadow:inset 0 0 24px #0009,0 8px 24px #0006!important}
.ccp[data-template="HLX2"] .ccp-systemhead:before{content:"◇";position:absolute;left:7px;top:15px;color:var(--sys-hi);font-size:9px;filter:drop-shadow(0 0 6px var(--sys-g));animation:hlSysRune 2.8s ease-in-out infinite}
.ccp[data-template="HLX2"] .ccp-systemhead h2{color:var(--sys-hi)!important;text-shadow:0 0 13px rgba(215,184,91,.28)}
.ccp[data-template="HLX2"] .ccp-systemhead p{max-width:64em;margin:5px 0 0;color:#aaa69b;font-size:9px;line-height:1.65}
.ccp[data-template="HLX2"] .ccp-systemstatus{border:1px solid rgba(215,184,91,.5)!important;border-radius:4px!important;background:#0c0d10!important;color:var(--sys-hi)!important;box-shadow:inset 0 0 12px rgba(215,184,91,.06)}
.ccp[data-template="HLX2"] .ccp-systemrail{width:7px!important;border-color:#8a6d30!important;background:#050506!important;box-shadow:inset 0 0 6px #000,0 0 14px rgba(215,184,91,.26)!important}.ccp[data-template="HLX2"] .ccp-systemrail i{background:linear-gradient(180deg,#fff0ad,#d1a941 48%,#8b6321)!important;box-shadow:0 0 13px rgba(255,225,139,.62)!important}

.ccp[data-template="HLX2"] .ccp-systemoverview{padding:7px!important;border-color:rgba(215,184,91,.28)!important;border-left:3px solid var(--sys-g)!important;background:linear-gradient(90deg,rgba(215,184,91,.055),#08090b 30%,#07080a)!important;box-shadow:inset 0 0 22px #0009!important}
.ccp[data-template="HLX2"] :is(.ccp-systemoverview,.ccp-systemquick){overflow:visible!important}
.ccp[data-template="HLX2"] :is(.ccp-systemoverview,.ccp-systemquick)>.ccp-sysmetric{overflow:visible!important;border-color:rgba(215,184,91,.25)!important;background:linear-gradient(180deg,#17171a,#0a0b0e)!important;box-shadow:inset 0 1px rgba(255,255,255,.025),0 4px 13px #0006!important}
.ccp[data-template="HLX2"] :is(.ccp-systemoverview,.ccp-systemquick)>.ccp-sysmetric:hover{z-index:1200!important;border-color:var(--sys-g)!important;box-shadow:0 0 0 1px rgba(255,229,154,.08),0 0 16px rgba(215,184,91,.17)!important}
.ccp[data-template="HLX2"] .ccp-sysmetric>summary{overflow:visible!important;isolation:auto!important}
.ccp[data-template="HLX2"] .ccp-sysmetric>summary>span{padding-left:10px;border-left:2px solid rgba(215,184,91,.38)}

.ccp[data-template="HLX2"] .ccp-systeminstance{overflow:visible!important;padding:13px!important;border:1px solid rgba(215,184,91,.38)!important;border-left:4px solid var(--sys-g)!important;border-radius:7px!important;background:radial-gradient(circle at 92% 0,rgba(215,184,91,.085),transparent 32%),linear-gradient(145deg,#121316,#08090b)!important;box-shadow:inset 0 0 30px #0007,0 12px 30px #0009!important}
.ccp[data-template="HLX2"] .ccp-systeminstance:after{content:"";position:absolute;left:12px;right:12px;top:46px;height:1px;pointer-events:none;background:linear-gradient(90deg,var(--sys-g),rgba(215,184,91,.18),transparent);box-shadow:0 0 8px rgba(215,184,91,.25)}
.ccp[data-template="HLX2"] .ccp-systeminstancehead h3{font-size:18px!important;letter-spacing:.04em;color:var(--sys-hi)!important}.ccp[data-template="HLX2"] .ccp-systeminstancehead>span{border-radius:4px!important;background:#0b0c0e!important}

.ccp[data-template="HLX2"] .ccp-systemhero{border:1px solid rgba(215,184,91,.28)!important;border-left:3px solid var(--sys-g)!important;border-radius:6px!important;background:linear-gradient(120deg,rgba(215,184,91,.055),#090a0c 48%,#0d0d10)!important;box-shadow:inset 0 0 25px #0009!important}
.ccp[data-template="HLX2"] .ccp-systemcore{padding-right:76px!important}.ccp[data-template="HLX2"] .ccp-systemcore>b{font-size:28px!important;color:var(--sys-hi)!important;text-shadow:0 0 15px rgba(215,184,91,.24)}
.ccp[data-template="HLX2"] .ccp-systemcore progress{height:9px!important;margin-top:8px!important;border:1px solid rgba(215,184,91,.25)!important;background:#030405!important}.ccp[data-template="HLX2"] .ccp-systemcore progress::-webkit-progress-value{background:linear-gradient(90deg,#fff0ad,#d5b35a 48%,#9c742b)!important;box-shadow:0 0 11px rgba(255,229,154,.35)!important}
.ccp[data-template="HLX2"] .ccp-progresslabel{display:block;margin:-2px 0 7px;color:#c7b681;font:800 8px/1.4 Consolas,"Microsoft YaHei",sans-serif;text-align:center;letter-spacing:.03em}
.ccp[data-template="HLX2"] .ccp-syswhy{overflow:visible!important}.ccp[data-template="HLX2"] .ccp-syswhy>summary{overflow:visible!important;isolation:auto!important;background:linear-gradient(90deg,rgba(215,184,91,.06),transparent)}

.ccp[data-template="HLX2"] .ccp-systemchips{overflow:visible!important;gap:7px!important}.ccp[data-template="HLX2"] .ccp-systemchips>.ccp-systemchip{overflow:visible!important;border-color:rgba(215,184,91,.28)!important;background:linear-gradient(180deg,#15161a,#090a0d)!important}.ccp[data-template="HLX2"] .ccp-systemchips>.ccp-systemchip:hover{z-index:1200!important;border-color:#cfae50!important;box-shadow:0 0 13px rgba(215,184,91,.16)!important}
.ccp[data-template="HLX2"] .ccp-systemcontent{gap:9px!important}.ccp[data-template="HLX2"] :is(.ccp-systemcard,.ccp-simresult){border-color:rgba(215,184,91,.3)!important;border-radius:6px!important;background:radial-gradient(circle at 94% 0,rgba(215,184,91,.075),transparent 34%),linear-gradient(145deg,#121316,#08090b)!important}.ccp[data-template="HLX2"] :is(.ccp-systemcard,.ccp-simresult)>header{border-left:3px solid var(--sys-g);padding-left:9px!important}.ccp[data-template="HLX2"] :is(.ccp-systemcard,.ccp-simresult)>header h3:before{content:"◇";margin-right:7px;color:var(--sys-hi);font-size:9px}
.ccp[data-template="HLX2"] .ccp-minilist>span{border-color:rgba(215,184,91,.17)!important;background:linear-gradient(180deg,#121316,#0a0b0d)!important}.ccp[data-template="HLX2"] .ccp-systemledger{border-left:3px solid var(--sys-g)!important;box-shadow:inset 0 0 22px #0008!important}

.ccp[data-template="HLX2"] .ccp-systemactions{overflow:visible!important;gap:7px!important}.ccp[data-template="HLX2"] .ccp-systemactions button{overflow:visible!important;border-color:#8a6b2e!important;background:linear-gradient(180deg,#181815,#0a0b0d)!important;box-shadow:inset 0 1px rgba(255,238,180,.05),0 5px 14px #0007!important}.ccp[data-template="HLX2"] .ccp-systemactions button:hover{z-index:1300!important;transform:translateY(-1px);border-color:var(--sys-hi)!important;box-shadow:0 0 0 1px rgba(255,229,154,.08),0 0 18px rgba(215,184,91,.2)!important}.ccp[data-template="HLX2"] .ccp-systemactions button[data-state="available"]{border-color:#2d8a66!important}.ccp[data-template="HLX2"] .ccp-systemactions button[data-state="available"] b{color:#78e3b6!important}.ccp[data-template="HLX2"] .ccp-systemactions button[data-state="unavailable"],.ccp[data-template="HLX2"] .ccp-systemactions button[data-state="danger"]{border-color:#9d292b!important}.ccp[data-template="HLX2"] .ccp-systemactions button[data-state="unavailable"] b,.ccp[data-template="HLX2"] .ccp-systemactions button[data-state="danger"] b{color:#ff7777!important}.ccp[data-template="HLX2"] .ccp-systemactions button[data-grade="epic"],.ccp[data-template="HLX2"] .ccp-systemactions button[data-grade="mythic"]{border-color:#8f63bd!important;box-shadow:inset 0 0 16px rgba(143,99,189,.08),0 5px 14px #0007!important}

/* 真正的就近悬停便签：不固定到页面，不替代details展开内容。 */
.ccp[data-template="HLX2"] .ccp-hovernote{position:absolute;z-index:9999;left:50%;top:calc(100% + 7px);display:block;width:max-content;max-width:min(260px,72vw);padding:7px 9px;border:1px solid #75613a;border-radius:5px;background:linear-gradient(145deg,#17171a,#08090c);box-shadow:0 10px 28px #000d,0 0 0 1px rgba(255,229,154,.035);color:#ddd5c1;font:400 9px/1.55 "Microsoft YaHei",sans-serif;font-style:normal;text-align:left;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-4px);transition:opacity .14s,transform .14s,visibility .14s}
.ccp[data-template="HLX2"] .ccp-hovernote:before{content:"";position:absolute;left:50%;top:-5px;width:8px;height:8px;border-left:1px solid #75613a;border-top:1px solid #75613a;background:#151518;transform:translateX(-50%) rotate(45deg)}
.ccp[data-template="HLX2"] :is(summary,button,label,a):hover>.ccp-hovernote,.ccp[data-template="HLX2"] :is(summary,button,label,a):focus-visible>.ccp-hovernote{opacity:1;visibility:visible;transform:translate(-50%,0)}
.ccp[data-template="HLX2"] .ccp-systemactions button>.ccp-hovernote{top:auto;bottom:calc(100% + 7px)}.ccp[data-template="HLX2"] .ccp-systemactions button>.ccp-hovernote:before{top:auto;bottom:-5px;border:0;border-right:1px solid #75613a;border-bottom:1px solid #75613a}
.ccp[data-template="HLX2"] .ccp-nav>a>.ccp-hovernote{top:auto;bottom:calc(100% + 5px);max-width:150px}.ccp[data-template="HLX2"] .ccp-nav>a>.ccp-hovernote:before{top:auto;bottom:-5px;border:0;border-right:1px solid #75613a;border-bottom:1px solid #75613a}

@keyframes hlSysRune{0%,100%{opacity:.62;transform:rotate(45deg) scale(.88)}50%{opacity:1;transform:rotate(225deg) scale(1.12);filter:drop-shadow(0 0 7px #ffe59a)}}
@keyframes hlSysTabLock{0%{transform:rotate(0) scale(.82);opacity:.45}42%{transform:rotate(230deg) scale(1.24);opacity:1;color:#fff2b1;filter:drop-shadow(0 0 13px #ffe27a)}72%{transform:rotate(360deg) scale(.94)}100%{transform:rotate(360deg) scale(1);opacity:1}}
@media(max-width:620px){.ccp[data-template="HLX2"] .ccp-nav{overflow-x:auto!important;overflow-y:hidden!important;grid-template-columns:repeat(9,76px)!important}.ccp[data-template="HLX2"] .ccp-nav>a>.ccp-hovernote{display:none!important}.ccp[data-template="HLX2"] .ccp-systemhead{padding:9px 8px 10px 15px!important}.ccp[data-template="HLX2"] .ccp-systeminstance{padding:9px!important}.ccp[data-template="HLX2"] .ccp-systemcore{padding-right:58px!important}.ccp[data-template="HLX2"] .ccp-hovernote{max-width:164px;padding:5px 6px;font-size:7px;line-height:1.45}.ccp[data-template="HLX2"] .ccp-systemoverview{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(pointer:coarse){.ccp[data-template="HLX2"]{cursor:auto!important}.ccp[data-template="HLX2"] :is(button,summary,label,a,[data-action],input,select,textarea){cursor:pointer!important}}
@media(prefers-reduced-motion:reduce){.ccp[data-template="HLX2"] .ccp-systemhead:before{animation:none!important}}

/* ===== HLX2 TOP TOOLTIP + SWORD CURSOR + FLOW BORDER 2026-08-01 ===== */
@property --hlx-edge-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
.ccp[data-template="HLX2"]{cursor:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2232%22 height%3D%2232%22 viewBox%3D%220 0 32 32%22%3E%3Cdefs%3E%3Cfilter id%3D%22g%22 x%3D%22-60%25%22 y%3D%22-60%25%22 width%3D%22220%25%22 height%3D%22220%25%22%3E%3CfeGaussianBlur stdDeviation%3D%221%22 result%3D%22b%22%2F%3E%3CfeMerge%3E%3CfeMergeNode in%3D%22b%22%2F%3E%3CfeMergeNode in%3D%22SourceGraphic%22%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg filter%3D%22url(%23g)%22 stroke%3D%22%231b1305%22 stroke-width%3D%221.15%22 stroke-linejoin%3D%22round%22%3E%3Cpath fill%3D%22%23f3d778%22 d%3D%22M3 2l5 1.6 15.2 15.2-4.4 4.4L3.6 8z%22%2F%3E%3Cpath fill%3D%22%23fff2b1%22 stroke%3D%22none%22 d%3D%22M5.2 4.1l2.1 1 13.4 13.5-1.5 1.5z%22%2F%3E%3Cpath fill%3D%22%23aa7720%22 d%3D%22M16.8 23.2l6.4-6.4 2.3 2.3-6.4 6.4z%22%2F%3E%3Cpath fill%3D%22%2356380f%22 d%3D%22M21.8 24.2l2.4-2.4 5.1 5.1-2.4 2.4z%22%2F%3E%3Ccircle cx%3D%2228.2%22 cy%3D%2228.2%22 r%3D%221.7%22 fill%3D%22%23f2cf67%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 4 3,default!important}
.ccp[data-template="HLX2"] :is(button,summary,label,a,[data-action],input,select,textarea){cursor:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2232%22 height%3D%2232%22 viewBox%3D%220 0 32 32%22%3E%3Cdefs%3E%3Cfilter id%3D%22g%22 x%3D%22-60%25%22 y%3D%22-60%25%22 width%3D%22220%25%22 height%3D%22220%25%22%3E%3CfeGaussianBlur stdDeviation%3D%221%22 result%3D%22b%22%2F%3E%3CfeMerge%3E%3CfeMergeNode in%3D%22b%22%2F%3E%3CfeMergeNode in%3D%22SourceGraphic%22%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg filter%3D%22url(%23g)%22 stroke%3D%22%231b1305%22 stroke-width%3D%221.1%22 stroke-linejoin%3D%22round%22%3E%3Cg%3E%3Cpath fill%3D%22%23f3d778%22 d%3D%22M3 3l4.6 1.2 14 14-3.4 3.4-14-14z%22%2F%3E%3Cpath fill%3D%22%23fff2b1%22 stroke%3D%22none%22 d%3D%22M5 4.7l1.7.7 12.8 12.9-1.1 1.1z%22%2F%3E%3Cpath fill%3D%22%23a97821%22 d%3D%22M16.4 22l5.6-5.6 2.1 2.1-5.6 5.6z%22%2F%3E%3Cpath fill%3D%22%2356380f%22 d%3D%22M20.4 23l2.6-2.6 5.9 5.9-2.6 2.6z%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath fill%3D%22%23eac45c%22 d%3D%22M29 3l-1.2 4.6-14 14-3.4-3.4 14-14z%22%2F%3E%3Cpath fill%3D%22%23fff0a5%22 stroke%3D%22none%22 d%3D%22M27.3 5l-.7 1.7-12.9 12.8-1.1-1.1z%22%2F%3E%3Cpath fill%3D%22%23a97821%22 d%3D%22M10 16.4l5.6 5.6-2.1 2.1-5.6-5.6z%22%2F%3E%3Cpath fill%3D%22%2356380f%22 d%3D%22M9 20.4l2.6 2.6-5.9 5.9-2.6-2.6z%22%2F%3E%3C%2Fg%3E%3Ccircle cx%3D%2216%22 cy%3D%2216%22 r%3D%222.2%22 fill%3D%22%23fff0a2%22 stroke%3D%22%23bd8f2f%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 16 16,pointer!important}

/* 每个触发器各自建立锚点作用域；便签固定到视口层，不受内部滚动框裁切。 */
.ccp[data-template="HLX2"] :is(summary,button,label,a):has(>.ccp-hovernote){position:relative!important;overflow:visible!important;anchor-scope:--hlx-tip;anchor-name:--hlx-tip}
.ccp[data-template="HLX2"] .ccp-hovernote{z-index:2147483647!important}
@supports (top:anchor(bottom)){
  .ccp[data-template="HLX2"] .ccp-hovernote{
    position:fixed!important;position-anchor:--hlx-tip;
    left:anchor(center)!important;top:calc(anchor(bottom) + 7px)!important;right:auto!important;bottom:auto!important;
    margin:0!important;transform:translate(-50%,-4px)!important;
    position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline;
  }
  .ccp[data-template="HLX2"] :is(summary,button,label,a):hover>.ccp-hovernote,
  .ccp[data-template="HLX2"] :is(summary,button,label,a):focus-visible>.ccp-hovernote{transform:translate(-50%,0)!important}
  .ccp[data-template="HLX2"] .ccp-hovernote:before{left:50%!important;top:-5px!important;bottom:auto!important;border:0!important;border-left:1px solid #75613a!important;border-top:1px solid #75613a!important}
}
.ccp[data-template="HLX2"] :is(.ccp-systeminstance,.ccp-systemoverview,.ccp-systemquick,.ccp-systemchips,.ccp-systemcontent,.ccp-systemactions,.ccp-sysmetric,.ccp-syswhy){overflow:visible!important}
@media(max-width:620px){.ccp[data-template="HLX2"] .ccp-nav>a>.ccp-hovernote{display:block!important}.ccp[data-template="HLX2"] .ccp-hovernote{z-index:2147483647!important}}

/* 暗金流光为常态；短促冷白亮段形成轻微电弧感，红色仍只留给危险状态。 */
.ccp[data-template="HLX2"] :is(.ccp-systemhead,.ccp-systeminstance,.ccp-systemhero,.ccp-systemcard,.ccp-simresult,.ccp-systemledger){
  border-image:conic-gradient(from var(--hlx-edge-angle),rgba(93,68,22,.32) 0 17%,#d6ad43 20%,#fff0aa 21%,rgba(112,82,25,.34) 24% 52%,#9d7629 55%,#fff7d0 55.7%,#c99b36 57%,rgba(81,60,22,.3) 61% 100%) 1!important;
  outline:1px solid transparent;outline-offset:1px;
  animation:hlxEdgeFlow 5.8s linear infinite,hlxArcPulse 3.7s steps(1,end) infinite;
}
@keyframes hlxEdgeFlow{to{--hlx-edge-angle:360deg}}
@keyframes hlxArcPulse{0%,12%,16%,47%,51%,100%{outline-color:transparent}13%{outline-color:rgba(255,244,196,.72)}48%,50%{outline-color:rgba(255,224,127,.48)}}
@media(pointer:coarse){.ccp[data-template="HLX2"]{cursor:auto!important}.ccp[data-template="HLX2"] :is(button,summary,label,a,[data-action],input,select,textarea){cursor:pointer!important}}
@media(prefers-reduced-motion:reduce){.ccp[data-template="HLX2"] :is(.ccp-systemhead,.ccp-systeminstance,.ccp-systemhero,.ccp-systemcard,.ccp-simresult,.ccp-systemledger){animation:none!important}}

/* 主角自定义画像：URL由HL_STATE画像档案提供，用户类名只负责稳定身份 */
.ccp[data-template="HLX2"] .cc-cg.hl-player-cg{background-image:linear-gradient(180deg,transparent 62%,rgba(4,3,2,.68)),var(--hl-player-cg)!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center top!important;background-color:#090705!important}

/* ===== HLX2 WHOLE-FRAME FLOW V2 2026-08-01 ===== */
@property --hlx-frame-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
@property --hlx-frame-angle2{syntax:"<angle>";initial-value:180deg;inherits:false}

/* 外框本体保持稳定；流光只沿四边闭环行走，不再抖动、上下往返或横穿背景。 */
.ccp[data-template="HLX2"]{position:relative!important;isolation:isolate!important;border-color:#70531a!important;box-shadow:0 0 0 1px rgba(212,175,55,.12),0 12px 34px #000b!important}
.ccp[data-template="HLX2"]:before,.ccp[data-template="HLX2"]:after{
  content:""!important;position:absolute!important;pointer-events:none!important;box-sizing:border-box!important;border:0!important;border-radius:inherit!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;mask-composite:exclude!important;
}
.ccp[data-template="HLX2"]:before{
  inset:-3px!important;z-index:2147483000!important;padding:2px!important;opacity:.96!important;
  background:conic-gradient(from var(--hlx-frame-angle),rgba(91,63,13,.42) 0 10%,#b58324 12%,#f3d26f 13.5%,#fff8cf 14.2%,#e5bd51 15%,rgba(91,63,13,.38) 17% 45%,#8b6218 47%,#dab34d 48.3%,#fff4b4 49%,#cf9d32 50%,rgba(91,63,13,.38) 52% 78%,#8a6118 80%,#e6c15a 81.5%,#fffbe0 82.2%,#c9952c 83.2%,rgba(91,63,13,.42) 85% 100%)!important;
  filter:drop-shadow(0 0 3px rgba(237,204,103,.68)) drop-shadow(0 0 8px rgba(212,175,55,.22))!important;
  animation:hlxWholeFrameFlow 6.4s linear infinite!important;
}
.ccp[data-template="HLX2"]:after{
  inset:-6px!important;z-index:2147482999!important;padding:1px!important;opacity:.34!important;
  background:conic-gradient(from var(--hlx-frame-angle2),transparent 0 18%,#d7ae46 21%,#fff4b8 22%,transparent 25% 57%,#9b701e 61%,#f0cf67 63%,transparent 66% 100%)!important;
  filter:blur(.35px) drop-shadow(0 0 7px rgba(212,175,55,.26))!important;
  animation:hlxWholeFrameFlow2 9.6s linear infinite!important;
}
@keyframes hlxWholeFrameFlow{to{--hlx-frame-angle:360deg}}
@keyframes hlxWholeFrameFlow2{to{--hlx-frame-angle2:-180deg}}

/* 清除旧的背景漂移、局部横扫与侧栏升降；进度条和按钮自身反馈保留。 */
.ccp[data-template="HLX2"] .ccp-window:before{animation:none!important;background-position:0 0!important;opacity:.07!important}
.ccp[data-template="HLX2"] :is(.ccp-outcome,.ccp-person,.ccp-faction,.ccp-block,.ccp-card,.ccp-memorycard,.ccp-relationlog,.ccp-promotions,.ccp-interference,.ccp-checkpoints,.ccp-projects,.ccp-departments,.ccp-actionsbox){animation:none!important;background-position:0 0!important}
.ccp[data-template="HLX2"] :is(.ccp-panel:not(.ccp-systempanel):after,.ccp-card:before,.ccp-block:before,.ccp-person:before,.ccp-faction:before,.ccp-memorycard:before,.ccp-valuecard:after){animation:none!important;transform:none!important}
.ccp[data-template="HLX2"] .ccp-systempanel:after{display:none!important;animation:none!important}
.ccp[data-template="HLX2"] .ccp-systemrail{display:none!important}
.ccp[data-template="HLX2"] .ccp-systempanel{padding-left:20px!important}

/* 系统内部边框保留静态暗金层次，不再自行奔走。 */
.ccp[data-template="HLX2"] :is(.ccp-systemhead,.ccp-systeminstance,.ccp-systemhero,.ccp-systemcard,.ccp-simresult,.ccp-systemledger){animation:none!important;outline-color:transparent!important}

@media(prefers-reduced-motion:reduce){.ccp[data-template="HLX2"]:before,.ccp[data-template="HLX2"]:after{animation:none!important}}

/* ===== HLX2 SYSTEM PULSE V3 2026-08-01 ===== */
/* 核心双环连续呼吸：同周期错开半拍，首尾状态完全一致。 */
.ccp[data-template="HLX2"] .ccp-systemcore:before{
  transform-origin:center!important;
  animation:hlxCoreBreathe 2.9s cubic-bezier(.45,0,.55,1) infinite!important;
}
.ccp[data-template="HLX2"] .ccp-systemcore:after{
  transform-origin:center!important;
  animation:hlxCoreBreathe 2.9s cubic-bezier(.45,0,.55,1) -1.45s infinite!important;
}
@keyframes hlxCoreBreathe{
  0%,100%{transform:scale(.82);opacity:.38;filter:brightness(.86);box-shadow:0 0 7px rgba(213,179,90,.12)}
  50%{transform:scale(1.16);opacity:1;filter:brightness(1.16);box-shadow:0 0 18px rgba(239,207,113,.34)}
}

/* 系统状态标记统一为缓慢低幅呼吸，取消突兀闪灭。 */
.ccp[data-template="HLX2"] :is(.ccp-systemstatus i,.ccp-systemchip>i,.ccp-systeminstancehead>span i,.ccp-systemhead:before){
  animation:hlxSystemSoftPulse 4.8s cubic-bezier(.45,0,.55,1) infinite!important;
}
.ccp[data-template="HLX2"] .ccp-systemchip:nth-child(2n)>i{animation-delay:-1.2s!important}
.ccp[data-template="HLX2"] .ccp-systemchip:nth-child(3n)>i{animation-delay:-2.4s!important}
@keyframes hlxSystemSoftPulse{
  0%,100%{opacity:.68;transform:scale(.94);filter:brightness(.9);box-shadow:0 0 5px rgba(215,184,91,.18)}
  50%{opacity:1;transform:scale(1.055);filter:brightness(1.12);box-shadow:0 0 10px rgba(239,207,113,.38)}
}

@media(prefers-reduced-motion:reduce){
  .ccp[data-template="HLX2"] .ccp-systemcore:before,.ccp[data-template="HLX2"] .ccp-systemcore:after,
  .ccp[data-template="HLX2"] :is(.ccp-systemstatus i,.ccp-systemchip>i,.ccp-systeminstancehead>span i,.ccp-systemhead:before){animation:none!important}
}

/* HL_SCROLL_FINAL_LOCK_V1 */
/* 开局首轮与后续轮次共用一个滚动模型：窗口定高，每个页面自己纵向滚动。 */
.ccp[data-template="HLX2"] .ccp-window{
  position:relative!important;
  height:clamp(520px,72vh,760px)!important;
  min-height:520px!important;
  max-height:76vh!important;
  overflow:hidden!important;
}
.ccp[data-template="HLX2"] .ccp-window>.ccp-panel{
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  overflow-x:hidden!important;
  overflow-y:scroll!important;
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-gutter:stable!important;
  scrollbar-width:auto!important;
  scrollbar-color:#d4af37 #090806!important;
}
.ccp[data-template="HLX2"] .ccp-window>.ccp-panel::-webkit-scrollbar{width:11px!important}
.ccp[data-template="HLX2"] .ccp-window>.ccp-panel::-webkit-scrollbar-track{background:#090806!important;border-left:1px solid #3e3014!important}
.ccp[data-template="HLX2"] .ccp-window>.ccp-panel::-webkit-scrollbar-thumb{min-height:52px!important;border:2px solid #090806!important;border-radius:99px!important;background:linear-gradient(180deg,#f0d17b,#9c7424)!important;box-shadow:inset 0 0 7px #fff4,0 0 8px #d4af3733!important}
.ccp[data-template="HLX2"] .ccp-systembody{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}

/* 普通面板同样拥有明确的主内容滚动窗，页头与页脚留在外层。 */
.x>.mn{
  height:clamp(520px,72vh,760px)!important;
  min-height:520px!important;
  max-height:76vh!important;
  overflow-x:hidden!important;
  overflow-y:scroll!important;
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-gutter:stable!important;
  scrollbar-width:auto!important;
  scrollbar-color:#d4af37 #090806!important;
}
.x>.mn::-webkit-scrollbar{width:11px!important}
.x>.mn::-webkit-scrollbar-track{background:#090806!important;border-left:1px solid #3e3014!important}
.x>.mn::-webkit-scrollbar-thumb{min-height:52px!important;border:2px solid #090806!important;border-radius:99px!important;background:linear-gradient(180deg,#f0d17b,#9c7424)!important}
@media(max-width:650px){
  .ccp[data-template="HLX2"] .ccp-window,.x>.mn{height:70svh!important;min-height:420px!important;max-height:70svh!important}
  .ccp[data-template="HLX2"] .ccp-window>.ccp-panel::-webkit-scrollbar,.x>.mn::-webkit-scrollbar{width:7px!important}
}


/* HLX2_CHARACTER_DENSITY_V1
   人物五维/能力/技能/物品同构；解除主角半栏挤压；系统区去除装饰大字；整体字号收紧。 */
.ccp[data-template="HLX2"]{font-size:11px!important;line-height:1.52!important;border-radius:15px!important}
.ccp[data-template="HLX2"] :is(p,li,td,th,.ccp-line,.ccp-personbody){font-size:10px;line-height:1.58}
.ccp[data-template="HLX2"] .ccp-story{padding:16px 18px!important;font-size:14px!important;line-height:1.82!important}
.ccp[data-template="HLX2"] .ccp-sectionhead h2{font-size:17px!important}
.ccp[data-template="HLX2"] .ccp-personhead h3{font-size:14px!important}
.ccp[data-template="HLX2"] h3{font-size:12px!important}
.ccp[data-template="HLX2"] h4{font-size:11px!important}
.ccp[data-template="HLX2"] .ccp-sectionhead,.ccp[data-template="HLX2"] .ccp-personhead{margin-bottom:10px!important;padding-bottom:8px!important}
.ccp[data-template="HLX2"] .ccp-sectionhead small,.ccp[data-template="HLX2"] .ccp-personhead small{font-size:7px!important}

/* 主角的能力区不再占双栏的一半宽度。 */
.ccp[data-template="HLX2"] .ccp-protagonist .ccp-persongrid:has(>.ccp-abilityzone){grid-template-columns:minmax(0,1fr)!important}
.ccp[data-template="HLX2"] .ccp-abilityzone{grid-column:1/-1!important;min-width:0;padding:10px!important;border:1px solid rgba(213,179,90,.24);border-radius:7px;background:#090a0b}
.ccp[data-template="HLX2"] .ccp-statdeck{grid-template-columns:repeat(auto-fit,minmax(128px,1fr))!important;gap:6px!important;margin:7px 0 10px!important}
.ccp[data-template="HLX2"] .ccp-stat summary{grid-template-columns:26px minmax(0,1fr) 18px!important;min-height:58px!important;padding:7px!important}
.ccp[data-template="HLX2"] .ccp-stat summary>i{width:25px!important;height:25px!important;font-size:10px!important}
.ccp[data-template="HLX2"] .ccp-stat summary span small{font-size:7px!important}
.ccp[data-template="HLX2"] .ccp-stat summary span b{font-size:14px!important;line-height:1.15!important}
.ccp[data-template="HLX2"] .ccp-stat summary>em{font-size:12px!important}
.ccp[data-template="HLX2"] .ccp-stat summary progress{height:5px!important}
.ccp[data-template="HLX2"] .ccp-stat[open]{grid-column:span 2}
.ccp[data-template="HLX2"] .ccp-statwhy{padding:7px!important}
.ccp[data-template="HLX2"] .ccp-statwhy p{grid-template-columns:68px minmax(0,1fr)!important;padding:5px!important}

/* 能力、技能、物品分组，仍是可展开卡而不是裸文本。 */
.ccp[data-template="HLX2"] .ccp-skillgroups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:8px}
.ccp[data-template="HLX2"] .ccp-skillgroups>section{min-width:0;padding:7px;border:1px solid rgba(213,179,90,.17);border-radius:6px;background:#070809}
.ccp[data-template="HLX2"] .ccp-skillgroups h5{margin:0 0 6px;color:#d7bd79;font-size:9px;letter-spacing:.08em}
.ccp[data-template="HLX2"] .ccp-skillgrid{grid-template-columns:minmax(0,1fr)!important;gap:5px!important}
.ccp[data-template="HLX2"] .ccp-skill summary{min-height:45px!important;padding:6px 7px!important}
.ccp[data-template="HLX2"] .ccp-skill summary b{font-size:9px!important}
.ccp[data-template="HLX2"] .ccp-skill summary small{font-size:7px!important}
.ccp[data-template="HLX2"] .ccp-skill summary i{width:21px!important;height:21px!important;font-size:8px!important}
.ccp[data-template="HLX2"] .ccp-personbody{padding:10px!important}

/* 系统页删除遮挡内容的巨型SYS装饰，改为紧凑单列卡。 */
.ccp[data-template="HLX2"] .ccp-systemhero{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;gap:7px!important}
.ccp[data-template="HLX2"] .ccp-systemhero>div{min-height:0!important;padding:11px!important;overflow:hidden!important}
.ccp[data-template="HLX2"] .ccp-systemhero>div:after{content:none!important;display:none!important}
.ccp[data-template="HLX2"] .ccp-systemhero b{font-size:23px!important}
.ccp[data-template="HLX2"] .ccp-systembrief{justify-content:flex-start!important;border-left:3px solid #d5b35a66!important}
.ccp[data-template="HLX2"] .ccp-systembrief>b{font-size:13px!important;line-height:1.35!important}
.ccp[data-template="HLX2"] .ccp-systembrief>p{margin-top:5px!important;font-size:9px!important}
.ccp[data-template="HLX2"] .ccp-systemcore:before,.ccp[data-template="HLX2"] .ccp-systemcore:after{transform:scale(.72);transform-origin:top right;opacity:.5}

/* 圆润但不幼稚的中文字体；英数同样使用圆角系统字体。 */
.ccp[data-template="HLX2"],.ccp[data-template="HLX2"] :is(button,input,select,textarea,summary){font-family:ui-rounded,"YouYuan","幼圆","PingFang SC","Microsoft YaHei UI","Microsoft YaHei",sans-serif!important}

/* 系统操作卡标题与说明各占自己的行，禁止再次重叠。 */
.ccp[data-template="HLX2"] .ccp-systemactions button{display:flex!important;min-width:0!important;min-height:52px!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;padding:8px 9px!important;line-height:1.35!important}
.ccp[data-template="HLX2"] .ccp-systemactions button b{display:block!important;width:100%;color:#edd28a!important;font-size:10px!important;line-height:1.4!important;white-space:normal!important;overflow-wrap:anywhere}
.ccp[data-template="HLX2"] .ccp-systemactions button small{display:block!important;width:100%;margin-top:4px!important;color:#817863!important;font-size:7px!important;line-height:1.5!important;white-space:normal!important;overflow-wrap:anywhere}

/* 未经模板确认的CG空框一律不显示。 */
.ccp[data-template="HLX2"] .cc-cg:not([data-cg-valid="1"]){display:none!important}
.ccp[data-template="HLX2"] .cc-cg[data-cg-valid="1"]{display:block}

/* 正文名词提示：文字本身只做轻描边，不制造按钮感。 */
.ccp[data-template="HLX2"] .ccp-term{position:relative;display:inline;color:#ead18d;border-bottom:1px dotted #c9a957;cursor:help;white-space:nowrap;anchor-scope:--hlx-term}

/* tooltip在悬停时才把当前触发器注册为锚点；position:fixed脱离面板滚动裁切。 */
.ccp[data-template="HLX2"] :is(summary,button,label,a,.ccp-term):hover{anchor-name:--hlx-tip}
.ccp[data-template="HLX2"] .ccp-hovernote{
 position:fixed!important;position-anchor:--hlx-tip;z-index:2147483000!important;
 left:anchor(center)!important;top:calc(anchor(bottom) + 6px)!important;right:auto!important;bottom:auto!important;
 display:block!important;width:max-content!important;max-width:min(210px,calc(100vw - 24px))!important;max-height:112px!important;
 padding:7px 8px!important;overflow:hidden!important;border:1px solid #8c7138!important;border-radius:7px!important;
 background:linear-gradient(145deg,#171613,#08090a)!important;box-shadow:0 12px 32px #000e,0 0 0 1px rgba(255,230,160,.05)!important;
 color:#e7dfcc!important;font:400 8px/1.5 ui-rounded,"YouYuan","幼圆","Microsoft YaHei",sans-serif!important;
 white-space:normal!important;overflow-wrap:anywhere!important;text-align:left!important;pointer-events:none!important;
 opacity:0!important;visibility:hidden!important;transform:translateX(-50%)!important;transition:opacity .12s,visibility .12s!important
}
.ccp[data-template="HLX2"] .ccp-hovernote:before{display:none!important;content:none!important}
.ccp[data-template="HLX2"] :is(summary,button,label,a,.ccp-term):is(:hover,:focus-visible)>.ccp-hovernote{opacity:1!important;visibility:visible!important}

@media(max-width:700px){
 .ccp[data-template="HLX2"]{font-size:10px!important}
 .ccp[data-template="HLX2"] .ccp-persongrid{grid-template-columns:minmax(0,1fr)!important}
 .ccp[data-template="HLX2"] .ccp-skillgroups{grid-template-columns:minmax(0,1fr)!important}
 .ccp[data-template="HLX2"] .ccp-statdeck{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .ccp[data-template="HLX2"] .ccp-stat[open]{grid-column:1/-1!important}
 .ccp[data-template="HLX2"] .ccp-systemhero{grid-template-columns:minmax(0,1fr)!important}
 .ccp[data-template="HLX2"] .ccp-systempanel{padding:13px 12px 64px 16px!important}
 .ccp[data-template="HLX2"] .ccp-sectionhead h2{font-size:15px!important}
 .ccp[data-template="HLX2"] .ccp-story{padding:13px 14px!important;font-size:13px!important}
 .ccp[data-template="HLX2"] .ccp-hovernote{max-width:min(176px,calc(100vw - 18px))!important;max-height:96px!important;padding:6px 7px!important;font-size:7px!important;line-height:1.45!important}
 .ccp[data-template="HLX2"] .ccp-systemactions{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:390px){
 .ccp[data-template="HLX2"] .ccp-statdeck{grid-template-columns:minmax(0,1fr)!important}
 .ccp[data-template="HLX2"] .ccp-stat[open]{grid-column:auto!important}
}


/* HL_GROWTH_STAT_LAYOUT_V1｜五维数值独立列，数值永不拆字；＋仅由summary伪元素生成。 */
.ccp[data-template="HLX2"] .ccp-statdeck{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}
.ccp[data-template="HLX2"] .ccp-stat>summary{
 display:grid!important;grid-template-columns:24px minmax(38px,1fr) minmax(38px,max-content) 20px!important;
 grid-template-rows:auto auto!important;column-gap:5px!important;row-gap:4px!important;align-items:center!important;
 min-height:60px!important;padding:7px!important
}
.ccp[data-template="HLX2"] .ccp-stat>summary>i{grid-column:1!important;grid-row:1/3!important;width:23px!important;height:23px!important}
.ccp[data-template="HLX2"] .ccp-stat>summary>span{grid-column:2!important;grid-row:1!important;min-width:0!important}
.ccp[data-template="HLX2"] .ccp-stat>summary>span small,.ccp[data-template="HLX2"] .ccp-stat>summary>span b{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.ccp[data-template="HLX2"] .ccp-stat>summary>span b{margin-top:2px!important;color:#8f856f!important;font-size:7px!important;font-weight:500!important}
.ccp[data-template="HLX2"] .ccp-stat>summary>strong{grid-column:3!important;grid-row:1!important;display:block!important;min-width:max-content!important;color:#ffe7a2!important;font:900 17px/1 Consolas,"SFMono-Regular",monospace!important;letter-spacing:0!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important}
.ccp[data-template="HLX2"] .ccp-stat>summary>strong em{margin-left:2px!important;color:#786c56!important;font-size:7px!important;font-style:normal!important;white-space:nowrap!important}
.ccp[data-template="HLX2"] .ccp-stat>summary>em{display:none!important}
.ccp[data-template="HLX2"] .ccp-stat>summary:after{grid-column:4!important;grid-row:1!important;margin:0!important}
.ccp[data-template="HLX2"] .ccp-stat>summary>progress{grid-column:2/5!important;grid-row:2!important;width:100%!important;height:5px!important}
@media(max-width:390px){.ccp[data-template="HLX2"] .ccp-statdeck{grid-template-columns:minmax(0,1fr)!important}}


/* HLX2_STORY_SAVE_UI_V1｜修复系统展开字号；正文分段、对白与短tooltip。 */
.ccp[data-template="HLX2"] .ccp-systemhero .ccp-syswhy>div{gap:4px!important;padding:7px!important}
.ccp[data-template="HLX2"] .ccp-systemhero .ccp-syswhy>div>p{grid-template-columns:64px minmax(0,1fr)!important;gap:6px!important;margin:0!important;padding:5px 6px!important}
.ccp[data-template="HLX2"] .ccp-systemhero .ccp-syswhy>div>p>b{font-size:8px!important;line-height:1.45!important;font-weight:800!important;letter-spacing:0!important;overflow-wrap:anywhere!important}
.ccp[data-template="HLX2"] .ccp-systemhero .ccp-syswhy>div>p>span{font-size:8.5px!important;line-height:1.55!important;overflow-wrap:anywhere!important}
.ccp[data-template="HLX2"] .ccp-systemhero .ccp-syswhy>div>footer{font-size:7.5px!important;line-height:1.5!important}

.ccp[data-template="HLX2"] .ccp-story{padding:17px 18px!important;color:#e9e6dc!important;font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif!important;font-size:13px!important;line-height:1.92!important;letter-spacing:.015em!important;background:radial-gradient(circle at 100% 0,rgba(213,179,90,.055),transparent 34%),linear-gradient(145deg,#121410,#080b09)!important;box-shadow:inset 3px 0 #cba64e,0 12px 34px #0005!important}
.ccp[data-template="HLX2"] .ccp-story>.ccp-narr{margin:0 0 .82em!important;color:#e6e4dc!important;font-size:13px!important;line-height:1.92!important;text-align:justify!important;text-indent:2em!important;overflow-wrap:anywhere!important}
.ccp[data-template="HLX2"] .ccp-story>.ccp-narr:last-child{margin-bottom:0!important}
.ccp[data-template="HLX2"] .ccp-dialogue{display:grid!important;grid-template-columns:max-content minmax(0,1fr)!important;gap:8px!important;align-items:start!important;margin:.62em 0 .78em!important;padding:7px 9px!important;border-left:2px solid #caa64f!important;border-radius:0 7px 7px 0!important;background:linear-gradient(90deg,rgba(211,170,85,.09),rgba(211,170,85,.015))!important;text-indent:0!important}
.ccp[data-template="HLX2"] .ccp-dialogue>b{color:#d9bd72!important;font-family:ui-rounded,"YouYuan","幼圆","Microsoft YaHei UI",sans-serif!important;font-size:9px!important;line-height:1.75!important;white-space:nowrap!important}
.ccp[data-template="HLX2"] .ccp-dialogue>span{min-width:0!important;color:#f1ead8!important;font-size:13px!important;line-height:1.78!important;overflow-wrap:anywhere!important}
.ccp[data-template="HLX2"] .ccp-story .ccp-term{white-space:normal!important;color:#e7c66f!important;text-decoration:none!important;border-bottom:1px dotted #ae8b3f!important}
.ccp[data-template="HLX2"] .ccp-story .ccp-hovernote{max-width:min(188px,calc(100vw - 22px))!important;max-height:78px!important;padding:5px 7px!important;font-size:7px!important;line-height:1.45!important;overflow:hidden!important}
@media(max-width:700px){
 .ccp[data-template="HLX2"] .ccp-story{padding:13px 12px!important;font-size:12px!important;line-height:1.88!important}
 .ccp[data-template="HLX2"] .ccp-story>.ccp-narr,.ccp[data-template="HLX2"] .ccp-dialogue>span{font-size:12px!important;line-height:1.88!important}
 .ccp[data-template="HLX2"] .ccp-dialogue{grid-template-columns:minmax(0,1fr)!important;gap:2px!important;padding:6px 8px!important}
 .ccp[data-template="HLX2"] .ccp-dialogue>b{font-size:8px!important}
 .ccp[data-template="HLX2"] .ccp-systemhero .ccp-syswhy>div>p{grid-template-columns:58px minmax(0,1fr)!important}
 .ccp[data-template="HLX2"] .ccp-story .ccp-hovernote{max-width:min(154px,calc(100vw - 16px))!important;max-height:70px!important;font-size:6.5px!important}
}