:root{--bg:#fbfbfd;--surface:rgba(255,255,255,.86);--surface-solid:#ffffff;--surface-2:rgba(255,255,255,.65);--text:#1d1d1f;--text-1:#1d1d1f;--text-2:#6e6e73;--text-3:#86868b;--accent:#002fa7;--accent-2:#6d28d9;--grad:linear-gradient(135deg,#002fa7,#6d28d9);--grad-hover:linear-gradient(135deg,#1f4fc7,#8b5cf6);--hairline:rgba(0,0,0,.08);--card-shadow:0 8px 28px rgba(0,47,167,.1);--card-blur:saturate(160%) blur(18px);--radius-lg:18px;--radius-md:12px;--radius-sm:8px;--pill:980px;--bubble-in:#ececf1;--bubble-out:linear-gradient(135deg,#002fa7,#6d28d9);--ok:#248a3d;--ok-bg:rgba(52,199,89,.14);--info:#002fa7;--info-bg:rgba(0,47,167,.12);--warn:#b25000;--warn-bg:rgba(255,149,0,.14);--bad:#d70015;--bad-bg:rgba(255,59,48,.12);--mute:#6e6e73;--mute-bg:rgba(120,120,128,.12);--dist-ok:#34c759;--dist-ok-2:#30d158;--dist-pending:#b9b9c3;--dist-bad:#ff453a;--dist-bad-2:#ff375f;--chart-main-soft:rgba(0,47,167,.35);--z-modal:200;--z-toast:3000;--tint:rgba(0,47,167,.07);--key-bg:rgba(255,255,255,.9);--glow-1:rgba(0,47,167,.12);--glow-2:rgba(90,200,250,.2);--glow-3:rgba(109,40,217,.14);--nav-bg:rgba(255,255,255,.6);--seg-on:#ffffff;--font-body:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro SC","PingFang SC","Noto Sans SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--font-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif;--font-mono:ui-monospace,"SF Mono",Consolas,Menlo,monospace}:root{--el-color-primary: var(--accent);--el-color-primary-light-3: color-mix(in srgb, var(--accent) 70%, #fff);--el-color-primary-light-5: color-mix(in srgb, var(--accent) 50%, #fff);--el-color-primary-light-7: color-mix(in srgb, var(--accent) 30%, #fff);--el-color-primary-light-8: color-mix(in srgb, var(--accent) 20%, #fff);--el-color-primary-light-9: color-mix(in srgb, var(--accent) 10%, #fff);--el-color-primary-dark-2: color-mix(in srgb, var(--accent) 80%, #000);--el-color-success: var(--ok);--el-color-warning: var(--warn);--el-color-danger: var(--bad);--el-color-error: var(--bad);--el-color-info: var(--mute);--el-border-radius-base: var(--radius-md);--el-border-radius-small: 8px;--el-text-color-primary: var(--text);--el-text-color-regular: var(--text-2);--el-text-color-secondary: var(--text-3);--el-text-color-placeholder: var(--text-3);--el-border-color: var(--hairline);--el-border-color-light: var(--hairline);--el-border-color-lighter: var(--hairline);--el-bg-color: var(--surface-solid);--el-bg-color-overlay: var(--surface-solid);--el-fill-color-blank: var(--surface-solid);--el-table-border-color: var(--hairline);--el-table-header-bg-color: transparent;--el-table-header-text-color: var(--text-3);--el-table-text-color: var(--text);--el-table-row-hover-bg-color: var(--surface-2);--el-table-tr-bg-color: transparent;--el-table-bg-color: transparent;--el-dialog-bg-color: var(--surface-solid);--el-dialog-border-radius: var(--radius-lg);--el-overlay-color-lighter: rgba(20, 16, 30, .42)}.el-table{font-size:13.5px}.el-table th.el-table__cell{font-size:12.5px;font-weight:500;padding:7px 0;white-space:nowrap}.el-table td.el-table__cell{padding:8px 0}.el-table .cell{padding:0 14px}.el-table .el-table-fixed-column--right,.el-table .el-table-fixed-column--left{background:var(--surface-solid)}.el-table .el-table__row:hover>td.el-table-fixed-column--right,.el-table .el-table__row.hover-row>td.el-table-fixed-column--right{background:color-mix(in srgb,var(--mute) 6%,var(--surface-solid))}.el-dialog{border-radius:var(--radius-lg);max-width:92vw}.el-dialog .el-dialog__title{font-size:18px;font-weight:600}.el-dialog__footer .btn+.btn{margin-left:12px}.el-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14.5px;line-height:1.6;color:var(--text);background:var(--bg);min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(1000px 600px at 0% 0%,rgba(0,47,167,.12),transparent 55%),radial-gradient(900px 600px at 100% 0%,rgba(90,200,250,.2),transparent 55%),radial-gradient(900px 700px at 50% 115%,rgba(109,40,217,.14),transparent 60%)}button{font-family:inherit;cursor:pointer}table{border-collapse:collapse;width:100%}svg{flex:none}#app{position:relative;z-index:1}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:var(--pill);padding:9px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-fill{background:var(--grad);color:#fff}.btn-fill:hover{background:var(--grad-hover)}.btn-line{background:transparent;color:var(--accent);border:1px solid var(--accent)}.btn-line:hover{background:var(--info-bg)}.btn-plain{background:transparent;color:var(--accent)}.btn-sm{padding:5px 14px;font-size:13px}.input,.select,textarea.input{width:100%;border:1px solid var(--hairline);border-radius:var(--radius-md);padding:10px 14px;font-size:14px;font-family:inherit;color:var(--text);background:var(--surface-solid);outline:none;transition:border .2s,box-shadow .2s}.input:focus,.select:focus,textarea.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #002fa729}label.fl{display:block;font-weight:500;font-size:13.5px;margin-bottom:6px}.help{font-size:12.5px;color:var(--text-3);margin-top:5px}.field{margin-bottom:16px}.tag{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:var(--pill);font-size:11.5px;font-weight:500;line-height:1.7;white-space:nowrap;letter-spacing:.02em}.tag:before{content:"";width:4.5px;height:4.5px;border-radius:50%;background:currentColor;flex:none;box-shadow:0 0 0 2.5px color-mix(in srgb,currentColor 18%,transparent)}.t-ok{background:var(--ok-bg);color:var(--ok)}.t-info{background:var(--info-bg);color:var(--info)}.t-bad{background:var(--bad-bg);color:var(--bad)}.t-mute{background:var(--mute-bg);color:var(--mute)}.tbl th{font-size:12.5px;font-weight:500;color:var(--text-3);text-align:left;padding:11px 14px;border-bottom:1px solid var(--hairline);white-space:nowrap}.tbl td{padding:12px 14px;border-bottom:1px solid var(--hairline);font-size:13.5px;vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.mono{font-family:SF Mono,ui-monospace,Consolas,Menlo,monospace;font-size:12.5px}.num{font-variant-numeric:tabular-nums}.seg{display:inline-flex;background:var(--mute-bg);border-radius:var(--pill);padding:3px;gap:2px}.seg button{border:none;background:transparent;border-radius:var(--pill);padding:5px 15px;font-size:13px;color:var(--text-2)}.seg button.on{background:#fff;color:var(--text);box-shadow:0 1px 4px #0000001f;font-weight:500}.gtext{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.glogo{border-radius:10px;background:var(--grad);display:flex;align-items:center;justify-content:center}.glogo svg{stroke:#fff}.msg{max-width:56%;display:flex;flex-direction:column;gap:3px}.msg .bb{padding:9px 15px;border-radius:20px;font-size:14.5px;line-height:1.45}.msg .mt{font-size:11.5px;color:var(--text-3);display:flex;gap:6px;align-items:center}.m-in{align-self:flex-start}.m-in .bb{background:var(--bubble-in);border-bottom-left-radius:6px}.m-out{align-self:flex-end;align-items:flex-end}.m-out .bb{background:var(--bubble-out);color:#fff;border-bottom-right-radius:6px}.day{align-self:center;font-size:12px;color:var(--text-3);margin-bottom:6px}.modal-mask{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#14101e6b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:var(--z-modal);align-items:center;justify-content:center}.modal-mask.on{display:flex}.modal-box{width:440px;max-height:86vh;overflow-y:auto;padding:26px 26px 22px;position:relative}.modal-box h3{font-size:18px;font-weight:600;margin-bottom:18px}.modal-box .close{position:absolute;top:18px;right:18px;background:transparent;border:none;color:var(--text-3);font-size:16px;line-height:1;padding:6px}.modal-diff{display:flex;align-items:center;justify-content:space-between;background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:18px;font-size:13px}.modal-diff b{font-size:16px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}.state-demo-lb{font-size:12px;color:var(--text-3);margin:26px 0 12px;display:flex;align-items:center;gap:8px}.state-demo-lb:before,.state-demo-lb:after{content:"";flex:1;height:1px;background:var(--hairline)}.state-card{display:flex;align-items:center;gap:14px;padding:20px 22px}.state-card svg{width:26px;height:26px;flex:none}.state-card .st{flex:1}.state-card .st b{display:block;font-size:14.5px;margin-bottom:3px}.state-card .st span{font-size:12.5px;color:var(--text-3)}.state-err svg{stroke:var(--bad)}.state-empty svg{stroke:var(--text-3)}.ava{width:30px;height:30px;border-radius:50%;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.ava-wrap{position:relative}.ava-menu{display:none;position:absolute;top:calc(100% + 8px);right:0;background:var(--surface-solid);border-radius:var(--radius-md);box-shadow:0 10px 30px #00000029;padding:6px;min-width:120px;z-index:60}.ava-menu.on{display:block}.ava-menu button{display:block;width:100%;text-align:left;background:transparent;border:none;padding:9px 12px;border-radius:8px;font-size:13.5px;color:var(--text)}.ava-menu button:hover{background:var(--mute-bg)}.li-ava{width:40px;height:40px;border-radius:50%;background:var(--mute-bg);color:var(--text-2);display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:600;flex:none}.gnav{position:sticky;top:0;z-index:50;background:#fff9;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--hairline)}.gnav-in{max-width:1560px;margin:0 auto;height:52px;display:flex;align-items:center;gap:8px;padding:0 20px}.gnav .glogo{width:26px;height:26px;margin-right:10px}.gnav .glogo svg{width:15px;height:15px}.gnav a{position:relative;color:var(--text);opacity:.8;text-decoration:none;font-size:14px;padding:6px 13px;border-radius:var(--pill);transition:all .2s;cursor:pointer}@media (max-width:1080px){html[lang=en-US] .gnav-in{gap:5px;padding:0 14px}html[lang=en-US] .gnav a{padding:6px 10px}html[lang=en-US] .timezone-select{width:120px!important}}.gnav a:hover{opacity:1}.gnav .gnav-in a.glogo{padding:0;border-radius:10px;opacity:1}.gnav a.on{background:var(--info-bg);color:var(--accent);opacity:1;font-weight:500}.gnav a .dot{position:absolute;top:4px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--bad)}.gnav .sp{flex:1}.gnav .quota3{display:inline-flex;align-items:stretch;margin-left:10px;border-radius:var(--pill);background:var(--info-bg);color:var(--accent);font-size:12.5px;font-weight:500;overflow:hidden;white-space:nowrap}.gnav .quota3 span{display:inline-flex;align-items:center;gap:5px;padding:5px 11px}.gnav .quota3 span+span{border-left:1px solid var(--hairline)}.gnav .quota3 svg.i{width:13px;height:13px;fill:currentColor;flex:none}.gnav .quota3 .lb{font-weight:400;font-style:normal;opacity:.85}.gnav .quota3 span.zero{background:var(--bad-bg);color:var(--bad)}.gnav .quota3.q-mute{background:var(--mute-bg);color:var(--mute);cursor:default}.gnav .quota3.q-bad{background:var(--bad-bg);color:var(--bad);cursor:pointer}.gnav .quota3.q-refresh{cursor:pointer}.gnav .quota3.q-refresh:hover{filter:brightness(.96)}.gnav .wordmark{font-weight:600;font-size:15px;margin-right:8px;white-space:nowrap;letter-spacing:-.01em}.gnav .wordmark small{font-weight:400;font-size:12px;color:var(--text-3);margin-left:6px}.gnav .ava{margin-left:6px;cursor:pointer}.l1-wrap{max-width:1560px;margin:0 auto;padding:28px 20px 90px}.hero{text-align:center;margin-bottom:34px}.hero h2{font-size:38px;font-weight:600;letter-spacing:-.025em;line-height:1.15}.hero p{color:var(--text-2);font-size:16.5px;margin-top:9px}.page-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.page-head .ph-title h2{font-size:20px;font-weight:600;line-height:1.2}.page-head .ph-title p{color:var(--text-2);font-size:13px;margin-top:2px}.page-head .sp{flex:1}.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.bento .span2{grid-column:span 2}.card-pad{padding:24px}.stat-k{font-size:13px;color:var(--text-2)}.stat-v{font-size:32px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:4px}.stat-v .unit{font-size:14px;color:var(--text-3);font-weight:400;margin-left:2px}.stat-d{font-size:12.5px;color:var(--text-3);margin-top:3px}.ring{width:110px;height:110px;border-radius:50%;flex:none;position:relative;background:var(--mute-bg)}.ring:after{content:"";position:absolute;top:11px;right:11px;bottom:11px;left:11px;border-radius:50%;background:var(--surface-solid)}.ring b{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;font-size:19px;letter-spacing:-.02em}.ring b small{font-size:11px;color:var(--text-3);font-weight:400}.dist{display:flex;height:12px;border-radius:var(--pill);overflow:hidden;margin:14px 0 10px}.dist i{display:block;height:100%}.legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:var(--text-2)}.legend b{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.dist .d-ok{background:linear-gradient(90deg,var(--dist-ok),var(--dist-ok-2))}.dist .d-info{background:var(--grad)}.dist .d-pending{background:var(--dist-pending)}.dist .d-bad{background:linear-gradient(90deg,var(--dist-bad),var(--dist-bad-2))}.dist .d-empty{background:var(--mute-bg);width:100%}.legend .lg-ok{background:var(--dist-ok-2)}.legend .lg-info{background:var(--accent)}.legend .lg-pending{background:var(--dist-pending)}.legend .lg-bad{background:var(--dist-bad)}.send-card{max-width:1000px;margin:0 auto}.cnt-hint{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;color:var(--text-3);margin-top:5px}.cnt-hint>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cnt-hint>span:first-child{flex:1}.cnt-hint>span:last-child:not(:first-child){flex:none}.est{display:flex;align-items:center;justify-content:space-between;background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:13px 17px;margin-bottom:20px}.notice{display:flex;gap:10px;border-radius:var(--radius-md);padding:12px 15px;font-size:13px;margin-bottom:18px;align-items:flex-start}.n-warn{background:var(--warn-bg);color:var(--warn)}.notice svg{width:16px;height:16px;margin-top:2px;flex:none}.l2-list{width:290px;flex:none;display:flex;flex-direction:column;background:var(--surface);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur);border-right:1px solid var(--hairline);min-height:0}.l2-list .items{flex:1;overflow-y:auto}.li-conv{display:flex;gap:11px;padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--hairline)}.li-conv:hover{background:var(--surface-2)}.li-conv.on{background:var(--info-bg)}.li-meta{flex:1;min-width:0}.li-meta .r1{display:flex;justify-content:space-between;align-items:baseline}.li-meta .r1 b{font-size:14px}.li-meta .r1 time{font-size:11.5px;color:var(--text-3)}.li-meta .r2{font-size:12.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.li-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);align-self:center;flex:none}.li-badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--bad);color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;align-self:center;flex:none}.l2-main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.l2-mainhead{height:58px;background:var(--surface);border-bottom:1px solid var(--hairline);display:flex;align-items:center;gap:12px;padding:0 20px;flex:none}.l2-mainhead b{font-size:15px}.l2-mainhead .sub{display:block;font-size:12px;color:var(--text-3)}.l2-mainhead .sp{flex:1}.chat-body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:10px}.chat-in{padding:14px 20px;border-top:1px solid var(--hairline);background:var(--surface);flex:none}.chat-in .row{display:flex;gap:10px;align-items:center}.chat-in input{flex:1;border:1px solid var(--hairline);background:var(--surface-solid);border-radius:var(--pill);padding:10px 16px;font-size:14px;font-family:inherit;outline:none}.chat-in input:focus{border-color:var(--accent)}.chat-in .hint{font-size:11.5px;color:var(--text-3);margin-top:7px;text-align:center}.send-fab{width:38px;height:38px;border-radius:50%;border:none;background:var(--grad);display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}.send-fab svg{width:17px;height:17px;stroke:#fff}.send-fab:disabled{opacity:.5;cursor:not-allowed}.mtabs{display:none;position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--nav-bg);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--hairline);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.mtabs a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:var(--radius-md);font-size:11.5px;color:var(--text-3);text-decoration:none}.mtabs a svg{width:20px;height:20px;fill:currentColor}.mtabs a.on{color:var(--info);background:var(--info-bg)}@media (max-width:760px){.mtabs{display:flex}body.has-mtabs{padding-bottom:76px}.gnav a.nav-link{display:none}.gnav a.nav-link.admin-nav{display:inline-block}.gnav .quota3 .lb{display:none}.gnav .quota3 span{padding:5px 9px}}.toast-wrap{position:fixed;top:18px;right:18px;z-index:var(--z-toast);display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast-item{display:flex;align-items:flex-start;gap:9px;max-width:360px;padding:11px 16px;background:var(--surface-solid);border-radius:var(--radius-md);box-shadow:var(--card-shadow);border:1px solid var(--hairline);font-size:13.5px;line-height:1.5;color:var(--text);pointer-events:auto}.toast-dot{width:8px;height:8px;border-radius:50%;flex:none;margin-top:7px}.toast-success .toast-dot{background:var(--ok)}.toast-error .toast-dot{background:var(--bad)}.toast-info .toast-dot{background:var(--info)}.toast-error .toast-text{color:var(--bad)}.toast-enter-active,.toast-leave-active{transition:all .25s ease}.toast-enter-from{opacity:0;transform:translate(24px)}.toast-leave-to{opacity:0;transform:translateY(-8px)}
