:root{--ink: #141210;--panel: #1f1c18;--panel2: #2a2621;--line: #4a4033;--gold: #e3c06e;--text: #efe6d4;--dim: #9c9180;--red: #e0675a;--green: #79c97a;--blue: #74a9e0;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--ink);color:var(--text);font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;font-size:15px}button{font:inherit;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:6px 12px;cursor:pointer}button:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}button:disabled{opacity:.4;cursor:default}button.primary{background:#5a4520;border-color:var(--gold)}button.ghost{background:transparent;border:none}button.small{padding:2px 8px;font-size:13px}.dim{color:var(--dim)}.gold{color:var(--gold)}.red{color:var(--red)}.green{color:var(--green)}#app{height:100%}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;gap:16px;align-items:center;padding:8px 16px;background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap}.topbar .title{font-size:18px;color:var(--gold);font-weight:700;letter-spacing:2px}.topbar .spacer{flex:1}.main{flex:1;overflow:auto;padding:16px}.title-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(ellipse at center,#2b2420,#0e0c0a 70%)}.title-screen h1{font-size:72px;margin:0;color:var(--gold);letter-spacing:16px;font-family:Kaiti SC,STKaiti,KaiTi,serif}.title-screen .sub{color:var(--dim)}.choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;width:min(760px,92vw)}.choice-grid button{text-align:left;padding:12px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px}.card h3{margin:0 0 6px;color:var(--gold);font-size:17px}.card .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.bar{position:relative;height:16px;background:#2a2420;border-radius:3px;overflow:hidden;margin:3px 0}.bar-fill{height:100%;transition:width .3s}.bar-text{position:absolute;top:0;right:0;bottom:0;left:0;font-size:11px;line-height:16px;text-align:center}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--panel);border:1px solid var(--gold);border-radius:10px;width:min(560px,94vw);max-height:90vh;display:flex;flex-direction:column}.modal.wide{width:min(1180px,96vw)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line);color:var(--gold);font-weight:700}.modal-body{padding:14px 16px;overflow:auto}.item-line{display:flex;align-items:center;padding:5px 8px;border-radius:4px;cursor:pointer}.item-line:hover{background:var(--panel2)}.item-line.selected{background:#3a3122}.item-line .right{margin-left:auto}.item-detail{background:var(--panel2);border-radius:6px;padding:10px;line-height:1.7}.affix{color:#b8d4f0}.special{color:var(--gold)}.loot{line-height:1.8}.tabs{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.tabs button.on{border-color:var(--gold);color:var(--gold)}.cols{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:14px}@media (max-width: 900px){.cols{grid-template-columns:1fr}}.stat-row{display:flex;justify-content:space-between;padding:2px 0;border-bottom:1px dashed #332c24}.slot{display:flex;gap:8px;align-items:center;padding:5px 0;border-bottom:1px dashed #332c24}.slot .label{width:54px;color:var(--dim)}.skill{padding:6px 0;border-bottom:1px dashed #332c24}.tag{display:inline-block;font-size:12px;padding:0 6px;border-radius:3px;background:#3a3122;color:var(--gold);margin-left:4px}.party-mini{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.party-mini .card{width:200px;padding:8px}.battle{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e0c0a;z-index:40;display:flex;gap:10px;padding:10px}.battle .field{flex:none;width:min(calc(100vw - 440px),calc((100vh - 20px)*1.5))}.battle .field canvas{display:block}.battle .side{flex:1;display:flex;flex-direction:column;gap:8px;min-width:300px;overflow:auto}.turnbar{display:flex;gap:4px;flex-wrap:wrap}.turnbar span{padding:2px 6px;border-radius:4px;font-size:12px}.turnbar .ally{background:#1f3550}.turnbar .enemy{background:#502520}.turnbar .cur{outline:2px solid var(--gold)}.menu button{display:block;width:100%;text-align:left;margin:3px 0}.menu button .r{float:right;color:var(--dim)}.battle-log{font-size:13px;line-height:1.6;color:#cfc4b0;max-height:170px;overflow:auto}.toasts{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}.toast{background:#3a3122;border:1px solid var(--gold);border-radius:6px;padding:7px 18px;animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.pink{color:#e89ac0}.text-input{font:inherit;padding:6px 10px;background:var(--ink);color:var(--text);border:1px solid var(--line);border-radius:6px;width:200px}.title-screen{background-size:cover;background-position:center}.main.scene,.main.world{display:flex;flex-direction:column;align-items:center}.scene{width:min(100%,calc((100vh - 190px) * 16 / 9));margin:0 auto}.scene-bg{position:relative;width:100%;aspect-ratio:16 / 9;background:linear-gradient(160deg,#2c2721,#15120f);background-size:cover;background-position:center;border:1px solid var(--line);border-radius:8px;overflow:hidden}.scene.night .scene-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.scene-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:42px;color:#4a4033;letter-spacing:12px;font-family:Kaiti SC,STKaiti,serif}.scene-caption{margin-top:6px}.hotspot{position:absolute;transform:translate(-50%,-50%);background:#14100cc7;border:1px solid rgba(227,192,110,.55);border-radius:16px;padding:4px 12px;white-space:nowrap;display:flex;flex-direction:column;align-items:center;gap:2px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 2px 8px #00000080}.hotspot:hover:not(:disabled){background:#3c2d14e6;transform:translate(-50%,-50%) scale(1.06)}.hotspot.exit{border-color:#79c97a99}.hotspot-fig{height:90px;margin-top:-80px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.worldmap-wrap{width:min(100%,calc((100vh - 200px) * 16 / 9));margin:0 auto}.worldmap{position:relative;width:100%;aspect-ratio:16 / 9;background:#2a241d;background-size:cover;background-position:center;border:1px solid var(--line);border-radius:8px;overflow:hidden}.map-pin{position:absolute;transform:translate(-50%,-50%);background:transparent;border:none;display:flex;flex-direction:column;align-items:center;padding:0;text-shadow:0 0 4px #000,0 0 8px #000}.map-pin .pin-dot{width:14px;height:14px;border-radius:50%;background:var(--gold);border:2px solid #3a2a10;box-shadow:0 0 8px var(--gold)}.map-pin.here .pin-dot{background:#79c97a;box-shadow:0 0 10px #79c97a}.map-pin .pin-name{font-size:17px;color:#fff3d6;font-weight:700;font-family:Kaiti SC,STKaiti,serif}.map-pin .pin-info{font-size:12px;color:#e7d9bc}.map-pin:hover:not(:disabled) .pin-name{color:var(--gold)}.map-pin.locked{opacity:.6}.map-pin.locked .pin-dot{background:#6b6152;box-shadow:none}.explore{background-size:cover;background-position:center;border-radius:8px;padding:12px}.story-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none}.story-layer>*{pointer-events:auto}.story-bg,.story-cg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b0908 center / cover no-repeat}.story-cg{z-index:1;background-color:#000}.cg-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#6b5d48;font-size:28px}.story-portrait{position:absolute;bottom:150px;z-index:2;height:min(68vh,760px);display:flex;align-items:flex-end;pointer-events:none}.story-portrait.left{left:4%}.story-portrait.right{right:4%}.story-portrait img{height:100%;filter:drop-shadow(0 4px 18px rgba(0,0,0,.7))}.portrait-placeholder{width:240px;height:360px;border-radius:120px 120px 8px 8px;background:linear-gradient(#3a3226,#1c1814);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--gold);font-family:Kaiti SC,STKaiti,serif}.dialog-box{position:absolute;left:50%;bottom:18px;transform:translate(-50%);width:min(1100px,94vw);min-height:140px;z-index:3;background:linear-gradient(#181410f0,#0e0c0af7);border:1px solid var(--gold);border-radius:10px;padding:16px 24px 20px;cursor:pointer;box-shadow:0 6px 30px #0009}.dialog-name{position:absolute;top:-16px;left:20px;background:#3a2c14;border:1px solid var(--gold);color:var(--gold);padding:2px 14px;border-radius:6px;font-weight:700;letter-spacing:2px}.dialog-text{font-size:19px;line-height:1.8;margin-top:6px;white-space:pre-wrap}.dialog-text.narration{color:#d9cdb4;font-style:normal}.dialog-text.inner{color:#b9c9e0;font-style:italic}.dialog-next{position:absolute;right:20px;bottom:8px;color:var(--gold);animation:blink 1s infinite}@keyframes blink{50%{opacity:.2}}.dialog-prompt{color:#d9cdb4;margin-bottom:10px;font-size:16px;line-height:1.7}.dialog-menu{display:flex;flex-direction:column;gap:6px;cursor:default}.dialog-menu button{text-align:left;font-size:17px;padding:8px 14px;background:#3a2c1499}.story-full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:radial-gradient(ellipse at center,#241e18,#0a0807 75%);display:flex;align-items:center;justify-content:center}.chapter-card{width:min(620px,92vw);background:var(--panel);border:1px solid var(--gold);border-radius:12px;padding:24px 30px;text-align:center}.chapter-card h1{color:var(--gold);font-family:Kaiti SC,STKaiti,serif;letter-spacing:6px;margin:0 0 8px}.chapter-card p{line-height:1.9;text-align:left}.chapter-card table{margin:12px auto;border-collapse:collapse}.chapter-card td{padding:4px 18px;border-bottom:1px dashed #3a3226;text-align:left}.chapter-card td:last-child{color:var(--gold);text-align:right}.dialog-tools{position:absolute;right:14px;top:6px;display:flex;gap:4px}.dialog-tools button{font-size:12px;color:var(--dim);padding:2px 6px}.dialog-tools button:hover{color:var(--gold)}.cg-caption{position:absolute;right:12%;top:18%;writing-mode:vertical-rl;font-family:Kaiti SC,STKaiti,KaiTi,serif;font-size:34px;letter-spacing:10px;color:#2a1a10;text-shadow:0 0 12px rgba(255,240,210,.8);white-space:pre;animation:cg-ink 2.4s ease-out}@keyframes cg-ink{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:none}}.backlog-line{padding:6px 4px;border-bottom:1px dashed #332c24;line-height:1.7}.backlog-line.choice{color:var(--gold)}.settings-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px dashed #332c24}.settings-row .label{width:110px;color:var(--dim)}.icon{vertical-align:middle;border-radius:4px;margin-right:6px;flex:none}.quest-mark{position:absolute;top:-10px;right:-8px;width:20px;height:20px;border-radius:50%;background:#c8503f;color:#fff;font-size:13px;line-height:20px;text-align:center;font-weight:700;box-shadow:0 0 8px #ff785ae6;animation:blink 1.4s infinite}.map-pin .pin-name{position:relative}.objective{padding:4px 16px;background:#1a1714;border-bottom:1px solid var(--line);color:#d9cdb4;font-size:14px;cursor:pointer}.objective:hover{color:var(--gold)}:root{--ink: #0f0c0a;--lacquer: #1c1410;--panel: #1f1712;--panel2: #2a1e17;--line: #5a4630;--gold: #e3c06e;--gold-dim: #a8884a;--paper: #f1e4c6;--vermilion: #b8503f;--text: #efe4cd;--dim: #a8987e;--kai: "Kaiti SC", "STKaiti", "KaiTi", "BiauKai", serif}html,body,#app,button{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;user-select:text}img{-webkit-user-drag:none;user-drag:none}*{-webkit-tap-highlight-color:transparent}body{background:#0d0a08 url(./lacquer-By6i_657.webp) repeat;background-size:384px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#c8a05a59;border-radius:4px}::-webkit-scrollbar-track{background:transparent}.topbar{background:linear-gradient(#140e0aeb,#0e0a08f5),url(./lacquer-By6i_657.webp);border-bottom:1px solid rgba(227,192,110,.35);box-shadow:0 2px 12px #0009}.topbar .title{font-family:var(--kai);font-size:22px;letter-spacing:6px;text-shadow:0 0 8px rgba(227,192,110,.4)}.objective{background:#1a120dd9;border-bottom:1px solid rgba(227,192,110,.18);font-family:var(--kai);letter-spacing:1px}button{background:linear-gradient(#33251b,#241a13);border:1px solid rgba(227,192,110,.38);border-radius:4px;color:var(--text);box-shadow:inset 0 1px #ffe6b414,0 1px 3px #00000080;transition:transform .08s,box-shadow .15s,border-color .15s,color .15s}button:hover:not(:disabled){border-color:var(--gold);color:var(--gold);box-shadow:0 0 10px #e3c06e40,inset 0 1px #ffe6b41f;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 4px #0009}button.primary{background:linear-gradient(#8a3a28,#5e2418);border-color:var(--gold);color:#fff3dc}button.primary:hover:not(:disabled){color:#fff;box-shadow:0 0 14px #dc785073}button.ghost{background:transparent;border:none;box-shadow:none}button:disabled{opacity:.38}.modal-mask{background:radial-gradient(ellipse at center,#00000073,#000000bf);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in .15s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{position:relative;background:linear-gradient(#1c140fe6,#140e0af0),url(./lacquer-By6i_657.webp);border:1px solid #0a0705;border-radius:6px;box-shadow:0 0 0 1px #e3c06e8c,0 0 0 5px #1a120d,0 0 0 6px #e3c06e40,0 18px 60px #000c;animation:modal-in .18s ease-out}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.modal .corner{position:absolute;width:54px;height:54px;background:url(./corner-CnyryeSz.webp) no-repeat;background-size:contain;pointer-events:none;z-index:2}.modal .corner.tl{left:-9px;top:-9px}.modal .corner.tr{right:-9px;top:-9px;transform:scaleX(-1)}.modal .corner.bl{left:-9px;bottom:-9px;transform:scaleY(-1)}.modal .corner.br{right:-9px;bottom:-9px;transform:scale(-1)}.modal-head{position:relative;border-bottom:none;padding:14px 22px 16px;font-family:var(--kai);font-size:21px;letter-spacing:3px;color:var(--gold);text-shadow:0 0 10px rgba(227,192,110,.3)}.modal-head:after{content:"";position:absolute;left:16px;right:16px;bottom:2px;height:10px;background:var(--gold-dim);opacity:.55;-webkit-mask:url(./divider-BX5uSQuU.webp) center / 100% 100% no-repeat;mask:url(./divider-BX5uSQuU.webp) center / 100% 100% no-repeat}.modal-head button.ghost{width:30px;height:30px;border-radius:50%;background:radial-gradient(#9b3a2a,#6a2216);color:#fbe6c8;font-size:14px;padding:0;box-shadow:0 0 0 1px #e3c06e99}.modal-body{padding:12px 22px 20px}.card{background:linear-gradient(#2a1e16c7,#1c140fdb);border:1px solid rgba(227,192,110,.2);border-radius:6px;box-shadow:inset 0 0 18px #0006}.card h3{font-family:var(--kai);letter-spacing:1px}.tabs button{border-radius:4px 4px 0 0;border-bottom-color:transparent}.tabs button.on{background:linear-gradient(#4a3420,#2e2015);color:var(--gold);border-color:var(--gold);box-shadow:0 -2px 8px #e3c06e2e}.item-line{border-bottom:1px dashed rgba(227,192,110,.08);transition:background .12s}.item-line:hover{background:#e3c06e12}.item-line.selected{background:#e3c06e24;box-shadow:inset 2px 0 0 var(--gold)}.item-detail{background:linear-gradient(#f1e4c60f,#f1e4c605);border:1px solid rgba(227,192,110,.18)}.bar{height:14px;background:#120d0a;border:1px solid rgba(0,0,0,.8);box-shadow:inset 0 1px 3px #000c,0 0 0 1px #e3c06e1f;border-radius:7px}.bar-fill{border-radius:7px;background-image:linear-gradient(#ffffff40,#fff0 55%)!important;transition:width .35s ease-out}.bar-text{font-size:10.5px;line-height:14px;text-shadow:0 0 3px #000,0 0 3px #000}.toast{background:url(./brush_plate-BsdBKmM4.webp) center / 100% 100% no-repeat;border:none;color:var(--paper);padding:10px 34px;font-family:var(--kai);font-size:17px;letter-spacing:1px;text-shadow:0 0 4px #000;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6))}.party-mini{justify-content:center}.party-mini .card{display:flex;gap:8px;align-items:center;width:186px;padding:6px 8px}.party-mini .card .pm-body{flex:1;min-width:0}.avatar{position:relative;flex:none;border-radius:50%;overflow:hidden;background:radial-gradient(#3a2a1c,#1a120c);border:2px solid rgba(227,192,110,.7);box-shadow:0 0 0 1px #0a0705,0 2px 6px #0009;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.avatar img{width:100%;height:100%;object-fit:cover}.avatar .sprite-crop{width:100%;height:100%;background-repeat:no-repeat;background-size:230% auto;background-position:50% 4%}.avatar .initial{font-family:var(--kai);color:var(--gold)}.avatar.enemy{border-color:#dc6450d9}.avatar.off{filter:grayscale(.9) brightness(.6)}button.who{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 3px;border-radius:20px}.hotspot{background:url(./brush_plate-BsdBKmM4.webp) center / 100% 100% no-repeat;border:none;border-radius:0;padding:11px 24px 12px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--paper);font-family:var(--kai);font-size:16px;letter-spacing:1px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.7))}.hotspot:hover:not(:disabled){color:var(--gold);transform:translate(-50%,-50%) scale(1.08);filter:drop-shadow(0 0 8px rgba(227,192,110,.6));box-shadow:none}.hotspot.exit{color:#cfe9c4}.hotspot.has-fig{padding-top:0;background-position:center bottom;background-size:100% 34px}.hotspot-fig{height:104px;margin-top:-96px;margin-bottom:2px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.75));transition:transform .15s}.hotspot:hover .hotspot-fig{transform:translateY(-3px)}.dialog-box{background:linear-gradient(#18110cf0,#0e0a08f7),url(./lacquer-By6i_657.webp);border:1px solid rgba(227,192,110,.6);box-shadow:0 0 0 4px #0e0a08e6,0 0 0 5px #e3c06e38,0 10px 40px #000000bf}.dialog-name{background:linear-gradient(#8a3a28,#5e2418);border:1px solid var(--gold);font-family:var(--kai);font-size:18px;letter-spacing:3px;color:#fff1d6}.dialog-text{font-size:19px}.dialog-menu button{font-family:var(--kai);font-size:18px;letter-spacing:1px;text-align:left;background:linear-gradient(90deg,#5a3c1e8c,#281c1459)}.dialog-menu button:hover:not(:disabled){background:linear-gradient(90deg,#8c5a28a6,#3c281866)}.chapter-card{background:linear-gradient(#1c140feb,#140e0af2),url(./lacquer-By6i_657.webp);box-shadow:0 0 0 1px #e3c06e8c,0 0 0 6px #1a120d,0 0 0 7px #e3c06e40}.click-ripple{position:fixed;z-index:9999;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;pointer-events:none;border:2px solid rgba(227,192,110,.75);box-shadow:0 0 10px #e3c06e73;animation:ripple .45s ease-out forwards}.click-ripple.idle{border-color:#f1e4c673;box-shadow:none}@keyframes ripple{0%{transform:scale(.3);opacity:1}to{transform:scale(1.35);opacity:0}}.story-layer.clickable{cursor:pointer}.title-screen h1{text-shadow:0 0 24px rgba(227,192,110,.45),0 4px 12px #000}.map-pin .pin-name{font-family:var(--kai)}.scene-caption{font-family:var(--kai);letter-spacing:2px}.explore h2{font-family:var(--kai);letter-spacing:3px}.story-catcher{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;cursor:pointer}.story-portrait{z-index:2;pointer-events:none!important}.dialog-box{z-index:3}.battle{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;gap:0;padding:0;background:radial-gradient(ellipse at center,#1e161099,#080605f2),url(./lacquer-By6i_657.webp)}.b-top{flex:none;height:66px;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid rgba(227,192,110,.25);background:linear-gradient(#0e0a08d9,#0e0a088c)}.b-order{flex:1;min-width:0;display:flex;align-items:center;gap:8px;overflow:hidden}.b-ord{flex:none;width:54px;display:flex;flex-direction:column;align-items:center;gap:1px;font-size:11px;color:var(--dim);opacity:.85}.b-ord span{max-width:54px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.b-ord.ally .avatar{border-color:#78aaf0e6}.b-ord.now{width:64px;opacity:1;color:var(--gold)}.b-ord.now .avatar{box-shadow:0 0 0 2px var(--gold),0 0 12px #e3c06eb3}.b-ctrl{flex:none;display:flex;align-items:center;gap:10px}.b-ctrl button{white-space:nowrap;height:34px;line-height:1}.b-round{font-family:var(--kai);color:var(--dim);font-size:15px;white-space:nowrap}.b-round b{color:var(--gold);font-weight:400;font-size:19px;margin:0 2px}.b-auto{display:inline-flex;align-items:center;gap:7px;padding:0 14px;font-family:var(--kai);font-size:16px}.b-auto-dot{width:9px;height:9px;border-radius:50%;background:#5d5444;box-shadow:inset 0 0 0 1px #00000080;transition:background .2s,box-shadow .2s}.b-auto.on{border-color:var(--gold);color:#fff3d6;background:linear-gradient(#8e3b2c,#5e2219)}.b-auto.on .b-auto-dot{background:#7fe08a;box-shadow:0 0 8px #7fe08a;animation:blink 1.4s ease-in-out infinite}.b-speed{display:inline-flex;border:1px solid rgba(227,192,110,.45);border-radius:6px;overflow:hidden;background:#0000004d}.b-speed button{border:none;border-radius:0;background:transparent;min-width:44px;padding:0 10px;color:var(--dim);box-shadow:none}.b-speed button+button{border-left:1px solid rgba(227,192,110,.25)}.b-speed button.on{color:#fff3d6;background:linear-gradient(#8e3b2c,#5e2219)}.b-speed button:not(.on):hover{color:var(--gold);background:#e3c06e14}.b-win{padding:0 10px;font-size:13px;color:#d9c6ff;border-color:#8b6fd6;background:#5a3ca040}.b-skill.warn small{color:#f0a050}.b-skill.warn img{box-shadow:0 0 0 1px #f0a050}.b-round{font-family:var(--kai);color:var(--gold);margin-right:6px;min-width:64px;text-align:right}.b-mid{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;padding:6px}.battle .field{flex:none;width:min(100%,calc((100vh - 246px)*1.5));aspect-ratio:3 / 2;border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px #e3c06e73,0 0 0 5px #0e0a08e6,0 0 0 6px #e3c06e33,0 12px 40px #000000b3}.battle .field canvas{display:block;width:100%!important;height:100%!important}.b-log{position:absolute;right:16px;top:14px;width:250px;height:138px;overflow:hidden;pointer-events:none;font-size:12px;line-height:1.6;color:#e8dcc4;background:linear-gradient(#0a0806b8,#0a080666);border-radius:6px;padding:6px 10px;display:flex;flex-direction:column;justify-content:flex-end;text-shadow:0 1px 2px #000}.b-bottom{flex:none;height:168px;display:grid;grid-template-columns:300px minmax(0,1fr) 300px;gap:12px;padding:8px 16px 12px;border-top:1px solid rgba(227,192,110,.25);background:linear-gradient(#0e0a0899,#0e0a08eb)}.b-unit{height:100%;border:1px solid rgba(227,192,110,.25);border-radius:8px;padding:8px 10px;overflow:hidden;background:linear-gradient(#2a1e16b3,#18110cd9)}.b-unit.ally{border-color:#78aaf073}.b-unit.enemy{border-color:#dc645073}.b-unit-title{font-size:11px;color:var(--dim);height:16px}.b-unit-body{display:flex;gap:10px;align-items:flex-start}.b-unit-info{flex:1;min-width:0}.b-unit-name{font-family:var(--kai);font-size:18px;color:var(--gold);height:24px;white-space:nowrap;overflow:hidden}.b-unit-stats{font-size:11.5px;color:var(--dim);height:18px;white-space:nowrap;overflow:hidden;margin-top:2px}.b-unit-status{font-size:12px;color:#c99cff;height:22px;overflow:hidden;line-height:1.5}.b-unit-empty{display:flex;align-items:center;justify-content:center;height:130px;color:#4a3d30;font-size:30px}.bar-ph{height:14px;margin:3px 0}.b-actions{min-width:0;display:flex;flex-direction:column;gap:6px}.b-prompt{flex:none;height:28px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--kai);font-size:16px;color:var(--gold);white-space:nowrap;overflow:hidden}.b-prompt span{overflow:hidden;text-overflow:ellipsis}.b-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:6px}.b-skill{display:flex;align-items:center;gap:8px;padding:4px 8px;text-align:left;min-width:0;overflow:hidden}.b-skill img,.b-skill-glyph{flex:none;width:38px;height:38px;border-radius:6px;box-shadow:0 0 0 1px #e3c06e59}.b-skill-glyph{display:flex;align-items:center;justify-content:center;font-family:var(--kai);font-size:20px;color:var(--gold);background:#00000059}.b-skill-text{min-width:0;display:flex;flex-direction:column}.b-skill-text b{font-weight:400;font-family:var(--kai);font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.b-skill-text small{font-size:11px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.b-skill.on{border-color:var(--gold);background:linear-gradient(#5a3e22,#3a281a);box-shadow:0 0 12px #e3c06e59}.b-skill.empty{visibility:hidden}@media (max-width: 1200px){.b-bottom{grid-template-columns:240px minmax(0,1fr) 240px}.b-unit .avatar{display:none}}.b-skill{position:relative}.b-key{position:absolute;right:6px;top:4px;font-size:10px;color:#e3c06e80}.map-pin,.hotspot{transform:none;translate:-50% -50%}.map-pin:hover:not(:disabled),.map-pin:active:not(:disabled){transform:none;box-shadow:none}.map-pin .pin-dot{transition:transform .15s,box-shadow .15s}.map-pin:hover:not(:disabled) .pin-dot{transform:scale(1.35);box-shadow:0 0 14px var(--gold)}.hotspot:hover:not(:disabled){transform:scale(1.08)}.hotspot:active:not(:disabled){transform:scale(.98)}.item-frame{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;overflow:hidden;border:2px solid #5a4a30;border-radius:6px;background:radial-gradient(circle at 50% 40%,#3a2c1e,#120d0a);box-shadow:inset 0 0 10px #000000d9}.item-frame img{width:100%;height:100%;object-fit:cover;display:block}.item-frame .ghost{color:#e3c06e52;font-family:var(--kai);font-size:14px}.item-frame .enh{position:absolute;right:3px;bottom:0;font-size:11px;font-weight:700;color:#fff;text-shadow:0 0 3px #000,0 0 3px #000}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;align-content:start}.item-tile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;border-radius:6px;cursor:pointer;border:1px solid transparent;transition:background .12s}.item-tile:hover{background:#e3c06e12}.item-tile.selected{background:#e3c06e24;border-color:#e3c06e80}.item-tile .name{font-size:12px;text-align:center;line-height:1.3;height:2.6em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.equip-slot{display:flex;gap:10px;align-items:center;padding:6px 0;border-bottom:1px dashed rgba(227,192,110,.12);cursor:pointer}.equip-slot:hover .item-frame{border-color:var(--gold)!important}.equip-slot .info{flex:1;min-width:0;display:flex;flex-direction:column}.equip-slot .info b{font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.equip-slot .info small{font-size:12px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-icon{flex:none;border-radius:6px;box-shadow:0 0 0 1px #e3c06e66,0 2px 6px #0009;vertical-align:middle}.skill-head{display:flex;align-items:center;gap:8px}.save-slot{display:grid;grid-template-columns:64px minmax(0,1fr) auto 140px;align-items:center;gap:12px;height:64px;padding:0 10px;margin-bottom:8px;border:1px solid rgba(227,192,110,.2);border-radius:6px;background:linear-gradient(90deg,#3a281873,#18110c4d)}.save-slot.empty{background:#18110c4d;border-style:dashed}.save-slot .badge{font-family:var(--kai);font-size:17px;color:var(--gold);text-align:center;white-space:nowrap}.save-slot .info{min-width:0}.save-slot .info .l1{font-family:var(--kai);font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.save-slot .info .l2{font-size:12px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.save-slot .faces{display:flex;gap:2px}.save-slot .btns{display:flex;gap:6px;justify-content:flex-end}.save-slot .btns button{width:64px;padding:4px 0;white-space:nowrap}.save-slot .btns .ph{visibility:hidden}.modal:has(.save-slot){width:min(820px,94vw);max-width:min(820px,94vw)}.party-mini .card .pm-body>div:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.diff-list{display:flex;flex-direction:column;gap:8px}.diff-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 14px;text-align:left}.diff-card b{font-family:var(--kai);font-size:18px;font-weight:400;color:var(--gold)}.diff-card small{color:var(--dim);font-size:13px;line-height:1.5}.diff-card.rec{border-color:var(--gold)}.gift-row{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:4px 0 2px 44px}button.who.gift-like{border-color:#e678a0b3}button.who.gift-dislike{opacity:.75}.pm-face{position:relative;display:inline-flex;flex:none}.heart-badge{position:absolute;right:-4px;top:-4px;width:18px;height:18px;border-radius:50%;background:#c8507a;color:#fff;font-style:normal;font-size:11px;line-height:18px;text-align:center;box-shadow:0 0 8px #e66496e6;animation:blink 1.6s infinite}.b-unit-status .risk{color:#ff8a5c;font-weight:700}.test-btn{border-color:#7a5cc0!important;color:#c9b0ff!important}.test-panel{display:flex;flex-direction:column;gap:14px;max-height:72vh;overflow:auto;padding-right:4px}.test-panel section{border-top:1px solid var(--line);padding-top:8px}.test-panel section:first-child{border-top:none;padding-top:0}.test-panel h4{margin:0 0 8px;font-family:var(--kai);color:var(--gold, #e3c06e);letter-spacing:2px}.test-btns{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.test-group{margin:6px 0}.test-group-name{font-size:12px;color:#a99c84;margin-bottom:4px}.test-busy{margin-top:8px}.test-input{flex:1;min-width:0;padding:4px 8px;background:#1b1713;color:inherit;border:1px solid var(--line);border-radius:4px}.test-state{font-size:13px;line-height:1.7}.test-flags{font-size:12px;color:#a99c84;word-break:break-all;margin-top:6px}.test-panel select{background:#1b1713;color:inherit;border:1px solid var(--line);border-radius:4px;padding:2px 6px}.ex-head{display:flex;align-items:baseline;gap:14px;margin-bottom:8px}.ex-head h2{margin:0;text-shadow:0 2px 6px rgba(0,0,0,.8)}.ex-step{font-family:var(--kai);color:#f3e3bd;background:#3c1e12bf;border:1px solid #8a5a2a;border-radius:12px;padding:1px 12px;font-size:14px}.ex-head .dim{text-shadow:0 1px 3px #000}@keyframes ex-flow{to{stroke-dashoffset:-17}}@keyframes ex-pulse{0%,to{opacity:.25;transform:scale(.94)}50%{opacity:.95;transform:scale(1.06)}}@keyframes ex-burn{0%,to{opacity:.55;transform:scale(.95)}50%{opacity:1;transform:scale(1.08)}}.ex-foot{display:flex;gap:12px;margin:10px 0;align-items:center;flex-wrap:wrap}.b-ctrl .test-btn{white-space:nowrap}.b-unit-status .shi{color:#8fd1ff}.shop-head{display:flex;align-items:center;gap:12px}.shop-head .tabs{margin-bottom:0}.shop-money{margin-left:auto;font-family:var(--kai);font-size:16px;white-space:nowrap}.shop-hint{font-size:13px;margin:8px 0 0}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;margin-top:10px;max-height:64vh;overflow:auto;padding-right:4px}.shop-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;background:#2a20168c;border:1px solid rgba(227,192,110,.14);border-radius:6px;min-height:70px}.shop-card:hover{border-color:#e3c06e73;background:#3a2c1cb3}.shop-icon .item-frame img{width:100%;height:100%;object-fit:cover}.shop-info{min-width:0}.shop-name{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-name .tag{margin-left:6px;font-size:11px;vertical-align:middle}.shop-line{font-size:13px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.shop-buy{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:12px}.shop-price{white-space:nowrap;min-width:64px}.modal:not(.wide) .modal-body button.primary:after{content:"空格";margin-left:8px;padding:1px 5px;font-size:11px;line-height:1.3;vertical-align:2px;border:1px solid rgba(255,236,200,.35);border-radius:3px;color:#ffecc8b3;font-family:var(--sans, sans-serif)}.sk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;margin-bottom:8px}.sk-tile{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px 5px;background:#00000040;border:1px solid rgba(227,192,110,.18);border-radius:8px;min-width:0;box-shadow:none}.sk-tile:hover{border-color:#e3c06e99;background:#e3c06e12}.sk-tile.pinned{border-color:var(--gold);background:#e3c06e1f}.sk-face{position:relative;width:54px;height:54px}.sk-face img,.sk-glyph{width:54px;height:54px;border-radius:8px;box-shadow:0 0 0 1px #e3c06e66,0 2px 6px #0009;display:block}.sk-glyph{display:flex;align-items:center;justify-content:center;font-style:normal;font-family:var(--kai);font-size:26px;color:var(--gold);background:#0006}.sk-tile.master .sk-face img,.sk-tile.master .sk-glyph{box-shadow:0 0 0 2px var(--gold),0 0 10px #ffc85a8c}.sk-lv{position:absolute;right:-4px;bottom:-4px;min-width:22px;padding:0 4px;font-weight:400;font-size:13px;line-height:18px;text-align:center;color:#fff3d6;background:linear-gradient(#8e3b2c,#5e2219);border:1px solid rgba(227,192,110,.6);border-radius:9px}.sk-lv small{font-size:9px;margin-left:1px;opacity:.8}.sk-warn{position:absolute;left:-3px;top:-3px;width:11px;height:11px;border-radius:50%;background:#f0a050;box-shadow:0 0 0 2px #241d16}.sk-name{max-width:100%;font-family:var(--kai);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#eadcbf}.sk-exp{width:54px;height:3px;background:#00000080;border-radius:2px;overflow:hidden}.sk-exp i{display:block;height:100%;background:#b59a55}.sk-pop{position:fixed;z-index:400;padding:10px 12px;background:linear-gradient(#2a221a,#1b1611);border:1px solid rgba(227,192,110,.55);border-radius:8px;box-shadow:0 8px 24px #000000b3;font-size:13px;pointer-events:auto}.sk-pop-head{display:flex;gap:10px;align-items:center;margin-bottom:6px}.sk-pop-head img{border-radius:6px;box-shadow:0 0 0 1px #e3c06e66}.sk-pop-head>div{flex:1}.sk-pop-head b{font-family:var(--kai);font-size:18px;font-weight:400;color:#f3e6c8}.sk-pop-desc{color:#d8ccb2;margin-bottom:6px;line-height:1.5}.sk-pop-nums{display:flex;flex-wrap:wrap;gap:4px 14px;color:var(--dim);margin-bottom:6px}.sk-pop-nums b{color:#f3e6c8;font-weight:400}.sk-pop-warn{color:#f0a050;margin-bottom:6px}.sk-pop-tiers{margin-top:6px;display:flex;flex-direction:column;gap:3px;color:#7d725f}.sk-pop-tiers i{display:inline-block;width:40px;font-style:normal;font-family:var(--kai)}.sk-pop-tiers .on{color:#8fd18a}.sk-pop-tiers .mastery.on{color:var(--gold)}.talent-text{flex:1;display:flex;flex-direction:column;min-width:0}.talent-eff{color:var(--dim);font-size:12px}.talent-flavor{font-family:var(--kai);font-size:13px;color:#a8987a;margin-top:1px}.main.explore{display:flex;flex-direction:column;overflow:hidden}.walk{flex:1;min-height:0;display:flex;flex-direction:column}.walk .ex-head{flex:none}.walk-view{position:relative;flex:1;min-height:320px;border-radius:8px;overflow:hidden;border:1px solid rgba(227,192,110,.35);box-shadow:0 10px 30px #0000008c,inset 0 0 60px #0009;background:#090806}.walk-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:pointer}.walk-tip{position:absolute;transform:translate(-50%,-100%);pointer-events:none;white-space:nowrap;padding:3px 10px;font-family:var(--kai);font-size:15px;color:#f3e6c8;background:#140e09e0;border:1px solid rgba(227,192,110,.5);border-radius:4px}.walk-hint{position:absolute;left:50%;bottom:14px;transform:translate(-50%);pointer-events:none;padding:6px 16px;font-family:var(--kai);font-size:16px;color:#e9dcb8;background:#140e09d9;border:1px solid rgba(160,200,120,.5);border-radius:16px;animation:fadein .3s}.walk-mini{position:absolute;right:10px;top:10px;width:160px;height:auto;image-rendering:pixelated;pointer-events:none;background:#0a0806a6;border:1px solid rgba(227,192,110,.4);border-radius:4px}.walk .ex-foot{flex:none;margin:8px 0 4px}.walk .party-mini{flex:none;margin:4px 0 0}.walk-legend{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--dim)}.walk-legend i{display:inline-block;width:14px;height:14px;border-radius:50%;vertical-align:-2px}.lg-glint{background:radial-gradient(#fff3d0 20%,#ffeebe00 70%);box-shadow:0 0 6px #ffe9b0}.lg-shadow{background:#0d0b09;border:1px solid #5a4e3c}.lg-fire{background:radial-gradient(#ffd27a 25%,#e0702a 60%,#e0702a00 75%)}.lg-bush{background:#55693a}@keyframes fadein{0%{opacity:0}to{opacity:1}}.walk-test{padding:2px 10px;font-size:13px;color:#d9c6ff;border-color:#8b6fd6;background:#5a3ca040}.rep{font-family:var(--kai);font-size:14px;padding:1px 10px;border-radius:10px;border:1px solid}.rep.good{color:#9fe0a0;border-color:#78c87880;background:#28502859}.rep.bad{color:#ff9a8a;border-color:#dc5a468c;background:#5a140f66}.b-ord{cursor:pointer}.b-ord:hover .avatar{box-shadow:0 0 0 2px #ffecbecc}.b-ord.pinned .avatar{box-shadow:0 0 0 2px #8fd1ff,0 0 10px #8fd1ffb3}.b-detail{position:absolute;right:12px;top:10px;z-index:5;width:340px;max-height:calc(100% - 20px);overflow-y:auto;padding:10px 12px;background:linear-gradient(#241c15f7,#18130ef7);border:1px solid rgba(227,192,110,.5);border-radius:8px;box-shadow:0 10px 30px #000000b3;font-size:13px;animation:fadein .15s}.b-detail.ally{border-color:#78aaf099}.b-detail.enemy{border-color:#dc645099}.b-detail-head{display:flex;gap:10px;align-items:center;margin-bottom:8px}.b-detail-head .tag.ally{background:#3c64a066}.b-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px 8px;color:var(--dim);padding:6px 0;border-top:1px dashed rgba(227,192,110,.2);border-bottom:1px dashed rgba(227,192,110,.2)}.b-detail-grid b{color:#f3e6c8;font-weight:400}.b-detail-sec{margin-top:8px}.b-detail-title{font-family:var(--kai);color:var(--gold);font-size:14px;margin-bottom:4px}.b-detail-row{display:flex;gap:8px;align-items:baseline;color:#cbbfa5;font-size:12.5px;line-height:1.6}.b-detail-row b{flex:none;font-weight:400;min-width:64px}.b-detail-row.bad b{color:#ff9a8a}.b-detail-row.good b{color:#9fe0a0}.b-detail-row i{margin-left:auto;font-style:normal;color:var(--dim);white-space:nowrap}.b-detail-skill{display:flex;gap:8px;align-items:flex-start;padding:4px 0}.b-detail-skill img,.b-detail-skill .b-skill-glyph{flex:none;width:32px;height:32px;border-radius:5px;box-shadow:0 0 0 1px #e3c06e59}.b-detail-skill b{font-family:var(--kai);font-weight:400;color:#f3e6c8;font-size:14px}.b-detail-desc{color:#a8987a;font-size:12px;line-height:1.45}.b-detail-warn{margin-top:8px;color:#ffb08a;font-size:12.5px}.b-detail.left{right:auto;left:12px}.scene-img{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:saturate(.8) brightness(.9) contrast(.95)}.scene-veil{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,#0a080600 55%,#0a080680),#120e0a14}.hotspot{z-index:2;background:#120d09d1;border:1px solid rgba(227,192,110,.5);border-radius:6px;padding:3px 12px 4px;font-family:var(--kai);font-size:15px;letter-spacing:1px;color:#f1e4c4;filter:none;box-shadow:0 2px 6px #0000008c}.hotspot:hover:not(:disabled){background:#3a2812eb;border-color:var(--gold);color:var(--gold);filter:none;box-shadow:0 0 10px #e3c06e73}.hotspot.exit{color:#bfe6b4;border-color:#8cc8828c}.hotspot.has-fig{background:transparent;border:none;box-shadow:none;padding:0}.hotspot.has-fig>span:not(.quest-mark){background:#120d09d1;border:1px solid rgba(227,192,110,.5);border-radius:6px;padding:2px 10px 3px}.hotspot.has-fig:hover:not(:disabled){background:transparent;box-shadow:none}.hotspot .quest-mark{top:-9px;right:-9px;width:18px;height:18px;font-size:12px}.codex{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;min-height:420px}.codex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;align-content:start;max-height:62vh;overflow-y:auto;padding-right:4px}.codex-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;background:#00000040;border:1px solid rgba(227,192,110,.18);border-radius:8px;box-shadow:none;min-width:0}.codex-card:hover:not(:disabled){border-color:#e3c06e99}.codex-card.on{border-color:var(--gold);background:#e3c06e1a}.codex-face{width:60px;height:60px;border-radius:50%;overflow:hidden;border:2px solid rgba(227,192,110,.6);background:radial-gradient(#3a2a1c,#1a120c);display:flex;align-items:center;justify-content:center}.codex-face img{width:100%;height:100%;object-fit:cover;object-position:top}.codex-face i{font-style:normal;font-family:var(--kai);font-size:24px;color:var(--gold)}.codex-card.unknown .codex-face img{filter:brightness(0) opacity(.6)}.codex-card.unknown .codex-face{border-color:#3a3026}.codex-name{font-family:var(--kai);font-size:14px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#eadcbf}.codex-card.unknown .codex-name{color:#5c5040}.codex-detail{border-left:1px dashed rgba(227,192,110,.25);padding-left:14px;display:flex;flex-direction:column;gap:8px;max-height:62vh;overflow-y:auto}.codex-portrait{max-height:300px;align-self:center;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.6))}.codex-text h3{margin:0 0 4px;font-family:var(--kai);font-size:22px}.codex-title{color:#d8c7a4;margin-bottom:2px}.codex-hero{display:flex;align-items:center;gap:10px;margin:6px 0;font-size:13px}.codex-aff{display:inline-flex;align-items:center;gap:6px;min-width:140px}.codex-aff .bar{flex:1}.codex-bio{line-height:1.75;color:#d6c9ad;margin:8px 0 0;font-size:14px}@media (max-width: 900px){.codex{grid-template-columns:1fr}.codex-detail{border-left:none;padding-left:0}}.black-market{margin-top:14px;padding-top:10px;border-top:1px dashed rgba(200,80,60,.45)}.black-market h3{margin:0 0 6px;font-family:var(--kai)}.story-cg{overflow:hidden}.cg-fill{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background:center / cover no-repeat;filter:blur(28px) brightness(.45) saturate(.8)}.cg-img{position:absolute;left:0;right:0;top:0;bottom:172px;width:100%;height:calc(100% - 172px);object-fit:contain;filter:drop-shadow(0 0 40px rgba(0,0,0,.7))}.story-layer:not(:has(.dialog-box)) .cg-img{bottom:0;height:100%}.tag.temp{background:#78788c59;color:#c8c8dc}.map-zone{position:absolute;transform:none;translate:-50% -50%;background:transparent;border:none;box-shadow:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:3px;z-index:2}.zone-seal{position:relative;width:58px;height:58px;display:flex;align-items:center;justify-content:center;font-family:var(--kai);font-size:21px;color:#fff3d6;letter-spacing:1px;border-radius:10px;background:radial-gradient(circle at 35% 30%,#c4472f,#7d1d14);border:2px solid rgba(255,220,160,.75);box-shadow:0 3px 10px #0009,inset 0 0 8px #00000059;transition:transform .12s}.map-zone:hover .zone-seal,.map-zone.open .zone-seal{box-shadow:0 0 14px #ffc86ecc}.map-zone.here .zone-seal{background:radial-gradient(circle at 35% 30%,#4f9a55,#22582a)}.zone-name{font-family:var(--kai);font-size:18px;font-weight:700;color:#fff3d6;text-shadow:0 1px 3px #000,0 0 8px rgba(0,0,0,.8)}.zone-info{font-size:12px;color:#f0e2c4;text-shadow:0 1px 3px #000}.zone-seal .quest-mark{top:-8px;right:-8px}.map-zone:hover:not(:disabled),.map-zone:active:not(:disabled){transform:none;box-shadow:none;border:none;background:transparent}.map-zone.has-icon{translate:-50% -55px;gap:0}.zone-icon{position:relative;width:104px;height:100px;display:flex;align-items:flex-end;justify-content:center}.zone-icon img{max-width:100%;max-height:100%;object-fit:contain;pointer-events:none;position:relative;z-index:1;filter:drop-shadow(0 3px 4px rgba(40,28,15,.45));transition:filter .15s}.map-zone.has-icon:hover:not(:disabled) .zone-icon img,.map-zone.has-icon.open .zone-icon img{filter:drop-shadow(0 0 6px rgba(255,214,130,.95)) drop-shadow(0 0 14px rgba(255,190,90,.6)) brightness(1.12)}.map-zone.here .zone-icon:before{content:"";position:absolute;left:50%;bottom:-8px;width:112px;height:34px;translate:-50% 0;border-radius:50%;background:radial-gradient(ellipse,#5ad264b3,#5ad26426 65%,#5ad26400 72%);box-shadow:0 0 16px 3px #50d25fbf;border:3px solid rgba(70,200,85,.95);animation:zone-here 2.2s ease-in-out infinite}@keyframes zone-here{50%{opacity:.55}}.zone-icon .quest-mark{top:2px;right:4px;z-index:2}.map-zone.has-icon .zone-name{margin-top:2px;padding:1px 12px 2px;font-size:16px;font-weight:400;letter-spacing:2px;color:#fbeccb;text-shadow:0 1px 2px rgba(0,0,0,.7);border-radius:4px;border:1px solid rgba(40,24,10,.8);background:linear-gradient(#7a5233,#5a3a22);box-shadow:inset 0 1px #ffdca04d,0 2px 4px #00000073;transition:color .15s,border-color .15s}.map-zone.has-icon:hover:not(:disabled) .zone-name,.map-zone.has-icon.open .zone-name{color:#ffe39a;border-color:#e3c06ee6}.map-zone.has-icon.here .zone-name{border-color:#96eb8ce6}.map-zone.has-icon .zone-info{margin-top:2px;padding:0 6px;border-radius:3px;background:#1e160e9e;text-shadow:none}.map-zone.far{z-index:1;cursor:default;opacity:1}.map-zone.far .zone-icon{width:84px;height:80px}.map-zone.far.has-icon{translate:-50% -45px}.map-zone.far .zone-icon img{filter:grayscale(1) contrast(1.3) brightness(.8) opacity(.8)}.map-zone.far .zone-name{background:linear-gradient(#77706a,#5b554f);color:#e6e0d6;border-color:#28242099}.zone-panel{position:absolute;z-index:5;transform:translate(42px,-30%);min-width:230px;padding:8px 10px 10px;background:linear-gradient(#241c15f7,#18130ef7);border:1px solid rgba(227,192,110,.6);border-radius:8px;box-shadow:0 10px 30px #000000b3;animation:fadein .15s}.zone-panel.left{transform:translate(calc(-100% - 42px),-30%)}.zone-panel-head{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.zone-panel-head b{font-family:var(--kai);font-size:20px;color:var(--gold);font-weight:400}.zone-panel-head .dim{flex:1;font-size:12px}.zone-loc{display:flex;width:100%;justify-content:space-between;align-items:center;gap:14px;padding:7px 10px;margin-top:4px;background:#00000047;border:1px solid rgba(227,192,110,.2);border-radius:6px;text-align:left;box-shadow:none}.zone-loc:hover:not(:disabled){border-color:var(--gold);background:#e3c06e1a}.zone-loc.here{border-color:#79c97a99}.zone-loc-name{font-family:var(--kai);font-size:17px;color:#f3e6c8;position:relative}.zone-loc-info{font-size:12px;color:var(--dim);white-space:nowrap}.quest-mark.inline{position:static;display:inline-flex;margin-left:6px;vertical-align:2px}.codex-face.square{border-radius:10px}.codex-face.square img{object-position:center}.codex-portrait.small{max-height:120px}.tabs.small{margin-top:-4px}.ach-list{max-height:64vh;overflow-y:auto;padding-right:6px}.ach-group h4{margin:10px 0 6px;font-family:var(--kai);font-size:17px;font-weight:400}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:6px}.ach{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:6px;background:#00000040;border:1px solid rgba(227,192,110,.12);opacity:.6}.ach.got{opacity:1;border-color:#e3c06e80;background:#e3c06e12}.ach-icon{width:30px;text-align:center;font-size:20px;color:#6b5d48}.ach-text{display:flex;flex-direction:column;min-width:0}.ach-text b{font-family:var(--kai);font-weight:400;font-size:16px;color:#f3e6c8}.ach-text small{color:var(--dim);font-size:12px}.scroll-view{max-height:64vh;overflow-y:auto;padding-right:6px}.scroll-intro{font-family:var(--kai);color:#d8c7a4;margin:4px 0 10px}.scroll-note{padding:12px 14px;margin-bottom:10px;border-radius:8px;border:1px solid rgba(227,192,110,.25);background:linear-gradient(#ecdebe0f,#ecdebe05)}.scroll-note.read{border-color:#e3c06e8c}.scroll-note-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.scroll-note-head b{font-family:var(--kai);font-size:18px;font-weight:400;color:var(--gold)}.scroll-state{font-size:12px;padding:1px 8px;border-radius:9px;border:1px solid}.scroll-state.read{color:#9fe0a0;border-color:#78c87880}.scroll-state.ready{color:#ffd27a;border-color:#ffd27a80}.scroll-state.trial{color:#c9b0ff;border-color:#a078ff80}.scroll-state.locked{color:#8a7d68;border-color:#8a7d6880}.scroll-text{white-space:pre-wrap;line-height:1.85;font-size:15px;color:#f1e6cc;margin:4px 0 8px;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.scroll-read{font-family:var(--kai);color:#c9b998;margin:0 0 6px}.scroll-blur{color:#6b5d48;letter-spacing:2px;filter:blur(.6px);margin:4px 0 6px}.scroll-reward{font-size:13px;color:#e3c06e;margin:4px 0 8px}.kw{font-weight:400}.kw-pow{color:#ff9a6a}.kw-mp{color:#7fb6ff}.kw-rng{color:#6fd6c0}.kw-attr{color:#f0d58a}.kw-cb{color:#ffd27a}.kw-heal{color:#8fe08a}.kw-num{color:#fff3d6;font-weight:700}.kw-name{color:var(--gold);font-family:var(--kai)}.kw-st{padding:0 2px;border-radius:3px}.st-poison{color:#9be36a}.st-bleed{color:#ff6a6a}.st-seal{color:#c8a0ff}.st-stun{color:#ffe066}.st-slow{color:#8ac8ff}.st-echo{color:#ff9ad5}.st-love{color:#ff7fb0}.st-push{color:#ffb36a}.st-other{color:#e0c0a0}.tag.cat{border:1px solid transparent}.cat-sword{background:#50aabe38;color:#9fe3f0;border-color:#78c8dc59}.cat-blade{background:#c8463240;color:#ffb09a;border-color:#e66e5a59}.cat-fist{background:#aa784640;color:#f0c896;border-color:#c8966459}.cat-inner{background:#8c5ac840;color:#d6b8ff;border-color:#aa82e659}.cat-qinggong{background:#dcdce626;color:#f2f2fa;border-color:#e6e6f04d}.cat-medic{background:#50aa5a40;color:#a8eaa0;border-color:#6ec87859}.cat-qimen{background:#466ec840;color:#a8c4ff;border-color:#648ce659}.cat-music{background:#d264a038;color:#ffb8de;border-color:#e682be59}.cat-beast{background:#c8aa3c40;color:#ffe49a;border-color:#e6c85a59}.tier-lab{display:inline-block;min-width:40px;margin-right:6px;padding:0 5px;font-style:normal;font-family:var(--kai);font-size:12px;text-align:center;color:#cbbd9e;background:#ffffff12;border:1px solid rgba(227,192,110,.2);border-radius:4px}.tier-lab.mastery{color:var(--gold);border-color:#e3c06e80}.tier-lab.ultimate{color:#ffe08a;background:#c8962840;border-color:#ffd26e99}.tier-lab.aoyi{color:#e6c8ff;background:#8246c84d;border-color:#be8cff99}.sk-pop-tiers>div:not(.on) .kw{filter:saturate(.45) brightness(.8)}.sk-ult{color:#ffe08a}.sk-aoyi{color:#e6c8ff}.arena{display:flex;flex-direction:column;gap:10px}.arena-cols{display:grid;grid-template-columns:3fr 2fr;gap:14px;max-height:64vh;overflow:auto}.arena-side{border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:#0000002e}.arena-side.ally{border-color:#74a9e073}.arena-side.enemy{border-color:#e0675a73}.arena-side h4{margin:0 0 6px;font-family:var(--kai);letter-spacing:3px;color:var(--gold)}.arena-unit{border-bottom:1px dashed #3a3128;padding:6px 0 8px}.arena-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:4px 0}.arena select,.arena input[type=number]{background:#1b1713;color:inherit;border:1px solid var(--line);border-radius:4px;padding:2px 6px}.arena input[type=number]{width:52px}.arena-skills{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-top:4px}.arena-skill{display:inline-flex;align-items:center;gap:4px;padding:2px 4px 2px 8px;border-radius:4px;background:#e3c06e14;border:1px solid rgba(227,192,110,.22);font-size:13px}.arena-skill input[type=number]{width:42px;padding:0 3px}.arena-skill i{cursor:pointer;color:var(--dim);font-style:normal;padding:0 3px}.arena-skill i:hover{color:var(--red)}.arena-flags{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.arena-flags .spacer{flex:1}.arena-flag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--line);border-radius:14px;cursor:pointer;font-size:13px;-webkit-user-select:none;user-select:none}.arena-flag.on{border-color:var(--gold);color:var(--gold);background:#e3c06e1f}.arena-flag input{display:none}.aoyi-cut{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;animation:aoyi-out .22s ease-in 1.3s forwards}.aoyi-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#1406048c,#000000eb);animation:aoyi-fade .16s ease-out both}.aoyi-lines{position:absolute;left:0;right:0;top:18%;bottom:18%;opacity:.8;mix-blend-mode:screen;background:repeating-linear-gradient(180deg,transparent 0 9px,rgba(255,236,200,.22) 9px 10px,transparent 10px 23px,rgba(255,200,120,.14) 23px 25px);background-size:260px 100%;animation:aoyi-streak .18s linear infinite,aoyi-fade .2s ease-out .08s both}.aoyi-cut.enemy .aoyi-lines{animation-direction:reverse,normal}.aoyi-band{position:absolute;left:-5%;right:-5%;top:34%;height:32%;transform:skewY(-4deg);background:linear-gradient(90deg,#5a0e0800,#78160cd9 18%,#460a06e6 82%,#5a0e0800);border-top:3px solid rgba(227,192,110,.85);border-bottom:3px solid rgba(227,192,110,.85);animation:aoyi-wipe .22s cubic-bezier(.2,.9,.3,1) .06s both}.aoyi-cut.enemy .aoyi-band{background:linear-gradient(90deg,#140a2800,#280e46e0 18%,#18082ce6 82%,#140a2800)}.aoyi-por{position:absolute;bottom:0;height:92%;width:42%;display:flex;align-items:flex-end;justify-content:center}.aoyi-por img{height:100%;width:auto;max-width:none;object-fit:contain;filter:drop-shadow(0 0 18px rgba(255,180,80,.55)) drop-shadow(0 0 2px #000)}.aoyi-por.l{left:-2%;animation:aoyi-in-l .32s cubic-bezier(.15,.9,.3,1) .1s both}.aoyi-por.r{right:-2%;animation:aoyi-in-r .32s cubic-bezier(.15,.9,.3,1) .1s both}.aoyi-cut.duo .aoyi-por.r{animation-delay:.2s}.aoyi-por.r img{transform:scaleX(-1)}.aoyi-por-glyph{font-family:var(--kai);font-size:40vh;line-height:1;color:#ffe6b4d9;text-shadow:0 0 30px #ff9a40}.aoyi-por-name{position:absolute;bottom:10%;left:50%;transform:translate(-50%);font-family:var(--kai);font-size:30px;letter-spacing:6px;color:#fff3d0;text-shadow:0 0 8px #000,0 0 16px rgba(255,150,60,.8);white-space:nowrap}.aoyi-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.aoyi-cut:not(.duo).ally .aoyi-title{left:62%}.aoyi-cut:not(.duo).enemy .aoyi-title{left:38%}.aoyi-name{position:relative;font-family:var(--kai);font-weight:700;font-size:clamp(64px,11vw,170px);letter-spacing:.08em;white-space:nowrap;color:#fff6e0;-webkit-text-stroke:2px #2a0a04;text-shadow:0 0 6px #000,0 6px 0 #4a0e04,0 0 40px rgba(255,120,40,.9),0 0 90px rgba(255,60,20,.6);animation:aoyi-slam .26s cubic-bezier(.5,0,.9,.5) .36s both,aoyi-shake .3s linear .62s}.aoyi-seal{position:absolute;left:-.2em;top:-1.4em;z-index:1;padding:4px 8px;font-family:var(--kai);font-size:26px;color:#fff0e0;letter-spacing:4px;background:#b8302a;border:2px solid #ffd9b0;border-radius:4px;transform:rotate(-8deg);box-shadow:0 0 12px #ff5028b3;animation:aoyi-fade .12s ease-out .55s both}.aoyi-ink{position:absolute;left:50%;top:50%;border-radius:50%;background:radial-gradient(circle,rgba(8,4,4,.95) 0 45%,rgba(8,4,4,.6) 60%,transparent 72%);animation:aoyi-splat .32s cubic-bezier(.2,.9,.3,1) .58s both}.aoyi-ink.k1{width:120px;height:90px;margin:-150px 0 0 -420px}.aoyi-ink.k2{width:70px;height:60px;margin:70px 0 0 -330px}.aoyi-ink.k3{width:160px;height:110px;margin:-40px 0 0 300px}.aoyi-ink.k4{width:46px;height:40px;margin:-170px 0 0 220px}.aoyi-ink.k5{width:34px;height:30px;margin:110px 0 0 160px}.aoyi-ink.k6{width:520px;height:130px;margin:-65px 0 0 -260px;border-radius:40% 60% 50% 50%;opacity:.7}.aoyi-ink.img{background:none;border-radius:0;filter:brightness(0);opacity:.85;object-fit:contain}.aoyi-ink.img.k1{transform-origin:center;rotate:30deg}.aoyi-ink.img.k3{rotate:-50deg}.aoyi-ink.img.k6{opacity:.45}.aoyi-skip{position:absolute;right:18px;bottom:14px;color:#fff0d299;font-size:13px;letter-spacing:2px}@keyframes aoyi-fade{0%{opacity:0}}@keyframes aoyi-out{to{opacity:0}}@keyframes aoyi-streak{0%{background-position-x:0}to{background-position-x:260px}}@keyframes aoyi-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes aoyi-in-l{0%{transform:translate(-70%);opacity:0}70%{opacity:1}to{transform:translate(0)}}@keyframes aoyi-in-r{0%{transform:translate(70%);opacity:0}70%{opacity:1}to{transform:translate(0)}}@keyframes aoyi-slam{0%{transform:scale(3.2);opacity:0;filter:blur(6px)}80%{opacity:1;filter:blur(0)}to{transform:scale(1)}}@keyframes aoyi-shake{0%,to{translate:0 0}20%{translate:-6px 4px}40%{translate:5px -4px}60%{translate:-3px 2px}80%{translate:2px -1px}}@keyframes aoyi-splat{0%{transform:scale(.1);opacity:0}60%{opacity:1}to{transform:scale(1)}}.sk-pop{max-height:calc(100vh - 24px);overflow-y:auto}.b-bottom{height:196px}.battle .field{width:min(100%,calc((100vh - 274px)*1.5))}.b-actions{gap:5px}.b-grid{flex:none;height:104px;grid-template-rows:repeat(2,49px);gap:6px;overflow:hidden}.b-fixed{flex:none;height:34px;display:flex;gap:6px;align-items:stretch}.b-fix{flex:1;min-width:0;position:relative;display:flex;align-items:baseline;gap:8px;padding:0 10px}.b-fix b{font-weight:400;font-family:var(--kai);font-size:15px;white-space:nowrap}.b-fix small{font-size:11px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.b-fix .b-key{top:50%;transform:translateY(-50%)}.b-pager{flex:none;display:flex;align-items:center;gap:6px;padding:0 4px;color:var(--gold);font-size:13px}.b-pager button{min-width:30px;padding:0 6px;height:28px;font-size:16px;line-height:1}.b-unit-stats.two{height:auto;white-space:normal;display:grid;grid-template-columns:repeat(3,auto);justify-content:start;column-gap:12px;row-gap:0;line-height:17px}.b-unit-stats.two span{white-space:nowrap}.b-unit-stats.two b{font-weight:400;color:#f0e2c4}.b-unit-status{height:24px;display:flex;flex-wrap:wrap;align-items:center;gap:3px;margin-top:2px}.b-chip{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px;border-radius:4px;font-style:normal;font-family:var(--kai);font-size:13px;line-height:1;color:#fff;text-shadow:0 0 2px #000,0 0 2px #000;box-shadow:0 0 0 1px #0009}.b-chip.good{box-shadow:0 0 0 1px #ffe9b0d9;filter:saturate(.8)}.b-chip sub{position:absolute;right:-3px;bottom:-4px;font-size:9px;font-family:sans-serif;line-height:1;color:#fff;text-shadow:0 0 2px #000,0 0 2px #000}.b-detail-row .b-chip{margin-right:5px;vertical-align:-4px}@media (max-width: 1200px){.b-unit-stats.two{column-gap:8px}}.aoyi-cut.common{animation:aoyi-out .2s ease-in .75s forwards}.aoyi-cut.common .aoyi-dim{background:radial-gradient(ellipse at center,#14060459,#000000b3)}.aoyi-cut.common .aoyi-title{left:50%}.aoyi-cut.common .aoyi-name{font-size:clamp(56px,8vw,120px);animation:aoyi-slam .22s cubic-bezier(.5,0,.9,.5) .08s both,aoyi-shake .26s linear .3s}.aoyi-cut.common .aoyi-seal{animation-delay:.26s;font-size:20px}.aoyi-slash{position:absolute;left:-10%;right:-10%;top:50%;height:10px;margin-top:-5px;transform:rotate(-12deg);background:linear-gradient(90deg,transparent,rgba(255,230,170,.95) 30%,#fff 50%,rgba(255,200,120,.9) 70%,transparent);box-shadow:0 0 24px 6px #ffaa3cb3;animation:aoyi-wipe .18s ease-out .02s both,aoyi-out .3s ease-in .45s forwards}.aoyi-cut.common.enemy .aoyi-slash{transform:rotate(12deg);background:linear-gradient(90deg,transparent,rgba(220,180,255,.95) 30%,#fff 50%,rgba(180,120,255,.9) 70%,transparent)}.aoyi-cut.peak{animation:aoyi-out .22s ease-in 1.5s forwards}.aoyi-cut.peak .aoyi-band{border-top-color:#ffd56a;border-bottom-color:#ffd56a;box-shadow:0 0 40px #ffc8508c}.aoyi-cut.peak .aoyi-seal{background:#d8a020;color:#3a1a00;border-color:#fff4c0}.aoyi-gold{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:0;background-image:radial-gradient(circle,rgba(255,220,120,.9) 0 1.5px,transparent 2.5px),radial-gradient(circle,rgba(255,240,200,.7) 0 1px,transparent 2px);background-size:90px 70px,53px 41px;background-position:0 0,20px 30px;animation:aoyi-rise 1.2s linear .4s both}.aoyi-cut.peak:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 0 4px #ffd56ad9,inset 0 0 80px #ffb43c73;animation:aoyi-fade .2s ease-out .6s both}@keyframes aoyi-rise{0%{background-position:0 40px,20px 70px;opacity:0}20%{opacity:1}80%{opacity:1}to{background-position:0 -120px,20px -60px;opacity:0}}.tag.aoyi-common{background:#788ca04d;color:#d6e0ea}.tag.aoyi-superior{background:#8246c84d;color:#e6c8ff}.tag.aoyi-peak{background:#c896284d;color:#ffe08a}.party-groups{margin-bottom:6px}.party-groups .tabs{margin:2px 0}.path-head{align-self:center;font-size:12px;padding:0 6px;border-left:3px solid currentColor;margin-right:2px}.path-zheng{color:#8fc6a0}.path-zhong{color:#c8b98a}.path-xie{color:#d07a7a}.tag.path-zheng{background:#508c644d}.tag.path-zhong{background:#9682504d}.tag.path-xie{background:#a03c3c4d}button.who.path-edge{border-left-width:3px;border-left-style:solid}button.who.path-edge.path-zheng{border-left-color:#8fc6a0;color:inherit}button.who.path-edge.path-zhong{border-left-color:#c8b98a;color:inherit}button.who.path-edge.path-xie{border-left-color:#d07a7a;color:inherit}.tag.role{background:#3c3c4680;color:#ddd;font-size:11px}.tag.role-atk{color:#f0a080}.tag.role-def{color:#90b8e0}.tag.role-heal{color:#9ae0a8}.tag.role-qi{color:#d8b0f0}.aoyi-cut.own .aoyi-dim{background:radial-gradient(ellipse at 50% 45%,var(--ay-bg0),var(--ay-bg1) 75%);opacity:.94}.aoyi-cut.own .aoyi-band{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ay-bg0) 88%,transparent) 18%,color-mix(in srgb,var(--ay-bg1) 90%,transparent) 82%,transparent);border-top-color:var(--ay-acc);border-bottom-color:var(--ay-acc)}.aoyi-cut.own .aoyi-seal{background:var(--ay-acc);color:var(--ay-bg1);border-color:var(--ay-ink);box-shadow:0 0 14px var(--ay-acc)}.aoyi-cut.own .aoyi-name{color:var(--ay-ink);text-shadow:0 0 6px #000,0 5px 0 var(--ay-bg1),0 0 40px var(--ay-acc),0 0 90px color-mix(in srgb,var(--ay-acc) 60%,transparent)}.aoyi-cut.own .aoyi-slash{background:linear-gradient(90deg,transparent,var(--ay-acc) 30%,#fff 50%,var(--ay-acc) 70%,transparent);box-shadow:0 0 24px 6px var(--ay-acc)}.aoyi-cut.own .aoyi-por img{filter:drop-shadow(0 0 18px var(--ay-acc)) drop-shadow(0 0 2px #000)}.aoyi-ch{display:inline-block}.aoyi-tex{position:absolute;top:4%;right:12%;bottom:4%;left:12%;pointer-events:none;background:var(--ay-acc);opacity:.32;mix-blend-mode:screen;-webkit-mask:var(--ay-tex) center / contain no-repeat;mask:var(--ay-tex) center / contain no-repeat;animation:ay-tex 1.8s ease-out both}@keyframes ay-tex{0%{transform:scale(.8) rotate(-4deg);opacity:0}30%{opacity:.38}to{transform:scale(1.12) rotate(0);opacity:.26}}.aoyi-pat{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;animation:aoyi-fade .3s ease-out both}.aoyi-pat-ridge .aoyi-pat{background:linear-gradient(to top,var(--ay-bg1) 0 12%,transparent 12%),conic-gradient(from 135deg at 15% 70%,transparent 0 90deg,color-mix(in srgb,var(--ay-acc) 25%,#000) 0 180deg,transparent 0) 0 0 / 30% 100% repeat-x}.aoyi-pat-rings .aoyi-pat{background:repeating-radial-gradient(circle at 50% 50%,transparent 0 34px,color-mix(in srgb,var(--ay-acc) 45%,transparent) 34px 37px);animation:ay-pulse .9s ease-out infinite}.aoyi-pat-stars .aoyi-pat{background-image:radial-gradient(circle,var(--ay-ink) 0 1.5px,transparent 2.5px),radial-gradient(circle,var(--ay-acc) 0 1px,transparent 2px);background-size:73px 61px,41px 37px;animation:ay-twinkle .6s steps(2) infinite}.aoyi-pat-rain .aoyi-pat{background:repeating-linear-gradient(105deg,transparent 0 22px,color-mix(in srgb,var(--ay-acc) 50%,transparent) 22px 23px);background-size:200% 200%;animation:ay-fall .35s linear infinite}.aoyi-pat-waves .aoyi-pat{background:radial-gradient(ellipse 60px 14px at 50% 100%,transparent 70%,color-mix(in srgb,var(--ay-acc) 45%,transparent) 72% 80%,transparent 82%) 0 0 / 90px 30px;animation:ay-drift 1.4s linear infinite}.aoyi-pat-rays .aoyi-pat{background:repeating-conic-gradient(from 0deg at 50% 40%,color-mix(in srgb,var(--ay-acc) 30%,transparent) 0 6deg,transparent 6deg 18deg);animation:ay-spin 6s linear infinite}.aoyi-pat-grid .aoyi-pat{background:linear-gradient(90deg,color-mix(in srgb,var(--ay-acc) 35%,transparent) 2px,transparent 2px) 0 0 / 60px 100%,linear-gradient(0deg,color-mix(in srgb,var(--ay-acc) 20%,transparent) 2px,transparent 2px) 0 0 / 100% 60px;animation:ay-close 1.2s ease-out both}.aoyi-pat-petals .aoyi-pat{background-image:radial-gradient(ellipse 6px 3px,var(--ay-acc) 60%,transparent 70%),radial-gradient(ellipse 4px 7px,var(--ay-ink) 50%,transparent 65%);background-size:97px 83px,61px 71px;animation:ay-blow 1.2s linear infinite}.aoyi-pat-mist .aoyi-pat{background:radial-gradient(ellipse at 20% 60%,color-mix(in srgb,var(--ay-acc) 30%,transparent),transparent 45%),radial-gradient(ellipse at 80% 40%,color-mix(in srgb,var(--ay-ink) 25%,transparent),transparent 45%);animation:ay-mist 1.6s ease-in-out infinite alternate}.aoyi-pat-stripes .aoyi-pat{background:repeating-linear-gradient(90deg,transparent 0 40px,color-mix(in srgb,var(--ay-acc) 22%,transparent) 40px 60px);animation:ay-slide .4s linear infinite}.aoyi-pat-octagon .aoyi-pat{background:repeating-conic-gradient(from 22.5deg at 50% 50%,color-mix(in srgb,var(--ay-acc) 35%,transparent) 0 3deg,transparent 3deg 45deg);animation:ay-spin 2.4s linear infinite}.aoyi-pat-cracks .aoyi-pat{background:linear-gradient(70deg,transparent 49.6%,var(--ay-acc) 50%,transparent 50.4%),linear-gradient(-35deg,transparent 49.7%,var(--ay-acc) 50%,transparent 50.3%),linear-gradient(15deg,transparent 49.8%,color-mix(in srgb,var(--ay-acc) 60%,transparent) 50%,transparent 50.2%);animation:ay-crack .3s steps(3) .3s both}.aoyi-pat-strings .aoyi-pat{background:repeating-linear-gradient(0deg,transparent 0 11vh,color-mix(in srgb,var(--ay-acc) 70%,transparent) 11vh calc(11vh + 2px));animation:ay-pluck .12s linear 6}.aoyi-pat-curtain .aoyi-pat{background:linear-gradient(90deg,var(--ay-bg0) 0 18%,transparent 18% 82%,var(--ay-bg0) 82%),repeating-linear-gradient(90deg,transparent 0 24px,rgba(0,0,0,.35) 24px 30px);opacity:.85;animation:ay-curtain .4s cubic-bezier(.2,.9,.3,1) both}.aoyi-pat-dusk .aoyi-pat{background:linear-gradient(180deg,color-mix(in srgb,var(--ay-acc) 35%,transparent),transparent 45%,color-mix(in srgb,var(--ay-bg1) 80%,transparent) 55%),repeating-linear-gradient(0deg,transparent 0 18px,rgba(255,200,150,.12) 18px 19px);opacity:.8}.aoyi-pat-void .aoyi-pat{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--ay-acc) 30%,transparent) 0 3%,transparent 4%);opacity:.9;animation:ay-void 1.4s ease-out both}@keyframes ay-pulse{0%{transform:scale(.9)}to{transform:scale(1.15)}}@keyframes ay-twinkle{50%{opacity:.25}}@keyframes ay-fall{to{background-position:-40px 120px}}@keyframes ay-drift{to{background-position:90px 0}}@keyframes ay-spin{to{transform:rotate(360deg) scale(1.6)}}@keyframes ay-close{0%{transform:scale(1.6);opacity:0}}@keyframes ay-blow{to{background-position:200px 60px,140px 90px}}@keyframes ay-mist{to{transform:translate(4%);opacity:.75}}@keyframes ay-slide{to{background-position:60px 0}}@keyframes ay-crack{0%{clip-path:circle(0 at 50% 50%)}to{clip-path:circle(80% at 50% 50%)}}@keyframes ay-pluck{50%{transform:translateY(2px)}}@keyframes ay-curtain{0%{transform:scaleX(1.6);opacity:0}}@keyframes ay-void{0%{opacity:0;transform:scale(3)}60%{opacity:.9}}.aoyi-cut.own.aoyi-lay-vertical .aoyi-name{writing-mode:vertical-rl;letter-spacing:.02em;font-size:clamp(56px,9vh,130px)}.aoyi-cut.own.aoyi-lay-vertical .aoyi-seal{left:auto;right:-1.6em;top:-.4em}.aoyi-cut.own.aoyi-lay-tilt .aoyi-title{rotate:-9deg}.aoyi-cut.own.aoyi-lay-tilt .aoyi-name{font-style:italic;letter-spacing:.18em}.aoyi-cut.own.aoyi-lay-stagger .aoyi-ch{animation:ay-ch .22s cubic-bezier(.5,0,.9,.5) calc(.3s + var(--i) * .09s) both}.aoyi-cut.common.own.aoyi-lay-stagger .aoyi-ch{animation-delay:calc(.05s + var(--i) * .06s)}.aoyi-cut.own.aoyi-lay-split .aoyi-ch:nth-child(odd){translate:0 -.32em}.aoyi-cut.own.aoyi-lay-split .aoyi-ch:nth-child(2n){translate:0 .32em;color:var(--ay-acc)}.aoyi-cut.own.aoyi-lay-low .aoyi-title{top:72%}.aoyi-cut.own.aoyi-lay-high .aoyi-title{top:26%}.aoyi-cut.own.aoyi-lay-high .aoyi-name{letter-spacing:.3em}@keyframes ay-ch{0%{transform:translateY(-1.2em) scale(1.8);opacity:0}to{transform:none;opacity:1}}.aoyi-cut.own.aoyi-in-clash .aoyi-por.l{animation:ay-clash-l .36s cubic-bezier(.6,0,.4,1.4) .05s both}.aoyi-cut.own.aoyi-in-clash .aoyi-por.r{animation:ay-clash-r .36s cubic-bezier(.6,0,.4,1.4) .05s both}.aoyi-cut.own.aoyi-in-drop .aoyi-por{animation:ay-drop .34s cubic-bezier(.5,0,.7,1.3) .08s both}.aoyi-cut.own.aoyi-in-drop .aoyi-por.r{animation-delay:.26s}.aoyi-cut.own.aoyi-in-rise .aoyi-por{animation:ay-rise .42s cubic-bezier(.15,.9,.3,1) .06s both}.aoyi-cut.own.aoyi-in-cross .aoyi-por.l{animation:ay-cross-l .5s cubic-bezier(.3,.8,.3,1) .05s both}.aoyi-cut.own.aoyi-in-cross .aoyi-por.r{animation:ay-cross-r .5s cubic-bezier(.3,.8,.3,1) .05s both}.aoyi-cut.own.aoyi-in-fade .aoyi-por{animation:ay-fade-in .6s ease-out .05s both}.aoyi-cut.own.aoyi-in-fade .aoyi-por.r{animation-delay:.35s}.aoyi-cut.own.aoyi-in-drift .aoyi-por.l{animation:ay-drift-l 1.2s cubic-bezier(.2,.6,.4,1) both}.aoyi-cut.own.aoyi-in-drift .aoyi-por.r{animation:ay-drift-r 1.2s cubic-bezier(.2,.6,.4,1) .15s both}.aoyi-cut.own.aoyi-in-zoom .aoyi-por{animation:ay-zoom .3s cubic-bezier(.2,.9,.3,1) .06s both}.aoyi-cut.own.aoyi-in-shadow .aoyi-por img{animation:ay-shadow 1.1s ease-out both}.aoyi-cut.own.aoyi-in-shadow .aoyi-por.r img{animation-delay:.4s}@keyframes ay-clash-l{0%{transform:translate(-80%)}60%{transform:translate(18%)}to{transform:none}}@keyframes ay-clash-r{0%{transform:translate(80%)}60%{transform:translate(-18%)}to{transform:none}}@keyframes ay-drop{0%{transform:translateY(-110%);opacity:0}70%{opacity:1}to{transform:none}}@keyframes ay-rise{0%{transform:translateY(60%) scale(.9);opacity:0}to{transform:none;opacity:1}}@keyframes ay-cross-l{0%{transform:translate(150%);opacity:0}40%{opacity:1}to{transform:none}}@keyframes ay-cross-r{0%{transform:translate(-150%);opacity:0}40%{opacity:1}to{transform:none}}@keyframes ay-fade-in{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:none}}@keyframes ay-drift-l{0%{transform:translate(-30%,6%);opacity:0}to{transform:none;opacity:1}}@keyframes ay-drift-r{0%{transform:translate(30%,-6%);opacity:0}to{transform:none;opacity:1}}@keyframes ay-zoom{0%{transform:scale(1.8);opacity:0}to{transform:none;opacity:1}}@keyframes ay-shadow{0%{filter:brightness(0) blur(6px);opacity:0}50%{filter:brightness(0);opacity:1}to{filter:drop-shadow(0 0 18px var(--ay-acc)) brightness(1)}}.b-skill.ult{border:1px solid #e3b04a;background:linear-gradient(#4a3216,#2a1c0e);box-shadow:inset 0 0 0 1px #ffdc8c40,0 0 8px #e3b04a40}.b-skill.ult .b-skill-text b{color:#ffe08a;text-shadow:0 0 6px rgba(255,170,40,.55)}.b-skill.ult img{box-shadow:0 0 0 2px #e3b04a}.b-skill.ult:not(:disabled):hover{border-color:#ffd36a;box-shadow:0 0 14px #ffc85a8c}.b-skill.ult.on{border-color:#ffd36a;background:linear-gradient(#7a5220,#4a3014);box-shadow:0 0 16px #ffc85a99}.b-skill.ult:disabled{filter:grayscale(.85) brightness(.75)}.b-ult-seal{position:absolute;left:3px;top:2px;width:16px;height:16px;border-radius:3px;background:#b02a1a;color:#fff1c0;font-style:normal;font-family:var(--kai);font-size:11px;line-height:16px;text-align:center;box-shadow:0 0 0 1px #ffd36a;pointer-events:none}.b-ult-cd{position:absolute;left:10px;top:10px;width:30px;height:30px;border-radius:50%;background:#0009;color:#ffe08a;font-style:normal;font-size:16px;font-weight:700;line-height:30px;text-align:center;pointer-events:none}.codex-tabs{gap:4px}.codex-tabs>button{padding:4px 10px;font-size:14px;display:inline-flex;align-items:baseline;gap:4px}.codex-tabs>button small{font-size:11px;opacity:.75}.codex-group{grid-column:1 / -1;font-family:var(--kai);font-size:15px;padding:2px 8px;border-left:3px solid currentColor;margin-top:4px}.codex-group.path-none{color:#c8b890}.codex-group.path-xie{color:#d88a8a}.codex-group.path-zhong{color:#d8c48a}.codex-card{position:relative}.codex-role{position:absolute;top:3px;right:3px}.codex-role .tag{margin:0;padding:0 4px}.codex-il{font-size:11px;color:#a89878}.talent-card .codex-face i{font-size:22px}.talent-card.r-god .codex-face{border-color:#f0c040;box-shadow:0 0 10px #f0c0408c;background:radial-gradient(#6a4a10,#2a1a06)}.talent-card.r-god .codex-face i,.talent-card.r-god .codex-name{color:#ffd560}.talent-card.r-god.unknown .codex-face{border-color:#8a6a20;box-shadow:none}.talent-card.r-legend .codex-face{border-color:#f0a040}.talent-card.r-rare .codex-face{border-color:#b07ef0}.talent-card.r-common .codex-face{border-color:#6fcf6f}.talent-card.unknown{cursor:pointer}.god-text{margin:0 0 4px;font-family:var(--kai);font-size:22px;color:#ffd560;text-shadow:0 0 8px rgba(255,200,60,.6)}.tag.talent-tag.r-god{background:#f0c04040;color:#ffd560;border:1px solid #f0c040}.tag.talent-tag.r-legend{color:#f0a040}.tag.talent-tag.r-rare{color:#c8a0f8}.tabs button.god{color:#ffd560}.equip-stat{color:#eadcbf;margin-top:4px}.equip-q{font-size:13px;line-height:1.7}.equip-affix-list{margin-top:6px;font-size:13px}.equip-affix-list .affix{line-height:1.6}.equip-trait{color:#d8c7a4;font-size:13px}.equip-trait .tag{margin-right:6px}.affix-table-wrap{max-height:64vh;overflow-y:auto}.affix-table{width:100%;border-collapse:collapse;font-size:14px}.affix-table th{text-align:left;color:var(--gold);font-weight:400;border-bottom:1px solid rgba(227,192,110,.4);padding:6px 8px;position:sticky;top:0;background:#2a1d12}.affix-table td{padding:6px 8px;border-bottom:1px dashed rgba(227,192,110,.15);color:#d6c9ad;vertical-align:top}.affix-table tr:hover td{background:#e3c06e0f}.sk-pop-grow{font-size:12px;color:#9fe0d0;margin:-2px 0 6px}.sk-ult.off,.sk-aoyi.off{opacity:.55;filter:grayscale(.6)}.sk-ult-nums{font-size:12px;color:#d8c690;margin:2px 0 0 4px}.sk-ult-nums b{color:#ffe08a;font-weight:400}.sk-gate-why{font-size:11px;color:#b0a0a0;margin:1px 0 0 4px}.sk-bt{position:absolute;right:-4px;top:-4px;min-width:16px;height:16px;line-height:16px;padding:0 2px;border-radius:3px;font-size:11px;font-style:normal;text-align:center;color:#241d16;background:#9a8a70;box-shadow:0 0 0 2px #241d16}.sk-bt.ready{background:#ffd060;animation:sk-bt-pulse 1.4s ease-in-out infinite}@keyframes sk-bt-pulse{0%,to{box-shadow:0 0 0 2px #241d16}50%{box-shadow:0 0 0 2px #241d16,0 0 8px 2px #ffd060}}.sk-bt-line{font-size:12px;margin:4px 0 6px;padding:4px 6px;border-left:2px solid #6a5a40;color:#cdbb95}.sk-bt-line.blocked{border-color:#b08040;color:#e8c890}.sk-bt-line.ready{border-color:#ffd060;color:#ffe08a;display:flex;align-items:center;justify-content:space-between;gap:8px}.sk-bt-line.done{border-color:#5c9a6a;color:#9fd0a0}.check-tag{display:inline-block;margin-right:8px;padding:1px 8px;border-radius:3px;font-size:13px;letter-spacing:0;vertical-align:2px;border:1px solid rgba(227,192,110,.6);color:var(--gold);background:#140e0a99}.check-tag.fail{border-color:#a0968273;color:var(--dim)}.dialog-menu button.locked,.dialog-menu button.locked:hover{opacity:.5;cursor:not-allowed;filter:grayscale(.7)}.story-check-float{position:fixed;left:50%;top:34%;z-index:40;translate:-50% 0;pointer-events:none!important;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 30px;font-family:var(--kai);font-size:28px;letter-spacing:6px;background:radial-gradient(ellipse at center,#140e0ad9,#140e0a00);animation:story-check-float 2.2s ease-out forwards}.story-check-float.ok{color:var(--gold);text-shadow:0 0 18px rgba(227,192,110,.6)}.story-check-float.fail{color:#c9b9a2;text-shadow:0 0 12px rgba(184,80,63,.6)}.story-check-label{font-size:15px;letter-spacing:2px;opacity:.8}@keyframes story-check-float{0%{opacity:0;transform:translateY(16px) scale(.92)}15%{opacity:1;transform:none}75%{opacity:1}to{opacity:0;transform:translateY(-18px)}}.story-fx-only{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none}.story-react-stack{position:fixed;right:18px;bottom:210px;z-index:40;display:flex;flex-direction:column;gap:8px;align-items:flex-end;pointer-events:none!important}.story-react{display:flex;gap:10px;align-items:center;min-width:220px;max-width:340px;padding:8px 14px 8px 8px;border-radius:6px;background:linear-gradient(90deg,#2a1e17f2,#1c140feb);box-shadow:0 0 0 1px #e3c06e66,0 6px 16px #00000080;animation:story-react-in 3.6s ease-out forwards}.story-react.up{box-shadow:0 0 0 1px #79c97a8c,0 6px 16px #00000080}.story-react.down{box-shadow:0 0 0 1px #e0675a8c,0 6px 16px #00000080}.story-react-name{font-family:var(--kai);color:var(--gold);font-size:15px}.story-react-delta{margin-left:8px;font-size:12px;color:var(--dim)}.story-react.up .story-react-delta{color:var(--green)}.story-react.down .story-react-delta{color:var(--red)}.story-react-text{font-size:14px;color:var(--text);line-height:1.5}@keyframes story-react-in{0%{opacity:0;transform:translate(40px)}10%{opacity:1;transform:none}85%{opacity:1}to{opacity:0;transform:translate(20px)}}.case-card h3 .tag{margin-left:8px}.case-card .clue-line{padding:4px 0 4px 14px;border-left:2px solid rgba(227,192,110,.4);margin:4px 0}.case-card .clue-missing{color:var(--dim);font-style:italic}.title-screen.bright{position:relative;align-items:flex-start;justify-content:flex-start;padding:0;overflow:hidden;background-color:#e8eef0;background-size:cover;background-position:center}.title-screen.bright .title-mist{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(100deg,#faf8f29e,#faf8f261 26%,#faf8f200 48%)}.title-screen.bright .title-block{position:relative;z-index:1;margin:9vh 0 0 7vw;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.title-screen.bright .title-mark{display:flex;align-items:flex-start;gap:14px}.title-screen.bright h1{margin:0;font-family:var(--kai);font-size:clamp(64px,8.4vw,128px);font-weight:700;line-height:1;letter-spacing:.12em;color:#23201c;text-shadow:0 1px 0 rgba(255,255,255,.6),0 0 18px rgba(255,255,255,.5)}.title-screen.bright .title-seal{margin-top:.4em;padding:5px 6px;font-family:var(--kai);font-size:clamp(15px,1.4vw,22px);line-height:1.05;color:#fdf6ea;background:#b8432f;border-radius:3px;box-shadow:inset 0 0 0 2px #fdf6ea8c;transform:rotate(-4deg)}.title-screen.bright .sub{color:#3e4a44;font-family:var(--kai);font-size:clamp(16px,1.5vw,22px);letter-spacing:.3em;text-shadow:0 0 10px rgba(255,255,255,.8)}.title-screen.bright .title-btns{display:flex;flex-direction:column;gap:10px;margin-top:4vh}.title-plank{min-width:200px;padding:9px 26px;font-family:var(--kai);font-size:19px;letter-spacing:.3em;text-align:left;color:#3b2f22;background:linear-gradient(180deg,#fcf7eceb,#eee2cceb);border:1px solid rgba(140,108,70,.45);border-left:4px solid #a8835a;border-radius:3px;box-shadow:0 2px 8px #5a462829;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.title-plank:hover:not(:disabled){color:#9d3a26;border-color:#b8432f99;border-left-color:#b8432f;background:linear-gradient(180deg,#fffbf2,#f3e7cf);box-shadow:0 3px 12px #5a46283d}.title-plank:active:not(:disabled){background:#eadcc0}.title-plank.primary{border-left-color:#b8432f;color:#2a2118}.title-plank:disabled{opacity:.5}.title-plank.test-btn{font-family:inherit;font-size:14px;letter-spacing:.1em;background:#f5f0ffd9;color:#6a4cb0!important}.title-screen.bright .title-ver{margin-top:2vh;font-size:13px;letter-spacing:.2em;color:#4f5c56;text-shadow:0 0 8px rgba(255,255,255,.9)}.gallery{display:flex;flex-direction:column;gap:10px}.gallery-count{font-size:13px}.gallery-sec h4{margin:4px 0 6px;font-family:var(--kai);color:var(--gold);letter-spacing:2px;font-weight:400}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px}.gallery-card{display:flex;flex-direction:column;gap:4px;padding:4px;background:var(--panel2);border-radius:4px;transition:border-color .15s,filter .15s}.gallery-card:hover:not(:disabled){filter:brightness(1.08)}.gallery-card:active:not(:disabled){filter:brightness(.95)}.gallery-card:disabled{opacity:1;cursor:default}.gallery-thumb{display:block;aspect-ratio:16 / 10;overflow:hidden;border-radius:3px;background:#15120f}.gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}.gallery-thumb i{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-style:normal;font-size:34px;color:#4a4033;background:radial-gradient(ellipse at center,#2a241e,#120f0c)}.gallery-name{font-family:var(--kai);font-size:14px;text-align:center}.gallery-card.unknown .gallery-name{color:var(--dim)}.cgv{position:fixed;top:0;right:0;bottom:0;left:0;z-index:65;background:#000;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.cgv-fill{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background:center / cover no-repeat;filter:blur(28px) brightness(.45) saturate(.8)}.cgv-img{position:relative;max-width:100%;max-height:100%;object-fit:contain}.cgv-nav{position:absolute;top:50%;translate:0 -50%;width:48px;height:88px;font-size:40px;line-height:1;padding:0;background:#14100c73;border:1px solid rgba(227,192,110,.35)}.cgv-nav.l{left:14px}.cgv-nav.r{right:14px}.cgv-x{position:absolute;top:14px;right:14px;background:#14100c8c}.cgv-cap{position:absolute;left:50%;bottom:18px;translate:-50% 0;display:flex;gap:12px;align-items:baseline;padding:8px 18px;border-radius:4px;background:#14100cb3;cursor:default;max-width:90vw}.cgv-cap b{font-family:var(--kai);color:var(--gold);font-size:18px;font-weight:400;letter-spacing:2px}.cgv-cap span,.cgv-cap i{color:var(--dim);font-size:12px;font-style:normal;white-space:nowrap}.watch-btn{margin-top:8px;border-color:#e3c06e99;color:var(--gold)}.sk-ult .watch-btn{margin:0 0 0 8px}.show-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px;background:radial-gradient(ellipse at center,#1e1610bf,#080605f5),url(./lacquer-By6i_657.webp)}.show-head{display:flex;align-items:baseline;gap:12px;width:min(100%,calc((100vh - 130px)*1.5))}.show-head b{font-family:var(--kai);font-size:26px;color:var(--gold);font-weight:400;letter-spacing:4px}.show-seal{align-self:center;padding:2px 6px;font-family:var(--kai);font-size:14px;color:#fdf6ea;background:#b8432f;border-radius:3px}.show-x{margin-left:auto}.show-mid{position:relative;flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}.show-field{width:min(100%,calc((100vh - 130px)*1.5));aspect-ratio:3 / 2;border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px #e3c06e4d}.show-field canvas{display:block;width:100%!important;height:100%!important}.show-end{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;background:#0a080673}.show-end button{min-width:140px}.show-desc{font-size:13px;max-width:760px;text-align:center}.title-screen.bright .title-plank,.title-screen.bright .title-plank.primary{background:linear-gradient(180deg,#fcf7eceb,#eee2cceb);color:#3b2f22}.title-screen.bright .title-plank.primary{color:#2a2118;border-left-color:#b8432f;font-weight:700}.title-screen.bright .title-plank:hover:not(:disabled),.title-screen.bright .title-plank.primary:hover:not(:disabled){transform:none;color:#9d3a26;background:linear-gradient(180deg,#fffbf2,#f3e7cf);box-shadow:0 3px 12px #5a46283d}.title-screen.bright .title-plank:active:not(:disabled){transform:none;background:#eadcc0}.aoyi-cut.own.aoyi-in-spin .aoyi-por.l{animation:ay-spin-l .5s cubic-bezier(.2,.8,.3,1) .05s both}.aoyi-cut.own.aoyi-in-spin .aoyi-por.r{animation:ay-spin-r .5s cubic-bezier(.2,.8,.3,1) .2s both}.aoyi-cut.own.aoyi-in-swap .aoyi-por.l{animation:ay-swap-l .55s cubic-bezier(.3,.8,.3,1) .05s both}.aoyi-cut.own.aoyi-in-swap .aoyi-por.r{animation:ay-swap-r .55s cubic-bezier(.3,.8,.3,1) .05s both}@keyframes ay-spin-l{0%{transform:translate(-40%) rotate(-25deg) scale(.7);opacity:0}to{transform:none;opacity:1}}@keyframes ay-spin-r{0%{transform:translate(40%) rotate(25deg) scale(.7);opacity:0}to{transform:none;opacity:1}}@keyframes ay-swap-l{0%{transform:translateY(-60%);opacity:0}50%{opacity:1}to{transform:none}}@keyframes ay-swap-r{0%{transform:translateY(60%);opacity:0}50%{opacity:1}to{transform:none}}.endings{display:flex;flex-direction:column;gap:12px}.endings .ach{text-align:left;cursor:pointer}.endings .ach:disabled{cursor:default;opacity:.6}.endings .ach.on{box-shadow:0 0 0 1px var(--gold)}.ending-detail{padding:10px 14px;border-radius:6px;background:#0000002e}.ending-detail p{margin:4px 0;line-height:1.7}.ending-cg{display:block;width:100%;max-height:300px;object-fit:contain;border-radius:4px;margin-bottom:8px}.aoyi-cut.own.aoyi-in-clasp .aoyi-por.l{animation:ay-clasp-l .6s cubic-bezier(.2,.8,.3,1) .05s both}.aoyi-cut.own.aoyi-in-clasp .aoyi-por.r{animation:ay-clasp-r .6s cubic-bezier(.2,.8,.3,1) .05s both}.aoyi-cut.own.aoyi-in-echo .aoyi-por.l{animation:ay-echo-l .55s steps(3,end) .05s both}.aoyi-cut.own.aoyi-in-echo .aoyi-por.r{animation:ay-echo-r .55s steps(3,end) .15s both}@keyframes ay-clasp-l{0%{transform:translate(-30%) scale(.92);opacity:0}60%{transform:translate(6%);opacity:1}to{transform:none}}@keyframes ay-clasp-r{0%{transform:translate(30%) scale(.92);opacity:0}60%{transform:translate(-6%);opacity:1}to{transform:none}}@keyframes ay-echo-l{0%{transform:translate(-24%);opacity:.3}50%{transform:translate(8%);opacity:.6}to{transform:none;opacity:1}}@keyframes ay-echo-r{0%{transform:translate(24%);opacity:.3}50%{transform:translate(-8%);opacity:.6}to{transform:none;opacity:1}}.diff-card.diff-lianyu{border-color:#c83c32b3;background:linear-gradient(180deg,#5a14128c,#1e0c0a99)}.diff-card.diff-lianyu b{color:#f06a55}.diff-card.diff-lianyu:hover{box-shadow:0 0 10px #f0503c73}.item-frame .tier-badge{position:absolute;left:0;top:0;padding:0 3px;font-family:var(--kai);font-size:11px;line-height:14px;color:#1a120c;border-bottom-right-radius:4px;pointer-events:none}.item-frame.tier-shen{animation:tier-shen-glow 2.4s ease-in-out infinite}@keyframes tier-shen-glow{0%,to{filter:none}50%{filter:drop-shadow(0 0 4px rgba(240,72,72,.7))}}.tag.tier-tag{background:transparent;border:1px solid;margin:0 6px 0 0}.tabs button.tier-tab-zhen{color:#ff8c3a}.tabs button.tier-tab-shen{color:#f04848}.main.scene,.main.world{overflow:hidden;padding-bottom:6px}.main.scene{width:auto;margin:0}.main-stage{flex:1;min-height:0;width:100%;container-type:size;display:flex;flex-direction:column;align-items:center}.main-stage .scene{width:min(100cqw,calc((100cqh - 30px) * 16 / 9))}.main-stage .worldmap-wrap{width:min(100cqw,calc((100cqh - 34px) * 16 / 9))}.party-mini.pbar{flex:none;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;width:100%;margin:6px 0 0;overflow-x:hidden;overflow-y:hidden;box-sizing:border-box}.party-mini.pbar.scroll{justify-content:flex-start;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(227,192,110,.4) transparent}.pbar-row{flex:none;display:flex;flex-wrap:nowrap;gap:8px;align-items:center;padding:0 4px;box-sizing:border-box}.party-mini.pbar .card{flex:none;box-sizing:border-box;height:58px;gap:6px;padding:5px 7px;margin:0}.party-mini.pbar .card.bench{opacity:.82;background:#00000052}.party-mini.pbar .pm-name{display:flex;align-items:baseline;gap:2px;white-space:nowrap;overflow:hidden;font-size:14px;line-height:16px}.party-mini.pbar .pm-name .gold{min-width:0;overflow:hidden;text-overflow:ellipsis;font-family:var(--kai)}.party-mini.pbar .pm-name .dim{flex:none;font-size:12px}.party-mini.pbar .pm-name .tag{flex:none;margin-left:2px}.pm-bench{flex:none;margin-left:3px;padding:0 3px;font-size:11px;line-height:14px;color:#b9a98a;border:1px solid rgba(185,169,138,.5);border-radius:3px;font-family:var(--kai)}.party-mini.pbar .bar{height:12px;margin:2px 0}.party-mini.pbar .bar-text{font-size:10px;line-height:12px}.pbar-div{flex:none;align-self:stretch;width:1px;margin:4px 2px;background:linear-gradient(transparent,rgba(227,192,110,.65),transparent)}.walk .party-mini.pbar{margin:4px 0 0}.ach-text small.ach-time{color:#8a7d68;font-size:11px}.modal.wide:has(.scroll-view){height:min(860px,90vh)}.modal.wide:has(.scroll-view) .scroll-view{flex:1;min-height:0;max-height:none}.modal-body:has(.scroll-view){display:flex;flex-direction:column;min-height:0;flex:1}.scroll-banner{position:relative;flex:none;height:150px;margin-bottom:8px;border-radius:6px;overflow:hidden;border:1px solid rgba(227,192,110,.45);box-shadow:inset 0 0 24px #000c,0 2px 8px #00000080;background:#1a120c}.scroll-banner img{width:100%;height:100%;object-fit:cover;object-position:center 45%;display:block;transition:filter .3s}.scroll-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#0a0705bf,#0a070500 38%,#0a070500 70%,#0a070580)}.scroll-banner-ph{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#3a2a1c,#15100b)}.scroll-banner-name{position:absolute;left:18px;bottom:12px;z-index:1;font-family:var(--kai);font-size:26px;letter-spacing:3px;color:var(--gold);text-shadow:0 0 6px #000,0 2px 4px #000}.scroll-banner.unowned img{filter:blur(6px) grayscale(.7) brightness(.5);transform:scale(1.06)}.scroll-tabs{flex:none;flex-wrap:nowrap;overflow-x:auto}.scroll-tabs button{flex:1 0 auto;white-space:nowrap}.scroll-tabs button.unowned{color:#8a7d68}.scroll-note{display:flex;gap:14px;align-items:flex-start}.scroll-note-main{flex:1;min-width:0}.scroll-page{flex:none;width:132px;height:132px;border-radius:4px;overflow:hidden;border:1px solid rgba(227,192,110,.35);box-shadow:0 2px 8px #0009;background:#1a120c}.scroll-page img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .3s}.scroll-page-ph{display:block;width:100%;height:100%;background:radial-gradient(#3a2a1c,#15100b)}.scroll-page.blur img{filter:blur(3px) grayscale(.85) brightness(.55);transform:scale(1.06)}.toasts.ach-toasts{top:96px;left:auto;right:18px;transform:none;align-items:flex-end;gap:4px}.toast.ach-toast{padding:6px 22px;font-size:13px;opacity:.95}