/* 雾尽山门：青黑山色与暖金灯火；主线大场景，养成页保留可读纸面。 */
:root{--mist:#0a181c;--mist-panel:#102326;--mist-line:#314343;--mist-gold:#e7c188;--mist-muted:#a7b8b6;--mist-text:#efe8da}
html,body{background:#081519!important;color:var(--mist-text);font-family:"Microsoft YaHei","PingFang SC",sans-serif}
body{background-image:radial-gradient(ellipse at 80% 10%,#183137 0,transparent 60%)!important}
button,input{font:inherit}button{touch-action:manipulation}button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #f3d8a5!important;outline-offset:4px}
.mist-shell{max-width:1280px;margin:auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--mist-line)}
.mist-brand{background:none;border:0;color:var(--mist-text);display:flex;align-items:center;gap:13px;cursor:pointer;padding:0;text-align:left}
.brand-seal{font-family:KaiTi,serif;border:1px solid #ba9866;color:var(--mist-gold);padding:3px 9px;font-size:25px;line-height:1.35}
.mist-brand strong{font:23px KaiTi,serif;letter-spacing:5px}.mist-brand small{display:block;font-size:9px;letter-spacing:3px;color:var(--mist-muted);margin-top:4px}
.shell-tools{display:flex;align-items:center;gap:20px;font-size:11px;color:var(--mist-muted)}.shell-tools button{border:0;background:transparent;color:var(--mist-text);cursor:pointer;padding:9px 0}.save-led:before{content:'';display:inline-block;width:5px;height:5px;background:#95c7ac;border-radius:50%;margin-right:7px}
#app{max-width:1280px;background:transparent;min-height:calc(100vh - 90px)}
#tab-container{padding:0 28px 100px;overflow:visible}.tab-page{animation:mist-in .35s ease}
#topbar .topbar{position:relative;background:transparent;color:var(--mist-muted);border:0;box-shadow:none;padding:14px 28px}
.topbar-avatar{background:#12272b;border-color:#6d7867;color:var(--mist-gold)}.topbar-name{color:var(--mist-text)}.topbar-realm{color:#d4ba92}.topbar-rate{color:var(--mist-muted)}.res-item{color:#b6c4c2}.res-item .res-num{color:var(--mist-gold)}
#news-ticker{margin:0 28px 12px;border-color:var(--mist-line);color:var(--mist-muted);background:transparent;font-size:11px}
#news-ticker .news-text,#news-ticker .xgh-news-text{color:var(--mist-muted)}
.mist-eyebrow{display:block;color:var(--mist-gold);font-size:10px;letter-spacing:3px;font-weight:400;text-transform:uppercase}
.mist-welcome{min-height:680px;position:relative;background:linear-gradient(90deg,rgba(6,18,22,.92) 0%,rgba(6,18,22,.62) 37%,rgba(6,18,22,.04) 65%),url('../assets/mountain.webp') center/cover;border:1px solid var(--mist-line);overflow:hidden}
.mist-intro{padding:48px 54px;max-width:540px;position:relative;z-index:1}.mist-intro h1{font-family:KaiTi,"STKaiti",serif;font-weight:400;font-size:78px;letter-spacing:13px;line-height:1.15;margin:20px 0}.mist-intro h1 span{display:block;margin-left:62px}.mist-lead{font-family:KaiTi,serif;font-size:22px;letter-spacing:2px;color:#e7d3b0}.mist-desc{color:#bac6c6;font-size:13px;line-height:2}.mist-vertical{writing-mode:vertical-rl;position:absolute;right:28px;top:45px;font-family:KaiTi,serif;letter-spacing:8px;font-size:16px;color:#d8d6c4;text-shadow:0 2px 5px #000}
.mist-start{max-width:340px;margin-top:25px}.mist-start label{display:block;font-size:11px;color:var(--mist-muted);margin-bottom:6px}.mist-start input{width:100%;border:0;border-bottom:1px solid #637271;background:#08171c88;color:var(--mist-text);padding:9px 10px;border-radius:0}.mist-start small{display:block;text-align:center;font-size:10px;color:#a5b4b4;margin-top:12px}
.origin-options{display:flex;gap:6px;margin-top:14px}.origin-choice{flex:1;background:#0e2025aa;color:#a9b7b6;border:1px solid #3c4b4b;padding:8px 3px;cursor:pointer}.origin-choice.chosen{border-color:var(--mist-gold);color:var(--mist-gold);background:#65533438}.origin-choice b{font-family:KaiTi,serif;font-size:22px;margin-right:5px}.origin-choice span{font-size:11px}#origin-desc{font-size:11px;min-height:36px;color:#aebcba;margin:9px 0}
.mist-btn{border:1px solid #49605d;background:#152b2e;color:var(--mist-text);padding:13px 15px;cursor:pointer;transition:background .15s,border-color .15s,transform .15s;text-align:left;line-height:1.5;font-size:13px;border-radius:2px;min-height:44px}.mist-btn:hover:not(:disabled){background:#24413f;border-color:#b3bea6;transform:translateY(-1px)}.mist-btn.primary{background:var(--mist-gold);border-color:var(--mist-gold);color:#16262a}.mist-btn.primary:hover:not(:disabled){background:#f3d5a6;border-color:#f3d5a6}.mist-btn small{display:block;font-size:10px;opacity:.75;font-weight:400;margin-top:4px}.mist-btn:disabled{opacity:.42;cursor:not-allowed}.mist-btn.quiet{border-color:transparent;background:transparent;color:var(--mist-muted);font-size:11px}.mist-start>.mist-btn{display:flex;justify-content:space-between;align-items:center;width:100%}
.mist-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 310px;border:1px solid var(--mist-line)}.mist-landscape{min-height:495px;position:relative;background:linear-gradient(180deg,rgba(5,17,23,.4),transparent 48%,rgba(5,17,23,.72)),url('../assets/mountain.webp') 56% center/cover;isolation:isolate}.landscape-heading{position:absolute;z-index:2;top:28px;left:30px;text-shadow:0 2px 8px #061015}.landscape-heading h1{font:46px KaiTi,serif;letter-spacing:6px;margin:12px 0 7px}.landscape-heading p{color:#c8d3ce;font:15px KaiTi,serif;letter-spacing:2px;margin:0}.mist-path{position:absolute;inset:80px 35px 55px 12px}.beacon{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);border:0;background:transparent;color:#e9dec8;cursor:pointer;min-width:70px;text-align:center;padding:4px;z-index:3}.beacon i{font:19px KaiTi,serif;display:block;width:38px;height:38px;border:1px solid #b8b5a1;background:#15242ad9;margin:auto;line-height:36px;transform:rotate(0deg);box-shadow:0 2px 10px #0008}.beacon span{font-size:10px;display:block;margin-top:6px;background:#07181cc9;padding:2px 5px;letter-spacing:1px}.beacon.current i{border-color:var(--mist-gold);color:var(--mist-gold);box-shadow:0 0 0 5px #e7c18816,0 0 25px #e7c18850;animation:beacon-breathe 3s infinite}.beacon.lit i{background:#d4b77a;color:#142423;border-color:#eace95}.beacon.locked{color:#b2bcb8;opacity:.75}.landscape-foot{position:absolute;bottom:0;left:0;right:0;display:flex;gap:23px;align-items:center;padding:18px 25px;border-top:1px solid #7d958139;font-size:10px;color:#afbdb9;background:#0b1b21b8}.landscape-foot b{font-weight:400;color:#e0d2b4;margin-left:4px}
.mist-quest{background:#102326;padding:30px 25px;border-left:1px solid var(--mist-line)}.mist-quest h2{font:27px KaiTi,serif;letter-spacing:3px;margin:14px 0 17px}.mist-quest>p{color:#b0c0ba;font-size:13px;line-height:2;margin:0 0 22px}.mist-choices,.ending-options{display:grid;gap:11px}.choice-receipt{color:#c7af84;font-size:11px;border-left:2px solid #baa479;padding:8px 12px;background:#22312b}.enemy-preview{padding:20px 0}.enemy-preview span,.enemy-preview small{display:block;color:#a9bcb4;font-size:11px;line-height:1.8}.enemy-preview strong{display:block;font:21px KaiTi,serif;margin:8px 0;color:#f1e5d0}.mist-quest>.mist-btn{width:100%}.gate-hint{display:block;font-size:10px;color:#9eb1a9;margin-top:11px}
.mist-camp{margin-top:18px;border:1px solid var(--mist-line);background:#102125;display:grid;grid-template-columns:1fr 1.3fr;gap:15px 30px;padding:24px 28px}.camp-progress h2{font:25px KaiTi,serif;margin:9px 0 12px}.camp-progress p{font-size:10px;color:var(--mist-muted);margin:7px 0 0}.mist-meter{height:4px;background:#2c4342;overflow:hidden}.mist-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#72978a,#e7c188);transition:width .25s}.camp-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;align-items:center}.camp-actions .mist-btn{min-height:66px}.camp-links{display:flex;flex-wrap:wrap;gap:6px;align-items:center;grid-column:1/-1;border-top:1px solid var(--mist-line);padding-top:15px}.camp-links>span{font-size:10px;color:var(--mist-muted);margin-right:14px}.camp-links .mist-btn{font-size:11px;padding:8px 14px;min-height:36px;background:transparent}.camp-tip{grid-column:1/-1;font-size:11px;color:#c2ba9f;margin:0}
.mist-journal{padding:25px 3px 0}.mist-journal h2{font:20px KaiTi,serif;margin:0 0 16px}.mist-journal h2 span{font:9px sans-serif;letter-spacing:3px;margin-left:15px;color:#6e8988}.mist-journal p{display:flex;gap:15px;font-size:11px;color:#a0b5b0;line-height:1.9;border-bottom:1px solid #243738;padding:9px 0;margin:0}.mist-journal p span{font-size:10px;color:#6f8a83}
.mist-battle{padding:30px 35px;border:1px solid #56625a;background:linear-gradient(#07171be8,#07171be8),url('../assets/mountain.webp') center/cover;min-height:650px}.battle-top{text-align:center}.battle-top h1{font:36px KaiTi,serif;letter-spacing:5px;margin:12px}.battle-top p{color:#a9beb8;font-size:12px}.duel{display:flex;align-items:center;justify-content:center;gap:8%;margin:35px 0}.fighter{text-align:center;max-width:270px;width:35%}.sigil{margin:auto;border:1px solid #6b887c;width:100px;height:100px;font:55px/100px KaiTi,serif;color:#e4c68f;border-radius:50%;box-shadow:0 0 40px #aec9a515,inset 0 0 25px #5d8e7620}.enemy .sigil{color:#e6a196;border-color:#916a64;box-shadow:0 0 40px #bf777020}.fighter h2{font:20px KaiTi,serif;letter-spacing:2px}.fighter p,.fighter small{font-size:11px;color:#bdcac3}.enemy .mist-meter i{background:linear-gradient(90deg,#ad7772,#d7a77f)}.duel-divider{font:17px KaiTi,serif;color:#9e997f;display:grid;gap:12px}.duel-divider i{height:55px;width:1px;background:#4a605a;margin:auto}.intent-banner{border:1px solid #6c6650;background:#54482944;display:flex;justify-content:center;gap:20px;padding:12px;margin:15px 0;color:#dec99c;font-size:12px}.intent-banner span{color:#bdc3ac}.battle-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.battle-log{font-size:11px;color:#9fb1a9;border-top:1px solid var(--mist-line);margin-top:18px;padding-top:12px}.battle-log p{margin:7px 0}.battle-log p:first-child{color:#e3d6b8}.battle-result{text-align:center}.battle-result h2{font:29px KaiTi,serif;color:#eed29f}.battle-result p{font-size:13px;color:#b8c6bc}.battle-result .mist-btn{margin:10px}
.mist-ending{min-height:650px;text-align:center;padding:50px 20px;background:linear-gradient(#07191bd9,#07191be8),url('../assets/mountain.webp') center/cover;border:1px solid #4f6255}.end-seal{width:80px;height:80px;border:1px solid #ac8c61;color:var(--mist-gold);font:48px/80px KaiTi,serif;margin:30px auto}.mist-ending h1{font:48px KaiTi,serif;letter-spacing:8px}.mist-ending>p{max-width:580px;margin:25px auto;font:18px/2.2 KaiTi,serif;color:#d0d8c9}.ending-record{font-size:11px;color:#adba9f;margin:25px}.ending-buttons{display:flex;gap:10px;justify-content:center;margin:22px}.mist-ending>small{font-size:10px;color:#9db1a7}
.tab-page:not([data-tab-page=campaign]){color:var(--ink);max-width:950px;margin:10px auto}.tab-page:not([data-tab-page=campaign])>.card{box-shadow:none;border:1px solid #7d8475}.tab-page:not([data-tab-page=campaign]) button{min-height:40px}
#bottom-nav{background:#0d2025f5;border-top:1px solid #456058;max-width:1280px}.nav-item{color:#98aaa5;font:12px "Microsoft YaHei",sans-serif;cursor:pointer}.nav-item.active{color:var(--mist-gold);background:#d1ad6a0d}.nav-ico{font-family:KaiTi,serif!important;font-size:23px!important}.badge-new{display:none!important}.modal,.xgh-sheet{color:#29382d}.modal-mask{backdrop-filter:blur(5px)}.modal .btn{min-height:44px}.xgh-sheet-title{color:#435343}.toast{font-family:"Microsoft YaHei",sans-serif}.storage-warning{background:#5b3f24;color:#ffe2ac;font-size:12px;padding:10px 28px;text-align:center}
.mist-footer{text-align:center;color:#6c8b81;font-size:9px;letter-spacing:1px;margin:15px auto 90px}.mist-footer a{color:#9aab93}
@keyframes beacon-breathe{50%{box-shadow:0 0 0 9px #e7c18806,0 0 30px #e7c18870}}@keyframes mist-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.mist-welcome{min-height:740px}.mist-intro{padding-top:65px}.mist-landscape{min-height:550px}}
@media(max-width:900px){.mist-dashboard{grid-template-columns:minmax(0,1fr) 280px}.mist-quest{padding:22px 18px}.landscape-foot{gap:10px;padding:15px 10px}.mist-intro{padding:40px 30px}.mist-camp{gap:18px;padding:20px}.battle-actions{gap:6px}.mist-battle{padding:22px}}
@media(max-width:680px){.mist-shell{padding:16px}.mist-brand strong{font-size:20px}.shell-tools{gap:12px}.shell-tools .save-led{display:none}#topbar .topbar{padding:12px 16px}#tab-container{padding:0 12px 92px}#news-ticker{margin:0 12px 10px}.mist-welcome{min-height:740px;background-position:63% center;background-image:linear-gradient(90deg,#07171be6,#07171b8c 80%),url('../assets/mountain.webp')}.mist-intro{padding:40px 24px;max-width:none}.mist-intro h1{font-size:66px}.mist-intro h1 span{margin-left:50px}.mist-vertical{right:14px;top:25px;letter-spacing:7px;font-size:12px}.mist-start{max-width:none;margin-top:28px}.mist-dashboard{display:block}.mist-landscape{min-height:360px}.landscape-heading{top:20px;left:20px}.landscape-heading h1{font-size:35px}.landscape-heading p{font-size:13px}.mist-path{inset:70px 28px 50px 0}.beacon i{width:31px;height:31px;line-height:29px;font-size:17px}.beacon span{font-size:9px}.beacon{min-width:55px}.mist-quest{border-left:0;border-top:1px solid var(--mist-line);padding:23px}.mist-quest h2{font-size:26px;margin-bottom:12px}.mist-quest>p{margin-bottom:17px}.mist-camp{display:block;padding:20px}.camp-actions{margin:20px 0;gap:6px}.camp-actions .mist-btn{padding:10px 9px;font-size:12px}.camp-actions small{font-size:9px}.camp-links{gap:5px}.camp-links>span{width:100%;margin:0 0 5px}.camp-links .mist-btn{padding:7px 10px}.camp-tip{margin-top:13px;line-height:1.8}.mist-battle{padding:22px 14px}.battle-top h1{font-size:30px}.battle-top p{font-size:11px;line-height:1.8}.duel{gap:5%;margin:30px 0}.fighter{width:42%}.sigil{width:75px;height:75px;line-height:75px;font-size:40px}.fighter h2{font-size:17px}.fighter small{font-size:10px}.battle-actions{grid-template-columns:repeat(2,1fr);gap:8px}.battle-actions .mist-btn{min-height:60px}.battle-actions .mist-btn:last-child{grid-column:1/-1}.intent-banner{display:block;text-align:center}.intent-banner span{display:block;margin-top:7px;font-size:10px}.mist-ending h1{font-size:35px;letter-spacing:5px}.mist-ending>p{font-size:17px}.ending-buttons{flex-direction:column;margin:20px 0}.ending-buttons .mist-btn{text-align:center}.topbar-avatar{width:32px;height:32px;font-size:16px}.res-bar{font-size:11px}.mist-footer{padding:0 20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* 实机截图修正：继承的纸面标题色不适用于夜色主线。 */
[data-tab-page="campaign"] h1,[data-tab-page="campaign"] h2{color:var(--mist-text)}
#topbar .progress-text{color:#e9dfc5;text-shadow:0 1px 2px #000}
#bottom-nav{margin:0 auto}
.toast{background:#efe7d3;color:#273b32;border-color:#c7aa76}
body:has(.mist-welcome) #topbar,body:has(.mist-welcome) #news-ticker,body:has(.mist-welcome) #bottom-nav{display:none}
body:has(.mist-welcome) #tab-container{padding-top:22px;padding-bottom:20px}
.tab-page:not([data-tab-page=campaign]){background:#f2ecdd;border:1px solid #8b927e;padding:22px;border-radius:2px}
@media(max-width:680px){.tab-page:not([data-tab-page=campaign]){padding:13px}}