:root{--bg:#010816;--cyan:#35d0ff;--cyan-2:#1a9dff;--ice:#bff0ff;--text:#d8ecff;--muted:#7fa2c8;--dim:#4a6a92;--line:rgba(70,170,255,.26);--gold:#ffd166;--ok:#2ee6a6;--warn:#ffb020;--danger:#ff4d6a;--num:"Oswald","Rajdhani",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Noto Sans TC,system-ui,sans-serif;-webkit-font-smoothing:antialiased}#viewport{position:fixed;inset:0;display:grid;place-items:center;background:var(--bg)}#stage{position:relative;width:1920px;height:1080px;transform-origin:center center;flex:none;overflow:hidden}#gl{position:absolute;inset:0;width:1920px!important;height:1080px!important;display:block;transition:opacity .45s ease}#gl.fade{opacity:0}#scan{background:repeating-linear-gradient(0deg,rgba(120,200,255,.025) 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,transparent 55%,rgba(0,4,14,.75) 100%)}#labels,#scan{position:absolute;inset:0;pointer-events:none}#hdr{left:0;top:0;width:1920px;height:100px;background:linear-gradient(180deg,rgba(3,22,58,.92),rgba(3,18,46,0))}#hdr,.hdr-art{position:absolute}.hdr-art{inset:0;width:100%;height:100%}.hdr-title{position:absolute;left:560px;width:800px;top:6px;text-align:center}.hdr-title h1{font-size:38px;font-weight:900;letter-spacing:8px;line-height:50px;background:linear-gradient(180deg,#ffffff 20%,#9adfff 90%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px rgba(60,170,255,.55))}.hdr-sub{font-family:Rajdhani,sans-serif;font-weight:600;font-size:12px;letter-spacing:7px;color:#6fb8ec;margin-top:2px}.hdr-tabs{position:absolute;top:14px;display:flex;gap:6px}.hdr-tabs.left{left:24px}.hdr-tabs.right{left:1392px}.hdr-tabs a{position:relative;display:block;padding:0 22px;height:32px;line-height:32px;font-size:15px;color:#9cc3e8;letter-spacing:1px;cursor:pointer}.hdr-tabs a:before{content:"";position:absolute;inset:0;transform:skewX(-24deg);border:1px solid rgba(70,170,255,.35);background:linear-gradient(180deg,rgba(20,70,150,.35),rgba(10,30,70,.2));z-index:-1}.hdr-tabs a.on{color:#fff;font-weight:700}.hdr-tabs a.on:before{background:linear-gradient(180deg,rgba(40,140,255,.75),rgba(20,70,170,.45));border-color:#5fc8ff;box-shadow:0 0 14px rgba(60,170,255,.6),inset 0 0 8px rgba(160,230,255,.4)}.hdr-meta{position:absolute;right:24px;top:16px;display:flex;align-items:center;gap:14px}.clock{font-family:var(--num);font-size:17px;letter-spacing:1px;color:#cfe8ff}.clock small{font-family:Noto Sans TC;font-size:13px;color:var(--muted);margin:0 6px}.env{font-size:12px;padding:3px 10px;border:1px solid rgba(255,209,102,.6);color:var(--gold);border-radius:2px;letter-spacing:1px}.panel{position:absolute;background:linear-gradient(180deg,rgba(6,30,70,.8),rgba(3,16,42,.74));border:1px solid var(--line);box-shadow:inset 0 0 32px rgba(30,120,255,.13);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.panel:before{content:"";position:absolute;inset:-1px;pointer-events:none;--c:var(--cyan);--l:16px;--w:2px;background:linear-gradient(var(--c),var(--c)) 0 0 /var(--l) var(--w) no-repeat,linear-gradient(var(--c),var(--c)) 0 0 /var(--w) var(--l) no-repeat,linear-gradient(var(--c),var(--c)) 100% 0 /var(--l) var(--w) no-repeat,linear-gradient(var(--c),var(--c)) 100% 0 /var(--w) var(--l) no-repeat,linear-gradient(var(--c),var(--c)) 0 100% /var(--l) var(--w) no-repeat,linear-gradient(var(--c),var(--c)) 0 100% /var(--w) var(--l) no-repeat,linear-gradient(var(--c),var(--c)) 100% 100% /var(--l) var(--w) no-repeat,linear-gradient(var(--c),var(--c)) 100% 100% /var(--w) var(--l) no-repeat;filter:drop-shadow(0 0 4px rgba(53,208,255,.8))}.ph{position:relative;height:36px;line-height:36px;padding-left:30px;font-size:17px;font-weight:700;letter-spacing:2px;background:linear-gradient(90deg,rgba(30,120,255,.5),rgba(30,120,255,.08) 65%,transparent);color:#fff;text-shadow:0 0 8px rgba(90,190,255,.7)}.ph:after{content:"";left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,var(--cyan),rgba(53,208,255,.15) 60%,transparent)}.ph i,.ph:after{position:absolute}.ph i{left:10px;top:11px;width:10px;height:14px;background:var(--cyan);-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);box-shadow:0 0 8px var(--cyan)}.ph-en{margin-left:12px;font-family:Rajdhani,sans-serif;font-weight:600;font-size:12px;letter-spacing:3px;color:rgba(150,200,240,.45);text-shadow:none}.ph-right{white-space:nowrap;position:absolute;right:14px;top:0;font-size:13px;font-weight:500;letter-spacing:0;color:var(--muted);text-shadow:none}.chart{position:relative}.tiles{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px 8px;gap:10px 8px;padding:14px 14px 0}.tile{display:flex;align-items:center;gap:10px;height:96px;padding:0 4px}.hex{position:relative;flex:none;width:46px;height:52px;display:grid;place-items:center;-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:radial-gradient(circle at 50% 40%,rgba(80,190,255,.55),rgba(20,80,170,.35))}.hex:after{content:"";position:absolute;inset:2px;-webkit-clip-path:inherit;clip-path:inherit;background:rgba(4,22,56,.88)}.hex svg{position:relative;z-index:1;width:22px;height:22px;stroke:var(--cyan);fill:none;stroke-width:1.8;filter:drop-shadow(0 0 4px rgba(53,208,255,.8))}.tile .lb{font-size:13px;color:var(--muted);white-space:nowrap}.tile .v{white-space:nowrap;font-family:var(--num);font-size:25px;font-weight:500;color:#fff;line-height:1.15;letter-spacing:.5px}.tile .v small{font-size:13px;color:var(--muted);margin-left:2px;font-family:Noto Sans TC}.legend-inline{position:absolute;right:14px;top:44px;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px;z-index:2}.lg{display:inline-block;width:12px;height:3px;margin-left:8px}.lg.c1{background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.lg.c2{background:var(--gold);box-shadow:0 0 6px var(--gold)}.split{padding:4px 8px 0 4px}.pay,.split{display:flex;align-items:center}.pay{flex:1 1;flex-direction:column}.pay-stats{display:grid;grid-template-columns:repeat(3,1fr);width:100%;text-align:center;margin-top:-4px}.pay-stats div{font-size:12px;color:var(--muted)}.pay-stats b{display:block;font-family:var(--num);font-weight:500;font-size:20px;color:#fff}.pay-stats .bad b{color:var(--danger)}.pay-stats .pend b{color:var(--warn)}#kpis{position:absolute;left:500px;top:104px;width:920px;height:96px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.kpi{position:relative;display:flex;align-items:center;gap:12px;padding:0 12px;background:linear-gradient(90deg,rgba(20,90,200,.32),rgba(10,40,100,.08));border-left:2px solid var(--cyan)}.kpi:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}.kpi .hex{width:52px;height:58px}.kpi .hex svg{width:26px;height:26px}.kpi .lb{font-size:14px;color:#a9cdef;letter-spacing:1px}.kpi .v{font-family:var(--num);font-size:34px;font-weight:500;color:#fff;line-height:1.1;letter-spacing:.5px}.kpi .v small{font-family:Noto Sans TC;font-size:14px;color:var(--muted);margin-left:3px}.delta{font-family:var(--num);font-size:13px;padding:0 5px;border-radius:2px;margin-left:6px;vertical-align:3px}.delta.up{color:var(--ok);background:rgba(46,230,166,.12)}.delta.down{color:#ff8aa0;background:rgba(255,77,106,.12)}.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;padding:12px 14px 8px}.ms{text-align:center;padding:6px 0 4px;background:linear-gradient(180deg,rgba(40,130,255,.18),rgba(40,130,255,.04));border:1px solid rgba(70,170,255,.2)}.ms b{display:block;font-family:var(--num);font-size:24px;font-weight:500;color:#fff}.ms span{font-size:12px;color:var(--muted)}.ms.warn b{color:var(--warn)}.ms.bad b{color:var(--danger)}.low-list{padding:0 14px}.low{display:grid;grid-template-columns:1fr 56px;align-items:center;grid-column-gap:10px;column-gap:10px;height:38px}.low .nm{font-size:13px;color:#cfe5fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.low .nm em{font-style:normal;font-size:11px;color:var(--gold);border:1px solid rgba(255,209,102,.5);padding:0 4px;margin-left:6px}.low .pct{font-family:var(--num);font-size:18px;text-align:right;color:var(--warn)}.bar{grid-column:1/2;height:5px;background:rgba(70,170,255,.12);position:relative;margin-top:4px}.bar b{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#1a6dff,var(--cyan));box-shadow:0 0 6px var(--cyan)}.bar.warn b{background:linear-gradient(90deg,#b36a00,var(--warn));box-shadow:0 0 6px var(--warn)}.hot-list{padding:8px 14px}.hot{display:grid;grid-template-columns:26px 1fr 64px;align-items:center;grid-gap:10px;gap:10px;height:27px}.hot .rk{width:22px;height:18px;line-height:18px;text-align:center;font-family:var(--num);font-size:13px;color:#cfe8ff;background:rgba(70,170,255,.2);-webkit-clip-path:polygon(0 0,100% 0,85% 100%,0 100%);clip-path:polygon(0 0,100% 0,85% 100%,0 100%)}.hot:first-child .rk{background:linear-gradient(90deg,#d19a1c,var(--gold));color:#1b1200}.hot:nth-child(2) .rk,.hot:nth-child(3) .rk{background:linear-gradient(90deg,#1a6dff,var(--cyan));color:#001a33}.hot .nm{font-size:13px;color:#cfe5fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.hot .nm i{position:absolute;left:0;bottom:-3px;height:2px;background:linear-gradient(90deg,var(--cyan),transparent)}.hot .n{font-family:var(--num);font-size:16px;text-align:right;color:#fff}.orders{display:grid;grid-template-columns:58px repeat(4,1fr);grid-gap:6px 6px;gap:6px 6px;padding:12px 14px 0;align-items:center}.orders .h{font-size:12px;color:var(--muted);text-align:center}.orders .rl{font-size:13px;color:#a9cdef}.orders .c{text-align:center;font-family:var(--num);font-size:20px;color:#fff;padding:1px 0;background:rgba(40,130,255,.1);border-bottom:1px solid rgba(70,170,255,.3)}.orders .c.warn{color:var(--warn);border-color:rgba(255,176,32,.5)}.orders .c.bad{color:var(--danger);border-color:rgba(255,77,106,.6)}.system{display:flex;justify-content:space-between;padding:12px 14px 0}.sys{text-align:center;width:76px}.sys .dot{width:12px;height:12px;border-radius:50%;margin:0 auto 6px;background:var(--ok);box-shadow:0 0 10px var(--ok);animation:pulse 2.4s infinite}.sys.warn .dot{background:var(--warn);box-shadow:0 0 10px var(--warn)}.sys .nm{font-size:12px;color:#cfe5fb}.sys .nt{font-size:11px;color:var(--muted);font-family:var(--num)}@keyframes pulse{50%{opacity:.45}}.float-box{position:absolute;z-index:2;padding:10px 12px 8px;background:linear-gradient(180deg,rgba(4,22,56,.82),rgba(4,20,50,.55));border-top:1px solid rgba(90,190,255,.55);border-bottom:1px solid rgba(90,190,255,.18)}.fb-h{font-size:14px;font-weight:700;color:#fff;letter-spacing:1px;margin-bottom:8px;display:flex;align-items:center;gap:8px}.fb-h span.sub{font-weight:400;font-size:12px;color:var(--muted);margin-left:auto}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok);animation:pulse 1.2s infinite}.rg{display:grid;grid-template-columns:18px 1fr 50px 44px;grid-gap:6px;gap:6px;align-items:center;height:26px;font-size:13px}.rg .i{font-family:var(--num);color:var(--muted);font-size:12px}.rg .nm{color:#d6ebff}.rg .pb{height:4px;background:rgba(70,170,255,.14);position:relative}.rg .pb b{position:absolute;left:0;top:0;bottom:0;background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.rg:first-of-type .pb b{background:var(--gold);box-shadow:0 0 6px var(--gold)}.rg .n{font-family:var(--num);text-align:right;color:#fff}.feed{height:334px;overflow:hidden}.fd{display:grid;grid-template-columns:1fr auto;grid-row-gap:1px;row-gap:1px;padding:6px 0;border-bottom:1px dashed rgba(90,170,255,.15);animation:slideIn .45s ease;font-size:12px}.fd .pl{color:#fff;font-size:13px}.fd .pl.os{color:var(--gold)}.fd .tm{color:var(--dim);text-align:right}.fd .dt,.fd .tm{font-family:var(--num)}.fd .dt{grid-column:1/3;color:var(--muted);letter-spacing:.3px}@keyframes slideIn{0%{opacity:0;transform:translateX(16px);background:rgba(53,208,255,.18)}to{opacity:1;transform:none}}.lbl{position:absolute;transform:translate(-50%,-100%);white-space:nowrap;pointer-events:none;transition:opacity .3s}.lbl .box{padding:3px 9px 4px;background:linear-gradient(180deg,rgba(10,60,140,.85),rgba(6,30,80,.75));border:1px solid rgba(110,210,255,.7);box-shadow:0 0 12px rgba(53,208,255,.45);font-size:13px;color:#fff}.lbl .box b{font-family:var(--num);font-weight:500;margin-left:6px;color:var(--ice)}.lbl.gold .box{border-color:rgba(255,209,102,.85);box-shadow:0 0 14px rgba(255,209,102,.5)}.lbl.gold .box b{color:var(--gold)}.lbl .stem{width:1px;height:14px;margin:0 auto;background:linear-gradient(180deg,rgba(110,210,255,.9),transparent)}#switcher{position:absolute;left:0;width:1920px;top:812px;display:flex;justify-content:center;align-items:center;gap:18px}#switcher button{position:relative;width:196px;height:48px;border:0;background:none;color:#a9cdef;font:700 17px Noto Sans TC;letter-spacing:3px;cursor:pointer}#switcher button:before{inset:0;background:linear-gradient(180deg,rgba(20,70,150,.6),rgba(8,30,70,.6))}#switcher button:after,#switcher button:before{content:"";position:absolute;-webkit-clip-path:polygon(10% 0,90% 0,100% 50%,90% 100%,10% 100%,0 50%);clip-path:polygon(10% 0,90% 0,100% 50%,90% 100%,10% 100%,0 50%)}#switcher button:after{inset:1px;background:transparent;box-shadow:inset 0 0 0 1px rgba(90,180,255,.5)}#switcher button span{position:relative;z-index:1}#switcher button.on{color:#fff;text-shadow:0 0 8px rgba(150,220,255,.9)}#switcher button.on:before{background:linear-gradient(180deg,rgba(40,150,255,.85),rgba(14,70,180,.7));filter:drop-shadow(0 0 10px rgba(53,208,255,.9))}#switcher .auto{position:absolute;left:1224px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}#switcher .auto i{display:block;width:80px;height:3px;background:rgba(70,170,255,.2)}#switcher .auto b{display:block;height:100%;width:0;background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.agents{display:grid;grid-template-columns:330px repeat(5,1fr);grid-gap:10px;gap:10px;padding:12px 12px 0;height:142px}.ag{position:relative;padding:10px 12px;background:linear-gradient(180deg,rgba(30,110,230,.18),rgba(10,40,100,.08));border:1px solid rgba(70,170,255,.22);overflow:hidden}.ag-top{display:flex;align-items:center;gap:10px;margin-bottom:7px}.ag .av{position:relative;width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,rgba(40,140,255,.35),rgba(8,30,70,.9) 70%);border:1px solid rgba(90,190,255,.6)}.ag .av svg{width:20px;height:20px;stroke:var(--cyan);fill:none;stroke-width:1.8;filter:drop-shadow(0 0 4px var(--cyan))}.ag .av:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px dashed rgba(90,190,255,.45)}.ag.run .av:after{border-color:rgba(46,230,166,.7);animation:spin 6s linear infinite}.ag.alert .av{border-color:var(--danger)}.ag.alert .av svg{stroke:#ff8aa0;filter:drop-shadow(0 0 5px var(--danger))}.ag.alert .av:after{border-color:rgba(255,77,106,.8);animation:spin 3s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.ag .nm{font-size:15px;font-weight:700;color:#fff}.ag .nm,.ag .rl{white-space:nowrap}.ag .rl{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:5px}.ag .rl .sd{width:6px;height:6px;border-radius:50%;background:var(--muted)}.ag.run .rl .sd{background:var(--ok);box-shadow:0 0 6px var(--ok)}.ag.alert .rl .sd{background:var(--danger);box-shadow:0 0 6px var(--danger);animation:pulse 1s infinite}.ag.run .rl .sx{color:var(--ok)}.ag.alert .rl .sx{color:#ff8aa0}.ag .st{margin-left:auto;font-size:11px;padding:1px 6px;border:1px solid;white-space:nowrap}.st.run{color:var(--ok);border-color:rgba(46,230,166,.5)}.st.idle{color:var(--muted);border-color:rgba(127,162,200,.4)}.st.alert{color:#ff8aa0;border-color:rgba(255,77,106,.6);background:rgba(255,77,106,.12)}.ag .fd2{font-size:12.5px;color:#cfe5fb;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ag .nx{position:absolute;left:12px;right:12px;bottom:7px;display:flex;align-items:center;gap:6px;font-size:11px;color:var(--dim)}.ag .nx i{flex:1 1;height:2px;background:rgba(70,170,255,.15);position:relative}.ag .nx b{position:absolute;left:0;top:0;bottom:0;background:rgba(53,208,255,.7)}.ag .nx span{font-family:var(--num);color:var(--muted)}.ag.cmd{background:linear-gradient(180deg,rgba(255,209,102,.12),rgba(30,90,200,.08));border-color:rgba(255,209,102,.35)}.ag.cmd .av{border-color:rgba(255,209,102,.8)}.ag.cmd .av svg{stroke:var(--gold);filter:drop-shadow(0 0 4px var(--gold))}.top3{list-style:none}.top3 li{display:flex;gap:8px;align-items:baseline;font-size:12.5px;color:#d6ebff;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top3 li b{font-family:var(--num);font-weight:500;color:var(--gold)}.alerts{padding:6px 12px 0;height:138px;overflow:hidden}.al{display:grid;grid-template-columns:38px 1fr 62px;align-items:center;grid-gap:10px;gap:10px;height:26px;font-size:13px;animation:slideIn .45s ease;border-bottom:1px dashed rgba(90,170,255,.12)}.lv{text-align:center;font-size:11px;font-weight:700;padding:1px 0}.lv.high{color:#fff;background:var(--danger);box-shadow:0 0 10px rgba(255,77,106,.7);animation:pulse 1.4s infinite}.lv.mid{color:#1f1300;background:var(--warn)}.lv.low{color:#cfe8ff;background:rgba(70,170,255,.3)}.al .tx{color:#d6ebff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.al .tx span{color:var(--muted);margin-right:6px}.al .tm{font-family:var(--num);color:var(--dim);text-align:right;font-size:12px}.cnt{margin-left:10px}.cnt b{font-family:var(--num);font-weight:500;margin-left:3px}.cnt.high b{color:var(--danger)}.cnt.mid b{color:var(--warn)}.cnt.low b{color:var(--cyan)}#alertCounts{display:flex;gap:12px}#alertCounts .cnt{margin:0}.kv{display:flex;justify-content:space-between;align-items:baseline;height:27px;font-size:13px;color:var(--muted);border-bottom:1px dashed rgba(90,170,255,.12)}.kv b{font-family:var(--num);font-weight:500;font-size:16px;color:#fff}.hint{margin-top:10px;font-size:11px;color:var(--dim);line-height:1.5}body .tools{position:absolute;left:500px;top:824px;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.tools .tip{font-size:12px;color:var(--dim)}.mini{height:26px;padding:0 12px;background:rgba(20,70,150,.45);border:1px solid rgba(90,180,255,.5);color:#cfe8ff;font:12px Noto Sans TC;cursor:pointer}.mini:hover{background:rgba(40,140,255,.55)}.back{position:absolute;left:744px;top:222px;z-index:3;height:34px;padding:0 18px;display:none;background:linear-gradient(180deg,rgba(40,140,255,.75),rgba(14,70,180,.6));border:1px solid #5fc8ff;color:#fff;font:700 14px Noto Sans TC;letter-spacing:2px;cursor:pointer;box-shadow:0 0 14px rgba(53,208,255,.5)}.back.on{display:block}#loading{position:absolute;left:0;right:0;top:500px;text-align:center;font-size:16px;letter-spacing:3px;color:var(--ice);opacity:0;transition:opacity .3s;pointer-events:none;text-shadow:0 0 10px var(--cyan)}#loading.on{opacity:1}#gl{cursor:-webkit-grab;cursor:grab}#gl:active{cursor:-webkit-grabbing;cursor:grabbing}.env.prod{border-color:rgba(46,230,166,.7);color:var(--ok)}.viewer{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px}.viewer button{background:none;border:1px solid rgba(90,180,255,.4);color:#9cc3e8;font:12px Noto Sans TC;padding:2px 8px;cursor:pointer}.viewer button:hover{color:#fff;border-color:var(--cyan)}.stale{position:absolute;left:50%;top:96px;transform:translateX(-50%);z-index:20;padding:4px 14px;background:rgba(255,77,106,.18);border:1px solid rgba(255,77,106,.6);color:#ffb3c0}.empty,.stale{font-size:13px}.empty{color:var(--dim);padding:14px;text-align:center}.src-note{position:absolute;right:24px;bottom:4px;font-size:10px;color:rgba(120,160,200,.45);z-index:5}.al .tx{cursor:default}.al[title] .tx{cursor:help}body:has(.login-wrap),html:has(.login-wrap){overflow:auto}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:16px;background:radial-gradient(ellipse at 50% 45%,#0a2a5c,#030d22 60%,#010612)}.login.panel{position:relative;width:min(400px,100%)}.login-body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:14px}.login-note{font-size:13px;color:var(--muted)}.login label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#a9cdef}.login input{height:40px;padding:0 12px;background:rgba(4,22,56,.9);border:1px solid rgba(90,180,255,.45);color:#fff;font:15px Noto Sans TC;outline:none}.login input:focus{border-color:var(--cyan);box-shadow:0 0 10px rgba(53,208,255,.4)}.login button{height:44px;margin-top:6px;border:1px solid #5fc8ff;background:linear-gradient(180deg,rgba(40,150,255,.85),rgba(14,70,180,.7));color:#fff;font:700 16px Noto Sans TC;letter-spacing:4px;cursor:pointer}.login button:disabled{opacity:.5;cursor:default}.login-err{font-size:13px;color:#ff8aa0}.sys .nt{white-space:nowrap}.system:has(.sys:nth-child(2):last-child){justify-content:space-around}.lbl.click{cursor:pointer}.lbl.click .box{transition:background .15s,box-shadow .15s,transform .15s}.lbl.click:hover .box{background:linear-gradient(180deg,rgba(30,110,220,.95),rgba(10,50,130,.9));box-shadow:0 0 18px rgba(53,208,255,.8);transform:translateY(-2px)}.lbl.click .box:after{content:"›";margin-left:6px;color:var(--cyan);font-weight:700}.lbl.gold.click .box:after{color:var(--gold)}.rg.click{cursor:pointer}.rg.click:hover .nm{color:#fff;text-shadow:0 0 8px var(--cyan)}.kv.sm{height:23px;font-size:12px}.kv.sm b{font-size:14px}.kv span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kv-s{font-size:11px;color:var(--muted);margin-left:4px;font-family:Noto Sans TC}.sec{margin:10px 0 4px;font-size:12px;color:var(--ice);letter-spacing:1px;border-left:2px solid var(--cyan);padding-left:6px}.spark{display:block;width:100%;height:52px;margin-top:6px}.spark rect{fill:rgba(53,208,255,.45)}.spark rect.now{fill:var(--gold)}.spark text{fill:var(--dim);font:10px Oswald;text-anchor:middle}.netbar{display:flex;height:8px;background:rgba(70,170,255,.12)}.netbar b{background:linear-gradient(90deg,#1a6dff,var(--cyan));box-shadow:0 0 6px var(--cyan)}.netbar i{background:var(--danger);box-shadow:0 0 6px var(--danger)}.netlg{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin:4px 0 2px}.netlg .h,.tag-h{color:#ff8aa0}.tag-h{font-style:normal;font-size:10px;border:1px solid rgba(255,77,106,.6);padding:0 3px;margin-left:5px}.lbl.town{transform:translate(-50%,-50%)}.lbl.town span{font-size:12px;color:rgba(210,240,255,.75);text-shadow:0 0 4px #001a3a,0 0 8px #001a3a;letter-spacing:1px}.lbl.town.hit{transform:translate(-50%,-100%)}.lbl.town.hit .box{padding:2px 7px 3px;font-size:12px;background:rgba(8,50,110,.8)}#switcher{gap:12px}#switcher button{width:160px;font-size:16px;letter-spacing:2px}#switcher .auto{left:1318px}body .tools{left:470px;top:818px}.tools .tip{width:140px;font-size:11px;line-height:1.4;white-space:normal}.lbl.town.hit.gold .box{border-color:rgba(255,209,102,.85)}.lbl.town.hit.gold .box b{color:var(--gold)}.lbl.town.click:hover span{color:#fff;text-shadow:0 0 8px var(--cyan),0 0 4px #001a3a}.scroll{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(53,208,255,.45) transparent}.alerts::-webkit-scrollbar,.feed::-webkit-scrollbar,.hot-list::-webkit-scrollbar,.low-list::-webkit-scrollbar,.scroll::-webkit-scrollbar{width:4px}.alerts::-webkit-scrollbar-thumb,.feed::-webkit-scrollbar-thumb,.hot-list::-webkit-scrollbar-thumb,.low-list::-webkit-scrollbar-thumb,.scroll::-webkit-scrollbar-thumb{background:rgba(53,208,255,.45);border-radius:2px}.alerts,.feed,.hot-list,.low-list{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(53,208,255,.45) transparent}.left-box{max-height:440px}.left-box .rg-list{overflow:visible}.feed{height:380px;padding-right:4px}.alerts{height:134px}.low-list{height:144px}.hot-list{height:140px}.hot-list .hot{margin-right:4px}.tab-n{font-style:normal;font-family:var(--num);font-size:12px;margin-left:6px;padding:0 5px;background:rgba(255,209,102,.2);color:var(--gold);border:1px solid rgba(255,209,102,.5)}.backlog-mask{position:absolute;inset:0;z-index:40;background:rgba(1,6,18,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.panel.backlog{left:460px;top:104px;width:1000px;height:860px}.bl-x{margin-left:14px;background:none;border:1px solid rgba(90,180,255,.4);color:#9cc3e8;width:26px;height:24px;cursor:pointer}.bl-x:hover{color:#fff;border-color:var(--cyan)}.bl-list{list-style:none;height:810px;padding:10px 18px}.bl-list li{display:flex;gap:16px;padding:14px 6px;border-bottom:1px dashed rgba(90,170,255,.18)}.bl-list li:first-child .bl-no{color:#1b1200;background:linear-gradient(90deg,#d19a1c,var(--gold))}.bl-no{flex:none;width:44px;height:32px;line-height:32px;text-align:center;font-family:var(--num);font-size:18px;color:#cfe8ff;background:rgba(70,170,255,.2);-webkit-clip-path:polygon(0 0,100% 0,85% 100%,0 100%);clip-path:polygon(0 0,100% 0,85% 100%,0 100%)}.bl-body{flex:1 1;min-width:0}.bl-t{font-size:17px;font-weight:700;color:#fff;display:flex;align-items:baseline;gap:12px}.bl-e{font-size:12px;font-weight:400;color:var(--cyan);border:1px solid rgba(53,208,255,.45);padding:0 6px}.bl-w{margin-top:6px;font-size:14px;color:#cfe5fb;line-height:1.6}.bl-n{margin-top:4px;font-size:13px;color:var(--gold);line-height:1.5}.panel.scoreboard{left:120px;top:104px;width:1680px;height:900px}.kpi-cards{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:14px;gap:14px;padding:16px 18px 6px}.kc{position:relative;padding:14px 16px 10px;background:linear-gradient(180deg,rgba(30,110,230,.2),rgba(10,40,100,.08));border:1px solid rgba(70,170,255,.28);cursor:help}.kc:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.kc-h{font-size:16px;font-weight:700;color:#fff}.kc-h span{display:block;font-family:Rajdhani,sans-serif;font-size:11px;letter-spacing:2px;color:rgba(150,200,240,.5);font-weight:600}.kc-v{margin-top:8px;font-family:var(--num);font-size:40px;font-weight:500;color:#fff;line-height:1.1;display:flex;align-items:center;gap:8px}.kc-pending{font-style:normal;font-family:Noto Sans TC;font-size:12px;color:var(--gold);border:1px solid rgba(255,209,102,.55);padding:1px 6px}.kc-d{margin-top:4px;font-size:13px;display:flex;gap:6px;align-items:baseline}.kc-d .up{color:var(--ok)}.kc-d .down,.kc-d .up{font-family:var(--num)}.kc-d .down{color:#ff8aa0}.kc-d .flat,.kc-d .vs{color:var(--dim)}.kc-d .vs{font-size:12px}.kc-s{margin-top:6px;min-height:18px}.kc-now,.kc-s{font-size:12.5px;color:var(--muted)}.kc-now{border-top:1px dashed rgba(90,170,255,.2);padding-top:6px}.kc-now b{font-family:var(--num);font-weight:500;color:var(--ice)}.sb-legend{padding:0 18px;font-size:12px;color:var(--dim);display:flex;align-items:center;gap:6px}.sb-legend i{display:inline-block;width:10px;height:10px;margin-left:10px}.sb-legend i.g{background:#ffd166;margin-left:0}.sb-legend i.c{background:rgba(53,208,255,.75)}.sb-legend i.p{background:rgba(53,208,255,.35)}.sb-cols{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;padding:12px 18px}.sb-box{border:1px solid rgba(70,170,255,.22);background:rgba(4,22,56,.45);padding:10px 12px}.sb-t{font-size:14px;font-weight:700;color:var(--ice);margin-bottom:6px;border-left:2px solid var(--cyan);padding-left:8px}.sb-table{height:450px}.sb-table table{width:100%;border-collapse:collapse;font-size:13px}.sb-table th{position:-webkit-sticky;position:sticky;top:0;background:#06224a;color:var(--muted);font-weight:500;text-align:right;padding:6px 8px;font-size:12px}.sb-table td:first-child,.sb-table th:first-child{text-align:left}.sb-table td{text-align:right;padding:6px 8px;color:#d6ebff;font-family:var(--num);border-bottom:1px dashed rgba(90,170,255,.12);white-space:nowrap}.sb-table td:first-child,.sb-table td:nth-child(2){font-family:Noto Sans TC}.sb-table td small{color:var(--dim);font-size:11px}.sb-table td sup{color:var(--gold)}.sb-table tr.last td{background:rgba(255,209,102,.07)}.sb-table tr.now td{color:var(--muted)}.sb-table td.warn{color:var(--warn)}.sb-table td.bad{color:var(--danger)}.sb-note{margin-top:6px;font-size:11.5px;color:var(--dim)}.astrip{display:grid;grid-template-columns:290px 1fr;grid-gap:12px;gap:12px;padding:10px 12px 0;height:142px}.astrip-appr{padding:8px 12px;border:1px solid rgba(70,170,255,.25);background:rgba(10,40,100,.25);cursor:pointer;overflow:hidden}.astrip-appr.has{border-color:rgba(255,209,102,.6);background:linear-gradient(180deg,rgba(255,209,102,.14),rgba(30,90,200,.06))}.aa-h{font-size:13px;color:var(--muted)}.aa-n{font-family:var(--num);font-size:30px;color:#fff;line-height:1.1}.astrip-appr.has .aa-n{color:var(--gold)}.aa-n small{font-family:Noto Sans TC;font-size:12px;color:var(--muted);margin-left:3px}.aa-i{font-size:12px;color:#d6ebff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aa-i b{font-family:var(--num);font-weight:500;color:var(--gold);margin-right:6px}.aa-tip{font-size:11px;color:var(--dim);margin-top:3px}.astrip-team{cursor:pointer;min-width:0}.at-sum{font-size:13px;color:var(--muted);margin-bottom:6px}.at-sum b{font-family:var(--num);font-weight:500;color:#fff;font-size:15px}.at-sum .bad{color:var(--danger)}.at-chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;font-size:12px;color:#cfe5fb;border:1px solid rgba(70,170,255,.3);background:rgba(10,40,100,.35);white-space:nowrap}.chip i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.chip.busy i{background:var(--ok);box-shadow:0 0 6px var(--ok)}.chip.fail i{background:var(--danger);box-shadow:0 0 6px var(--danger);animation:pulse 1s infinite}.chip.off{color:var(--dim);border-style:dashed;background:none}.chip.off i{background:#3a5578;box-shadow:none}.chip em{font-style:normal;font-family:var(--num);font-size:11px;color:#001a33;background:var(--cyan);padding:0 4px}.chip em.p{background:var(--gold);color:#1b1200}.panel.teamboard{left:60px;top:104px;width:1800px;height:940px}.tb-body{display:grid;grid-template-columns:1fr 420px;grid-gap:14px;gap:14px;padding:12px 16px;height:900px}.tb-org{height:880px;padding-right:6px}.tb-dept{margin-bottom:14px}.tb-dn{font-size:15px;font-weight:700;color:var(--ice);border-left:3px solid var(--cyan);padding-left:8px;margin-bottom:8px}.tb-dn span{font-weight:400;font-size:12px;color:var(--muted);margin-left:10px}.tb-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;align-items:start}.tb-card{min-width:0;padding:10px 12px;border:1px solid rgba(70,170,255,.26);background:linear-gradient(180deg,rgba(30,110,230,.16),rgba(10,40,100,.06))}.tb-card.off{opacity:.6;border-style:dashed}.tb-card.fail{border-color:rgba(255,77,106,.7)}.tc-h{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#fff}.tc-h i{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.tb-card.busy .tc-h i{background:var(--ok);box-shadow:0 0 6px var(--ok)}.tb-card.fail .tc-h i{background:var(--danger);box-shadow:0 0 6px var(--danger)}.tb-card.off .tc-h i{background:#3a5578;box-shadow:none}.tc-stage{font-size:11px;font-weight:400;padding:0 5px;border:1px solid}.tc-stage.live{color:var(--ok);border-color:rgba(46,230,166,.5)}.tc-stage.partial{color:var(--gold);border-color:rgba(255,209,102,.5)}.tc-stage.planned{color:var(--muted);border-color:rgba(127,162,200,.4)}.tc-st{margin-left:auto;font-size:11px;font-weight:400;color:var(--muted)}.tc-sched{margin-top:4px;font-size:11.5px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc-nums{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:12px;color:var(--muted)}.tc-nums b{font-family:var(--num);font-weight:500;color:#fff}.tc-nums .bad b{color:var(--danger)}.tc-nums .warn b{color:var(--warn)}.tc-tools{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.tc-tools .lv{font-size:11px;padding:1px 6px;border:1px solid;white-space:nowrap}.tc-tools .lv small{font-family:var(--num);margin-left:4px;opacity:.8}.tc-tools .lv.L3{color:#9fe6ff;border-color:rgba(53,208,255,.45)}.tc-tools .lv.L2{color:var(--ok);border-color:rgba(46,230,166,.45)}.tc-tools .lv.L1{color:var(--gold);border-color:rgba(255,209,102,.55)}.tc-tools .lv.L0{color:#ff8aa0;border-color:rgba(255,77,106,.5)}.tc-empty{margin-top:8px;font-size:12px;color:var(--dim)}.tb-side{display:flex;flex-direction:column;gap:12px}.tb-appr{height:330px}.tb-tasks{height:440px}.ap{padding:8px 4px;border-bottom:1px dashed rgba(90,170,255,.15)}.ap-h{font-size:13px;color:#d6ebff;display:flex;gap:8px;align-items:baseline}.ap-h b{font-family:var(--num);font-weight:500;color:var(--gold)}.ap-h span{margin-left:auto;font-size:11px;color:var(--dim)}.ap-s{font-size:13px;color:#fff}.ap-s,.ap-t{margin-top:3px}.ap-t{font-size:11px;color:var(--muted)}.tk{display:flex;gap:8px;padding:7px 2px;border-bottom:1px dashed rgba(90,170,255,.12)}.tk-st{flex:none;width:50px;text-align:center;font-size:11px;height:18px;line-height:18px;background:rgba(70,170,255,.2);color:#cfe8ff}.tk.done .tk-st{background:rgba(46,230,166,.18);color:var(--ok)}.tk.failed .tk-st{background:rgba(255,77,106,.2);color:#ff8aa0}.tk.awaiting_approval .tk-st{background:rgba(255,209,102,.2);color:var(--gold)}.tk.cancelled .tk-st{color:var(--dim)}.tk-b{min-width:0}.tk-t{font-size:13px;color:#d6ebff}.tk-m{font-size:11px;color:var(--dim);margin-top:2px}.gr-top{display:grid;grid-template-columns:1fr 360px;grid-gap:14px;gap:14px;padding:16px 18px 0}.gr-cards{padding:0}.gr-verdict{padding:14px 16px;border:1px solid rgba(70,170,255,.28);background:rgba(4,22,56,.45);font-size:13.5px;color:#cfe5fb;line-height:1.6}.gr-verdict b{display:block;font-size:20px;margin-bottom:4px}.gr-verdict.wait b{color:var(--gold)}.gr-verdict.ok b{color:var(--ok)}.gr-verdict small{display:block;margin-top:6px;font-size:11.5px;color:var(--dim)}.gr-cols{grid-template-columns:1fr 1.15fr}.gr-rank{height:250px}.gr-list{height:516px}.gr-sub{margin-top:12px}.gr-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:1px}.gr-tag .wait{color:var(--gold)}.gr-tag .ok,.gr-tag .wait{font-family:Noto Sans TC;font-size:12px}.gr-tag .ok{color:var(--ok)}.growth .dim{color:var(--dim);font-family:Noto Sans TC;font-size:12px}.gr-chips{float:right;font-weight:400;font-size:12px;display:flex;gap:4px;align-items:center}.gr-chips a{cursor:pointer;padding:1px 8px;border:1px solid rgba(70,170,255,.28);color:var(--muted)}.gr-chips a.on{color:#fff;border-color:var(--cyan);background:rgba(53,208,255,.15)}.gr-chips em{width:10px}.gr-list td:first-child{white-space:nowrap}.gr-who{display:block;color:var(--dim);font-size:11px}.gr-list td.gr-title{text-align:left;white-space:normal;font-family:Noto Sans TC;color:#e6f3ff;min-width:300px}.gr-list td.gr-title small{display:block;color:var(--muted);font-size:11.5px;margin-top:2px}.gr-list td:nth-child(2){font-family:Noto Sans TC}.gr-list tr.few td:not(.gr-title):not(:first-child){color:var(--muted)}.gr-sugg{margin:0 18px;padding:8px 12px;border:1px solid rgba(70,170,255,.22);background:rgba(4,22,56,.45);font-size:13px;color:#cfe5fb;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}.gr-sugg-h{color:var(--ice);font-weight:700;border-left:2px solid var(--cyan);padding-left:8px}.gr-sugg-i em{font-style:normal;font-size:11px;color:var(--cyan);border:1px solid rgba(53,208,255,.45);padding:0 5px;margin-left:6px}.gr-list th:nth-child(2){text-align:left}