/*! 人生 Online｜任務進度 © 2026 Rex Mu | RexFactory. All rights reserved. 版本 20261004 V.4 */
@font-face{font-family:LifePixel;src:url(/fonts/life-pixel.woff) format("woff");font-display:swap}:root{--night: #1a1c2c;--night-2: #333c57;--window: #29366f;--window-2: #3b5dc9;--frame: #f4f4f4;--ink: #f4f4f4;--muted: #94b0c2;--dim: #566c86;--warn-text: #ffb38a;--bad-text: #ffa4b2;--gold: #ffcd75;--sky: #73eff7;--good: #38b764;--good-2: #a7f070;--warn: #ef7d57;--bad: #b13e53;--focus: #ffcd75;--px: 4px;--col: 560px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--night);color:var(--ink);font-family:LifePixel,Noto Sans Mono CJK TC,ui-monospace,monospace;font-size:16px;line-height:24px;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;font-smooth:never;min-height:100dvh;overscroll-behavior-y:none}img,svg{image-rendering:pixelated;shape-rendering:crispEdges}a{color:var(--sky);text-underline-offset:4px}a:hover{color:var(--gold)}:focus-visible{outline:var(--px) solid var(--focus);outline-offset:var(--px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.shell{max-width:var(--col);margin:0 auto;padding:calc(var(--safe-top) + 0px) 16px calc(var(--safe-bottom) + 16px);min-height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 0;color:var(--muted);border-bottom:var(--px) solid var(--night-2)}.topbar a{color:var(--ink);text-decoration:none}.topbar .brand{display:flex;align-items:center;gap:8px}.topbar .ver{color:var(--muted)}main{flex:1;padding:16px 0 24px}.footer{border-top:var(--px) solid var(--night-2);padding:16px 0 8px;color:var(--muted);text-align:center}.footer p{margin:0}.footer a{color:var(--muted)}.win{position:relative;background:var(--window);border:var(--px) solid var(--frame);box-shadow:0 0 0 var(--px) var(--night),0 0 0 calc(var(--px) * 2) var(--frame),inset 0 0 0 var(--px) var(--night);padding:20px 16px;margin:16px 8px 32px}.win.quiet{background:var(--night-2)}.win>:first-child{margin-top:0}.win>:last-child{margin-bottom:0}.win-title{position:absolute;top:-16px;left:12px;background:var(--night);padding:0 8px;color:var(--gold);line-height:24px}h1,h2,h3{font-weight:400;margin:0 0 12px}.t48{font-size:48px;line-height:56px}.t32{font-size:32px;line-height:40px}.t16{font-size:16px;line-height:24px}.gold{color:var(--gold)}.muted,.dim{color:var(--muted)}.good{color:var(--good-2)}.warn{color:var(--warn-text)}.bad{color:var(--bad-text)}p{margin:0 0 12px}.title-screen{text-align:center;padding:24px 0 8px}.title-screen .logo{color:var(--ink);text-shadow:4px 4px 0 var(--window-2);letter-spacing:2px}.title-screen .sub{color:var(--gold)}.title-screen .tagline{color:var(--muted);margin-top:16px}.menu{list-style:none;margin:0;padding:0;display:grid;gap:4px}.menu-item{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 8px 8px 32px;position:relative;background:transparent;color:var(--ink);border:0;text-align:left;font:inherit;cursor:pointer;text-decoration:none}.menu-item .desc{color:var(--muted);display:block}.menu-item:before{content:"\25b6";position:absolute;left:8px;color:var(--gold);visibility:hidden}.menu-item:hover:before,.menu-item:focus-visible:before{visibility:visible;animation:blink 1s steps(1) infinite}.menu-item:focus-visible{outline:none;background:var(--window-2)}.menu-item:hover{background:#3b5dc980}@keyframes blink{50%{opacity:0}}.btn{font:inherit;color:var(--night);background:var(--gold);border:0;padding:12px 20px;min-height:48px;cursor:pointer;box-shadow:inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 #c08a3e,0 0 0 var(--px) var(--night);margin:var(--px);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{background:#ffe0a3}.btn:active{box-shadow:inset var(--px) var(--px) 0 0 #c08a3e,0 0 0 var(--px) var(--night)}.btn.secondary{background:var(--frame);box-shadow:inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 var(--muted),0 0 0 var(--px) var(--night)}.btn.secondary:hover{background:#fff}.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 var(--px) var(--muted)}.btn.ghost:hover{box-shadow:inset 0 0 0 var(--px) var(--gold);color:var(--gold)}.btn.danger{background:var(--bad);color:var(--ink);box-shadow:inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 #7a2639,0 0 0 var(--px) var(--night)}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn.block{display:flex;width:calc(100% - var(--px) * 2)}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.field{display:block;margin:0 0 20px}.field-label{display:block;margin-bottom:4px}.field-hint{display:block;color:var(--muted);margin-bottom:8px}.field-error{display:block;color:var(--bad-text);margin-top:4px}.input-wrap{display:flex;align-items:center;background:var(--night);box-shadow:inset 0 0 0 var(--px) var(--muted);padding:0 12px}.input-wrap:focus-within{box-shadow:inset 0 0 0 var(--px) var(--gold)}.input-wrap .prefix,.input-wrap .suffix{color:var(--muted);white-space:nowrap}.input-wrap input,.input-wrap select{flex:1;min-width:0;font:inherit;font-size:32px;line-height:40px;color:var(--ink);background:transparent;border:0;padding:8px;outline:none}.input-wrap.small input,.input-wrap.small select{font-size:16px;line-height:24px;padding:12px 8px}.input-wrap select{-webkit-appearance:none;appearance:none;cursor:pointer}.input-wrap select option{background:var(--night);color:var(--ink)}.estimate{color:var(--gold);margin-left:8px}.segmented{display:flex;flex-wrap:wrap;gap:0;box-shadow:inset 0 0 0 var(--px) var(--muted);padding:var(--px)}.segmented button{flex:1 1 0;min-width:72px;min-height:48px;font:inherit;cursor:pointer;color:var(--ink);background:transparent;border:0;padding:8px}.segmented button[aria-checked=true]{background:var(--gold);color:var(--night)}.segmented button:focus-visible{outline-offset:-8px}.toggle{display:flex;align-items:center;gap:12px;min-height:48px;cursor:pointer;margin-bottom:12px}.toggle input{position:absolute;opacity:0;width:1px;height:1px}.toggle .box{width:24px;height:24px;flex:none;box-shadow:inset 0 0 0 var(--px) var(--muted);background:var(--night);position:relative}.toggle input:checked+.box{background:var(--gold);box-shadow:inset 0 0 0 var(--px) var(--gold)}.toggle input:checked+.box:after{content:"";position:absolute;inset:8px;background:var(--night)}.toggle input:focus-visible+.box{outline:var(--px) solid var(--focus);outline-offset:var(--px)}details.more{margin:8px 0 0}details.more>summary{cursor:pointer;list-style:none;min-height:48px;display:flex;align-items:center;gap:8px;color:var(--sky)}details.more>summary::-webkit-details-marker{display:none}details.more>summary:before{content:"\ff0b";color:var(--gold)}details.more[open]>summary:before{content:"\ff0d"}details.more .more-body{padding:12px 0 0 12px;border-left:var(--px) solid var(--dim)}.live-total{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:12px;background:var(--night)}.quest-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.progress-num{font-size:48px;line-height:56px;color:var(--gold)}.exp{display:grid;grid-template-columns:repeat(20,1fr);gap:var(--px);padding:var(--px);background:var(--night);box-shadow:inset 0 0 0 var(--px) var(--frame);margin:8px 0 4px}.exp span{height:24px;background:var(--night-2)}.exp span.on{background:var(--good);box-shadow:inset 0 calc(var(--px) * -1) 0 0 #257179,inset 0 var(--px) 0 0 var(--good-2)}.exp.anim span.on{animation:fill 1ms steps(1) both}.exp-scale{display:flex;justify-content:space-between;color:var(--muted)}@keyframes fill{0%{background:var(--night-2);box-shadow:none}}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.stat.wide{grid-column:1 / -1}.stat .k{color:var(--muted);display:block}.stat .v{font-size:32px;line-height:40px;display:block}.stat .v.sm{font-size:16px;line-height:24px}.badge{display:inline-block;padding:4px 12px;color:var(--night)}.badge.ok{background:var(--good-2)}.badge.caution{background:var(--warn)}.badge.high{background:var(--bad-text)}.dialog-box{position:relative;padding-right:24px}.dialog-box:after{content:"\25bc";position:absolute;right:0;bottom:0;color:var(--gold);animation:blink 1s steps(1) infinite}.ledger{width:100%;border-collapse:collapse}.ledger th,.ledger td{padding:8px 4px;text-align:right;font-weight:400;vertical-align:top}.ledger td{white-space:nowrap}.ledger tbody th{width:40%}.ledger th:first-child,.ledger td:first-child{text-align:left;color:var(--muted)}.ledger thead th{color:var(--gold);border-bottom:var(--px) solid var(--dim)}.ledger tbody tr+tr td{border-top:2px dashed var(--night-2)}.kv{display:grid;grid-template-columns:1fr auto;gap:8px 12px;margin:0}.kv dt{color:var(--muted)}.kv dd{margin:0;text-align:right}.buff-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.buff-list li{display:grid;grid-template-columns:auto 1fr;gap:4px 12px}.buff-list .tag{color:var(--night);background:var(--sky);padding:0 8px;height:24px}.buff-list .tag.debuff{background:var(--warn)}.slider-row{margin-bottom:20px}.slider-row .row-head{display:flex;justify-content:space-between;gap:8px}input[type=range]{width:100%;height:48px;background:transparent;appearance:none;-webkit-appearance:none;margin:0;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:8px;background:var(--dim)}input[type=range]::-moz-range-track{height:8px;background:var(--dim)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:32px;margin-top:-12px;background:var(--gold);border:0;border-radius:0;box-shadow:inset -4px -4px #c08a3e}input[type=range]::-moz-range-thumb{width:24px;height:32px;background:var(--gold);border:0;border-radius:0}.compare{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;text-align:center;padding:12px;background:var(--night)}.compare .arrow{color:var(--gold)}.notice{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 12px;margin:12px 0 0;background:var(--night-2);color:var(--ink);box-shadow:inset var(--px) 0 0 0 var(--warn)}.notice button{font:inherit}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(16px + var(--safe-bottom));max-width:calc(var(--col) - 32px);width:calc(100% - 32px);z-index:30;background:var(--window);border:var(--px) solid var(--frame);padding:12px 16px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.sheet-backdrop{position:fixed;inset:0;background:#1a1c2cd9;z-index:40;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:var(--col);max-height:92dvh;overflow:auto;background:var(--window);border:var(--px) solid var(--frame);border-bottom:0;padding:24px 16px calc(24px + var(--safe-bottom))}@media(min-width:640px){.sheet-backdrop{align-items:center}.sheet{border-bottom:var(--px) solid var(--frame)}}.sheet-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px}.icon-btn{font:inherit;background:transparent;color:var(--ink);border:0;min-width:48px;min-height:48px;cursor:pointer}.error-box{padding:12px;background:#3d1a2a;box-shadow:inset var(--px) 0 0 0 var(--bad-text);margin:12px 0}.ok-box{padding:12px;background:#173d33;box-shadow:inset var(--px) 0 0 0 var(--good-2);margin:12px 0}.prose p,.prose li{color:var(--ink)}.prose ul{padding-left:20px;margin:0 0 12px}.prose h2{color:var(--gold);margin-top:24px}.goal-list{list-style:none;margin:0;padding:0}@media(max-width:380px){.t48{font-size:32px;line-height:40px}.stat .v{font-size:16px;line-height:24px}.progress-num{font-size:32px;line-height:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/*! End of bundle — © 2026 Rex Mu | RexFactory */