/* v52 · 靛蓝 / 月白 / 淡金 */
body[class] {--ink:#1c2547;--ink-2:#435171;--ink-3:#65728b;--line:#cdd3e2;--card:#f9fafc;--bg-bot:#e8ecf4;--accent:#526bba;--accent-2:#899cdd;font-family:"Microsoft YaHei","PingFang SC",sans-serif;background:#101831;color:var(--ink)}
button,input,select {border-radius:2px!important}button{transition:background .15s,color .15s}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #b49a5e;outline-offset:3px}button:disabled{opacity:.45}button.primary,.detail-actions button{background:#526bba;color:white;border-color:#526bba}
#stage-game{background:#141e3c;color:var(--ink)}#stage-game .topbar{background:#101831;color:#edf1fd;border:0;padding:16px 26px;gap:24px}.tb-realm{color:#d9c58b}.tb-chip{background:#253357;color:#f2f4ff;border-color:#465477}.topbar .tb-sub{color:#c2cbe2}.bar{background:#34425f}.bar-fill{background:#91a7e7}
#stage-game>.layout{grid-template-columns:clamp(235px,23vw,330px) minmax(0,1fr);gap:0;min-height:0}#stage-game .life-panel{padding:0 22px 22px;background:#182342;color:#e0e7fa;border:0}.life-panel .p-label,.life-panel .p-sub,.life-panel .speed-detail{color:#b0bfd9}.life-panel .p-value{color:#f0f3ff}.life-panel .p-block{padding:12px 0;border-color:#364361}.life-panel select{background:#243252;color:#edf0fc}.life-panel .p-grid{background:#202d4b}.portrait{height:350px;margin:0 -22px 16px;padding:25px 25px 20px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate}.portrait:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#182342,transparent 60%),url('img/indigo-character.png') center 29%/cover}.portrait-kicker{position:absolute;top:24px;left:22px;font-size:11px;letter-spacing:4px;color:#dac998}.portrait h2{font-family:"STSong","SimSun",serif;font-size:46px;letter-spacing:5px;margin:0 0 8px;color:#fff;text-shadow:0 2px 20px #111a35}.portrait p{margin:8px 0 0;font-size:12px;color:#cad6f5}
#stage-game .main-workspace{background:#e9edf5;padding:0 30px 28px;position:relative}.main-workspace .side-tabs{background:#e9edf5;gap:5px;padding:18px 0 14px;margin-bottom:18px;border-bottom:1px solid #c6ccdc;flex-wrap:nowrap}.side-tabs button{background:transparent;border:0;font-size:18px;font-weight:700;letter-spacing:2px;transform:skew(-10deg);padding:12px 20px;color:#53617e}.side-tabs button.on{background:#28385f;color:#fff;box-shadow:4px 4px 0 #bdc8e2}.sub-tabs{display:flex;gap:12px;margin:0 0 22px}.sub-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:8px 20px}.sub-tabs button.on{color:#344e93;border-color:#526bba}.workspace-heading{font-size:30px;font-weight:700;letter-spacing:3px}.workspace-heading small{font-weight:400;letter-spacing:1px}
.main-workspace .strategy-block{background:#dce3f1;border:0;border-left:4px solid #b59b64;padding:16px 22px;gap:6px 20px;margin-bottom:20px}.strategy-block .p-label{font-size:11px;letter-spacing:3px}.strategy-block #focus-select{background:#fff;font-size:18px;font-weight:600;border:0}.main-workspace .logwrap{max-width:none!important}.main-workspace .choice-panel{background:linear-gradient(90deg,#f9fafdf5 45%,#f9fafd55),url('img/indigo-mountains.png') center/cover;border:0;border-left:4px solid #8c9dd0;min-height:235px;position:relative}.choice-kicker{letter-spacing:5px;color:#6b7897}.choice-text{font-size:20px;font-family:"STSong","SimSun",serif;font-weight:600;line-height:1.9;max-width:70%}.choice-art{float:right;width:26%;max-height:160px;object-fit:cover;clip-path:polygon(13% 0,100% 0,100% 100%,0 100%)}.choice-options{clear:both;display:flex;gap:12px;flex-wrap:wrap}.choice-options button{background:#edf0f8;border:1px solid #a9b4d0;padding:12px 20px}.choice-options button:first-child{background:#526bba;color:white}.choice-note{font-size:11px}.main-workspace .year-meter{margin-bottom:15px}.main-workspace .log-line{border-bottom:1px solid #d2d8e6;padding:14px 6px}.log-y{color:#6c7da2;font-weight:600}.logwrap[data-mode=recent] .log{max-height:340px;overflow:auto!important}.logwrap[data-mode=history] .log{border-left:2px solid #98a7ca;padding-left:20px}
.pack-tools{margin-bottom:16px}.inventory-filter{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.inventory-filter-btn{border:0!important;background:#dce2ef!important;padding:9px 12px!important}.inventory-filter-btn.on{background:#34466f!important;color:white}.selection-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,1fr);gap:24px;grid-column:1/-1;align-items:start}.selection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.selection-grid .item-row,.selection-grid .craft-row{display:flex;flex-direction:column;align-items:stretch;padding:16px!important;background:#f7f9fd;border:1px solid #d0d8e9;position:relative;min-width:0;gap:8px}.selection-grid .selected{border-color:#6079bc;background:#e0e7f9;box-shadow:inset 3px 0 #6079bc}.selection-grid .detail-selector{background:transparent;border:0;text-align:left;font-size:14px;font-weight:600;padding:0;min-height:44px;color:#25375b}.selection-grid b,.selection-grid .mini-btn{display:none}.selection-grid small{font-size:11px;line-height:1.6}.selection-detail{background:#f8faff;padding:28px;position:sticky;top:95px;border-top:3px solid #a99871;min-height:340px}.selection-detail h2{font-family:serif;font-size:24px;line-height:1.6;margin:18px 0 12px}.selection-detail p{font-size:13px;line-height:1.8}.item-seal{width:90px;height:90px;margin:0 auto;border:1px solid #a9b6d5;outline:1px solid #d4dced;outline-offset:6px;background:radial-gradient(#e5ebfa,#f9fbff);color:#5a70a4;display:grid;place-items:center;font:40px serif;transform:rotate(-5deg)}.detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.detail-actions button{padding:12px 20px;min-height:44px}.main-workspace .craft-list{display:block}.craft-policy-note{margin-bottom:14px;padding:12px;background:#dce4f2}.sect-banner,.world-banner{background:linear-gradient(90deg,#182541b8,#18254122),url('img/indigo-mountains.png') center/cover;padding:35px;color:#fff;min-height:190px;margin-bottom:24px}.sect-banner span{font-size:11px;letter-spacing:5px;color:#e1d3a5}.sect-banner h2,.world-banner h2{font:28px serif;letter-spacing:3px}.main-workspace .chain-row,.main-workspace .market-row{background:#f7f9fc;border:1px solid #d3dbea}.main-workspace .equip-row{padding:12px;background:#f6f8fc;margin-bottom:8px;max-width:none}#stage-game .actions{background:#111b35;color:#c8d3ed;border:0}.actions button,.actions select{background:#253352;color:#e3eafb;border-color:#495673}
#stage-name,#stage-talent,#stage-end{background:linear-gradient(90deg,#111b35ed,#17284bc2),url('img/indigo-mountains.png') center/cover;color:#edf0fa}.wrap-narrow{background:#f4f6fbed;color:#1e2d4e;padding:40px;border-top:3px solid #b29b66;box-shadow:0 30px 90px #060c2480}.wrap-narrow h1{font:42px serif;letter-spacing:5px}
@media(max-width:1100px){#stage-game>.layout{grid-template-columns:230px minmax(0,1fr)}#stage-game .main-workspace{padding:0 18px 24px}.side-tabs button{padding:12px;font-size:16px}.selection-layout{grid-template-columns:minmax(0,1fr) minmax(210px,1fr)}.selection-grid{grid-template-columns:1fr}.portrait{height:300px}}
@media(max-width:680px){#stage-game>.layout{display:block}#stage-game .life-panel{display:none}#stage-game.show-character .life-panel{background:#182342;top:105px;max-height:70%;width:100%;padding:0 24px 24px}.portrait{height:230px}.portrait:before{background-position:center 34%}#stage-game .topbar{padding:10px 14px;gap:8px}.tb-mid{flex:1}.tb-left{font-size:13px}.tb-right{gap:5px}.world-chip{display:none}#stage-game .main-workspace{padding:0 14px 20px}.main-workspace .side-tabs{overflow-x:auto;padding:10px 0;gap:3px}.side-tabs button{font-size:15px;padding:12px;letter-spacing:0;transform:none}.character-toggle{display:block}.workspace-heading{font-size:24px}.workspace-heading small{letter-spacing:0}.main-workspace .strategy-block{padding:12px 16px}.choice-text{max-width:100%;font-size:18px}.choice-art{display:none!important}.choice-options{display:grid;grid-template-columns:1fr}.selection-layout{grid-template-columns:1fr;gap:16px}.selection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.selection-detail{position:static;min-height:0;padding:22px}.item-seal{width:60px;height:60px;font-size:30px}.selection-detail h2{font-size:21px}.sect-banner,.world-banner{padding:24px;min-height:160px}.sect-banner h2,.world-banner h2{font-size:23px}.wrap-narrow{padding:24px;margin:20px}.wrap-narrow h1{font-size:30px}}
#stage-game .main-workspace{grid-column:auto;grid-row:auto} .portrait h2{font-size:clamp(27px,3.1vw,44px);letter-spacing:1px;white-space:nowrap}*{scrollbar-width:thin;scrollbar-color:#8897b7 transparent}
@media(min-width:681px){#stage-game>.layout{grid-template-rows:minmax(0,1fr)}}
[data-side-pane=craft]>.p-block{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}[data-side-pane=craft]>.p-block>.p-label,[data-side-pane=craft] #craft-list,[data-side-pane=craft] #craft-result-count{grid-column:1/-1}[data-side-pane=craft] .equip-row{margin:0;padding:8px;font-size:12px;gap:8px}[data-side-pane=craft] .equip-row select{min-width:0;max-width:70%}.selection-grid{max-height:480px;overflow:auto;align-content:start}.fixture-tools{color:#d4deef}
@media(max-width:680px){[data-side-pane=craft]>.p-block{grid-template-columns:1fr}.selection-grid{max-height:270px}.selection-layout{gap:12px}}
/* v53: 实物缩略图、资源图标与仙纹角饰 */
.resource-stat{display:inline-flex;align-items:center;gap:10px}.resource-stat>img{width:32px;height:38px;object-fit:contain}.tb-mid{position:relative}.tb-mid .resource-stat{margin-top:5px}.tb-mid .resource-stat>img{width:22px;height:24px}.nav-icon{width:22px;height:22px;vertical-align:middle;margin-right:8px;filter:brightness(.5)}.side-tabs .on .nav-icon{filter:brightness(1.4)}.side-tabs button.on{background:linear-gradient(125deg,#6078c7,#3955a8);box-shadow:3px 3px 0 #c9c2a5,inset 0 0 0 1px #bbc8ee;position:relative}.side-tabs button.on:after{content:"";position:absolute;inset:4px;border:1px solid #acbcea80;pointer-events:none}.side-tabs button{font-family:"STSong","SimSun",serif;font-size:21px}.main-workspace .side-tabs{border-bottom-color:#c8b993}.sub-tabs button{font-family:serif;font-size:18px;min-width:100px}.sub-tabs button.on{background:linear-gradient(120deg,#344c92,#6178ba);color:white;border:1px solid #98a9d5;box-shadow:inset 0 0 0 3px #4e68a8}
.item-art{display:block;width:100%;aspect-ratio:3/4;background-image:url('img/indigo-items-v53.png');background-size:400% 300%;background-repeat:no-repeat;mix-blend-mode:multiply;flex-shrink:0}.selection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:570px}.selection-grid .item-row,.selection-grid .craft-row{border-radius:0;padding:8px!important;background:linear-gradient(135deg,#f9faff,#e9eef8);gap:4px;box-shadow:inset 0 0 0 3px #f7f9fd,inset 0 0 0 4px #dce2ed}.selection-grid .selected{box-shadow:inset 0 0 0 2px #6880c3,inset 0 0 0 5px #edf0fa;background:#dfe7fa}.selection-grid .detail-selector{font-family:serif;font-size:15px;line-height:1.55;min-height:0}.selection-grid .detail-selector .item-art{width:100%;max-width:130px;margin:-2px auto 0}.selection-grid small{display:none}.selection-grid .p-sub{text-align:right;font-size:12px}.selection-detail{background:radial-gradient(circle at 50% 105px,transparent 75px,#9aaed421 76px,transparent 77px,transparent 86px,#9aaed421 87px,transparent 88px),linear-gradient(130deg,#f5f7fc,#e9eef8);border:1px solid #baae90;box-shadow:inset 0 0 0 5px #f0f3fa,inset 0 0 0 6px #d3dbea;padding:25px;position:sticky}.selection-detail:before,.selection-detail:after{content:"◇";position:absolute;color:#b5a174;font-size:20px;line-height:1;pointer-events:none}.selection-detail:before{top:5px;left:5px}.selection-detail:after{bottom:5px;right:5px}.item-seal{width:150px;height:200px;outline:none;border:0;background:none;transform:none}.item-seal .item-art{width:150px;height:200px}.selection-detail h2{border-bottom:1px solid #c2b18b;padding-bottom:15px;letter-spacing:2px;color:#172953}.detail-actions button{font-family:serif;font-size:20px;box-shadow:inset 0 0 0 3px #dce5ff30;min-width:100px}.detail-actions button+button{background:transparent;color:#324b85;border-color:#aab6d2}.inventory-filter-btn{clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%);padding:9px 17px!important;font-family:serif;font-size:15px}.inventory-filter-btn.on{background:linear-gradient(100deg,#374f99,#6a7fc0)!important}.pack-tools{position:relative}.pack-tools:before{content:"";width:19px;height:19px;position:absolute;top:12px;left:12px;background:url('icons/search.svg') center/contain;filter:brightness(.6);pointer-events:none}#inventory-search{padding-left:39px}.portrait:after{content:"";position:absolute;bottom:10px;left:12px;width:180px;height:180px;border:1px solid #c4b18255;outline:1px solid #8394bf33;outline-offset:9px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#a6b8df22 0deg 1deg,transparent 1deg 30deg);z-index:-1}.portrait-kicker:after{content:"◇";display:block;margin-top:14px;color:#d5c394;font-size:23px}.portrait h2{text-shadow:0 3px 10px #0c163d}.choice-options{counter-reset:choice}.choice-options button{position:relative;counter-increment:choice;box-shadow:inset 0 0 0 3px #b0bee12b;border-radius:0!important}.choice-options button:before{content:counter(choice,decimal-leading-zero);font:italic 27px Georgia,serif;color:#b29b6a;display:inline-block;margin-right:12px}.choice-options button:first-child:before{color:#eff2ff}.choice-kicker:before{content:"";display:inline-block;width:22px;height:22px;background:url('icons/spark.svg') center/contain;filter:brightness(.6);vertical-align:middle;margin-right:10px}
@media(min-width:1250px){.selection-layout{grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr)}.selection-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.selection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.side-tabs button{font-size:17px}.nav-icon{width:18px;height:18px;margin-right:5px}}
@media(max-width:680px){.selection-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:300px;gap:7px}.selection-grid .detail-selector{font-size:12px}.selection-grid .item-art{max-width:85px}.nav-icon{width:18px;margin-right:5px}.side-tabs button{font-size:16px;padding:10px}.resource-stat{gap:5px}.resource-stat>img{width:23px;height:27px}.tb-mid .resource-stat>img{width:18px;height:19px}.selection-detail{position:static}.item-seal{width:120px;height:160px}.item-seal .item-art{width:120px;height:160px}.detail-actions button{font-size:18px}.selection-grid .item-row,.selection-grid .craft-row{padding:7px!important}}
/* v54 · 分层材质：纸纤维、织纹、淡墨法阵。静态背景不覆盖交互。 */
body[class]{--paper-texture:url('textures/moon-paper.svg');--silk-texture:url('textures/indigo-silk.svg');--astral-texture:url('textures/astral-watermark.svg')}
#stage-game{background-image:var(--silk-texture);background-size:240px 240px}
#stage-game .topbar,#stage-game .actions{background-image:var(--silk-texture),linear-gradient(115deg,#10192f,#1b2c50 55%,#111b35);background-size:240px 240px,cover}
#stage-game .life-panel,#stage-game.show-character .life-panel{background-image:var(--silk-texture),linear-gradient(160deg,#142442,#182342 60%,#111d38);background-size:240px 240px,cover}
#stage-game .main-workspace{background-image:var(--paper-texture),var(--astral-texture),linear-gradient(120deg,#f1f3fa,#e5eaf4);background-size:384px 384px,640px 640px,cover;background-repeat:repeat,no-repeat,no-repeat;background-position:0 0,right -190px top -100px,0 0}
.main-workspace .side-tabs{background-color:#e9edf5;background-image:var(--paper-texture),linear-gradient(100deg,#f4f5fb,#e2e9f5);background-size:384px 384px,cover}
.main-workspace .strategy-block,.main-workspace .craft-policy-note{background-image:var(--paper-texture),linear-gradient(115deg,#e6eaf5,#d9e2f1);background-size:384px 384px,cover}
.selection-grid .item-row,.selection-grid .craft-row,.main-workspace .market-row,.main-workspace .chain-row,.main-workspace .equip-row{background-image:var(--paper-texture),linear-gradient(130deg,#f7f8fd,#e7edf7);background-size:384px 384px,cover}
.selection-grid .selected{background-image:var(--paper-texture),linear-gradient(125deg,#e9eeff,#d5dff5)}
.selection-detail{background-image:var(--paper-texture),var(--astral-texture),linear-gradient(135deg,#f4f6fc,#e6ecf7);background-size:384px 384px,420px 420px,cover;background-position:0 0,center -65px,0 0;background-repeat:repeat,no-repeat,no-repeat}
.side-tabs button.on,.sub-tabs button.on,.detail-actions button:first-child,.choice-options button:first-child{background-image:var(--silk-texture),linear-gradient(120deg,#4a64b3,#6b80c5 52%,#3d559d);background-size:240px 240px,cover}
.detail-actions button+button,.choice-options button{background-image:var(--paper-texture);background-size:384px 384px}
#stage-game .main-workspace .choice-panel{background-image:var(--paper-texture),linear-gradient(90deg,#f9fafdf5 45%,#f9fafd55),url('img/indigo-mountains.png');background-size:384px 384px,cover,cover;background-position:0 0,center,center}
.wrap-narrow{background-image:var(--paper-texture),var(--astral-texture);background-size:384px 384px,500px 500px;background-repeat:repeat,no-repeat;background-position:0 0,right -200px top -180px}
@media(max-width:680px){#stage-game .main-workspace{background-size:384px 384px,480px 480px,cover}.selection-detail{background-size:384px 384px,350px 350px,cover}}
#life-archive-dialog{max-width:850px;width:90vw;max-height:85vh;background:#edf1f8;color:#1c2547;border:1px solid #b6a47d;padding:24px}#life-archive-dialog::backdrop{background:#10192fbf}#life-archive-list pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}#life-archive-list summary{padding:12px;cursor:pointer;border-bottom:1px solid #bec8db}
