ai{--bg:#0d1a24;--bg2:#111f2b;--bg3:#162330;--gold:#c9a96e;--gold2:#e8c97a;--blue:#8fb3c7;--purple:#b0a0b8;--text:#ddd5c8;--text2:#a8a090;--red:#c44040;--red2:#e05555;--border:#1e3548;display:block;background:var(--bg);color:var(--text);font-size:15px;line-height:1.7;padding:12px 14px;border-radius:12px;max-width:680px;margin:0 auto;position:relative;overflow:hidden;border:1px solid var(--border);box-shadow:0 4px 24px #00000060}
@media(prefers-color-scheme:light){ai{--bg:#f0ece4;--bg2:#e8e2d8;--bg3:#ddd8ce;--gold:#8a6a2e;--gold2:#a07830;--blue:#3a6a8a;--purple:#6a5a78;--text:#2a2018;--text2:#6a5a48;--red:#a02828;--red2:#c03030;--border:#c8bfb0}}
ai::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cpath d='M0 120L120 0M-20 100L100-20M20 140L140 20' stroke='%23c9a96e' stroke-width='0.4' opacity='0.15'/%3E%3C/svg%3E");background-size:120px 120px;pointer-events:none;z-index:0;opacity:.5}
ai>*{position:relative;z-index:1}
hd{display:block;background:linear-gradient(135deg,var(--bg3),var(--bg2));border:1px solid var(--gold);border-radius:8px;padding:8px 12px;font-size:13px;color:var(--text2);line-height:1.8;margin-bottom:10px}
hd f{color:var(--gold);margin-right:4px;font-style:normal}
article{display:block;margin:10px 0;padding:0 2px}
article p{margin:0 0 12px;color:var(--text);font-size:15px;line-height:1.85;text-align:justify}
article p:last-child{margin-bottom:0}
article span[style*="8fb3c7"]{color:var(--blue)!important;font-style:normal}
article span[style*="b0a0b8"]{color:var(--purple)!important;font-style:italic}
details{background:var(--bg2);border:1px solid var(--border);border-radius:8px;margin:6px 0;overflow:hidden}
details[open]{border-color:var(--gold);box-shadow:0 0 12px #c9a96e18}
summary{display:flex;align-items:center;padding:8px 12px;font-size:13px;font-weight:700;color:var(--gold);cursor:pointer;list-style:none;user-select:none;letter-spacing:.05em;background:linear-gradient(90deg,var(--bg3),transparent)}
summary::-webkit-details-marker{display:none}
summary::before{content:"";display:inline-block;width:3px;height:14px;background:var(--gold);border-radius:2px;margin-right:8px;flex-shrink:0}
summary::after{content:"▸";margin-left:auto;font-size:11px;color:var(--gold2);transition:transform .25s}
details[open]>summary::after{transform:rotate(90deg)}
details>p{margin:0;padding:6px 12px;border-top:1px solid var(--border)}
details>p+p{border-top:1px dashed var(--border)}
p[t]{position:relative;padding-left:14px!important}
p[t]::before{content:attr(t);position:absolute;left:0;top:50%;transform:translateY(-50%) rotate(-90deg) translateX(-50%);font-size:9px;color:var(--gold);opacity:.6;letter-spacing:.08em;white-space:nowrap;transform-origin:left center}
p[t="姿态"]::before{content:"姿态"}
p[t="核心数值"]::before{content:"数值"}
p[t="外貌"]::before{content:"外貌"}
p[t="心理"]::before{content:"心理"}
p[t="R18"]::before{content:"R18"}
p[t="基本"]::before{content:"基本"}
p[t="动态"]::before{content:"动态"}
p[t="计时"]::before{content:"计时"}
p[t="LTM"]::before{content:"LTM"}
p[t="STM"]::before{content:"STM"}
p[t="心理"]{border-left:2px solid var(--purple)!important}
p[t="R18"]{border-left:2px solid var(--red)!important;background:#c4404010;border-radius:0 4px 4px 0}
p[t="LTM"],p[t="STM"]{overflow-x:auto;padding-top:4px!important;padding-bottom:4px!important}
d{display:block;font-size:13px;color:var(--text2);padding:1px 0;line-height:1.6}
d f{color:var(--gold2);font-style:normal;font-weight:600}
g{display:inline-block;vertical-align:middle;width:80px;height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin:0 4px}
v{display:block;height:100%;width:var(--pct,0%);background:linear-gradient(90deg,var(--blue),#b0d4e8);border-radius:3px;transition:width .4s}
v[r]{background:linear-gradient(90deg,var(--red),var(--red2));animation:pulse 2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.7}}
d:has(> .bell),details>p[t="基本"] d:first-child{position:relative}
details>p[t="基本"] d:nth-child(3){color:var(--gold2);animation:bell 3s ease-in-out infinite;display:inline-block}
@keyframes bell{0%,100%{transform:rotate(0deg)}10%{transform:rotate(-8deg)}20%{transform:rotate(8deg)}30%{transform:rotate(-5deg)}40%{transform:rotate(5deg)}50%,100%{transform:rotate(0deg)}}
ch{display:block;margin-top:10px;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg2)}
ch::before{content:"⚔ 行动选择";display:block;padding:6px 12px;font-size:12px;color:var(--gold);font-weight:700;background:linear-gradient(90deg,var(--bg3),transparent);border-bottom:1px solid var(--border);letter-spacing:.08em}
ch d{padding:7px 12px 7px 16px;border-top:1px dashed var(--border);font-size:13px;color:var(--text);cursor:default;transition:background .2s,padding-left .2s;position:relative}
ch d:first-child{border-top:none}
ch d::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--gold);transform:scaleY(0);transition:transform .2s;transform-origin:center}
ch d:hover{background:var(--bg3);padding-left:20px;color:var(--gold2)}
ch d:hover::before{transform:scaleY(1)}
ch d[a]::after{content:"A";position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--blue);opacity:.6}
ch d[b]::after{content:"B";position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--purple);opacity:.6}
ch d[c]::after{content:"C";position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--gold);opacity:.6}
ch d[x]::after{content:"D";position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--red);opacity:.6}
ai table{width:100%;border-collapse:collapse;font-size:12px;color:var(--text2)}
ai th{background:var(--bg3);color:var(--gold);padding:4px 6px;text-align:left;font-weight:600;border-bottom:1px solid var(--border)}
ai td{padding:3px 6px;border-bottom:1px dashed var(--border);vertical-align:top}
ai tr:hover td{background:#c9a96e08;color:var(--text)}