#system-overlay[hidden],#system-nudge[hidden]{display:none!important}
#system-overlay{position:fixed;inset:0;z-index:45;isolation:isolate;font-family:'Microsoft YaHei UI','Microsoft YaHei',system-ui,sans-serif;color:#d9f0ff;--zx-cyan:#81d9fc;--zx-gold:#efd490}
.zx-system-backdrop{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:max(15px,env(safe-area-inset-top)) max(15px,env(safe-area-inset-right)) max(15px,env(safe-area-inset-bottom)) max(15px,env(safe-area-inset-left));background:#071120b8;backdrop-filter:blur(5px)}
.zx-system-modal{width:100%;max-width:410px;max-height:calc(100dvh - 30px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;position:relative;border:1px solid #83cee477;border-radius:9px;background:linear-gradient(145deg,#1e344d,#0d1829 78%);box-shadow:0 0 0 4px #528bb414,0 0 55px #448ead33,inset 0 0 45px #42628524;padding:25px 22px 17px;outline:none;animation:zx-system-arrive .24s ease-out;overflow-wrap:anywhere}
.zx-system-modal:before,.zx-system-modal:after{content:'';position:absolute;pointer-events:none;width:19px;height:19px;border-color:#94ddf5;border-style:solid}
.zx-system-modal:before{top:7px;left:7px;border-width:2px 0 0 2px}.zx-system-modal:after{right:7px;bottom:7px;border-width:0 2px 2px 0}
.zx-system-kicker{display:flex;align-items:center;gap:8px;font-size:10px;color:#8ab8d0;letter-spacing:.12em;padding-right:30px;line-height:1.7}.zx-system-kicker>span{width:6px;height:6px;border-radius:50%;background:#8edbf8;box-shadow:0 0 8px #7bd5ee;flex:none}
.zx-system-emblem{width:62px;height:62px;border:1px solid #73beda88;box-shadow:0 0 25px #4592b529,inset 0 0 15px #5ab8ce1a;margin:25px auto 17px;display:grid;place-items:center;border-radius:50%;font-size:35px;color:#a2e9ff}
.zx-system-code{font-family:ui-monospace,Consolas,monospace;font-size:9px;letter-spacing:.17em;color:#7296b0;text-align:center;line-height:1.8;margin:0 0 22px}.zx-system-code>span{display:block;font-size:8px}
.zx-system-chapter{font-size:11px;letter-spacing:.05em;color:#84bbd0;margin:0 0 9px;line-height:1.7}
.zx-system-modal h2{font-size:24px;font-weight:650;line-height:1.45;margin:0 0 10px;color:#e0f8ff;text-shadow:0 0 18px #77c9e421}
.zx-system-description{font-size:13px;line-height:1.9;color:#a4bdd0;margin:0 0 19px;white-space:pre-line}
.zx-system-objective{display:flex;gap:11px;background:#0d1b2e91;border:1px solid #6996b048;padding:14px;border-radius:5px;margin-top:15px;min-width:0}.zx-system-objective>span{font-size:24px;color:#9acee5;flex:none}.zx-system-objective>div{min-width:0}.zx-system-objective strong{display:block;font-size:15px;color:#cbeeff;line-height:1.65;font-weight:550}.zx-system-objective p{font-size:12px;color:#91adbf;line-height:1.9;margin:6px 0 0}
.zx-system-stages{padding:13px 2px 0;margin:0;list-style:none;display:grid;gap:8px}.zx-system-stages li{display:flex;align-items:flex-start;gap:8px;color:#768da2;font-size:12px;line-height:1.6}.zx-system-stages li>span:first-child{width:18px;height:18px;display:grid;place-items:center;flex:none;border:1px solid #536f8580;border-radius:50%;font-size:11px}.zx-system-stages li.is-done{color:#a4cbde}.zx-system-stages li.is-done>span:first-child{color:#9ad8f0;background:#477b9630;border-color:#83c9e380}
.zx-system-rewards{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:17px 0 0}.zx-system-rewards>div{display:flex;align-items:center;gap:10px;min-width:0;background:#172339;border:1px solid #57718b55;padding:12px;border-radius:5px}.zx-system-rewards i{display:grid;place-items:center;width:33px;height:33px;flex:none;font-size:25px;font-style:normal;color:#e2c884;border-radius:8px;background:#c9a64f17}.zx-system-rewards i.zx-system-xp{font-size:22px;color:#8ecbdd;background:#54a9c217}.zx-system-rewards strong{display:block;font-size:21px;color:#e6d399;font-weight:650;line-height:1.2}.zx-system-rewards small{display:block;font-size:10px;color:#849fb4;margin-top:5px}
.zx-system-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:21px}.zx-system-button{min-height:46px;font:inherit;font-size:13px;font-weight:550;line-height:1.65;cursor:pointer;touch-action:manipulation;border-radius:5px;border:1px solid transparent;padding:10px 12px;overflow-wrap:anywhere;text-align:center;color:inherit;background:none}.zx-system-actions>.zx-system-button{flex:1;min-width:100px}.zx-system-button:focus-visible,.zx-system-filters button:focus-visible,#system-nudge button:focus-visible{outline:3px solid #a4e4ff;outline-offset:3px}.zx-system-button:disabled{opacity:.5;cursor:default}.zx-system-primary{background:linear-gradient(150deg,#387fa4,#255370);border-color:#87cae180;color:#def7ff;box-shadow:0 0 15px #5393b224}.zx-system-secondary{background:#192b40;border-color:#56758d60;color:#9cb4c8}.zx-system-gold{background:linear-gradient(140deg,#a88b4f,#795e31);border-color:#e3c68f99;color:#fff0c2;box-shadow:0 0 22px #d7b96920}
.zx-system-close{position:absolute;right:8px;top:8px;min-width:44px;min-height:44px;padding:8px;font-size:11px;font-weight:400;color:#8eacbf;background:transparent}.zx-system-note{text-align:center;color:#7790a8;font-size:10px;line-height:1.8;margin:12px 0 0}.zx-system-collection{font-size:12px;color:#e4cc94;line-height:1.8;background:#b0965614;border:1px solid #bb9e5650;border-radius:5px;padding:10px;margin-top:12px}.zx-system-collection span{margin-right:7px}
.zx-system-success{border-color:#c8b47180;box-shadow:0 0 0 4px #ad925912,0 0 55px #d0ad4824,inset 0 0 45px #806a2920}.zx-system-success .zx-system-emblem{border-color:#bdae6c99;color:#f0d992;background:#b99a4718;box-shadow:0 0 25px #c3a45128}.zx-system-success h2{color:#f3dfa6;text-shadow:0 0 18px #b7a36930}.zx-system-success .zx-system-kicker,.zx-system-success .zx-system-chapter{color:#c5b481}.zx-system-success .zx-system-kicker>span{background:#dbc985;box-shadow:0 0 8px #d7c079}
#system-nudge{position:fixed;top:max(12px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:calc(100% - 28px);max-width:560px;z-index:18;color:#d6edfa;font-family:inherit}#system-nudge button{width:100%;display:flex;align-items:center;gap:10px;min-height:58px;padding:10px 12px;text-align:left;border:1px solid #7ab1cba0;border-radius:8px;background:linear-gradient(120deg,#163650f5,#13283df5);box-shadow:0 8px 28px #0c24382e;color:inherit;touch-action:manipulation}#system-nudge .zx-system-nudge-mark{font-size:24px;color:#91cfe4;flex:none}#system-nudge button>span:nth-child(2){min-width:0;flex:1}#system-nudge strong{display:block;font-size:12px;line-height:1.5}#system-nudge small{display:block;color:#8caec3;font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:4px}#system-nudge b{background:#d35768;color:#fff;min-width:20px;border-radius:50%;font-size:11px;text-align:center;padding:3px;flex:none}#system-nudge i{font-style:normal;font-size:20px;color:#8eabc0}
.zx-system-banner-wrap{flex-shrink:0;padding:8px 12px 0;background:#f1f4fa}.zx-system-banner{width:100%;min-height:58px;display:flex;align-items:center;gap:11px;text-align:left;border:1px solid #5d90ad60;background:linear-gradient(115deg,#18324b,#213e57);padding:10px 12px;border-radius:7px;color:#abd4e6;box-shadow:0 3px 12px #183d5410}.zx-system-banner-symbol{font-size:23px;flex:none}.zx-system-banner-copy{min-width:0;flex:1}.zx-system-banner strong{display:block;font-size:12px;font-weight:550;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zx-system-banner small{display:block;font-size:10px;color:#87adc1;margin-top:3px}.zx-system-progress{display:block;height:3px;background:#7bb8cf20;border-radius:3px;overflow:hidden;margin-top:7px}.zx-system-progress i{display:block;height:100%;background:#92d8ed;border-radius:3px}.zx-system-banner.is-ready{border-color:#bba66370;color:#dec997;background:linear-gradient(115deg,#2b3340,#343b43)}.zx-system-banner.is-ready small{color:#b5a27a}.zx-system-banner.is-ready .zx-system-progress i{background:#d9c27e}
.zx-system-page{background:linear-gradient(155deg,#102036,#0c1728 70%);color:#bdd7e8;padding:18px 16px 24px;overflow-wrap:anywhere}.zx-system-summary{border:1px solid #678ead50;border-radius:8px;background:linear-gradient(130deg,#223e57,#15283d);padding:20px 18px}.zx-system-summary h2{font-size:23px;font-weight:600;color:#d9f1ff;margin:13px 0 7px;line-height:1.5}.zx-system-summary>p{font-size:11px;color:#87aac0;margin:0 0 20px}.zx-system-level{display:flex;gap:11px;align-items:center}.zx-system-level>strong{font-size:26px;color:#a5def2;font-weight:550;flex:none}.zx-system-level>span{font-size:12px;flex:1;min-width:0}.zx-system-level small{display:block;color:#779db6;font-size:10px;margin-top:4px}.zx-system-level>b{font-size:25px;color:#e1ca8b;font-weight:550;text-align:right;flex:none}.zx-system-level>b small{color:#b4a579}.zx-system-summary>.zx-system-progress{margin-top:13px}
.zx-system-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:17px 0}.zx-system-filters button{min-height:46px;padding:9px 3px;border:1px solid #53769255;background:#172b40;border-radius:5px;font-size:11px;color:#8eacc0;touch-action:manipulation}.zx-system-filters button[aria-pressed=true]{background:#2a526e;color:#d6f2ff;border-color:#88c5da77}.zx-system-filters small{display:block;color:#7296b0;font-size:9px;margin-top:3px}.zx-system-filters button[aria-pressed=true] small{color:#a2cee2}
.zx-system-task-card{padding:17px 15px;border:1px solid #4c718f55;border-radius:7px;background:#14283d;margin:14px 0;min-width:0}.zx-system-card-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;font-size:10px;color:#779ab4;line-height:1.7}.zx-system-card-meta>span{min-width:0}.zx-system-card-meta>b{font-size:10px;font-weight:450;white-space:nowrap;background:#345f791f;border:1px solid #5e8aa34a;padding:2px 6px;border-radius:4px;color:#a3c5d9;flex:none}.zx-system-task-card h3{font-size:17px;font-weight:600;color:#cae9f7;line-height:1.65;margin:10px 0 5px}.zx-system-task-card>p{font-size:12px;line-height:1.85;color:#86a7be;margin:5px 0}.zx-system-task-card>.zx-system-button{width:100%;margin-top:16px}.zx-system-task-card .zx-system-rewards{margin-top:14px}.zx-system-task-card .zx-system-rewards>div{padding:10px;background:#102136}.zx-system-task-card .zx-system-rewards strong{font-size:19px}.zx-system-task-card.is-ready{border-color:#b6a06360;background:linear-gradient(145deg,#273445,#172b40)}.zx-system-task-card.is-ready .zx-system-card-meta>b{color:#d8c188;border-color:#ad995c66}.zx-system-empty{padding:32px 16px;text-align:center;font-size:12px;color:#7f9db2;line-height:1.9}.zx-system-page-note{font-size:10px;line-height:1.9;color:#6c899f;text-align:center;margin:22px 9px 0}
@keyframes zx-system-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:350px){.zx-system-modal{padding:23px 16px 15px}.zx-system-modal h2{font-size:21px}.zx-system-emblem{width:53px;height:53px;margin-top:22px}.zx-system-page{padding:15px 11px 20px}.zx-system-summary{padding:18px 14px}.zx-system-rewards>div{gap:7px;padding:10px}.zx-system-rewards i{width:27px;height:27px;font-size:22px}.zx-system-rewards strong{font-size:19px}.zx-system-actions{gap:7px}.zx-system-actions>.zx-system-button{min-width:95px;font-size:12px}.zx-system-task-card{padding:15px 12px}.zx-system-summary h2{font-size:21px}.zx-system-level{gap:8px}}
@media(max-height:640px){.zx-system-backdrop{padding-top:10px;padding-bottom:10px}.zx-system-modal{max-height:calc(100dvh - 20px)}.zx-system-emblem{margin-top:16px;margin-bottom:10px}.zx-system-code{margin-bottom:14px}.zx-system-actions{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.zx-system-modal{animation:none}}
.zx-system-times{margin:14px 0 6px;padding:11px 12px;background:#091a2b70;border:1px solid #4f729345;border-radius:6px;font-size:11px;line-height:1.75}.zx-system-times>div{display:flex;gap:12px;margin:4px 0}.zx-system-times dt{flex:0 0 58px;color:#91b8cf}.zx-system-times dd{margin:0;color:#d3eaf8;min-width:0}.zx-system-history{margin-top:18px;border-top:1px solid #6b95b340}.zx-system-history section{padding:12px 0;border-bottom:1px solid #6b95b330}.zx-system-history h3{font-size:13px;color:#e7d59f;margin:0 0 7px}.zx-system-history p,.zx-system-history blockquote{font-size:12px;line-height:1.85;color:#bad4e4;white-space:pre-wrap;margin:7px 0}.zx-system-history blockquote{padding:9px 11px;border-left:2px solid #6db3d4;background:#152f4555}.zx-system-history blockquote small{display:block;color:#749cb5;font-size:10px;margin-top:6px}.zx-system-history .zx-system-secondary-copy{color:#7c9ab0}.zx-system-media-list{display:flex;gap:7px;flex-wrap:wrap}.zx-system-media-list button{font-size:11px;flex:1;min-width:120px}.zx-system-growth{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0;color:#a3c5d8}.zx-system-growth>span{padding:5px 7px;border:1px solid #6c8daf40;font-size:10px;border-radius:4px}.zx-system-growth p{flex:0 0 100%;font-size:10px;line-height:1.6;margin:2px 0;color:#759ab3}.zx-system-filters{grid-template-columns:repeat(5,minmax(0,1fr))}.zx-system-batch{width:100%;margin-top:8px}.zx-system-card-summary{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.zx-system-task-card>.zx-system-button+.zx-system-button{margin-top:8px}#system-nudge{top:max(66px,env(safe-area-inset-top));max-width:460px}.zx-system-modal .zx-system-history .zx-system-button{margin-top:7px;min-height:44px}