/* ============ 界潮纪元 · 永昼圣典 V5 ============ */
/* 高奇幻游戏风；全部样式限定在 .jc5 内，不污染平台其他界面 */
.jc5{--ink:#0c0f26;--ink2:#12163a;--ink3:#191e4d;--gold:#f0cd85;--gold2:#c49a52;--gold3:#836528;--gLine:linear-gradient(90deg,transparent,#f0cd85,transparent);--hp:#ff5a5f;--mp:#4d9aff;--sp:#4ecb85;--mn:#c393ff;--tx:#f2ead6;--tx2:#bfb69b;--tx3:#77715d;--pk:#ffb1c8;position:relative;max-width:800px;margin:0 auto;color:var(--tx);font:14px/1.85 "PingFang SC","Microsoft YaHei",serif;background:radial-gradient(150% 100% at 50% -25%,#2a3272 0%,var(--ink2) 48%,var(--ink) 100%);border:1px solid var(--gold3);border-radius:16px;box-shadow:0 0 0 4px #0c0f26,0 0 0 5px var(--gold3),0 0 0 9px #0c0f26,0 0 0 10px #3a2f14,0 36px 110px #04051ae8,inset 0 0 140px #04061e99;overflow:hidden}
.jc5::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(1.4px 1.4px at 8% 12%,#ffffffcc,transparent),radial-gradient(1px 1px at 22% 38%,#ffe9b8aa,transparent),radial-gradient(1.6px 1.6px at 37% 8%,#fffc,transparent),radial-gradient(1px 1px at 52% 26%,#ffe9b899,transparent),radial-gradient(1.4px 1.4px at 68% 12%,#fffb,transparent),radial-gradient(1px 1px at 82% 32%,#ffe9b8aa,transparent),radial-gradient(1.4px 1.4px at 93% 18%,#fffc,transparent),radial-gradient(1px 1px at 14% 64%,#ffe9b866,transparent),radial-gradient(1.2px 1.2px at 88% 70%,#ffffff77,transparent);animation:jc5-tw 5s ease-in-out infinite alternate}
@keyframes jc5-tw{to{opacity:.35}}
.jc5::after{content:"";position:absolute;inset:-60% -20%;pointer-events:none;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,#f0cd8508 8deg,transparent 20deg,transparent 180deg,#f0cd8506 195deg,transparent 210deg);animation:jc5-rot 40s linear infinite}
@keyframes jc5-rot{to{transform:rotate(360deg)}}
.jc5 *{box-sizing:border-box;margin:0;padding:0}
.jc5 text{display:block}
/* —— 推演圣所 —— */
.jc5 .jc5-x{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.jc5 .jc5-mind-wrap{position:relative;z-index:2;display:block;cursor:pointer;-webkit-tap-highlight-color:transparent}
.jc5 .jc5-mind-h{display:flex;align-items:center;gap:12px;padding:13px 18px;background:linear-gradient(180deg,#1c2152,#141838);border-bottom:1px solid var(--gold3)}
.jc5 .jc5-mind-eye{width:30px;height:30px;border:1px solid var(--gold2);border-radius:50%;position:relative;box-shadow:0 0 14px #f0cd8540,inset 0 0 8px #f0cd8530;background:radial-gradient(circle at 50% 50%,#f0cd85 0 4px,#4d3d16 5px,#141838 11px)}
.jc5 .jc5-mind-eye::after{content:"";position:absolute;inset:-7px;border:1px dashed #f0cd854d;border-radius:50%;animation:jc5-rot 14s linear infinite}
.jc5 .jc5-mind-ttl{flex:1;display:flex;flex-direction:column}
.jc5 .jc5-mind-ttl b{font-size:13px;letter-spacing:.34em;color:var(--gold)}
.jc5 .jc5-mind-ttl i{font-style:normal;font-size:10px;color:var(--tx3);letter-spacing:.14em}
.jc5 .jc5-mind-arr{color:var(--gold2);transition:.3s}
.jc5 .jc5-mind{display:none;padding:14px 18px;background:#0d1130f2;border-bottom:1px solid var(--gold3)}
.jc5 .jc5-x:checked~.jc5-mind{display:block}
.jc5 .jc5-x:checked~.jc5-mind-h .jc5-mind-arr{transform:rotate(180deg)}
.jc5 .jc5-mrow{display:flex;gap:12px;padding:8px 0;border-bottom:1px dashed #f0cd851f}
.jc5 .jc5-mrow:last-child{border-bottom:0}
.jc5 .jc5-mk{flex:0 0 96px;font-size:11px;color:var(--gold);letter-spacing:.1em;padding-top:2px}
.jc5 .jc5-mrow p{flex:1;font-size:12px;color:var(--tx2);line-height:1.75}
.jc5 .jc5-mrow-ban .jc5-mk{color:#ff8a8e}
.jc5 .jc5-mrow-ban p{color:#e8b6b8}
/* —— 顶部圣冠 —— */
.jc5 .jc5-crown{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:18px;padding:16px 18px 10px;background:linear-gradient(180deg,#181d4a,transparent)}
.jc5 .jc5-crown-star{color:var(--gold);font-size:15px;text-shadow:0 0 12px #f0cd85}
.jc5 .jc5-spin{animation:jc5-pulse 2.4s ease-in-out infinite}
.jc5 .jc5-spin2{animation:jc5-pulse 2.4s ease-in-out 1.2s infinite}
@keyframes jc5-pulse{50%{opacity:.35;text-shadow:0 0 2px #f0cd85}}
.jc5 .jc5-crown-core{text-align:center}
.jc5 .jc5-crown-core b{display:block;font-size:17px;letter-spacing:.42em;color:var(--gold);text-shadow:0 0 18px #f0cd8560;background:var(--gLine);background-clip:text;-webkit-background-clip:text}
.jc5 .jc5-crown-core span{font-size:10px;color:var(--tx3);letter-spacing:.3em}
/* —— 世界状态栏（动态图标） —— */
.jc5 .jc5-world{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:8px 14px 14px}
.jc5 .jc5-wc{display:flex;align-items:center;gap:8px;padding:7px 12px;background:linear-gradient(180deg,#1a1f4d,#12163a);border:1px solid #f0cd8530;border-radius:20px;box-shadow:inset 0 1px #ffffff10,0 4px 12px #04051a80}
.jc5 .jc5-wc-i{display:flex;flex-direction:column}
.jc5 .jc5-wc i{font-style:normal;font-size:9px;color:var(--tx3);letter-spacing:.22em}
.jc5 .jc5-wc b{font-size:11.5px;color:var(--tx);letter-spacing:.04em}
.jc5 .jc5-ico{width:18px;height:18px;flex:0 0 18px;border-radius:50%;position:relative}
.jc5 .jc5-ico-sun{background:radial-gradient(circle,#ffd97a 0 5px,transparent 6px)}
.jc5 .jc5-ico-sun::after{content:"";position:absolute;inset:0;background:conic-gradient(#ffd97a 0 8%,transparent 8% 16.6%,#ffd97a 16.6% 24%,transparent 24% 33.3%,#ffd97a 33.3% 41%,transparent 41% 50%,#ffd97a 50% 58%,transparent 58% 66.6%,#ffd97a 66.6% 74%,transparent 74% 83.3%,#ffd97a 83.3% 91%,transparent 91%);border-radius:50%;mask:radial-gradient(circle,transparent 0 6px,#000 6px);-webkit-mask:radial-gradient(circle,transparent 0 6px,#000 6px);animation:jc5-rot 9s linear infinite}
.jc5 .jc5-ico-clock{border:1.5px solid #9db4ff;box-shadow:0 0 10px #9db4ff50}
.jc5 .jc5-ico-clock::before{content:"";position:absolute;left:50%;top:50%;width:1.5px;height:6px;background:#9db4ff;transform-origin:bottom;transform:translate(-50%,-100%);animation:jc5-rot 6s linear infinite}
.jc5 .jc5-ico-clock::after{content:"";position:absolute;left:50%;top:50%;width:1.5px;height:4px;background:#dfe7ff;transform-origin:bottom;transform:translate(-50%,-100%) rotate(90deg);animation:jc5-rot 60s linear infinite}
.jc5 .jc5-ico-pin{background:radial-gradient(circle at 50% 38%,#7ee2c0 0 4px,transparent 5px)}
.jc5 .jc5-ico-pin::after{content:"";position:absolute;left:50%;bottom:1px;width:8px;height:3px;border-radius:50%;background:#7ee2c045;transform:translateX(-50%);animation:jc5-tw 1.6s ease-in-out infinite alternate}
.jc5 .jc5-ico-wind{overflow:hidden}
.jc5 .jc5-ico-wind::before,.jc5 .jc5-ico-wind::after{content:"";position:absolute;height:1.5px;border-radius:2px;background:#b9d4ff;animation:jc5-wind 2.2s linear infinite}
.jc5 .jc5-ico-wind::before{width:10px;top:6px;left:-10px}
.jc5 .jc5-ico-wind::after{width:7px;top:11px;left:-7px;animation-delay:.7s}
@keyframes jc5-wind{to{transform:translateX(28px)}}
.jc5 .jc5-ico-flame{background:radial-gradient(circle at 50% 65%,#ffb45e 0 4px,#ff5a5f 5px 6px,transparent 7px);animation:jc5-flame 1.1s ease-in-out infinite alternate}
@keyframes jc5-flame{from{transform:scale(1)}to{transform:scale(1.18);filter:brightness(1.25)}}
.jc5 .jc5-wc-risk{border-color:#ff5a5f66;box-shadow:inset 0 1px #ffffff10,0 0 16px #ff5a5f30}
.jc5 .jc5-wc-risk b{color:#ffa2a5}
/* —— 正文卷轴 —— */
.jc5 .jc5-story{position:relative;z-index:2;margin:6px 16px 18px;background:linear-gradient(165deg,#f7eed8 0%,#f1e5c8 38%,#ead9b6 72%,#e2cfa6 100%);border-radius:12px;border:1px solid #c9b285;box-shadow:0 0 0 3px #0c0f26,0 0 0 4px var(--gold3),0 22px 60px #04051aad,inset 0 2px 0 #fff9,inset 0 0 90px #c09a6244;color:#3a2f1d;padding:30px 34px 22px}
.jc5 .jc5-story::before,.jc5 .jc5-story::after{content:"";position:absolute;width:52px;height:52px;pointer-events:none;border:2px solid #a9853f88;filter:drop-shadow(0 1px 0 #fff8)}
.jc5 .jc5-story::before{left:9px;top:9px;border-right:0;border-bottom:0;border-top-left-radius:14px;background:radial-gradient(circle at 0 0,#a9853f33,transparent 70%)}
.jc5 .jc5-story::after{right:9px;bottom:9px;border-left:0;border-top:0;border-bottom-right-radius:14px;background:radial-gradient(circle at 100% 100%,#a9853f33,transparent 70%)}
.jc5 .jc5-story-cap{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:6px}
.jc5 .jc5-story-cap h2{flex:0 0 auto;font-size:21px;letter-spacing:.3em;color:#5d431a;text-shadow:0 1px 0 #fffb,0 0 22px #c4903555;background:linear-gradient(180deg,#7a5a20,#4a3510);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.jc5 .jc5-vine{flex:1;max-width:150px;height:12px;background:linear-gradient(90deg,transparent,#a98c4f 30%,#a98c4f 70%,transparent);mask:radial-gradient(4.5px 4.5px at 9px 6px,#000 42%,transparent 43%) left/18px 100% repeat-x;-webkit-mask:radial-gradient(4.5px 4.5px at 9px 6px,#000 42%,transparent 43%) left/18px 100% repeat-x;opacity:.6}
.jc5 .jc5-story-sub{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px}
.jc5 .jc5-story-sub::before,.jc5 .jc5-story-sub::after{content:"";width:56px;height:1px;background:linear-gradient(90deg,transparent,#a9853f)}
.jc5 .jc5-story-sub::after{background:linear-gradient(90deg,#a9853f,transparent)}
.jc5 .jc5-story-sub i{font-style:normal;font-size:10px;letter-spacing:.5em;color:#9a7c3f}
.jc5 .jc5-story text p{margin:14px 0;font-size:15px;line-height:2.08;text-align:justify;text-indent:2em;color:#3d3019;text-shadow:0 1px 0 #fff5}
.jc5 .jc5-story text>p:first-of-type{text-indent:0}
.jc5 .jc5-story text>p:first-of-type::first-letter{float:left;margin:7px 10px 0 0;padding:6px 12px;font-size:40px;line-height:1;color:#f0cd85;background:linear-gradient(160deg,#2a2352,#151838);border:1px solid #c49a52;border-radius:8px;box-shadow:0 4px 14px #04051a66,inset 0 0 12px #f0cd8530;text-shadow:0 0 14px #f0cd8590;text-indent:0}
.jc5 .jc5-story text q,.jc5 .jc5-story text .jc5-say{quotes:none;color:#1f3a63;font-weight:600;text-shadow:0 1px 0 #fff7}
.jc5 .jc5-story text q::before{content:"「"}
.jc5 .jc5-story text q::after{content:"」"}
.jc5 .jc5-story text em{font-style:normal;color:#8a4b12;border-bottom:1px dotted #a9853f88;padding-bottom:1px}
.jc5 .jc5-law{display:flex;gap:12px;align-items:flex-start;margin:18px 0;padding:13px 15px;background:linear-gradient(180deg,#141838f0,#0d1130f5);border:1px solid var(--gold2);border-radius:8px;box-shadow:0 0 24px #f0cd8535,inset 0 0 20px #f0cd851a;color:var(--tx)}
.jc5 .jc5-law-seal{flex:0 0 34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gold);border-radius:6px;transform:rotate(45deg);color:var(--gold);font-size:15px;box-shadow:0 0 14px #f0cd8550}
.jc5 .jc5-law-seal{font-style:normal}
.jc5 .jc5-law b{display:block;font-size:11px;letter-spacing:.3em;color:var(--gold);margin-bottom:4px}
.jc5 .jc5-law p,.jc5 .jc5-story text .jc5-law p{font-size:13px;color:#f5ecd2!important;line-height:1.9;text-indent:0!important;text-align:left!important;text-shadow:0 0 14px #f0cd8540;letter-spacing:.04em}
.jc5 .jc5-law p::first-letter{float:none;font-size:inherit;color:inherit;background:none;border:0;padding:0;margin:0;box-shadow:none}
.jc5 .jc5-law-seal span{display:block;transform:rotate(-45deg)}
.jc5 .jc5-story-foot{display:flex;align-items:center;gap:12px;margin-top:14px}
.jc5 .jc5-story-foot span{flex:1;height:1px;background:linear-gradient(90deg,transparent,#a98c4f,transparent)}
.jc5 .jc5-story-foot b{color:#8a6320;font-size:12px}
/* —— 分区标题 —— */
.jc5 .jc5-sect{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.jc5 .jc5-sect::before,.jc5 .jc5-sect::after{content:"";flex:1;height:7px;background:var(--gLine);mask:radial-gradient(3px 3px at 6px 3.5px,#000 45%,transparent 46%) left/12px 100% repeat-x;-webkit-mask:radial-gradient(3px 3px at 6px 3.5px,#000 45%,transparent 46%) left/12px 100% repeat-x;opacity:.5}
.jc5 .jc5-sect b{font-size:13px;letter-spacing:.3em;color:var(--gold);text-shadow:0 0 12px #f0cd8550}
/* —— 主角座架 —— */
.jc5 .jc5-hero,.jc5 .jc5-cls,.jc5 .jc5-tal,.jc5 .jc5-panel,.jc5 .jc5-npcs,.jc5 .jc5-acts{position:relative;z-index:2;margin:0 16px 16px;padding:16px;background:linear-gradient(180deg,#151a42f5,#10143af5);border:1px solid #f0cd8536;border-radius:12px;box-shadow:inset 0 1px #ffffff0d,0 10px 30px #04051a80}
.jc5 .jc5-hero-row{display:flex;gap:16px;align-items:flex-start}
.jc5 .jc5-ava{position:relative;flex:0 0 86px;height:86px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle,#232a5e,#12163a);border:2px solid var(--gold2);box-shadow:0 0 26px #f0cd8545,inset 0 0 18px #f0cd8525}
.jc5 .jc5-ava b{font-size:30px;color:var(--gold);text-shadow:0 0 16px #f0cd8580}
.jc5 .jc5-ava-halo{position:absolute;inset:-9px;border-radius:50%;border:1px dashed #f0cd854d;animation:jc5-rot 18s linear infinite}
.jc5 .jc5-ava-ring{position:absolute;inset:-15px;border-radius:50%;border:1px solid #f0cd8522;box-shadow:0 0 20px #f0cd8520}
.jc5 .jc5-lv{position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);font-style:normal;font-size:10px;padding:2px 9px;border-radius:9px;background:linear-gradient(180deg,#f0cd85,#c49a52);color:#241a05;font-weight:700;box-shadow:0 2px 8px #04051a99}
.jc5 .jc5-hero-main{flex:1;min-width:0}
.jc5 .jc5-hero-id{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:4px}
.jc5 .jc5-hero-id b{font-size:19px;letter-spacing:.1em}
.jc5 .jc5-sex{font-size:11px;color:var(--tx2)}
.jc5 .jc5-hero-look{font-size:11.5px;color:var(--tx2);line-height:1.8;margin:2px 0}
.jc5 .jc5-hero-look i{font-style:normal;color:var(--gold2);margin-right:4px;font-size:10px;letter-spacing:.16em}
.jc5 .jc5-rank{font-size:10px;padding:2px 9px;border-radius:9px;border:1px solid;letter-spacing:.1em}
.jc5 .rank-jichu,.jc5 .rank-f{color:#c8cfe0;border-color:#5a6480;background:#5a648025}
.jc5 .rank-jingying,.jc5 .rank-e,.jc5 .rank-d{color:#7ee2a0;border-color:#3f9c63;background:#3f9c6322}
.jc5 .rank-xiyou,.jc5 .rank-c{color:#7ab8ff;border-color:#3c72c4;background:#3c72c422}
.jc5 .rank-shishi,.jc5 .rank-b,.jc5 .rank-a{color:#d9a6ff;border-color:#8a4fc8;background:#8a4fc822}
.jc5 .rank-chuanshuo,.jc5 .rank-s{color:#ffd27a;border-color:#c49a52;background:#c49a5226;text-shadow:0 0 10px #ffd27a66}
.jc5 .rank-weijuexing{color:#9aa3b8;border-color:#4a5268;background:#4a526822}
/* 数据条 */
.jc5 .jc5-vitals{display:flex;flex-direction:column;gap:7px;margin:9px 0 4px}
.jc5 .jc5-v{display:flex;align-items:center;gap:9px}
.jc5 .jc5-v-k{flex:0 0 34px;font-size:11px;color:var(--tx2);letter-spacing:.2em}
.jc5 .jc5-v-t{flex:1;height:13px;border-radius:7px;background:#080a20;border:1px solid #f0cd8528;overflow:hidden;position:relative;box-shadow:inset 0 2px 5px #000a}
.jc5 .jc5-v-t::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),#0c0f26cc calc(10% - 1px) 10%);pointer-events:none}
.jc5 .jc5-v-f{display:block;height:100%;width:var(--v);border-radius:6px;position:relative;transition:width .6s}
.jc5 .jc5-hp{background:linear-gradient(180deg,#ff8a8e,var(--hp) 55%,#a3262b);box-shadow:0 0 12px #ff5a5f88}
.jc5 .jc5-mp{background:linear-gradient(180deg,#8fc0ff,var(--mp) 55%,#1d5cb8);box-shadow:0 0 12px #4d9aff88}
.jc5 .jc5-sp{background:linear-gradient(180deg,#8fe6b4,var(--sp) 55%,#217a4b);box-shadow:0 0 12px #4ecb8588}
.jc5 .jc5-mn{background:linear-gradient(180deg,#dcbfff,var(--mn) 55%,#7a4cc0);box-shadow:0 0 12px #c393ff88}
.jc5 .jc5-v-shine{position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,#ffffff5c 46%,transparent 60%);animation:jc5-shine 2.6s ease-in-out infinite}
@keyframes jc5-shine{0%{transform:translateX(-100%)}60%,100%{transform:translateX(100%)}}
.jc5 .jc5-v-n{flex:0 0 74px;text-align:right;font-size:11.5px;font-weight:700}
.jc5 .jc5-v-n i{font-style:normal;color:var(--tx3);font-weight:400}
.jc5 .jc5-exp{display:flex;align-items:center;gap:9px;margin-top:7px}
.jc5 .jc5-exp i{font-style:normal;flex:0 0 34px;font-size:11px;color:var(--gold2);letter-spacing:.2em}
.jc5 .jc5-exp-t{flex:1;height:7px;border-radius:4px;background:#080a20;border:1px solid #f0cd8530;overflow:hidden}
.jc5 .jc5-exp-f{display:block;height:100%;width:var(--v);background:linear-gradient(90deg,#c49a52,#f0cd85,#fff3d6);box-shadow:0 0 12px #f0cd85aa;border-radius:4px}
.jc5 .jc5-exp b{font-size:11px;color:var(--gold)}
.jc5 .jc5-hero-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.jc5 .jc5-tag{font-size:11px;padding:4px 12px;border-radius:12px;background:#1d2352;border:1px solid #f0cd8530;color:var(--tx2)}
.jc5 .jc5-tag-goal{border-color:var(--gold2);color:var(--gold);box-shadow:0 0 12px #f0cd8525}
/* —— 职业圣座 —— */
.jc5 .jc5-cls-main{display:flex;gap:13px;padding:12px;background:#101438;border:1px solid #f0cd852e;border-radius:10px}
.jc5 .jc5-cls-crest{flex:0 0 44px;height:44px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--gold2);color:var(--gold);font-size:17px;border-radius:8px;transform:rotate(45deg);box-shadow:0 0 16px #f0cd8540;background:#171c48}
.jc5 .jc5-cls-crest{margin:6px 8px 0 4px}
.jc5 .jc5-crest-sub{flex:0 0 34px;height:34px;font-size:13px;opacity:.8}
.jc5 .jc5-cls-i{flex:1;min-width:0}
.jc5 .jc5-cls-t{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin-bottom:3px}
.jc5 .jc5-cls-t b{font-size:15.5px;letter-spacing:.08em}
.jc5 .jc5-cls-t em{font-style:normal;font-size:11px;color:var(--gold2)}
.jc5 .jc5-cls-i p{font-size:11.5px;color:var(--tx2);line-height:1.8}
.jc5 .jc5-cls-i p i{font-style:normal;color:var(--gold2);font-size:10px;letter-spacing:.14em;margin-right:3px}
.jc5 .jc5-cls-bar{display:flex;align-items:center;gap:9px;margin-top:7px}
.jc5 .jc5-cls-bar i{font-style:normal;font-size:10px;color:var(--tx3);letter-spacing:.08em}
.jc5 .jc5-cls-track{flex:1;height:6px;border-radius:3px;background:#080a20;border:1px solid #f0cd8526;overflow:hidden}
.jc5 .jc5-cls-track span{display:block;height:100%;width:var(--v);background:linear-gradient(90deg,#c49a52,#f0cd85);box-shadow:0 0 10px #f0cd8590;border-radius:3px}
.jc5 .jc5-cls-bar b{font-size:10.5px;color:var(--gold)}
.jc5 .jc5-cls-subs{display:flex;gap:10px;margin-top:10px}
.jc5 .jc5-cls-sub{flex:1;display:flex;gap:10px;padding:10px;background:#0e1232;border:1px dashed #f0cd8526;border-radius:10px}
/* —— 本命天赋 —— */
.jc5 .jc5-tal-core{display:flex;gap:14px;padding:13px;background:radial-gradient(120% 160% at 0% 0%,#241c4d,#101438 60%);border:1px solid #c393ff40;border-radius:10px;box-shadow:inset 0 0 30px #c393ff12}
.jc5 .jc5-tal-gem{flex:0 0 52px;height:52px;display:flex;align-items:center;justify-content:center;position:relative;margin-top:2px}
.jc5 .jc5-tal-gem b{position:relative;z-index:1;font-size:19px;color:#fff;text-shadow:0 0 12px currentColor}
.jc5 .jc5-tal-gem::before{content:"";position:absolute;inset:4px;transform:rotate(45deg);border-radius:8px;background:linear-gradient(135deg,#8a6cf0,#5636b8);box-shadow:0 0 22px #8a6cf088,inset 0 2px 6px #fff5}
.jc5 .jc5-tal-gem::after{content:"";position:absolute;inset:-3px;transform:rotate(45deg);border:1px solid #c393ff55;border-radius:10px;animation:jc5-pulse 2.8s ease-in-out infinite}
.jc5 .grade-F::before{background:linear-gradient(135deg,#8b95ad,#5a6480)}
.jc5 .grade-E::before,.jc5 .grade-D::before{background:linear-gradient(135deg,#59c886,#2c7a4e)}
.jc5 .grade-C::before{background:linear-gradient(135deg,#5f9dff,#2c5cb0)}
.jc5 .grade-B::before,.jc5 .grade-A::before{background:linear-gradient(135deg,#b06cf0,#6a36b8)}
.jc5 .grade-S::before{background:linear-gradient(135deg,#ffd97a,#c49040);box-shadow:0 0 30px #ffd97a99,inset 0 2px 6px #fff8}
.jc5 .jc5-tal-i{flex:1;min-width:0}
.jc5 .jc5-tal-t{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin-bottom:3px}
.jc5 .jc5-tal-t b{font-size:15.5px}
.jc5 .jc5-tal-cat{font-size:10px;padding:2px 9px;border-radius:9px;background:#c393ff22;border:1px solid #c393ff4d;color:#dcbfff}
.jc5 .jc5-tal-state{font-style:normal;font-size:10.5px;color:var(--gold)}
.jc5 .jc5-tal-i p{font-size:11.5px;color:var(--tx2);line-height:1.8}
.jc5 .jc5-tal-i p i{font-style:normal;color:#c393ff;font-size:10px;letter-spacing:.14em;margin-right:3px}
.jc5 .jc5-tal-bar{display:flex;align-items:center;gap:9px;margin-top:7px}
.jc5 .jc5-tal-bar i{font-style:normal;font-size:10px;color:var(--tx3)}
.jc5 .jc5-tal-track{flex:1;height:6px;border-radius:3px;background:#080a20;border:1px solid #c393ff30;overflow:hidden}
.jc5 .jc5-tal-track span{display:block;height:100%;width:var(--v);background:linear-gradient(90deg,#7a4cc0,#c393ff);box-shadow:0 0 10px #c393ff90;border-radius:3px}
.jc5 .jc5-tal-bar b{font-size:10.5px;color:#dcbfff}
.jc5 .jc5-tal-aux{margin-top:10px;padding:10px 12px;background:#0e1232;border:1px dashed #c393ff2e;border-radius:10px}
.jc5 .jc5-tal-aux b{font-size:11px;color:#c393ff;letter-spacing:.2em;display:block;margin-bottom:3px}
.jc5 .jc5-tal-aux p{font-size:11.5px;color:var(--tx2)}
/* —— 技艺与行囊 —— */
.jc5 .jc5-duo{display:flex;gap:14px;margin:0 16px 16px}
.jc5 .jc5-duo .jc5-panel{flex:1;margin:0}
.jc5 .jc5-skills,.jc5 .jc5-bag{list-style:none}
.jc5 .jc5-skills li{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px dashed #f0cd851f}
.jc5 .jc5-skills li:last-child{border-bottom:0}
.jc5 .jc5-sk-gem{flex:0 0 auto;font-size:13px;margin-top:2px;filter:drop-shadow(0 0 6px currentColor)}
.jc5 .gem-a{color:#7ab8ff}
.jc5 .gem-b{color:#7ee2a0}
.jc5 .jc5-sk-i{flex:1;min-width:0}
.jc5 .jc5-sk-i b{display:block;font-size:12.5px}
.jc5 .jc5-sk-i i{display:block;font-style:normal;font-size:10px;color:var(--tx3);margin:1px 0 5px}
.jc5 .jc5-sk-t{display:block;height:5px;border-radius:3px;background:#080a20;border:1px solid #f0cd8524;overflow:hidden}
.jc5 .jc5-sk-t span{display:block;height:100%;width:var(--v);background:linear-gradient(90deg,#3c72c4,#7ab8ff);box-shadow:0 0 8px #7ab8ff90}
.jc5 .jc5-skills em{font-style:normal;font-size:10.5px;color:var(--tx2);margin-top:2px}
.jc5 .jc5-bag li{display:flex;gap:10px;align-items:center;padding:8px 9px;margin-bottom:7px;background:#0e1232;border:1px solid #f0cd8522;border-left:3px solid var(--tx3);border-radius:8px}
.jc5 .jc5-it-ic{flex:0 0 30px;height:30px;display:flex;align-items:center;justify-content:center;background:#171c48;border:1px solid #f0cd8530;border-radius:7px;font-size:13px}
.jc5 .jc5-it-i{flex:1;min-width:0}
.jc5 .jc5-it-i b{display:block;font-size:12.5px}
.jc5 .jc5-it-i i{display:block;font-style:normal;font-size:10px;color:var(--tx3)}
.jc5 .jc5-bag em{font-style:normal;font-size:11px;color:var(--tx2)}
.jc5 .rar-putong{border-left-color:#8b95ad}
.jc5 .rar-jingliang{border-left-color:#4ecb85}
.jc5 .rar-xiyou{border-left-color:#4d9aff;box-shadow:0 0 12px #4d9aff20}
.jc5 .rar-shishi{border-left-color:#b06cf0;box-shadow:0 0 12px #b06cf025}
.jc5 .rar-chuanshuo{border-left-color:#ffd27a;box-shadow:0 0 14px #ffd27a30}
.jc5 .jc5-coin{justify-content:flex-end;gap:8px;background:linear-gradient(90deg,#0e1232,#1d1a33);border-left-color:var(--gold2)}
.jc5 .jc5-coin-ic{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3d6,#f0cd85 45%,#a37c33);box-shadow:0 0 10px #f0cd8580;animation:jc5-pulse 2.2s ease-in-out infinite}
.jc5 .jc5-coin span{font-size:11px;color:var(--tx2)}
.jc5 .jc5-coin b{font-size:13.5px;color:var(--gold)}
/* —— NPC 图鉴 —— */
.jc5 .jc5-npc{padding:12px;margin-bottom:11px;background:#101438;border:1px solid #f0cd852a;border-radius:10px}
.jc5 .jc5-npc:last-child{margin-bottom:0}
.jc5 .jc5-npc-top{display:flex;gap:11px;align-items:center;margin-bottom:7px}
.jc5 .jc5-npc-ava{position:relative;flex:0 0 46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle,#20265c,#12163a);border:1.5px solid #f0cd8555;box-shadow:0 0 12px #f0cd8528}
.jc5 .jc5-npc-ava b{font-size:17px;color:var(--gold)}
.jc5 .jc5-npc-lv{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);font-style:normal;font-size:8.5px;padding:1px 6px;border-radius:7px;background:#1d2352;border:1px solid #f0cd8540;color:var(--tx2);white-space:nowrap}
.jc5 .jc5-npc-id{flex:1;min-width:0}
.jc5 .jc5-npc-id b{font-size:14.5px;margin-right:6px}
.jc5 .jc5-npc-id span{font-size:10.5px;color:var(--tx3)}
.jc5 .jc5-npc-id em{display:block;font-style:normal;font-size:11px;color:var(--tx2);margin-top:2px}
.jc5 .jc5-npc-mood{flex:0 0 auto;font-size:10.5px;padding:4px 11px;border-radius:11px;background:#1d2352;border:1px solid #f0cd8535;color:var(--gold)}
.jc5 .jc5-npc-look{font-size:11.5px;color:var(--tx2);line-height:1.8;margin:3px 0}
.jc5 .jc5-npc-look i{font-style:normal;color:var(--gold2);font-size:10px;letter-spacing:.14em;margin-right:3px}
.jc5 .jc5-npc-rel{display:flex;align-items:center;gap:9px;margin:7px 0 3px}
.jc5 .jc5-npc-rel i{font-style:normal;flex:0 0 34px;font-size:10.5px;color:var(--tx3);letter-spacing:.14em}
.jc5 .jc5-rel-t{flex:1;height:7px;border-radius:4px;background:#080a20;border:1px solid #f0cd8524;overflow:hidden}
.jc5 .jc5-rel-t span{display:block;height:100%;width:var(--v);background:linear-gradient(90deg,#a3262b,#ff8a8e,#ffd1a6);box-shadow:0 0 10px #ff8a8e70;border-radius:4px}
.jc5 .jc5-npc-rel b{font-size:10.5px;color:var(--tx2)}
.jc5 .jc5-npc-note{font-size:11px;color:var(--tx3);border-top:1px dashed #f0cd851d;padding-top:6px;margin-top:6px}
.jc5 .jc5-npc-note i{font-style:normal;color:var(--gold2);font-size:10px;margin-right:3px}
/* —— 记忆圣殿 —— */
.jc5 .jc5-mem{position:relative;z-index:2;margin:0 16px 16px;padding:3px;border-radius:13px;background:linear-gradient(135deg,#c49a52,#f0cd85 30%,#836528 60%,#f0cd85);box-shadow:0 0 34px #f0cd853d,0 14px 40px #04051a99}
.jc5 .jc5-mem>*{position:relative}
.jc5 .jc5-mem-crown{display:flex;align-items:center;gap:12px;padding:13px 16px;background:linear-gradient(180deg,#221c46,#161232);border-radius:10px 10px 0 0}
.jc5 .jc5-mem-wing{width:26px;height:14px;background:linear-gradient(90deg,transparent,#f0cd85);clip-path:polygon(0 100%,100% 0,100% 100%);opacity:.85}
.jc5 .jc5-mem-wing-r{transform:scaleX(-1)}
.jc5 .jc5-mem-ttl{flex:1;text-align:center}
.jc5 .jc5-mem-ttl b{display:block;font-size:14px;letter-spacing:.3em;color:var(--gold);text-shadow:0 0 14px #f0cd8570}
.jc5 .jc5-mem-ttl i{font-style:normal;font-size:9.5px;color:#9c916f;letter-spacing:.06em}
.jc5 .jc5-mem-stats{display:flex;justify-content:center;gap:20px;padding:8px;background:#141130;border-top:1px solid #f0cd8528;border-bottom:1px solid #f0cd8528;font-size:11px;color:var(--tx2)}
.jc5 .jc5-mem-stats b{color:var(--gold)}
.jc5 .jc5-mem-stats .is-add{color:#7ee2a0}
.jc5 .jc5-mem-stats .is-mod{color:#ffb45e}
.jc5 .jc5-mem-book{background:#100d28}
.jc5 .jc5-mb{padding:12px 15px;background:linear-gradient(180deg,#171340,#100d28);border-bottom:1px solid #f0cd851f}
.jc5 .jc5-mb-core{background:linear-gradient(180deg,#241c46,#171034);box-shadow:inset 0 0 30px #ffb1c812}
.jc5 .jc5-mb-t{display:block;font-size:11.5px;letter-spacing:.24em;color:var(--gold);margin-bottom:8px}
.jc5 .jc5-mb-core .jc5-mb-t{color:var(--pk);text-shadow:0 0 12px #ffb1c855}
.jc5 .jc5-mb ul{list-style:none}
.jc5 .jc5-mb li{display:flex;gap:10px;align-items:flex-start;padding:6px 0;border-bottom:1px dashed #f0cd8517}
.jc5 .jc5-mb li:last-child{border-bottom:0}
.jc5 .jc5-mb li i{flex:0 0 44px;font-style:normal;font-size:10px;color:var(--gold2);font-family:ui-monospace,monospace;padding-top:2px}
.jc5 .jc5-mb li p{flex:1;font-size:12px;color:var(--tx2);line-height:1.75}
.jc5 .jc5-mb-core li p{color:#e8dfc8}
.jc5 .jc5-mb li em{flex:0 0 auto;font-style:normal;font-size:9.5px;padding:2px 8px;border-radius:8px;background:#1d2352;border:1px solid #f0cd8535;color:var(--tx2)}
.jc5 .jc5-mb-core li em{border-color:var(--pk);color:var(--pk);box-shadow:0 0 10px #ffb1c830}
.jc5 .jc5-mb li .is-new{border-color:#7ee2a0;color:#7ee2a0;box-shadow:0 0 10px #7ee2a030}
.jc5 .jc5-mem-oath{padding:11px 16px;background:linear-gradient(180deg,#221c46,#171232);border-radius:0 0 10px 10px;font-size:11px;color:#d8cba4;text-align:center;letter-spacing:.05em;border-top:1px solid var(--gold2);text-shadow:0 0 10px #f0cd8535}
/* —— 命运岔路 —— */
.jc5 .jc5-act-list{display:flex;flex-direction:column;gap:9px}
.jc5 .jc5-act{display:flex;align-items:center;gap:12px;padding:11px 14px;background:linear-gradient(90deg,#171c48,#12163a);border:1px solid #f0cd8530;border-radius:10px;transition:.25s;cursor:default}
.jc5 .jc5-act:hover{border-color:var(--gold);box-shadow:0 0 18px #f0cd8535;transform:translateX(4px)}
.jc5 .jc5-act i{flex:0 0 26px;height:26px;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:11px;color:var(--gold);border:1px solid var(--gold2);border-radius:50%;box-shadow:0 0 10px #f0cd8535}
.jc5 .jc5-act p{flex:1;font-size:12.5px;color:var(--tx)}
.jc5 .jc5-act em{font-style:normal;color:var(--gold2);font-size:15px}
.jc5 .jc5-act-free{margin-top:9px;font-size:10.5px;color:var(--tx3);text-align:center;letter-spacing:.06em}
/* —— 页脚 —— */
.jc5 .jc5-foot{position:relative;z-index:2;display:flex;align-items:center;gap:13px;padding:13px 24px 17px}
.jc5 .jc5-foot span{flex:1;height:1px;background:var(--gLine);opacity:.5}
.jc5 .jc5-foot b{font-size:10.5px;color:var(--gold2);letter-spacing:.28em}
/* ============ 特殊正文格式（嵌在正文卷轴内） ============ */
.jc5 .jc5-fmt{margin:18px 0;border-radius:10px;overflow:hidden;text-indent:0;font-size:12.5px}
.jc5 .jc5-fmt p{text-indent:0!important;text-align:left!important;margin:0}
.jc5 .jc5-fmt p::first-letter{float:none;font-size:inherit;color:inherit;background:none;border:0;padding:0;margin:0;box-shadow:none;text-shadow:none}
.jc5 .jc5-fmt-h{display:flex;align-items:center;gap:9px;padding:8px 13px;font-size:11px;letter-spacing:.22em}
/* 1 手机讯息 */
.jc5 .fmt-phone{background:#10142e;border:1px solid #2a3266;box-shadow:0 10px 26px #04051a80,inset 0 1px #ffffff12;max-width:420px;margin-left:auto;margin-right:auto}
.jc5 .fmt-phone .jc5-fmt-h{background:linear-gradient(180deg,#1a2049,#141838);color:#9db4ff;border-bottom:1px solid #2a3266}
.jc5 .fmt-phone .jc5-fmt-h::before{content:"";width:8px;height:8px;border-radius:50%;background:#4ecb85;box-shadow:0 0 8px #4ecb85;animation:jc5-pulse 2s infinite}
.jc5 .fmt-phone-b{display:flex;flex-direction:column;gap:8px;padding:13px}
.jc5 .fmt-phone .msg{max-width:78%;padding:8px 12px;border-radius:12px;line-height:1.7;color:#e6ecff}
.jc5 .fmt-phone .msg i{display:block;font-style:normal;font-size:10.5px;color:#aeb9e6;margin-bottom:2px}
.jc5 .fmt-phone .msg-in{align-self:flex-start;background:#1c2452;border:1px solid #2f3a78;border-bottom-left-radius:3px}
.jc5 .fmt-phone .msg-out{align-self:flex-end;background:linear-gradient(180deg,#2b5cb8,#1e4490);border:1px solid #3a72d4;border-bottom-right-radius:3px}
.jc5 .fmt-phone .msg-sys{align-self:center;background:#1a2049cc;border:1px solid #3a4488;border-radius:8px;padding:3px 12px;font-size:11px;color:#c8d2f5;letter-spacing:.06em}
/* 2 界律敕谕（系统全屏公告） */
.jc5 .fmt-decree{background:radial-gradient(140% 130% at 50% 0%,#232a66,#0d1130 70%);border:1px solid var(--gold2);box-shadow:0 0 34px #f0cd8540,inset 0 0 50px #f0cd851a;text-align:center;padding:20px 18px}
.jc5 .fmt-decree b{display:block;font-size:15px;letter-spacing:.5em;color:var(--gold);text-shadow:0 0 20px #f0cd85aa;margin-bottom:8px}
.jc5 .fmt-decree p{color:#efe6ca!important;text-align:center!important;line-height:2;font-size:13px}
.jc5 .fmt-decree::before{content:"❖";display:block;font-size:22px;color:var(--gold);text-shadow:0 0 18px #f0cd85;animation:jc5-pulse 2.6s infinite}
/* 3 战报结算 */
.jc5 .fmt-battle{background:#170f16;border:1px solid #ff5a5f55;box-shadow:0 0 26px #ff5a5f26,inset 0 0 40px #ff5a5f10}
.jc5 .fmt-battle .jc5-fmt-h{background:linear-gradient(90deg,#3a1216,#170f16);color:#ffa2a5;border-bottom:1px solid #ff5a5f44}
.jc5 .fmt-battle .jc5-fmt-h::before{content:"⚔";font-size:13px}
.jc5 .fmt-battle ul{list-style:none;padding:11px 14px;display:flex;flex-direction:column;gap:6px}
.jc5 .fmt-battle li{display:flex;justify-content:space-between;gap:10px;color:#e8cfd0;font-size:12px;border-bottom:1px dashed #ff5a5f22;padding-bottom:5px}
.jc5 .fmt-battle li b{color:#ffd27a}
.jc5 .fmt-battle .dmg{color:#ff8a8e;font-weight:700}
.jc5 .fmt-battle .heal{color:#7ee2a0;font-weight:700}
/* 4 契约卷轴（任务/委托） */
.jc5 .fmt-quest{background:linear-gradient(170deg,#efe3c4,#e4d2a8);border:1px solid #b08d4a;box-shadow:inset 0 0 40px #b08d4a33,0 8px 22px #04051a66;color:#4a3812;padding:15px 17px}
.jc5 .fmt-quest b.qt{display:block;text-align:center;font-size:14px;letter-spacing:.3em;color:#6b4a14;border-bottom:2px double #b08d4a;padding-bottom:7px;margin-bottom:9px}
.jc5 .fmt-quest dl{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;font-size:12px}
.jc5 .fmt-quest dt{color:#8a6320;letter-spacing:.14em}
.jc5 .fmt-quest dd{color:#3d3019}
.jc5 .fmt-quest .qseal{float:right;margin-top:6px;width:44px;height:44px;border:2px solid #b3452f;border-radius:50%;color:#b3452f;display:flex;align-items:center;justify-content:center;font-size:11px;transform:rotate(-14deg);opacity:.85}
/* 5 书信 */
.jc5 .fmt-letter{background:linear-gradient(175deg,#f6efdd,#eee0c2);border:1px solid #c4ad7e;box-shadow:0 8px 22px #04051a55,inset 0 0 30px #c4ad7e2e;color:#43351c;padding:16px 20px;font-size:13px;line-height:2}
.jc5 .fmt-letter::before{content:"✉";display:block;text-align:center;color:#8a6320;font-size:16px;margin-bottom:6px}
.jc5 .fmt-letter p{color:#43351c!important;line-height:2!important}
.jc5 .fmt-letter .sig{text-align:right;color:#6b4a14;margin-top:8px;font-style:italic}
/* 6 尘世残页(日记/手记) */
.jc5 .fmt-diary{background:#141224;border-left:3px solid #c393ff;box-shadow:inset 0 0 34px #c393ff12;padding:14px 17px;color:#cfc3e8;font-style:italic;line-height:2}
.jc5 .fmt-diary p{color:#cfc3e8!important}
.jc5 .fmt-diary i.dt{display:block;font-size:10.5px;color:#9a86c8;letter-spacing:.14em;margin-bottom:6px;font-style:normal}
/* 7 讯令广播(新闻/电台) */
.jc5 .fmt-news{background:#0e1530;border:1px solid #3a5c9c}
.jc5 .fmt-news .jc5-fmt-h{background:repeating-linear-gradient(45deg,#16224a 0 12px,#101a3c 12px 24px);color:#9dc0ff;border-bottom:1px solid #3a5c9c}
.jc5 .fmt-news .jc5-fmt-h::before{content:"◉";color:#ff5a5f;animation:jc5-pulse 1.4s infinite}
.jc5 .fmt-news .nb{padding:12px 15px;color:#d6e2ff;line-height:1.9;font-size:12.5px}
.jc5 .fmt-news .nb p{color:#d6e2ff!important}
.jc5 .fmt-news .src{display:block;padding:0 15px 10px;font-size:11px;color:#9fb2dc;letter-spacing:.1em}
/* 8 密语频道(无线电/传音) */
.jc5 .fmt-radio{background:#081410;border:1px solid #2c7a4e;font-family:ui-monospace,monospace}
.jc5 .fmt-radio .jc5-fmt-h{background:#0c1f16;color:#7ee2a0;border-bottom:1px dashed #2c7a4e}
.jc5 .fmt-radio .jc5-fmt-h::before{content:"⌁";animation:jc5-pulse 1.2s infinite}
.jc5 .fmt-radio .rb{padding:11px 14px;display:flex;flex-direction:column;gap:5px}
.jc5 .fmt-radio .rl{font-size:12px;color:#a8e8c4;line-height:1.7}
.jc5 .fmt-radio .rl i{font-style:normal;color:#4ecb85;margin-right:6px}
.jc5 .fmt-radio .noise{color:#6fbf93;font-size:11px;letter-spacing:.3em}
/* 9 万象集市(交易/商店) */
.jc5 .fmt-trade{background:#161129;border:1px solid #8a6cf055}
.jc5 .fmt-trade .jc5-fmt-h{background:linear-gradient(90deg,#241c4d,#161129);color:#c9b6ff;border-bottom:1px solid #8a6cf044}
.jc5 .fmt-trade .jc5-fmt-h::before{content:"◈"}
.jc5 .fmt-trade table{width:100%;border-collapse:collapse;font-size:11.5px}
.jc5 .fmt-trade th{padding:7px 12px;text-align:left;color:#9a86c8;font-weight:400;font-size:10px;letter-spacing:.16em;border-bottom:1px solid #8a6cf030}
.jc5 .fmt-trade td{padding:7px 12px;color:#d9d0f0;border-bottom:1px dashed #8a6cf01f}
.jc5 .fmt-trade .pr{color:#ffd27a;font-weight:700;text-align:right}
/* 10 尘封档案(调查/情报) */
.jc5 .fmt-dossier{background:#12151d;border:1px solid #4a5268}
.jc5 .fmt-dossier .jc5-fmt-h{background:#191d28;color:#aeb8d0;border-bottom:1px solid #4a5268;justify-content:space-between}
.jc5 .fmt-dossier .jc5-fmt-h em{font-style:normal;font-size:9px;color:#ff8a8e;border:1px solid #ff5a5f66;padding:1px 7px;border-radius:3px;letter-spacing:.2em}
.jc5 .fmt-dossier dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;padding:12px 15px;font-size:12px}
.jc5 .fmt-dossier dt{color:#7c86a0;letter-spacing:.1em}
.jc5 .fmt-dossier dd{color:#d6dcea}
.jc5 .fmt-dossier .redact{background:#3a4152;color:transparent;border-radius:2px;padding:0 20px;user-select:none}
/* 11 梦境回响 */
.jc5 .fmt-dream{position:relative;background:linear-gradient(150deg,#1a1440,#0e1030 60%,#131b3e);border:1px solid #7a8cff44;box-shadow:inset 0 0 50px #7a8cff1c;padding:16px 19px;color:#c3cbf5;line-height:2.1;overflow:hidden}
.jc5 .fmt-dream p{color:#c3cbf5!important;opacity:.92}
.jc5 .fmt-dream::before{content:"";position:absolute;inset:0;background:radial-gradient(1.5px 1.5px at 15% 30%,#fff9,transparent),radial-gradient(1px 1px at 70% 20%,#fff7,transparent),radial-gradient(1.5px 1.5px at 85% 65%,#fff8,transparent);animation:jc5-tw 3.4s infinite alternate}
.jc5 .fmt-dream i.dh{display:block;text-align:center;font-style:normal;font-size:10px;color:#8a97e0;letter-spacing:.5em;margin-bottom:8px}
/* 12 碑铭告示 */
.jc5 .fmt-board{background:linear-gradient(180deg,#23262e,#181a20);border:2px solid #4a4e5c;box-shadow:inset 0 0 40px #000a,0 8px 20px #04051a80;padding:15px 18px;text-align:center;color:#c8cdd8}
.jc5 .fmt-board b{display:block;font-size:13.5px;letter-spacing:.4em;color:#e2e7f2;border-bottom:1px solid #4a4e5c;padding-bottom:7px;margin-bottom:9px;text-shadow:0 2px 3px #000}
.jc5 .fmt-board p{color:#c8cdd8!important;text-align:center!important;font-size:12.5px;line-height:1.95}
/* —— 移动端 —— */
@media (max-width:640px){
.jc5{border-radius:12px;box-shadow:0 0 0 3px #0c0f26,0 0 0 4px var(--gold3),0 20px 60px #04051ae8,inset 0 0 90px #04061e99}
.jc5 .jc5-mind-h{padding:11px 13px;gap:9px}
.jc5 .jc5-mind{padding:11px 13px}
.jc5 .jc5-mrow{flex-direction:column;gap:3px;padding:7px 0}
.jc5 .jc5-mk{flex:none}
.jc5 .jc5-crown{gap:10px;padding:13px 12px 8px}
.jc5 .jc5-crown-core b{font-size:14px;letter-spacing:.26em}
.jc5 .jc5-world{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px 10px 12px}
.jc5 .jc5-wc{padding:6px 10px;border-radius:12px}
.jc5 .jc5-wc b{font-size:11px;white-space:normal}
.jc5 .jc5-world .jc5-wc:last-child{grid-column:1/-1;justify-content:center}
.jc5 .jc5-story{padding:18px 14px 14px;margin:4px 8px 12px}
.jc5 .jc5-story::before,.jc5 .jc5-story::after{width:34px;height:34px}
.jc5 .jc5-story-cap h2{font-size:17px;letter-spacing:.2em}
.jc5 .jc5-story text p{font-size:14.5px;line-height:2}
.jc5 .jc5-story text>p:first-of-type::first-letter{font-size:32px;padding:5px 9px;margin:5px 8px 0 0}
.jc5 .jc5-law{gap:9px;padding:11px 12px}
.jc5 .jc5-hero,.jc5 .jc5-cls,.jc5 .jc5-tal,.jc5 .jc5-panel,.jc5 .jc5-npcs,.jc5 .jc5-acts,.jc5 .jc5-mem{margin:0 8px 12px;padding:13px 12px}
.jc5 .jc5-hero-row{flex-direction:column;align-items:center;gap:14px}
.jc5 .jc5-hero-main{width:100%}
.jc5 .jc5-hero-id{justify-content:center}
.jc5 .jc5-hero-look{text-align:center}
.jc5 .jc5-hero-tags{justify-content:center}
.jc5 .jc5-v{gap:7px}
.jc5 .jc5-v-k{flex-basis:30px;font-size:10px}
.jc5 .jc5-v-n{flex-basis:60px;font-size:10.5px}
.jc5 .jc5-duo{flex-direction:column;margin:0 8px 12px}
.jc5 .jc5-cls-main{flex-direction:column;gap:8px}
.jc5 .jc5-cls-crest{margin:4px auto 10px}
.jc5 .jc5-cls-t{justify-content:center}
.jc5 .jc5-cls-subs{flex-direction:column}
.jc5 .jc5-tal-core{flex-direction:column;align-items:center;gap:10px;text-align:left}
.jc5 .jc5-tal-t{justify-content:center}
.jc5 .jc5-npc-top{flex-wrap:wrap}
.jc5 .jc5-npc-mood{margin-left:auto}
.jc5 .jc5-mem-crown{gap:8px}
.jc5 .jc5-mem-wing{display:none}
.jc5 .jc5-mem-ttl i{white-space:normal}
.jc5 .jc5-mem-stats{flex-wrap:wrap;gap:8px}
.jc5 .jc5-mb ul li{flex-wrap:wrap}
.jc5 .jc5-mb ul li p{flex:1 1 100%;order:3}
.jc5 .jc5-act{padding:10px 12px}
.jc5 .fmt-quest dl,.jc5 .fmt-dossier dl{grid-template-columns:1fr}
.jc5 .fmt-phone .msg{max-width:88%}
.jc5 .fmt-trade th,.jc5 .fmt-trade td{padding:6px 8px}
}
/* ══ V5.1 修复补丁 ══ */
/* 1. 推演折叠（details原生） */
.jc5-mind-wrap{display:block}
.jc5-mind-wrap>summary{list-style:none;cursor:pointer}
.jc5-mind-wrap>summary::-webkit-details-marker{display:none}
.jc5-mind-wrap[open] .jc5-mind-arr{transform:rotate(180deg)}
.jc5-mind-arr{transition:transform .3s}
/* 2. NPC横排修复 */
.jc5-npc-top{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}
.jc5-npc-id{flex:1 1 auto;min-width:0}
.jc5-npc-id b,.jc5-npc-id span,.jc5-npc-id em{display:block;white-space:normal;word-break:keep-all;overflow-wrap:anywhere}
.jc5-npc-ava{flex:0 0 auto}
.jc5-npc-mood{flex:0 0 auto;max-width:38%;white-space:normal}
.jc5-npc-look,.jc5-npc-note{min-width:0;word-break:keep-all;overflow-wrap:anywhere}
/* 3. 八维星盘 OCTAGRAM */
.jc5-attr{margin:14px 0;border:1px solid rgba(212,175,110,.35);background:linear-gradient(165deg,#101426,#0a0d1c 60%,#0d1122);position:relative;overflow:hidden}
.jc5-attr::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 90% 60% at 50% -10%,rgba(212,175,110,.10),transparent 65%);pointer-events:none}
.jc5-attr-plate{position:relative;padding:16px 14px 12px}
.jc5-attr-core{position:absolute;top:14px;right:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:64px;height:64px;border:1px solid rgba(212,175,110,.55);transform:rotate(45deg);background:linear-gradient(135deg,rgba(212,175,110,.14),rgba(212,175,110,.03));box-shadow:0 0 18px rgba(212,175,110,.25),inset 0 0 12px rgba(212,175,110,.12)}
.jc5-attr-core b,.jc5-attr-core i{transform:rotate(-45deg)}
.jc5-attr-core b{font-size:20px;color:#e8c87e;text-shadow:0 0 12px rgba(232,200,126,.6);font-family:serif}
.jc5-attr-core i{font-size:8px;color:#8a90a8;letter-spacing:.15em;font-style:normal;margin-top:2px}
.jc5-attr-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}
@media(max-width:480px){.jc5-attr-grid{grid-template-columns:1fr}.jc5-attr-core{width:52px;height:52px}}
.jc5-at{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 10px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(90deg,rgba(255,255,255,.03),transparent);position:relative}
.jc5-at::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--ac,#d4af6e);opacity:.7;box-shadow:0 0 8px var(--ac,#d4af6e)}
.jc5-at-gem{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:34px;height:34px;transform:rotate(45deg);border:1px solid var(--ac,#d4af6e);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.16),transparent 55%),linear-gradient(135deg,color-mix(in srgb,var(--ac,#d4af6e) 30%,transparent),rgba(0,0,0,.35));box-shadow:0 0 10px color-mix(in srgb,var(--ac,#d4af6e) 45%,transparent),inset 0 0 8px color-mix(in srgb,var(--ac,#d4af6e) 30%,transparent)}
.jc5-at-gem b{transform:rotate(-45deg);font-size:15px;color:#f2ead6;text-shadow:0 0 8px var(--ac,#d4af6e);font-family:serif}
.jc5-at-i{flex:1 1 auto;min-width:0}
.jc5-at-t{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.jc5-at-t b{font-size:13px;color:#d8dcea;letter-spacing:.25em;font-family:serif}
.jc5-at-t em{font-style:normal;font-size:17px;font-weight:700;color:var(--ac,#d4af6e);text-shadow:0 0 10px color-mix(in srgb,var(--ac,#d4af6e) 55%,transparent);font-variant-numeric:tabular-nums}
.jc5-at-bar{display:block;position:relative;height:5px;margin-top:4px;background:rgba(255,255,255,.07);overflow:visible}
.jc5-at-f{display:block;height:100%;width:var(--v,25%);background:linear-gradient(90deg,color-mix(in srgb,var(--ac,#d4af6e) 55%,#000),var(--ac,#d4af6e));box-shadow:0 0 8px color-mix(in srgb,var(--ac,#d4af6e) 60%,transparent);position:relative}
.jc5-at-f::after{content:"";position:absolute;right:0;top:-2px;bottom:-2px;width:2px;background:#fff;opacity:.85;box-shadow:0 0 6px var(--ac,#d4af6e)}
.jc5-at-tick{position:absolute;top:-2px;bottom:-2px;left:37.5%;width:1px;background:rgba(255,255,255,.35)}
.jc5-at-tick2{left:50%;background:rgba(212,175,110,.6)}
.jc5-at-i p{margin:4px 0 0;font-size:10px;color:#7d84a0;line-height:1.5;min-width:0;word-break:keep-all;overflow-wrap:anywhere}
.at-tipo{--ac:#e06a4f}.at-agil{--ac:#5ec8a8}.at-perc{--ac:#5eb4e8}.at-ment{--ac:#b48ae8}
.at-will{--ac:#e8b45e}.at-srce{--ac:#4fd4e0}.at-affi{--ac:#8fdc6a}.at-domn{--ac:#e07a9e}
.jc5-at.is-high .jc5-at-t em{color:#ffe9b8}
.jc5-at.is-peak .jc5-at-gem{animation:at-pulse 2.2s ease-in-out infinite}
.jc5-at.is-low{opacity:.72}.jc5-at.is-low::before{background:#666}
@keyframes at-pulse{0%,100%{box-shadow:0 0 10px color-mix(in srgb,var(--ac) 45%,transparent)}50%{box-shadow:0 0 22px var(--ac),inset 0 0 12px color-mix(in srgb,var(--ac) 50%,transparent)}}
.jc5-attr-note{padding:8px 14px;border-top:1px solid rgba(212,175,110,.2);font-size:9.5px;letter-spacing:.08em;color:#6e7590;text-align:center}
/* ============================================
   全局界面美化方案 - 奇幻渐变风格
   复制后粘贴到内置CSS区
   ============================================ */

/* —————— 1. 顶部栏美化 —————— */
/* 主容器背景 */
.sticky.w-full.top-0.flex.items-center {
  background: linear-gradient(135deg, #1a1f4d 0%, #0f1330 50%, #1d1438 100%) !important;
  border-bottom: 1px solid rgba(240, 205, 133, 0.2) !important;
  box-shadow: 0 4px 20px rgba(4, 5, 26, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(12px) !important;
  transition: all 0.3s ease !important;
}

.sticky.w-full.top-0.flex.items-center:hover {
  border-bottom-color: rgba(240, 205, 133, 0.35) !important;
  box-shadow: 0 6px 28px rgba(4, 5, 26, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

/* 模型选择器容器 */
#ai-model-selector .group.flex.items-center {
  background: linear-gradient(145deg, rgba(28, 33, 82, 0.85), rgba(20, 24, 56, 0.9)) !important;
  border: 1px solid rgba(240, 205, 133, 0.3) !important;
  border-radius: 12px !important;
  padding: 8px 14px !important;
  box-shadow: 0 0 18px rgba(240, 205, 133, 0.15), inset 0 0 20px rgba(240, 205, 133, 0.08) !important;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

#ai-model-selector .group.flex.items-center:hover {
  background: linear-gradient(145deg, rgba(34, 41, 102, 0.95), rgba(24, 30, 70, 1)) !important;
  border-color: rgba(240, 205, 133, 0.5) !important;
  box-shadow: 0 0 26px rgba(240, 205, 133, 0.3), inset 0 0 30px rgba(240, 205, 133, 0.12) !important;
  transform: translateY(-1px) !important;
}

/* 模型名称文字 */
#ai-model-selector .truncate.text-\[13px\] {
  color: #f0cd85 !important;
  text-shadow: 0 0 12px rgba(240, 205, 133, 0.4) !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  transition: all 0.3s ease !important;
}

#ai-model-selector .group.flex.items-center:hover .truncate.text-\[13px\] {
  color: #ffe9b8 !important;
  text-shadow: 0 0 18px rgba(240, 205, 133, 0.6) !important;
}

/* 下拉箭头 */
#ai-model-selector .shrink-0.flex.items-center svg {
  color: #c49a52 !important;
  filter: drop-shadow(0 0 8px rgba(196, 154, 82, 0.5)) !important;
  transition: all 0.3s ease !important;
}

#ai-model-selector .group.flex.items-center:hover .shrink-0.flex.items-center svg {
  color: #f0cd85 !important;
  filter: drop-shadow(0 0 14px rgba(240, 205, 133, 0.7)) !important;
  transform: translateY(2px) !important;
}

/* 历史记录图标（移动端） */
.sticky.w-full.top-0 svg.lucide-clock-8 {
  color: #7ab8ff !important;
  filter: drop-shadow(0 0 10px rgba(122, 184, 255, 0.4)) !important;
  transition: all 0.3s ease !important;
}

.sticky.w-full.top-0 svg.lucide-clock-8:hover {
  color: #9dcfff !important;
  filter: drop-shadow(0 0 16px rgba(122, 184, 255, 0.7)) !important;
  transform: rotate(15deg) scale(1.1) !important;
}

/* 历史记录未读角标 */
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden {
  background: radial-gradient(circle, #ff5a5f 0%, #a3262b 100%) !important;
  box-shadow: 0 0 12px rgba(255, 90, 95, 0.8), 0 0 20px rgba(255, 90, 95, 0.4) !important;
  animation: badge-pulse 2s ease-in-out infinite !important;
}

@keyframes badge-pulse {
  0%, 100% { box-shadow: 0 0 12px rgba(255, 90, 95, 0.8), 0 0 20px rgba(255, 90, 95, 0.4); }
  50% { box-shadow: 0 0 18px rgba(255, 90, 95, 1), 0 0 30px rgba(255, 90, 95, 0.6); }
}

/* 音乐按钮 */
.sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2) {
  background: linear-gradient(135deg, rgba(195, 147, 255, 0.15), rgba(138, 76, 192, 0.2)) !important;
  border: 1px solid rgba(195, 147, 255, 0.3) !important;
  border-radius: 10px !important;
  transition: all 0.3s ease !important;
}

.sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2):hover {
  background: linear-gradient(135deg, rgba(195, 147, 255, 0.25), rgba(138, 76, 192, 0.35)) !important;
  border-color: rgba(195, 147, 255, 0.5) !important;
  box-shadow: 0 0 20px rgba(195, 147, 255, 0.4) !important;
  transform: scale(1.05) !important;
}

.sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2 {
  color: #c393ff !important;
  filter: drop-shadow(0 0 8px rgba(195, 147, 255, 0.5)) !important;
}

/* 移动端设置图标 */
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]) {
  color: #f0cd85 !important;
  filter: drop-shadow(0 0 10px rgba(240, 205, 133, 0.4)) !important;
  transition: all 0.3s ease !important;
}

.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]):hover {
  color: #ffe9b8 !important;
  filter: drop-shadow(0 0 16px rgba(240, 205, 133, 0.7)) !important;
  transform: rotate(90deg) scale(1.1) !important;
}

/* 设置按钮 */
#header-setting-button {
  background: linear-gradient(145deg, rgba(28, 33, 82, 0.6), rgba(20, 24, 56, 0.75)) !important;
  border: 1px solid rgba(240, 205, 133, 0.25) !important;
  border-radius: 10px !important;
  box-shadow: 0 0 12px rgba(240, 205, 133, 0.1) !important;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

#header-setting-button:hover {
  background: linear-gradient(145deg, rgba(34, 41, 102, 0.8), rgba(24, 30, 70, 0.9)) !important;
  border-color: rgba(240, 205, 133, 0.45) !important;
  box-shadow: 0 0 22px rgba(240, 205, 133, 0.25) !important;
  transform: translateY(-1px) !important;
}

#header-setting-button svg {
  color: #f0cd85 !important;
  filter: drop-shadow(0 0 8px rgba(240, 205, 133, 0.4)) !important;
  transition: all 0.3s ease !important;
}

#header-setting-button:hover svg {
  color: #ffe9b8 !important;
  filter: drop-shadow(0 0 14px rgba(240, 205, 133, 0.6)) !important;
  transform: rotate(45deg) !important;
}

/* —————— 2. 开场白选择器美化 —————— */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] {
  background: linear-gradient(135deg, rgba(28, 33, 82, 0.7), rgba(20, 24, 56, 0.85)) !important;
  border: 1px solid rgba(240, 205, 133, 0.28) !important;
  border-radius: 12px !important;
  box-shadow: 0 0 16px rgba(240, 205, 133, 0.12), inset 0 0 18px rgba(240, 205, 133, 0.06) !important;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
  backdrop-filter: blur(8px) !important;
}

div.flex.items-center.h-9.cursor-pointer.group:hover {
  background: linear-gradient(135deg, rgba(34, 41, 102, 0.85), rgba(24, 30, 70, 1)) !important;
  border-color: rgba(240, 205, 133, 0.45) !important;
  box-shadow: 0 0 24px rgba(240, 205, 133, 0.25), inset 0 0 28px rgba(240, 205, 133, 0.1) !important;
  transform: translateY(-1px) !important;
}

/* 左侧滑块图标 */
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"] {
  color: #7ab8ff !important;
  filter: drop-shadow(0 0 10px rgba(122, 184, 255, 0.5)) !important;
  transition: all 0.3s ease !important;
}

div.flex.items-center.h-9.cursor-pointer.group:hover svg[data-icon="SlidersH"] {
  color: #9dcfff !important;
  filter: drop-shadow(0 0 16px rgba(122, 184, 255, 0.75)) !important;
  transform: translateX(-2px) !important;
}

/* 右侧下拉箭头 */
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"] {
  color: #c49a52 !important;
  filter: drop-shadow(0 0 8px rgba(196, 154, 82, 0.5)) !important;
  transition: all 0.3s ease !important;
}

div.flex.items-center.h-9.cursor-pointer.group:hover svg[data-icon="ChevronDown"] {
  color: #f0cd85 !important;
  filter: drop-shadow(0 0 14px rgba(240, 205, 133, 0.7)) !important;
  transform: translateY(2px) !important;
}

/* —————— 3. 按钮栏美化 —————— */
#ai-mod-button2 button.MuiButton-root {
  background: linear-gradient(145deg, rgba(28, 33, 82, 0.75), rgba(20, 24, 56, 0.9)) !important;
  border: 1px solid rgba(240, 205, 133, 0.3) !important;
  border-radius: 10px !important;
  color: #f0cd85 !important;
  font-weight: 500 !important;
  text-shadow: 0 0 10px rgba(240, 205, 133, 0.3) !important;
  box-shadow: 0 0 14px rgba(240, 205, 133, 0.12), inset 0 0 16px rgba(240, 205, 133, 0.08) !important;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
  backdrop-filter: blur(6px) !important;
}

#ai-mod-button2 button.MuiButton-root:hover {
  background: linear-gradient(145deg, rgba(34, 41, 102, 0.95), rgba(24, 30, 70, 1)) !important;
  border-color: rgba(240, 205, 133, 0.5) !important;
  color: #ffe9b8 !important;
  text-shadow: 0 0 16px rgba(240, 205, 133, 0.5) !important;
  box-shadow: 0 0 24px rgba(240, 205, 133, 0.25), inset 0 0 28px rgba(240, 205, 133, 0.12) !important;
  transform: translateY(-2px) !important;
}

#ai-mod-button2 button.MuiButton-root svg {
  color: #c49a52 !important;
  filter: drop-shadow(0 0 8px rgba(196, 154, 82, 0.5)) !important;
  transition: all 0.3s ease !important;
}

#ai-mod-button2 button.MuiButton-root:hover svg {
  color: #f0cd85 !important;
  filter: drop-shadow(0 0 14px rgba(240, 205, 133, 0.7)) !important;
  transform: scale(1.1) !important;
}

/* —————— 4. 底部栏美化 —————— */
/* 底部栏外层渐变背景 */
.bg-gradient-to-t {
  background: linear-gradient(180deg, rgba(12, 15, 38, 0.98) 0%, rgba(18, 22, 58, 0.95) 50%, transparent 100%) !important;
  backdrop-filter: blur(16px) !important;
}

/* 输入框容器 */
#ai-chat-bottom-input {
  background: linear-gradient(135deg, rgba(28, 33, 82, 0.85), rgba(20, 24, 56, 0.95)) !important;
  border: 1px solid rgba(240, 205, 133, 0.3) !important;
  border-radius: 16px !important;
  box-shadow: 0 0 28px rgba(240, 205, 133, 0.18), inset 0 0 32px rgba(240, 205, 133, 0.1), 0 8px 32px rgba(4, 5, 26, 0.6) !important;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
  padding: 4px !important;
}

#ai-chat-bottom-input:focus-within {
  border-color: rgba(240, 205, 133, 0.5) !important;
  box-shadow: 0 0 38px rgba(240, 205, 133, 0.3), inset 0 0 42px rgba(240, 205, 133, 0.15), 0 12px 40px rgba(4, 5, 26, 0.75) !important;
  transform: translateY(-2px) !important;
}

/* 主输入框 */
#ai-chat-input {
  background: rgba(13, 17, 48, 0.6) !important;
  color: #f2ead6 !important;
  border-radius: 12px !important;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  transition: all 0.3s ease !important;
}

#ai-chat-input:focus {
  background: rgba(16, 20, 56, 0.75) !important;
  color: #ffe9b8 !important;
  outline: none !important;
}

/* 占位符样式 */
#ai-chat-input::placeholder {
  color: rgba(191, 182, 155, 0.5) !important;
  font-style: italic !important;
  letter-spacing: 0.02em !important;
  transition: all 0.3s ease !important;
}

#ai-chat-input:focus::placeholder {
  color: rgba(240, 205, 133, 0.4) !important;
}

/* 文字选中效果 */
#ai-chat-input::selection {
  background: rgba(240, 205, 133, 0.35) !important;
  color: #ffe9b8 !important;
}

/* —————— 5. 分页栏美化（仅颜色和视觉样式） —————— */
.MuiPaginationItem-root {
  background: linear-gradient(145deg, rgba(28, 33, 82, 0.6), rgba(20, 24, 56, 0.75)) !important;
  border: 1px solid rgba(240, 205, 133, 0.25) !important;
  color: #bfb69b !important;
  font-weight: 500 !important;
  box-shadow: 0 0 10px rgba(240, 205, 133, 0.08) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.MuiPaginationItem-root:hover {
  background: linear-gradient(145deg, rgba(34, 41, 102, 0.8), rgba(24, 30, 70, 0.9)) !important;
  border-color: rgba(240, 205, 133, 0.4) !important;
  color: #f0cd85 !important;
  box-shadow: 0 0 18px rgba(240, 205, 133, 0.2) !important;
}

.MuiPaginationItem-root.Mui-selected {
  background: linear-gradient(145deg, #c49a52, #836528) !important;
  border-color: #f0cd85 !important;
  color: #0c0f26 !important;
  font-weight: 700 !important;
  box-shadow: 0 0 22px rgba(240, 205, 133, 0.4), inset 0 0 16px rgba(240, 205, 133, 0.3) !important;
}

.MuiPaginationItem-root.Mui-disabled {
  background: rgba(20, 24, 56, 0.4) !important;
  border-color: rgba(240, 205, 133, 0.1) !important;
  color: rgba(191, 182, 155, 0.3) !important;
  box-shadow: none !important;
}

.MuiPaginationItem-icon {
  color: #c49a52 !important;
  filter: drop-shadow(0 0 6px rgba(196, 154, 82, 0.4)) !important;
  transition: all 0.3s ease !important;
}

.MuiPaginationItem-root:hover .MuiPaginationItem-icon {
  color: #f0cd85 !important;
  filter: drop-shadow(0 0 12px rgba(240, 205, 133, 0.6)) !important;
}

/* 跳转输入区域容器 */
.MuiStack-root.css-1uwir8f {
  background: linear-gradient(135deg, rgba(28, 33, 82, 0.5), rgba(20, 24, 56, 0.65)) !important;
  border: 1px solid rgba(240, 205, 133, 0.2) !important;
  border-radius: 10px !important;
  box-shadow: 0 0 12px rgba(240, 205, 133, 0.1) !important;
}

.MuiStack-root.css-1uwir8f .MuiBox-root {
  color: #bfb69b !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

.MuiInputBase-input {
  background: rgba(13, 17, 48, 0.5) !important;
  color: #f0cd85 !important;
  border: 1px solid rgba(240, 205, 133, 0.25) !important;
  border-radius: 6px !important;
  font-weight: 500 !important;
  text-shadow: 0 0 8px rgba(240, 205, 133, 0.3) !important;
  transition: all 0.3s ease !important;
}

.MuiInputBase-input:focus {
  background: rgba(16, 20, 56, 0.7) !important;
  border-color: rgba(240, 205, 133, 0.45) !important;
  box-shadow: 0 0 16px rgba(240, 205, 133, 0.25) !important;
  outline: none !important;
}

/* —————— 6. 评论区美化 —————— */
/* 背景容器（主容器） */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
  background: linear-gradient(165deg, #1a1f4d 0%, #12163a 50%, #0f1330 100%) !important;
  border-top: 1px solid rgba(240, 205, 133, 0.25) !important;
  box-shadow: 0 -8px 32px rgba(4, 5, 26, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

/* 顶部标题 */
div.text-lg.font-bold {
  color: #f0cd85 !important;
  text-shadow: 0 0 16px rgba(240, 205, 133, 0.4) !important;
  letter-spacing: 0.05em !important;
  background: linear-gradient(90deg, #f0cd85, #ffe9b8, #f0cd85) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* 个人评分文字 */
p.MuiTypography-body1.text-grey-600 {
  color: #bfb69b !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  font-weight: 500 !important;
}

/* 评分容器 */
span.MuiRating-root {
  filter: drop-shadow(0 0 12px rgba(255, 212, 122, 0.4)) !important;
}

/* 未选中的星星 */
span.MuiRating-iconEmpty svg {
  color: rgba(196, 154, 82, 0.35) !important;
  transition: all 0.3s ease !important;
}

/* 选中的星星 */
span.MuiRating-iconFilled svg {
  color: #ffd27a !important;
  filter: drop-shadow(0 0 10px rgba(255, 210, 122, 0.7)) !important;
  transition: all 0.3s ease !important;
}

span.MuiRating-iconFilled svg:hover {
  filter: drop-shadow(0 0 16px rgba(255, 210, 122, 1)) !important;
  transform: scale(1.15) !important;
}

/* 评分数字 */
span.text-orange-500 {
  color: #ffd27a !important;
  font-weight: 700 !important;
  text-shadow: 0 0 14px rgba(255, 210, 122, 0.6) !important;
  font-variant-numeric: tabular-nums !important;
}

/* 输入框容器 */
div.flex.flex-col.border-gray-200 {
  background: linear-gradient(135deg, rgba(28, 33, 82, 0.65), rgba(20, 24, 56, 0.8)) !important;
  border: 1px solid rgba(240, 205, 133, 0.3) !important;
  border-radius: 14px !important;
  box-shadow: 0 0 20px rgba(240, 205, 133, 0.15), inset 0 0 24px rgba(240, 205, 133, 0.08) !important;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
  backdrop-filter: blur(10px) !important;
}

div.flex.flex-col.border-gray-200:focus-within {
  border-color: rgba(240, 205, 133, 0.5) !important;
  box-shadow: 0 0 30px rgba(240, 205, 133, 0.25), inset 0 0 34px rgba(240, 205, 133, 0.12) !important;
}

/* 评论输入框 */
textarea.rc-textarea {
  background: rgba(13, 17, 48, 0.55) !important;
  color: #f2ead6 !important;
  border: 1px solid rgba(240, 205, 133, 0.2) !important;
  border-radius: 10px !important;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.3s ease !important;
}

textarea.rc-textarea:focus {
  background: rgba(16, 20, 56, 0.7) !important;
  border-color: rgba(240, 205, 133, 0.4) !important;
  color: #ffe9b8 !important;
  box-shadow: 0 0 16px rgba(240, 205, 133, 0.2) !important;
  outline: none !important;
}

textarea.rc-textarea::placeholder {
  color: rgba(191, 182, 155, 0.45) !important;
  font-style: italic !important;
}

textarea.rc-textarea::selection {
  background: rgba(240, 205, 133, 0.3) !important;
  color: #ffe9b8 !important;
}

/* 输入字数统计 */
div.bg-gray-100.text-gray-500 {
  background: rgba(13, 17, 48, 0.4) !important;
  color: #77715d !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) !important;
  font-variant-numeric: tabular-nums !important;
}

/* 发送评论按钮 */
div.cursor-pointer.group.flex.items-center.justify-center {
  background: linear-gradient(145deg, #c49a52, #836528) !important;
  border: 1px solid #f0cd85 !important;
  border-radius: 10px !important;
  box-shadow: 0 0 18px rgba(240, 205, 133, 0.3), inset 0 0 16px rgba(240, 205, 133, 0.25) !important;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

div.cursor-pointer.group.flex.items-center.justify-center:hover {
  background: linear-gradient(145deg, #f0cd85, #c49a52) !important;
  border-color: #ffe9b8 !important;
  box-shadow: 0 0 28px rgba(240, 205, 133, 0.5), inset 0 0 24px rgba(240, 205, 133, 0.35) !important;
  transform: translateY(-2px) scale(1.03) !important;
}

div.cursor-pointer.group.flex.items-center.justify-center:active {
  transform: translateY(0) scale(0.98) !important;
}

/* 发送按钮图标 */
div[data-state="closed"] svg[data-icon="Send03"] {
  color: #0c0f26 !important;
  filter: drop-shadow(0 0 8px rgba(12, 15, 38, 0.4)) !important;
  transition: all 0.3s ease !important;
}

div.cursor-pointer.group:hover svg[data-icon="Send03"] {
  color: #12163a !important;
  filter: drop-shadow(0 0 12px rgba(12, 15, 38, 0.6)) !important;
  transform: translateX(2px) !important;
}

/* 分割线 */
div.style_divider__mW0YX {
  background: linear-gradient(90deg, transparent, rgba(240, 205, 133, 0.3), transparent) !important;
  height: 1px !important;
  box-shadow: 0 0 8px rgba(240, 205, 133, 0.2) !important;
}

/* 排序按钮容器 */
.MuiStack-root.css-1dmzxoz {
  background: linear-gradient(135deg, rgba(28, 33, 82, 0.4), rgba(20, 24, 56, 0.55)) !important;
  border-radius: 12px !important;
  box-shadow: 0 0 12px rgba(240, 205, 133, 0.08) !important;
}

/* 排序按钮（已选中） */
button.MuiButton-containedPrimary {
  background: linear-gradient(145deg, #c49a52, #836528) !important;
  border: 1px solid #f0cd85 !important;
  color: #0c0f26 !important;
  font-weight: 600 !important;
  box-shadow: 0 0 16px rgba(240, 205, 133, 0.3), inset 0 0 14px rgba(240, 205, 133, 0.2) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

button.MuiButton-containedPrimary:hover {
  background: linear-gradient(145deg, #f0cd85, #c49a52) !important;
  box-shadow: 0 0 24px rgba(240, 205, 133, 0.45), inset 0 0 20px rgba(240, 205, 133, 0.3) !important;
  transform: translateY(-1px) !important;
}

/* 排序按钮（未选中） */
button.MuiButton-outlinedPrimary {
  background: linear-gradient(145deg, rgba(28, 33, 82, 0.5), rgba(20, 24, 56, 0.65)) !important;
  border: 1px solid rgba(240, 205, 133, 0.25) !important;
  color: #bfb69b !important;
  font-weight: 500 !important;
  box-shadow: 0 0 10px rgba(240, 205, 133, 0.08) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

button.MuiButton-outlinedPrimary:hover {
  background: linear-gradient(145deg, rgba(34, 41, 102, 0.7), rgba(24, 30, 70, 0.8)) !important;
  border-color: rgba(240, 205, 133, 0.4) !important;
  color: #f0cd85 !important;
  box-shadow: 0 0 18px rgba(240, 205, 133, 0.15) !important;
}

/* 评论列表容器 */
div.p-3.overflow-y-auto {
  background: linear-gradient(165deg, rgba(18, 22, 58, 0.3), rgba(12, 15, 38, 0.4)) !important;
  border-radius: 10px !important;
}

/* 评论项 */
div.group.ml-0 {
  background: linear-gradient(135deg, rgba(28, 33, 82, 0.45), rgba(20, 24, 56, 0.6)) !important;
  border: 1px solid rgba(240, 205, 133, 0.15) !important;
  border-radius: 12px !important;
  box-shadow: 0 0 10px rgba(240, 205, 133, 0.05) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  backdrop-filter: blur(6px) !important;
}

div.group.ml-0:hover {
  background: linear-gradient(135deg, rgba(34, 41, 102, 0.6), rgba(24, 30, 70, 0.75)) !important;
  border-color: rgba(240, 205, 133, 0.25) !important;
  box-shadow: 0 0 18px rgba(240, 205, 133, 0.12) !important;
  transform: translateX(2px) !important;
}

/* 用户头像 */
div.group img.rounded-full {
  border: 2px solid rgba(240, 205, 133, 0.4) !important;
  box-shadow: 0 0 12px rgba(240, 205, 133, 0.25) !important;
  transition: all 0.3s ease !important;
}

div.group:hover img.rounded-full {
  border-color: rgba(240, 205, 133, 0.6) !important;
  box-shadow: 0 0 18px rgba(240, 205, 133, 0.4) !important;
  transform: scale(1.05) !important;
}

/* 用户名 */
div.text-sm.text-grey-600 span.font-bold {
  color: #f0cd85 !important;
  text-shadow: 0 0 8px rgba(240, 205, 133, 0.3) !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
}

/* "（你）" 标签 */
span.text-\[10px\] {
  color: #7ee2a0 !important;
  background: rgba(78, 203, 133, 0.15) !important;
  border: 1px solid rgba(78, 203, 133, 0.4) !important;
  border-radius: 6px !important;
  padding: 1px 6px !important;
  text-shadow: 0 0 6px rgba(78, 203, 133, 0.4) !important;
  font-weight: 600 !important;
}

/* 评论内容 */
div.break-all {
  color: #f2ead6 !important;
  line-height: 1.7 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

/* 时间戳 */
div.text-xs.text-grey-600 {
  color: #77715d !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) !important;
  font-size: 11px !important;
}

/* 点赞按钮 */
button.text-gray-400 {
  color: #c49a52 !important;
  transition: all 0.3s ease !important;
  filter: drop-shadow(0 0 6px rgba(196, 154, 82, 0.3)) !important;
}

button.text-gray-400:hover {
  color: #f0cd85 !important;
  filter: drop-shadow(0 0 12px rgba(240, 205, 133, 0.5)) !important;
  transform: scale(1.15) !important;
}

/* 点赞按钮图标 */
button.text-gray-400 svg {
  transition: all 0.3s ease !important;
}

button.text-gray-400:hover svg {
  transform: translateY(-1px) !important;
}

/* 回复文字 */
span.cursor-pointer {
  color: #7ab8ff !important;
  text-shadow: 0 0 8px rgba(122, 184, 255, 0.3) !important;
  transition: all 0.3s ease !important;
  font-weight: 500 !important;
}

span.cursor-pointer:hover {
  color: #9dcfff !important;
  text-shadow: 0 0 14px rgba(122, 184, 255, 0.5) !important;
  text-decoration: underline !important;
}

/* 回复区域边框 */
div.ml-8.border-l {
  border-left: 2px solid rgba(240, 205, 133, 0.25) !important;
  box-shadow: -4px 0 12px rgba(240, 205, 133, 0.08) !important;
}

/* —————— 额外优化建议 —————— */

/* 可选：为整个页面添加微妙的背景纹理 */
/*
body::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  background: radial-gradient(1.2px 1.2px at 20% 30%, rgba(255, 255, 255, 0.15), transparent),
              radial-gradient(1px 1px at 60% 70%, rgba(255, 233, 184, 0.1), transparent),
              radial-gradient(1.5px 1.5px at 50% 50%, rgba(255, 255, 255, 0.12), transparent) !important;
  pointer-events: none !important;
  z-index: 1 !important;
  opacity: 0.4 !important;
  animation: texture-shimmer 8s ease-in-out infinite alternate !important;
}

@keyframes texture-shimmer {
  to { opacity: 0.2; }
}
*/

/* 可选：滚动条美化 */
/*
::-webkit-scrollbar {
  width: 10px !important;
  height: 10px !important;
}

::-webkit-scrollbar-track {
  background: rgba(12, 15, 38, 0.4) !important;
  border-radius: 5px !important;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(145deg, #c49a52, #836528) !important;
  border-radius: 5px !important;
  border: 1px solid rgba(240, 205, 133, 0.3) !important;
  box-shadow: 0 0 10px rgba(240, 205, 133, 0.3) !important;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(145deg, #f0cd85, #c49a52) !important;
  box-shadow: 0 0 16px rgba(240, 205, 133, 0.5) !important;
}
*/
.jc5 .jc5-mind-wrap[open] .jc5-mind{display:block}

/* 原生折叠区：默认展开，无 JavaScript */
.jc5-fold{display:block}
.jc5-fold-summary{cursor:pointer;list-style:none;user-select:none}
.jc5-fold-summary::-webkit-details-marker{display:none}
.jc5-fold-summary::marker{display:none;content:""}
.jc5-fold-arr{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;transition:transform .3s ease}
.jc5-fold[open]>.jc5-fold-summary .jc5-fold-arr{transform:rotate(180deg)}
.jc5-fold>.jc5-fold-summary.jc5-sect{display:flex;align-items:center}
.jc5-fold>.jc5-fold-summary.jc5-mem-crown{cursor:pointer}
.jc5-fold>.jc5-fold-summary.jc5-mem-crown .jc5-fold-arr{position:absolute;right:1rem}

/* ═══════════════════════════════════════════════════
   永昼圣典 · 神器级视觉增强层
   纯 CSS / 无 JavaScript / 保留原生 details 语义
   ═══════════════════════════════════════════════════ */
.jc5{
  --jc5-void:#070914;
  --jc5-night:#10152b;
  --jc5-gold:#f0cd85;
  --jc5-cyan:#7ab8ff;
  --jc5-ivory:#f2ead6;
  isolation:isolate;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(240,205,133,.5);
  background:
    radial-gradient(circle at 12% 4%,rgba(122,184,255,.12),transparent 28%),
    radial-gradient(circle at 88% 18%,rgba(240,205,133,.11),transparent 24%),
    linear-gradient(160deg,var(--jc5-night),var(--jc5-void) 52%,#0b1022);
  box-shadow:0 0 0 1px rgba(240,205,133,.08),0 28px 80px rgba(0,0,0,.55),inset 0 0 70px rgba(122,184,255,.035);
}
.jc5::before,.jc5::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}
.jc5::before{
  opacity:.62;
  background-image:
    radial-gradient(circle,rgba(242,234,214,.85) 0 1px,transparent 1.4px),
    radial-gradient(circle,rgba(122,184,255,.65) 0 1px,transparent 1.5px),
    radial-gradient(circle,rgba(240,205,133,.55) 0 1px,transparent 1.3px);
  background-size:73px 83px,127px 149px,191px 173px;
  background-position:5px 9px,31px 47px,83px 19px;
  animation:jc5-star-drift 38s linear infinite;
}
.jc5::after{
  inset:-25%;
  opacity:.42;
  background:conic-gradient(from 210deg at 50% 50%,transparent 0 18%,rgba(122,184,255,.08) 26%,transparent 34% 62%,rgba(240,205,133,.07) 72%,transparent 80%);
  animation:jc5-aurora 24s ease-in-out infinite alternate;
}
.jc5>*{position:relative;z-index:1}

/* 神器外框与冠冕 */
.jc5-crown,.jc5-mind-h{
  overflow:hidden;
  box-shadow:inset 0 1px rgba(242,234,214,.16),0 12px 34px rgba(0,0,0,.32),0 0 24px rgba(240,205,133,.09);
}
.jc5-crown::after,.jc5-mind-h::after,.jc5-sect::after{
  content:"";position:absolute;top:0;bottom:0;left:-45%;width:28%;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(242,234,214,.22),transparent);
  transform:skewX(-22deg);animation:jc5-sanctum-sweep 7s ease-in-out infinite;
}
.jc5-crown-star{filter:drop-shadow(0 0 6px var(--jc5-gold)) drop-shadow(0 0 18px rgba(240,205,133,.5))}
.jc5-crown-core b{text-shadow:0 0 8px rgba(240,205,133,.55),0 0 24px rgba(240,205,133,.22)}
.jc5-mind-eye{filter:drop-shadow(0 0 7px var(--jc5-cyan));animation:jc5-oracle-pulse 2.8s ease-in-out infinite}

/* 世界坐标卡片 */
.jc5-wc{transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease,background-color .35s ease}
.jc5-wc:hover{transform:translateY(-3px);border-color:rgba(240,205,133,.48);background-color:rgba(240,205,133,.045);box-shadow:0 10px 24px rgba(0,0,0,.28),inset 0 0 18px rgba(240,205,133,.05)}
.jc5-ico{filter:drop-shadow(0 0 6px rgba(122,184,255,.42))}

/* 卷轴正文：烛光、金箔与景深 */
.jc5-story{
  position:relative;isolation:isolate;
  box-shadow:0 22px 55px rgba(0,0,0,.38),inset 0 1px rgba(242,234,214,.12),inset 0 0 55px rgba(240,205,133,.035);
}
.jc5-story::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.35;background:repeating-linear-gradient(112deg,transparent 0 5px,rgba(242,234,214,.018) 6px,transparent 7px 13px)}
.jc5-story-cap h2{text-shadow:0 0 10px rgba(240,205,133,.4),0 2px 12px rgba(0,0,0,.7);animation:jc5-title-breathe 4.5s ease-in-out infinite}
.jc5-vine{filter:drop-shadow(0 0 5px rgba(240,205,133,.4))}
.jc5-law{transition:transform .35s ease,box-shadow .35s ease}
.jc5-law:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.28),inset 0 0 24px rgba(240,205,133,.06)}
.jc5-law-seal{animation:jc5-seal-pulse 3.2s ease-in-out infinite}

/* 折叠圣座：流光边框、悬浮与展开反馈 */
.jc5-fold{
  isolation:isolate;position:relative;
  transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .4s ease,box-shadow .4s ease,filter .4s ease;
  box-shadow:0 14px 34px rgba(0,0,0,.24),inset 0 1px rgba(242,234,214,.06);
}
.jc5-fold::after{
  content:"";position:absolute;inset:-1px;z-index:-1;pointer-events:none;opacity:0;
  background:linear-gradient(115deg,transparent 15%,rgba(122,184,255,.35) 35%,rgba(240,205,133,.55) 50%,rgba(122,184,255,.28) 65%,transparent 85%);
  background-size:240% 100%;filter:blur(5px);transition:opacity .35s ease;animation:jc5-border-flow 5.5s linear infinite;
}
.jc5-fold:hover{transform:translateY(-3px);border-color:rgba(240,205,133,.55);box-shadow:0 20px 46px rgba(0,0,0,.34),0 0 24px rgba(240,205,133,.09),inset 0 1px rgba(242,234,214,.1)}
.jc5-fold:hover::after,.jc5-fold[open]::after{opacity:.28}
.jc5-fold[open]{filter:saturate(1.06)}
/* 明确恢复 details 的原生开合规则，避免增强层动画覆盖浏览器默认隐藏行为 */
.jc5-fold:not([open])>*:not(summary){display:none!important}
.jc5-fold-summary{position:relative;z-index:3;pointer-events:auto;outline:none;transition:color .3s ease,background-color .3s ease}
.jc5-fold-summary>*{pointer-events:none}
.jc5-fold-summary:hover{background-color:rgba(240,205,133,.035)}
.jc5-fold-summary:focus-visible{outline:2px solid var(--jc5-cyan);outline-offset:-3px;box-shadow:inset 0 0 20px rgba(122,184,255,.15)}
.jc5-fold-arr{
  width:26px;height:26px;border:1px solid rgba(240,205,133,.34);border-radius:50%;
  color:var(--jc5-gold);background:rgba(7,9,20,.46);
  box-shadow:0 0 0 3px rgba(240,205,133,.04),inset 0 0 10px rgba(240,205,133,.09),0 0 12px rgba(240,205,133,.12);
  text-shadow:0 0 7px var(--jc5-gold);
  transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,background-color .35s ease;
}
.jc5-fold-summary:hover .jc5-fold-arr{background-color:rgba(240,205,133,.12);box-shadow:0 0 0 4px rgba(240,205,133,.06),0 0 22px rgba(240,205,133,.3),inset 0 0 12px rgba(240,205,133,.16)}
.jc5-fold[open]>.jc5-fold-summary .jc5-fold-arr{transform:rotate(180deg);box-shadow:0 0 18px rgba(122,184,255,.26),inset 0 0 10px rgba(122,184,255,.12)}
.jc5-fold[open]>*:not(summary){animation:jc5-reveal .55s cubic-bezier(.16,1,.3,1) both}

/* 法阵、宝石与晶核 */
.jc5-ava{filter:drop-shadow(0 0 14px rgba(122,184,255,.16))}
.jc5-ava-halo{animation:jc5-halo-spin 14s linear infinite}
.jc5-ava-ring{animation:jc5-halo-spin-reverse 9s linear infinite}
.jc5-attr-core{animation:jc5-core-float 4s ease-in-out infinite;box-shadow:0 0 24px rgba(240,205,133,.3),inset 0 0 16px rgba(240,205,133,.15)}
.jc5-at{transition:transform .3s ease,border-color .3s ease,background-color .3s ease}
.jc5-at:hover{transform:translateX(4px);border-color:color-mix(in srgb,var(--ac,#f0cd85) 42%,transparent);background-color:color-mix(in srgb,var(--ac,#f0cd85) 5%,transparent)}
.jc5-at-gem,.jc5-tal-gem,.jc5-sk-gem,.jc5-item-gem{transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s ease;animation:jc5-gem-breathe 3.6s ease-in-out infinite}
.jc5-at:hover .jc5-at-gem,.jc5-skills li:hover .jc5-sk-gem,.jc5-items li:hover .jc5-item-gem{transform:rotate(45deg) scale(1.12);filter:brightness(1.22) drop-shadow(0 0 8px currentColor)}
.jc5-tal-core:hover .jc5-tal-gem{transform:scale(1.1) rotate(-4deg);filter:brightness(1.2) drop-shadow(0 0 10px var(--jc5-gold))}

/* 能量条：流体光脉冲 */
.jc5-at-f,.jc5-cls-fill,.jc5-tal-fill,.jc5-sk-t>span{
  overflow:hidden;background-size:200% 100%;animation:jc5-energy-flow 3s linear infinite;
}
.jc5-at-f::before,.jc5-cls-fill::before,.jc5-tal-fill::before,.jc5-sk-t>span::before{
  content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(242,234,214,.48),transparent);transform:translateX(-120%);animation:jc5-energy-glint 2.6s ease-in-out infinite;
}

/* 技能、行囊、人物和命运选项 */
.jc5-skills li,.jc5-items li,.jc5-npc,.jc5-act{
  transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .35s ease,background-color .35s ease;
}
.jc5-skills li:hover,.jc5-items li:hover,.jc5-npc:hover{transform:translateX(4px);border-color:rgba(240,205,133,.36);box-shadow:-5px 0 18px rgba(240,205,133,.08);background-color:rgba(240,205,133,.025)}
.jc5-npc-ava{animation:jc5-orbit-shadow 4.5s ease-in-out infinite}
.jc5-act{position:relative;overflow:hidden}
.jc5-act::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 25%,rgba(242,234,214,.12) 48%,transparent 72%);transform:translateX(-120%);transition:transform .7s ease}
.jc5-act:hover{transform:translateY(-3px) scale(1.01);border-color:rgba(240,205,133,.55);box-shadow:0 14px 30px rgba(0,0,0,.3),0 0 18px rgba(240,205,133,.1)}
.jc5-act:hover::after{transform:translateX(120%)}

/* 记忆圣殿 */
.jc5-mem-crown{text-shadow:0 0 10px rgba(240,205,133,.42)}
.jc5-memory[open]{box-shadow:0 20px 50px rgba(0,0,0,.36),0 0 30px rgba(122,184,255,.07),inset 0 0 34px rgba(240,205,133,.025)}
.jc5-mem-item{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.jc5-mem-item:hover{transform:translateX(3px);border-color:rgba(122,184,255,.3);box-shadow:-4px 0 16px rgba(122,184,255,.08)}

@keyframes jc5-star-drift{to{background-position:78px 92px,158px 196px,274px 192px}}
@keyframes jc5-aurora{0%{transform:translate3d(-3%,-2%,0) rotate(-3deg) scale(1)}100%{transform:translate3d(3%,2%,0) rotate(4deg) scale(1.08)}}
@keyframes jc5-sanctum-sweep{0%,58%{left:-45%;opacity:0}66%{opacity:1}82%,100%{left:125%;opacity:0}}
@keyframes jc5-oracle-pulse{50%{transform:scale(1.08);filter:drop-shadow(0 0 13px var(--jc5-cyan))}}
@keyframes jc5-title-breathe{50%{text-shadow:0 0 15px rgba(240,205,133,.65),0 0 34px rgba(240,205,133,.18),0 2px 12px rgba(0,0,0,.7)}}
@keyframes jc5-seal-pulse{50%{transform:scale(1.045) rotate(-2deg);filter:brightness(1.14) drop-shadow(0 0 7px rgba(240,205,133,.35))}}
@keyframes jc5-border-flow{to{background-position:-240% 0}}
@keyframes jc5-reveal{from{opacity:0;transform:translateY(-8px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes jc5-halo-spin{to{transform:rotate(360deg)}}
@keyframes jc5-halo-spin-reverse{to{transform:rotate(-360deg)}}
@keyframes jc5-core-float{50%{transform:rotate(45deg) translate(-3px,-3px);filter:brightness(1.15)}}
@keyframes jc5-gem-breathe{50%{filter:brightness(1.14) drop-shadow(0 0 5px currentColor)}}
@keyframes jc5-energy-flow{to{background-position:-200% 0}}
@keyframes jc5-energy-glint{0%,50%{transform:translateX(-120%)}80%,100%{transform:translateX(120%)}}
@keyframes jc5-orbit-shadow{50%{box-shadow:0 0 20px rgba(122,184,255,.22),inset 0 0 12px rgba(240,205,133,.08)}}

@media (max-width:680px){
  .jc5{box-shadow:0 18px 45px rgba(0,0,0,.46),inset 0 0 36px rgba(122,184,255,.025)}
  .jc5::after{opacity:.26}
  .jc5-fold:hover,.jc5-act:hover{transform:translateY(-1px)}
  .jc5-fold-arr{width:23px;height:23px}
  .jc5-at:hover,.jc5-skills li:hover,.jc5-items li:hover,.jc5-npc:hover,.jc5-mem-item:hover{transform:translateX(2px)}
}

@media (prefers-reduced-motion:reduce){
  .jc5 *,.jc5::before,.jc5::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
  .jc5-fold,.jc5-wc,.jc5-at,.jc5-act,.jc5-skills li,.jc5-items li,.jc5-npc,.jc5-mem-item{transition-duration:.01ms!important}
  .jc5-fold[open]>*:not(summary){animation:none!important}
}
/* ═══════════════════════════════════════════════
   永昼圣典 · 全域界面美化 (顶栏/开场白/按钮/底栏/分页/评论)
   暗夜鎏金 · 高奇幻风 · 深底浅字 · 强制覆盖
   ═══════════════════════════════════════════════ */

/* ========== 1. 顶部栏 ========== */
/* 主容器 —— 深靛渐变 + 鎏金底线 + 悬浮呼吸 */
.sticky.w-full.top-0.flex.items-center{
  background:linear-gradient(135deg,#1a1f4d 0%,#0f1330 52%,#1d1438 100%)!important;
  border-bottom:1px solid rgba(240,205,133,.22)!important;
  box-shadow:0 4px 22px rgba(4,5,26,.6),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(12px)!important;
  transition:all .35s cubic-bezier(.4,0,.2,1)!important;
  position:relative!important;
}
/* 顶栏底部一条流动金线 */
.sticky.w-full.top-0.flex.items-center::after{
  content:""!important;position:absolute!important;left:0;right:0;bottom:0;height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(240,205,133,.6),transparent)!important;
  background-size:200% 100%!important;animation:jcTopline 6s linear infinite!important;pointer-events:none!important;
}
@keyframes jcTopline{to{background-position:-200% 0}}
.sticky.w-full.top-0.flex.items-center:hover{
  border-bottom-color:rgba(240,205,133,.4)!important;
  box-shadow:0 6px 30px rgba(4,5,26,.78),inset 0 1px 0 rgba(255,255,255,.12)!important;
}

/* 模型选择器容器 */
#ai-model-selector .group.flex.items-center{
  background:linear-gradient(145deg,rgba(28,33,82,.85),rgba(20,24,56,.92))!important;
  border:1px solid rgba(240,205,133,.3)!important;border-radius:12px!important;padding:7px 14px!important;
  box-shadow:0 0 18px rgba(240,205,133,.14),inset 0 0 20px rgba(240,205,133,.07)!important;
  transition:all .35s cubic-bezier(.4,0,.2,1)!important;
}
#ai-model-selector .group.flex.items-center:hover{
  border-color:rgba(240,205,133,.55)!important;transform:translateY(-1px)!important;
  box-shadow:0 0 28px rgba(240,205,133,.32),inset 0 0 30px rgba(240,205,133,.13)!important;
}
#ai-model-selector .truncate.text-\[13px\]{
  color:#f0cd85!important;font-weight:600!important;letter-spacing:.02em!important;
  text-shadow:0 0 12px rgba(240,205,133,.45)!important;transition:all .3s ease!important;
}
#ai-model-selector .group.flex.items-center:hover .truncate.text-\[13px\]{
  color:#ffe9b8!important;text-shadow:0 0 18px rgba(240,205,133,.65)!important;
}
#ai-model-selector .shrink-0.flex.items-center svg{
  color:#c49a52!important;filter:drop-shadow(0 0 8px rgba(196,154,82,.5))!important;transition:all .3s ease!important;
}
#ai-model-selector .group.flex.items-center:hover .shrink-0.flex.items-center svg{
  color:#f0cd85!important;transform:translateY(2px)!important;filter:drop-shadow(0 0 14px rgba(240,205,133,.7))!important;
}

/* 历史记录图标(移动端裸SVG) */
.sticky.w-full.top-0 svg.lucide-clock-8{
  color:#7ab8ff!important;filter:drop-shadow(0 0 10px rgba(122,184,255,.45))!important;transition:all .3s ease!important;
}
.sticky.w-full.top-0 svg.lucide-clock-8:hover{
  color:#9dcfff!important;transform:rotate(15deg) scale(1.12)!important;filter:drop-shadow(0 0 16px rgba(122,184,255,.75))!important;
}
/* 历史未读小圆点 */
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden{
  background:radial-gradient(circle,#ff5a5f,#a3262b)!important;
  box-shadow:0 0 12px rgba(255,90,95,.85),0 0 20px rgba(255,90,95,.4)!important;
  animation:jcBadge 2s ease-in-out infinite!important;
}
@keyframes jcBadge{50%{box-shadow:0 0 18px rgba(255,90,95,1),0 0 32px rgba(255,90,95,.6)}}

/* 音乐按钮(可能隐藏) */
.sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2){
  background:linear-gradient(135deg,rgba(195,147,255,.15),rgba(138,76,192,.22))!important;
  border:1px solid rgba(195,147,255,.32)!important;border-radius:10px!important;transition:all .3s ease!important;
}
.sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2):hover{
  border-color:rgba(195,147,255,.55)!important;transform:scale(1.06)!important;
  box-shadow:0 0 20px rgba(195,147,255,.42)!important;
}
.sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2{
  color:#c393ff!important;filter:drop-shadow(0 0 8px rgba(195,147,255,.55))!important;
}

/* 移动端设置裸SVG */
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]){
  color:#f0cd85!important;filter:drop-shadow(0 0 10px rgba(240,205,133,.45))!important;transition:all .3s ease!important;
}
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]):hover{
  color:#ffe9b8!important;transform:rotate(90deg) scale(1.1)!important;filter:drop-shadow(0 0 16px rgba(240,205,133,.7))!important;
}

/* 设置按钮 */
#header-setting-button{
  background:linear-gradient(145deg,rgba(28,33,82,.6),rgba(20,24,56,.78))!important;
  border:1px solid rgba(240,205,133,.26)!important;border-radius:10px!important;
  box-shadow:0 0 12px rgba(240,205,133,.1)!important;transition:all .35s cubic-bezier(.4,0,.2,1)!important;
}
#header-setting-button:hover{
  border-color:rgba(240,205,133,.5)!important;transform:translateY(-1px)!important;
  box-shadow:0 0 22px rgba(240,205,133,.28)!important;
}
#header-setting-button svg{
  color:#f0cd85!important;filter:drop-shadow(0 0 8px rgba(240,205,133,.4))!important;transition:all .3s ease!important;
}
#header-setting-button:hover svg{
  color:#ffe9b8!important;transform:rotate(45deg)!important;filter:drop-shadow(0 0 14px rgba(240,205,133,.65))!important;
}

/* ========== 2. 开场白选择器 ========== */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]{
  background:linear-gradient(135deg,rgba(28,33,82,.72),rgba(20,24,56,.86))!important;
  border:1px solid rgba(240,205,133,.28)!important;border-radius:12px!important;
  box-shadow:0 0 16px rgba(240,205,133,.12),inset 0 0 18px rgba(240,205,133,.06)!important;
  backdrop-filter:blur(8px)!important;transition:all .35s cubic-bezier(.4,0,.2,1)!important;
}
div.flex.items-center.h-9.cursor-pointer.group:hover{
  border-color:rgba(240,205,133,.5)!important;transform:translateY(-1px)!important;
  box-shadow:0 0 24px rgba(240,205,133,.26),inset 0 0 28px rgba(240,205,133,.1)!important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"]{
  color:#7ab8ff!important;filter:drop-shadow(0 0 10px rgba(122,184,255,.5))!important;transition:all .3s ease!important;
}
div.flex.items-center.h-9.cursor-pointer.group:hover svg[data-icon="SlidersH"]{
  color:#9dcfff!important;transform:translateX(-2px)!important;filter:drop-shadow(0 0 16px rgba(122,184,255,.75))!important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"]{
  color:#c49a52!important;filter:drop-shadow(0 0 8px rgba(196,154,82,.5))!important;transition:all .3s ease!important;
}
div.flex.items-center.h-9.cursor-pointer.group:hover svg[data-icon="ChevronDown"]{
  color:#f0cd85!important;transform:translateY(2px)!important;filter:drop-shadow(0 0 14px rgba(240,205,133,.7))!important;
}

/* ========== 3. 按钮栏 ========== */
#ai-mod-button2 button.MuiButton-root{
  position:relative!important;overflow:hidden!important;
  background:linear-gradient(145deg,rgba(28,33,82,.75),rgba(20,24,56,.9))!important;
  border:1px solid rgba(240,205,133,.3)!important;border-radius:10px!important;
  color:#f0cd85!important;font-weight:500!important;text-shadow:0 0 10px rgba(240,205,133,.3)!important;
  box-shadow:0 0 14px rgba(240,205,133,.12),inset 0 0 16px rgba(240,205,133,.07)!important;
  backdrop-filter:blur(6px)!important;transition:all .35s cubic-bezier(.4,0,.2,1)!important;
}
/* 按钮扫光 */
#ai-mod-button2 button.MuiButton-root::after{
  content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;
  background:linear-gradient(105deg,transparent 30%,rgba(255,233,184,.25) 48%,transparent 66%)!important;
  transform:translateX(-120%)!important;transition:transform .7s ease!important;
}
#ai-mod-button2 button.MuiButton-root:hover{
  border-color:rgba(240,205,133,.55)!important;color:#ffe9b8!important;transform:translateY(-2px)!important;
  text-shadow:0 0 16px rgba(240,205,133,.5)!important;
  box-shadow:0 0 24px rgba(240,205,133,.26),inset 0 0 28px rgba(240,205,133,.13)!important;
}
#ai-mod-button2 button.MuiButton-root:hover::after{transform:translateX(120%)!important}
#ai-mod-button2 button.MuiButton-root svg{
  color:#c49a52!important;filter:drop-shadow(0 0 8px rgba(196,154,82,.5))!important;transition:all .3s ease!important;
}
#ai-mod-button2 button.MuiButton-root:hover svg{
  color:#f0cd85!important;transform:scale(1.12)!important;filter:drop-shadow(0 0 14px rgba(240,205,133,.7))!important;
}

/* ========== 4. 底部栏 ========== */
.bg-gradient-to-t{
  background:linear-gradient(180deg,rgba(12,15,38,.98) 0%,rgba(18,22,58,.95) 50%,transparent 100%)!important;
  backdrop-filter:blur(16px)!important;
}
#ai-chat-bottom-input{
  background:linear-gradient(135deg,rgba(28,33,82,.85),rgba(20,24,56,.95))!important;
  border:1px solid rgba(240,205,133,.3)!important;border-radius:16px!important;padding:4px!important;
  box-shadow:0 0 28px rgba(240,205,133,.18),inset 0 0 32px rgba(240,205,133,.1),0 8px 32px rgba(4,5,26,.6)!important;
  transition:all .35s cubic-bezier(.4,0,.2,1)!important;
}
#ai-chat-bottom-input:focus-within{
  border-color:rgba(240,205,133,.5)!important;transform:translateY(-2px)!important;
  box-shadow:0 0 38px rgba(240,205,133,.3),inset 0 0 42px rgba(240,205,133,.15),0 12px 40px rgba(4,5,26,.78)!important;
}
#ai-chat-input{
  background:rgba(13,17,48,.6)!important;color:#f2ead6!important;border-radius:12px!important;
  font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif!important;
  font-size:14px!important;line-height:1.6!important;text-shadow:0 1px 2px rgba(0,0,0,.3)!important;transition:all .3s ease!important;
}
#ai-chat-input:focus{background:rgba(16,20,56,.75)!important;color:#ffe9b8!important;outline:none!important;}
#ai-chat-input::placeholder{
  color:rgba(191,182,155,.5)!important;font-style:italic!important;letter-spacing:.02em!important;transition:all .3s ease!important;
}
#ai-chat-input:focus::placeholder{color:rgba(240,205,133,.4)!important;}
#ai-chat-input::selection{background:rgba(240,205,133,.35)!important;color:#ffe9b8!important;}

/* ========== 5. 分页栏 (仅颜色/视觉) ========== */
.MuiPaginationItem-root{
  background:linear-gradient(145deg,rgba(28,33,82,.6),rgba(20,24,56,.75))!important;
  border:1px solid rgba(240,205,133,.25)!important;color:#bfb69b!important;font-weight:500!important;
  box-shadow:0 0 10px rgba(240,205,133,.08)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;
}
.MuiPaginationItem-root:hover{
  border-color:rgba(240,205,133,.4)!important;color:#f0cd85!important;
  background:linear-gradient(145deg,rgba(34,41,102,.8),rgba(24,30,70,.9))!important;
  box-shadow:0 0 18px rgba(240,205,133,.2)!important;
}
.MuiPaginationItem-root.Mui-selected{
  background:linear-gradient(145deg,#c49a52,#836528)!important;border-color:#f0cd85!important;
  color:#0c0f26!important;font-weight:700!important;
  box-shadow:0 0 22px rgba(240,205,133,.42),inset 0 0 16px rgba(240,205,133,.3)!important;
}
.MuiPaginationItem-root.Mui-disabled{
  background:rgba(20,24,56,.4)!important;border-color:rgba(240,205,133,.1)!important;
  color:rgba(191,182,155,.3)!important;box-shadow:none!important;
}
.MuiPaginationItem-icon{
  color:#c49a52!important;filter:drop-shadow(0 0 6px rgba(196,154,82,.4))!important;transition:all .3s ease!important;
}
.MuiPaginationItem-root:hover .MuiPaginationItem-icon{
  color:#f0cd85!important;filter:drop-shadow(0 0 12px rgba(240,205,133,.6))!important;
}
.MuiStack-root.css-1uwir8f{
  background:linear-gradient(135deg,rgba(28,33,82,.5),rgba(20,24,56,.65))!important;
  border:1px solid rgba(240,205,133,.2)!important;border-radius:10px!important;box-shadow:0 0 12px rgba(240,205,133,.1)!important;
}
.MuiStack-root.css-1uwir8f .MuiBox-root{color:#bfb69b!important;text-shadow:0 1px 2px rgba(0,0,0,.3)!important;}
.MuiInputBase-input{
  background:rgba(13,17,48,.5)!important;color:#f0cd85!important;border:1px solid rgba(240,205,133,.25)!important;
  border-radius:6px!important;font-weight:500!important;text-shadow:0 0 8px rgba(240,205,133,.3)!important;transition:all .3s ease!important;
}
.MuiInputBase-input:focus{
  background:rgba(16,20,56,.7)!important;border-color:rgba(240,205,133,.45)!important;
  box-shadow:0 0 16px rgba(240,205,133,.25)!important;outline:none!important;
}

/* ========== 6. 评论区 ========== */
/* 主背景容器 —— 只改视觉,不动布局 */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"]{
  background:linear-gradient(165deg,#1a1f4d 0%,#12163a 50%,#0f1330 100%)!important;
  border-top:1px solid rgba(240,205,133,.25)!important;
  box-shadow:0 -8px 32px rgba(4,5,26,.7),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
/* 标题 */
div.text-lg.font-bold{
  color:#f0cd85!important;letter-spacing:.05em!important;text-shadow:0 0 16px rgba(240,205,133,.4)!important;
  background:linear-gradient(90deg,#f0cd85,#ffe9b8,#f0cd85)!important;
  background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;
}
p.MuiTypography-body1.text-grey-600{
  color:#bfb69b!important;font-weight:500!important;text-shadow:0 1px 2px rgba(0,0,0,.3)!important;
}
/* 评分星星 */
span.MuiRating-root{filter:drop-shadow(0 0 12px rgba(255,212,122,.4))!important;}
span.MuiRating-iconEmpty svg{color:rgba(196,154,82,.35)!important;transition:all .3s ease!important;}
span.MuiRating-iconFilled svg{
  color:#ffd27a!important;filter:drop-shadow(0 0 10px rgba(255,210,122,.7))!important;transition:all .3s ease!important;
}
span.MuiRating-iconFilled svg:hover{filter:drop-shadow(0 0 16px rgba(255,210,122,1))!important;transform:scale(1.15)!important;}
span.text-orange-500{
  color:#ffd27a!important;font-weight:700!important;text-shadow:0 0 14px rgba(255,210,122,.6)!important;font-variant-numeric:tabular-nums!important;
}
/* 评论输入框容器 */
div.flex.flex-col.border-gray-200{
  background:linear-gradient(135deg,rgba(28,33,82,.65),rgba(20,24,56,.8))!important;
  border:1px solid rgba(240,205,133,.3)!important;border-radius:14px!important;
  box-shadow:0 0 20px rgba(240,205,133,.15),inset 0 0 24px rgba(240,205,133,.08)!important;
  backdrop-filter:blur(10px)!important;transition:all .35s cubic-bezier(.4,0,.2,1)!important;
}
div.flex.flex-col.border-gray-200:focus-within{
  border-color:rgba(240,205,133,.5)!important;
  box-shadow:0 0 30px rgba(240,205,133,.26),inset 0 0 34px rgba(240,205,133,.13)!important;
}
textarea.rc-textarea{
  background:rgba(13,17,48,.55)!important;color:#f2ead6!important;border:1px solid rgba(240,205,133,.2)!important;
  border-radius:10px!important;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif!important;
  font-size:14px!important;line-height:1.65!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important;transition:all .3s ease!important;
}
textarea.rc-textarea:focus{
  background:rgba(16,20,56,.7)!important;border-color:rgba(240,205,133,.4)!important;color:#ffe9b8!important;
  box-shadow:0 0 16px rgba(240,205,133,.2)!important;outline:none!important;
}
textarea.rc-textarea::placeholder{color:rgba(191,182,155,.45)!important;font-style:italic!important;}
textarea.rc-textarea::selection{background:rgba(240,205,133,.3)!important;color:#ffe9b8!important;}
/* 字数统计 */
div.bg-gray-100.text-gray-500{
  background:rgba(13,17,48,.4)!important;color:#77715d!important;border-radius:8px!important;
  font-size:12px!important;text-shadow:0 1px 1px rgba(0,0,0,.3)!important;font-variant-numeric:tabular-nums!important;
}
/* 发送按钮 */
div.cursor-pointer.group.flex.items-center.justify-center{
  background:linear-gradient(145deg,#c49a52,#836528)!important;border:1px solid #f0cd85!important;border-radius:10px!important;
  box-shadow:0 0 18px rgba(240,205,133,.3),inset 0 0 16px rgba(240,205,133,.25)!important;transition:all .35s cubic-bezier(.4,0,.2,1)!important;
}
div.cursor-pointer.group.flex.items-center.justify-center:hover{
  background:linear-gradient(145deg,#f0cd85,#c49a52)!important;border-color:#ffe9b8!important;transform:translateY(-2px) scale(1.03)!important;
  box-shadow:0 0 28px rgba(240,205,133,.5),inset 0 0 24px rgba(240,205,133,.35)!important;
}
div.cursor-pointer.group.flex.items-center.justify-center:active{transform:translateY(0) scale(.98)!important;}
div[data-state="closed"] svg[data-icon="Send03"]{
  color:#0c0f26!important;filter:drop-shadow(0 0 8px rgba(12,15,38,.4))!important;transition:all .3s ease!important;
}
div.cursor-pointer.group:hover svg[data-icon="Send03"]{color:#12163a!important;transform:translateX(2px)!important;}
/* 分割线 */
div.style_divider__mW0YX{
  background:linear-gradient(90deg,transparent,rgba(240,205,133,.3),transparent)!important;
  height:1px!important;box-shadow:0 0 8px rgba(240,205,133,.2)!important;
}
/* 排序按钮 */
.MuiStack-root.css-1dmzxoz{
  background:linear-gradient(135deg,rgba(28,33,82,.4),rgba(20,24,56,.55))!important;border-radius:12px!important;box-shadow:0 0 12px rgba(240,205,133,.08)!important;
}
button.MuiButton-containedPrimary{
  background:linear-gradient(145deg,#c49a52,#836528)!important;border:1px solid #f0cd85!important;color:#0c0f26!important;font-weight:600!important;
  box-shadow:0 0 16px rgba(240,205,133,.3),inset 0 0 14px rgba(240,205,133,.2)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;
}
button.MuiButton-containedPrimary:hover{
  background:linear-gradient(145deg,#f0cd85,#c49a52)!important;transform:translateY(-1px)!important;
  box-shadow:0 0 24px rgba(240,205,133,.45),inset 0 0 20px rgba(240,205,133,.3)!important;
}
button.MuiButton-outlinedPrimary{
  background:linear-gradient(145deg,rgba(28,33,82,.5),rgba(20,24,56,.65))!important;border:1px solid rgba(240,205,133,.25)!important;
  color:#bfb69b!important;font-weight:500!important;box-shadow:0 0 10px rgba(240,205,133,.08)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;
}
button.MuiButton-outlinedPrimary:hover{
  background:linear-gradient(145deg,rgba(34,41,102,.7),rgba(24,30,70,.8))!important;border-color:rgba(240,205,133,.4)!important;
  color:#f0cd85!important;box-shadow:0 0 18px rgba(240,205,133,.16)!important;
}
/* 评论列表容器 */
div.p-3.overflow-y-auto{
  background:linear-gradient(165deg,rgba(18,22,58,.3),rgba(12,15,38,.4))!important;border-radius:10px!important;
}
/* 评论项 —— 左侧金色流光条 */
div.group.ml-0{
  position:relative!important;
  background:linear-gradient(135deg,rgba(28,33,82,.45),rgba(20,24,56,.6))!important;
  border:1px solid rgba(240,205,133,.15)!important;border-radius:12px!important;
  box-shadow:0 0 10px rgba(240,205,133,.05)!important;backdrop-filter:blur(6px)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;
}
div.group.ml-0:hover{
  background:linear-gradient(135deg,rgba(34,41,102,.6),rgba(24,30,70,.75))!important;
  border-color:rgba(240,205,133,.25)!important;transform:translateX(2px)!important;box-shadow:0 0 18px rgba(240,205,133,.12)!important;
}
/* 头像 */
div.group img.rounded-full{
  border:2px solid rgba(240,205,133,.4)!important;box-shadow:0 0 12px rgba(240,205,133,.25)!important;transition:all .3s ease!important;
}
div.group:hover img.rounded-full{
  border-color:rgba(240,205,133,.6)!important;transform:scale(1.05)!important;box-shadow:0 0 18px rgba(240,205,133,.4)!important;
}
/* 用户名 */
div.text-sm.text-grey-600 span.font-bold{
  color:#f0cd85!important;font-weight:600!important;letter-spacing:.01em!important;text-shadow:0 0 8px rgba(240,205,133,.3)!important;
}
/* (你)标签 */
span.text-\[10px\]{
  color:#7ee2a0!important;background:rgba(78,203,133,.15)!important;border:1px solid rgba(78,203,133,.4)!important;
  border-radius:6px!important;padding:1px 6px!important;font-weight:600!important;text-shadow:0 0 6px rgba(78,203,133,.4)!important;
}
/* 内容 */
div.break-all{color:#f2ead6!important;line-height:1.7!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important;}
/* 时间戳 */
div.text-xs.text-grey-600{color:#77715d!important;font-size:11px!important;text-shadow:0 1px 1px rgba(0,0,0,.3)!important;}
/* 点赞 */
button.text-gray-400{
  color:#c49a52!important;filter:drop-shadow(0 0 6px rgba(196,154,82,.3))!important;transition:all .3s ease!important;
}
button.text-gray-400:hover{color:#f0cd85!important;transform:scale(1.15)!important;filter:drop-shadow(0 0 12px rgba(240,205,133,.5))!important;}
button.text-gray-400 svg{transition:all .3s ease!important;}
button.text-gray-400:hover svg{transform:translateY(-1px)!important;}
/* 回复 */
span.cursor-pointer{
  color:#7ab8ff!important;font-weight:500!important;text-shadow:0 0 8px rgba(122,184,255,.3)!important;transition:all .3s ease!important;
}
span.cursor-pointer:hover{color:#9dcfff!important;text-decoration:underline!important;text-shadow:0 0 14px rgba(122,184,255,.5)!important;}
/* 回复区边框 */
div.ml-8.border-l{border-left:2px solid rgba(240,205,133,.25)!important;box-shadow:-4px 0 12px rgba(240,205,133,.08)!important;}
/* 选配 A：鎏金滚动条,呼应主题 */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:rgba(12,15,38,.4);border-radius:5px}
::-webkit-scrollbar-thumb{background:linear-gradient(145deg,#c49a52,#836528);border-radius:5px;border:1px solid rgba(240,205,133,.3);box-shadow:0 0 10px rgba(240,205,133,.3)}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(145deg,#f0cd85,#c49a52);box-shadow:0 0 16px rgba(240,205,133,.5)}

/* 选配 B：为发送按钮增加脉冲呼吸,更醒目 */
div.cursor-pointer.group.flex.items-center.justify-center{
  animation:jcSendPulse 2.8s ease-in-out infinite!important;
}
@keyframes jcSendPulse{
  50%{box-shadow:0 0 26px rgba(240,205,133,.45),inset 0 0 20px rgba(240,205,133,.3)}
}