:root{--bg-0: #050b18;--bg-1: #0a1528;--bg-2: #0e1d36;--panel: rgba(15, 32, 58, .55);--border: rgba(64, 160, 255, .22);--border-strong: rgba(0, 240, 255, .45);--cyan: #00f0ff;--cyan-dim: rgba(0, 240, 255, .55);--green: #00ff9d;--orange: #ffb039;--red: #ff4b6e;--purple: #9b7bff;--text: #d7e8ff;--text-dim: #7e93b5;--text-faint: #4a5b7a}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,SF Pro Display,PingFang SC,Microsoft YaHei,Segoe UI,Helvetica,Arial,sans-serif;color:var(--text);background:radial-gradient(ellipse at 20% 0%,rgba(0,130,255,.18),transparent 55%),radial-gradient(ellipse at 80% 100%,rgba(120,50,255,.15),transparent 50%),linear-gradient(180deg,#050b18,#030611);background-attachment:fixed;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,240,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0;-webkit-mask-image:radial-gradient(ellipse at center,black 35%,transparent 85%);mask-image:radial-gradient(ellipse at center,black 35%,transparent 85%)}.app{position:relative;z-index:1;padding:1rem 1.25rem 1.25rem}header.topbar{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem 1rem;border-bottom:1px solid var(--border);margin-bottom:1rem;position:relative}header.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.6}.logo{font-size:1.4rem;letter-spacing:.35em;font-weight:700;background:linear-gradient(90deg,#ffffff 0%,var(--cyan) 60%,var(--cyan) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 12px rgba(0,240,255,.4)}.logo .sub{font-size:.75rem;letter-spacing:.3em;color:var(--text-dim);margin-left:.8rem}.topbar nav a{margin-left:1.25rem;color:var(--text-dim);text-decoration:none;font-size:.9rem;letter-spacing:.05em;padding:.3rem .85rem;border-radius:999px;transition:all .2s}.topbar nav a:hover,.topbar nav a.active{color:var(--cyan);background:#00f0ff14;box-shadow:inset 0 0 0 1px var(--border-strong)}.clock{font-variant-numeric:tabular-nums;color:var(--cyan);letter-spacing:.12em;font-size:.95rem;text-shadow:0 0 8px rgba(0,240,255,.6)}.clock .date{color:var(--text-dim);margin-right:.8rem;text-shadow:none;font-size:.85rem}.panel{background:linear-gradient(180deg,rgba(0,240,255,.03),transparent 30%),var(--panel);border:1px solid var(--border);border-radius:4px;padding:.9rem 1.1rem 1.1rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.panel:before,.panel:after{content:"";position:absolute;width:12px;height:12px;border-color:var(--cyan);pointer-events:none}.panel:before{top:-1px;left:-1px;border-top:1px solid;border-left:1px solid}.panel:after{bottom:-1px;right:-1px;border-bottom:1px solid;border-right:1px solid}.panel>h3{margin:0 0 .85rem;font-size:1rem;font-weight:500;color:var(--text);letter-spacing:.12em;padding-bottom:.55rem;border-bottom:1px solid var(--border);display:flex;justify-content:flex-start;align-items:center;position:relative}.panel>h3>span{margin-left:auto}.panel>h3:before{content:"";display:inline-block;width:4px;height:15px;background:linear-gradient(180deg,var(--cyan),transparent);margin-right:.7rem;vertical-align:middle;box-shadow:0 0 10px var(--cyan);border-radius:1px}.panel>h3:after{content:"";position:absolute;left:0;bottom:-1px;width:56px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}.kpi{position:relative;background:linear-gradient(135deg,rgba(0,240,255,.08),transparent 60%),var(--panel);border:1px solid var(--border);border-radius:4px;padding:1rem 1.1rem 1rem 1.2rem;display:flex;align-items:center;gap:1rem;overflow:hidden}.kpi:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 100% 50%,rgba(0,240,255,.18),transparent 55%);pointer-events:none}.kpi .icon{width:46px;height:46px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#00f0ff40,#00f0ff0d 70%);border:1px solid var(--border-strong);color:var(--cyan);font-size:1.3rem;animation:breathe 3.2s ease-in-out infinite}.kpi .icon.g{color:var(--green);background:radial-gradient(circle,rgba(0,255,157,.25),transparent 70%);border-color:#00ff9d80}.kpi .icon.o{color:var(--orange);background:radial-gradient(circle,rgba(255,176,57,.25),transparent 70%);border-color:#ffb03980}.kpi .icon.p{color:var(--purple);background:radial-gradient(circle,rgba(155,123,255,.25),transparent 70%);border-color:#9b7bff80}.kpi .label{font-size:.78rem;letter-spacing:.14em;color:var(--text-dim);margin-bottom:.25rem}.kpi .value{font-size:2.1rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.05;letter-spacing:.01em;background:linear-gradient(180deg,#ffffff 10%,var(--cyan) 90%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 18px rgba(0,240,255,.3);font-family:SF Pro Display,Helvetica Neue,-apple-system,sans-serif}.kpi.g .value{background:linear-gradient(180deg,#ffffff 10%,var(--green) 90%);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 18px rgba(0,255,157,.3)}.kpi.o .value{background:linear-gradient(180deg,#ffffff 10%,var(--orange) 90%);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 18px rgba(255,176,57,.3)}.kpi.p .value{background:linear-gradient(180deg,#ffffff 10%,var(--purple) 90%);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 18px rgba(155,123,255,.3)}.kpi .unit{font-size:.85rem;color:var(--text-dim);margin-left:.35rem;font-weight:400}.kpi .sub{font-size:.7rem;color:var(--text-faint);margin-top:.15rem}@keyframes breathe{0%,to{box-shadow:0 0 0 0 currentColor,0 0 0 0 currentColor inset;transform:scale(1)}50%{box-shadow:0 0 18px 2px currentColor,0 0 4px 0 currentColor inset;transform:scale(1.04)}}.main-grid{display:grid;grid-template-columns:minmax(300px,22%) 1fr minmax(300px,22%);gap:1rem;margin-bottom:1rem}.main-grid>.col{display:flex;flex-direction:column;gap:1rem;min-height:0}.map-wrap{height:640px;position:relative;display:flex;flex-direction:column}.map-wrap .echart{width:100%;flex:1 1 auto;min-height:0}.map-wrap .empty-state{flex:1;display:grid;place-items:center}.hud-top{position:absolute;top:10px;right:12px;display:flex;gap:.5rem;z-index:2}.hud-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;letter-spacing:.08em;border:1px solid var(--border);border-radius:999px;background:#051428b3;color:var(--text-dim)}.hud-chip .dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.hud-chip.g .dot{background:var(--green);box-shadow:0 0 6px var(--green)}.hud-chip.r .dot{background:var(--red);box-shadow:0 0 6px var(--red)}.hud-chip.o .dot{background:var(--orange);box-shadow:0 0 6px var(--orange)}.alarm-list,.rank-list{display:flex;flex-direction:column;gap:.45rem;max-height:320px;overflow-y:auto}.alarm-list::-webkit-scrollbar,.rank-list::-webkit-scrollbar{width:6px}.alarm-list::-webkit-scrollbar-thumb,.rank-list::-webkit-scrollbar-thumb{background:#00f0ff40;border-radius:999px}.alarm-item{display:grid;grid-template-columns:6px 1fr auto;gap:.6rem;align-items:center;padding:.45rem .6rem;background:#ff4b6e0f;border:1px solid rgba(255,75,110,.2);border-radius:3px;font-size:.82rem}.alarm-item .bar{height:100%;border-radius:2px;background:var(--red);box-shadow:0 0 8px var(--red)}.alarm-item.warn{background:#ffb03912;border-color:#ffb03940}.alarm-item.warn .bar{background:var(--orange);box-shadow:0 0 8px var(--orange)}.alarm-item .plant{color:var(--text);font-weight:500}.alarm-item .cause{color:var(--text-dim);font-size:.75rem;margin-top:.1rem}.alarm-item .time{color:var(--text-faint);font-size:.72rem}.empty-state{color:var(--text-faint);font-size:.85rem;text-align:center;padding:1.2rem 0}.rank-item{display:grid;grid-template-columns:28px 1fr auto;gap:.5rem;align-items:center;padding:.45rem .5rem;border-radius:3px;border:1px solid transparent;transition:all .15s}.rank-item:hover{border-color:var(--border);background:#00f0ff0a}.rank-item .rk{display:grid;place-items:center;width:24px;height:24px;border-radius:3px;font-size:.75rem;font-weight:700;background:#00f0ff14;color:var(--cyan);border:1px solid var(--border)}.rank-item:nth-child(1) .rk{background:linear-gradient(135deg,#ffb039,#ff7a00);color:#1a0f00;border-color:transparent}.rank-item:nth-child(2) .rk{background:linear-gradient(135deg,#d9dde4,#8a94a6);color:#0a1528;border-color:transparent}.rank-item:nth-child(3) .rk{background:linear-gradient(135deg,#cd7f32,#7a4a1c);color:#ffe8d0;border-color:transparent}.rank-item .name{color:var(--text);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-item .vendor-tag{font-size:.65rem;color:var(--text-faint);margin-top:.15rem}.rank-item .power{font-variant-numeric:tabular-nums;color:var(--green);font-size:.9rem;font-weight:600;text-shadow:0 0 6px rgba(0,255,157,.5)}.rank-item .power .u{color:var(--text-dim);font-size:.7rem;font-weight:400;margin-left:.2rem;text-shadow:none}.compare-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem;margin-bottom:1rem}.compare-card{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(0,240,255,.06),transparent 70%),var(--panel);border:1px solid var(--border);border-radius:4px;padding:.7rem .9rem}.compare-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--cyan),transparent)}.compare-card.dim{opacity:.72}.compare-card.dim:before{background:linear-gradient(180deg,var(--text-faint),transparent)}.compare-card .lbl{font-size:.72rem;color:var(--text-dim);letter-spacing:.12em;margin-bottom:.3rem}.compare-card .val{font-size:1.4rem;font-weight:700;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#ffffff,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.compare-card .val .u{font-size:.7rem;color:var(--text-dim);font-weight:400;margin-left:.25rem;-webkit-text-fill-color:var(--text-dim)}.compare-card .delta-line{margin-top:.3rem;font-size:.7rem;display:flex;align-items:center;gap:.35rem}.delta{font-size:.72rem;font-weight:600;font-variant-numeric:tabular-nums;padding:1px 6px;border-radius:3px;letter-spacing:.03em}.delta.up{color:var(--green);background:#00ff9d1a;border:1px solid rgba(0,255,157,.35);text-shadow:0 0 6px rgba(0,255,157,.6)}.delta.down{color:var(--red);background:#ff4b6e1a;border:1px solid rgba(255,75,110,.35);text-shadow:0 0 6px rgba(255,75,110,.6)}.delta.none{color:var(--text-faint);border:1px solid var(--border)}.muted{color:var(--text-faint);font-size:.72rem}.health-pills{display:inline-flex;gap:.3rem;flex-wrap:wrap}.pill{font-size:.68rem;padding:1px 7px;border-radius:999px;border:1px solid;letter-spacing:.03em}.pill.g{color:var(--green);border-color:#00ff9d66;background:#00ff9d14}.pill.r{color:var(--red);border-color:#ff4b6e66;background:#ff4b6e14}.pill.o{color:var(--orange);border-color:#ffb03966;background:#ffb03914}.vendor-bars{display:flex;flex-direction:column;gap:.75rem;padding:.15rem 0 .25rem}.vendor-bar .row{display:flex;align-items:center;gap:.5rem;font-size:.78rem;margin-bottom:.3rem}.vendor-bar .plants-count{color:var(--text-faint);font-size:.7rem}.vendor-bar .kwh{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--text);font-weight:600;font-size:.9rem}.vendor-bar .kwh .u{color:var(--text-dim);font-size:.7rem;font-weight:400;margin-left:.2rem}.vendor-bar .track{height:7px;background:#00f0ff0f;border-radius:3px;overflow:hidden;position:relative}.vendor-bar .fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--cyan),rgba(0,240,255,.4));box-shadow:0 0 10px #00f0ff99;transition:width .8s cubic-bezier(.2,.9,.25,1)}.vendor-bar .fill.v-huawei{background:linear-gradient(90deg,#ff4b6e,#ff4b6e59);box-shadow:0 0 10px #ff4b6e99}.vendor-bar .fill.v-ginlong{background:linear-gradient(90deg,var(--cyan),rgba(0,240,255,.35));box-shadow:0 0 10px #00f0ff99}.vendor-bar .fill.v-maitian{background:linear-gradient(90deg,var(--green),rgba(0,255,157,.35));box-shadow:0 0 10px #00ff9d99}.vendor-bar .meta{display:flex;justify-content:space-between;font-size:.68rem;color:var(--text-faint);margin-top:.25rem}.vendor-health{display:flex;flex-direction:column;gap:.6rem}.vh-row{display:grid;grid-template-columns:60px 1fr auto;gap:.6rem;align-items:center;font-size:.75rem}.stack-bar{display:flex;height:10px;border-radius:3px;overflow:hidden;background:#00f0ff0f}.stack-bar>div{transition:flex .6s}.stack-bar .g{background:linear-gradient(90deg,var(--green),rgba(0,255,157,.5));box-shadow:inset 0 0 6px #00ff9d66}.stack-bar .r{background:linear-gradient(90deg,var(--red),rgba(255,75,110,.5))}.stack-bar .o{background:linear-gradient(90deg,var(--orange),rgba(255,176,57,.5))}.stack-bar .x{background:#50648c26}.vh-row .hcount{font-variant-numeric:tabular-nums;font-size:.78rem;color:var(--text-dim)}.effect-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem;margin-bottom:1rem}.effect-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:.75rem;padding:.75rem .9rem;background:linear-gradient(135deg,rgba(0,240,255,.06),transparent 65%),var(--panel);border:1px solid var(--border);border-radius:4px}.effect-card .ic{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;font-size:1.1rem;background:radial-gradient(circle,rgba(0,240,255,.22),transparent 70%);border:1px solid var(--border-strong);color:var(--cyan)}.effect-card.tone-g .ic{color:var(--green);background:radial-gradient(circle,rgba(0,255,157,.22),transparent 70%);border-color:#00ff9d80}.effect-card.tone-o .ic{color:var(--orange);background:radial-gradient(circle,rgba(255,176,57,.22),transparent 70%);border-color:#ffb03980}.effect-card .body{min-width:0;flex:1}.effect-card .lbl{font-size:.7rem;color:var(--text-dim);letter-spacing:.1em;margin-bottom:.15rem}.effect-card .val{font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.effect-card .val .u{font-size:.72rem;color:var(--text-dim);font-weight:400;margin-left:.25rem}.effect-card.tone-g .val{background:linear-gradient(180deg,#fff,var(--green));-webkit-background-clip:text;background-clip:text;color:transparent}.effect-card.tone-o .val{background:linear-gradient(180deg,#fff,var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}.effect-card.tone-c .val{background:linear-gradient(180deg,#fff,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.bottom-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:1rem}.chart-box{height:240px}table.plants{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:4px;overflow:hidden;font-size:.88rem}table.plants th,table.plants td{padding:.6rem .8rem;text-align:left;border-bottom:1px solid rgba(64,160,255,.12)}table.plants th{background:#00f0ff0d;color:var(--cyan);font-weight:500;letter-spacing:.08em;font-size:.78rem}table.plants td{color:var(--text)}table.plants tr:hover td{background:#00f0ff08}table.plants a{color:var(--cyan);text-decoration:none}table.plants a:hover{text-shadow:0 0 8px var(--cyan)}.vendor-badge{display:inline-block;padding:1px .5rem;font-size:.7rem;letter-spacing:.05em;border-radius:999px;border:1px solid}.vendor-badge.huawei{color:#ff4b6e;border-color:#ff4b6e66;background:#ff4b6e14}.vendor-badge.ginlong{color:var(--cyan);border-color:var(--border-strong);background:#00f0ff14}.vendor-badge.maitian{color:var(--green);border-color:#00ff9d66;background:#00ff9d14}.meta{display:flex;gap:1.5rem;color:var(--text-dim);margin-bottom:1rem;font-size:.85rem}h2,h3{color:var(--text)}.detail-head{margin-bottom:1rem}.detail-head .back{display:inline-block;color:var(--text-dim);text-decoration:none;font-size:.8rem;letter-spacing:.08em;margin-bottom:.4rem;padding:.25rem .75rem;border:1px solid var(--border);border-radius:999px;transition:all .2s}.detail-head .back:hover{color:var(--cyan);border-color:var(--border-strong);background:#00f0ff0f}.plant-title{margin:.2rem 0 .5rem;font-size:1.5rem;font-weight:600;letter-spacing:.04em;display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;background:linear-gradient(90deg,#fff 0%,var(--cyan) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 14px rgba(0,240,255,.35)}.plant-title .vendor-badge,.plant-title .health-badge{-webkit-text-fill-color:initial;background:#05142899;text-shadow:none;font-size:.75rem;font-weight:400}.health-badge{display:inline-block;padding:2px .65rem;font-size:.72rem;border-radius:999px;border:1px solid var(--border);color:var(--text-dim)}.health-badge.t-g{color:var(--green);border-color:#00ff9d73;background:#00ff9d14;box-shadow:0 0 10px #00ff9d40}.health-badge.t-r{color:var(--red);border-color:#ff4b6e73;background:#ff4b6e14;box-shadow:0 0 10px #ff4b6e40}.health-badge.t-o{color:var(--orange);border-color:#ffb03973;background:#ffb03914;box-shadow:0 0 10px #ffb03940}.plant-meta{display:flex;gap:1.5rem;flex-wrap:wrap;color:var(--text-dim);font-size:.82rem;padding:.65rem .9rem;background:var(--panel);border:1px solid var(--border);border-radius:4px;margin-bottom:1rem}.plant-meta b{color:var(--text);font-weight:500;margin-left:.25rem}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:1rem;margin-bottom:1rem}.detail-grid>.panel{min-width:0}.alarm-item.cleared{opacity:.55;background:#50648c0f;border-color:#50648c33}.alarm-item.cleared .bar{background:var(--text-faint);box-shadow:none}.fs-btn{margin-left:1rem;background:transparent;border:1px solid var(--border);color:var(--text-dim);font-size:.78rem;padding:.3rem .8rem;border-radius:999px;cursor:pointer;letter-spacing:.08em;transition:all .2s}.fs-btn:hover{color:var(--cyan);border-color:var(--border-strong);background:#00f0ff0f;box-shadow:0 0 10px #00f0ff33}.alarm-item.sev-critical{background:#ff4b6e1f;border-color:#ff4b6e73}.alarm-item.sev-critical .bar{background:var(--red);box-shadow:0 0 12px var(--red);animation:alarmPulse 1.2s ease-in-out infinite}.alarm-item.sev-major{background:#ffb0391a;border-color:#ffb03959}.alarm-item.sev-major .bar{background:var(--orange);box-shadow:0 0 10px var(--orange)}.alarm-item.sev-minor{background:#ffe15a14;border-color:#ffe15a47}.alarm-item.sev-minor .bar{background:#ffe15a;box-shadow:0 0 8px #ffe15a}.alarm-item.sev-info{background:#00b4ff0f;border-color:#00b4ff40}.alarm-item.sev-info .bar{background:#00b4ff;box-shadow:0 0 8px #00b4ff}@keyframes alarmPulse{0%,to{opacity:1}50%{opacity:.4}}@media (max-width: 1600px){.compare-strip,.effect-strip{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1400px){.main-grid{grid-template-columns:minmax(280px,25%) 1fr minmax(280px,25%)}}@media (max-width: 1100px){.main-grid{grid-template-columns:1fr}.map-wrap{height:420px}.kpi-row{grid-template-columns:repeat(2,1fr)}.bottom-grid{grid-template-columns:1fr}.compare-strip,.effect-strip{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}}.auth-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--text-dim);font-size:.95rem}.login-page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 30% 10%,rgba(0,130,255,.25),transparent 55%),radial-gradient(ellipse at 70% 90%,rgba(120,50,255,.22),transparent 50%),linear-gradient(180deg,#030611,#050b18);z-index:10}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,240,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.05) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);pointer-events:none}.login-card{position:relative;width:380px;padding:2.2rem 2rem 1.8rem;background:#0f203ab8;border:1px solid var(--border-strong);border-radius:14px;box-shadow:0 20px 60px #00000080,0 0 40px #00f0ff14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;flex-direction:column;gap:1rem}.login-brand{text-align:center;margin-bottom:.6rem}.login-logo{font-size:1.7rem;font-weight:800;letter-spacing:2px;background:linear-gradient(90deg,#00f0ff,#9b7bff);-webkit-background-clip:text;background-clip:text;color:transparent}.login-sub{color:var(--text-dim);font-size:.85rem;margin-top:4px}.login-label{display:flex;flex-direction:column;gap:6px;color:var(--text-dim);font-size:.85rem}.login-label input{background:#050b1899;border:1px solid var(--border);color:var(--text);padding:.65rem .8rem;border-radius:8px;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.login-label input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #00f0ff26}.login-err{background:#ff4b6e1a;border:1px solid rgba(255,75,110,.4);color:var(--red);padding:.55rem .75rem;border-radius:6px;font-size:.85rem}.login-btn{background:linear-gradient(90deg,#0af,#9b7bff);color:#fff;font-weight:600;letter-spacing:2px;border:none;padding:.7rem;border-radius:8px;cursor:pointer;font-size:.95rem;transition:transform .1s,box-shadow .15s}.login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #00aaff59}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-foot{color:var(--text-faint);font-size:.78rem;text-align:center;line-height:1.5;margin-top:.4rem}.user-menu{position:relative}.user-chip{display:flex;align-items:center;gap:.5rem;background:#0f203a99;border:1px solid var(--border);color:var(--text);cursor:pointer;padding:.3rem .7rem .3rem .3rem;border-radius:999px;transition:border-color .15s}.user-chip:hover{border-color:var(--cyan-dim)}.user-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0af,#9b7bff);color:#fff;font-weight:600;font-size:.9rem}.user-name{font-size:.85rem}.user-dropdown{position:absolute;right:0;top:calc(100% + 6px);min-width:160px;background:#0f203af2;border:1px solid var(--border-strong);border-radius:8px;box-shadow:0 12px 30px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:4px;z-index:100;display:flex;flex-direction:column}.um-item{padding:.55rem .8rem;border-radius:5px;color:var(--text);text-decoration:none;background:transparent;border:none;text-align:left;font-size:.88rem;cursor:pointer}.um-item:hover{background:#00f0ff14;color:var(--cyan)}.um-danger{color:var(--red)!important}.um-danger:hover{background:#ff4b6e1a!important}.um-sep{height:1px;background:var(--border);margin:4px 0}.home-page{display:flex;flex-direction:column;gap:1.5rem}.home-hero{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:1.5rem;display:flex;flex-direction:column;gap:1.2rem;position:relative;overflow:hidden}.home-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top right,rgba(0,240,255,.1),transparent 60%);pointer-events:none}.hero-title{position:relative}.hero-title h1{margin:0;font-size:1.6rem;letter-spacing:1px;background:linear-gradient(90deg,#00f0ff,#d7e8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{color:var(--text-dim);font-size:.82rem;margin-top:4px}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;position:relative}.hero-stat{background:#050b1866;border:1px solid var(--border);border-radius:10px;padding:.9rem 1rem}.hs-label{color:var(--text-dim);font-size:.78rem;margin-bottom:.3rem}.hs-value{font-size:1.4rem;font-weight:700;background:linear-gradient(90deg,#00f0ff,#9b7bff);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}.hs-value.warn{background:linear-gradient(90deg,#ff4b6e,#ffb039);-webkit-background-clip:text;background-clip:text;color:transparent}.hs-unit{font-size:.75rem;color:var(--text-dim);font-weight:400}.home-section{display:flex;flex-direction:column;gap:.8rem}.section-title{font-size:1.05rem;font-weight:600;letter-spacing:1px;color:var(--text);padding-left:.8rem;border-left:3px solid var(--cyan)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.feature-card{display:flex;align-items:center;gap:1rem;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1.1rem 1.2rem;text-decoration:none;color:var(--text);transition:transform .15s,border-color .15s,box-shadow .15s;position:relative}.feature-card:not(.is-disabled):hover{transform:translateY(-2px);border-color:var(--cyan-dim);box-shadow:0 10px 28px #0006,0 0 24px #00f0ff14}.feature-card.is-disabled{opacity:.55;cursor:not-allowed}.feat-ico{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.feat-ico-dot{width:14px;height:14px;border-radius:50%;background:#fff;opacity:.9;box-shadow:0 0 12px currentColor}.feat-ico.t-a{background:linear-gradient(135deg,#0af3,#00f0ff22);color:#00f0ff;border:1px solid #00f0ff44}.feat-ico.t-b{background:linear-gradient(135deg,#00ff9d33,#00ff9d22);color:#00ff9d;border:1px solid #00ff9d44}.feat-ico.t-c{background:linear-gradient(135deg,#ffb03933,#ffb03922);color:#ffb039;border:1px solid #ffb03944}.feat-ico.t-d{background:linear-gradient(135deg,#9b7bff33,#9b7bff22);color:#9b7bff;border:1px solid #9b7bff44}.feat-ico.t-e{background:linear-gradient(135deg,#ff4b6e33,#ff4b6e22);color:#ff4b6e;border:1px solid #ff4b6e44}.feat-ico.t-f{background:linear-gradient(135deg,#7e93b533,#7e93b522);color:#d7e8ff;border:1px solid #7e93b544}.feat-body{flex:1 1 auto;min-width:0}.feat-title{font-size:1rem;font-weight:600;margin-bottom:.2rem;display:flex;align-items:center;gap:.5rem}.feat-badge{font-size:.65rem;padding:1px 6px;border-radius:4px;background:#9b7bff26;color:#9b7bff;border:1px solid rgba(155,123,255,.3);font-weight:400}.feat-desc{color:var(--text-dim);font-size:.8rem;line-height:1.5}.feat-arrow{color:var(--text-faint);font-size:1.6rem;line-height:1}.settings-page{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:1.2rem}.page-head h1{margin:0 0 .3rem;font-size:1.4rem;background:linear-gradient(90deg,#00f0ff,#d7e8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.page-sub{color:var(--text-dim);font-size:.85rem}.settings-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1.4rem 1.5rem;display:flex;flex-direction:column;gap:1.1rem}.toggle-row{display:flex;align-items:center;gap:.6rem;padding-bottom:.9rem;border-bottom:1px dashed var(--border);cursor:pointer}.toggle-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--cyan);cursor:pointer}.toggle-label{font-weight:600;font-size:.95rem}.toggle-state{margin-left:auto;font-size:.78rem;padding:2px 10px;border-radius:999px}.toggle-state.on{background:#00ff9d1a;color:var(--green);border:1px solid rgba(0,255,157,.3)}.toggle-state.off{background:#7e93b514;color:var(--text-dim);border:1px solid var(--border)}.form-body{display:flex;flex-direction:column;gap:1rem}.form-body.is-dim{opacity:.4;pointer-events:none}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:.85rem;color:var(--text-dim);font-weight:500}.field-label .opt{color:var(--text-faint);font-weight:400}.field-hint{color:var(--text-faint);font-size:.75rem}.input{background:#050b188c;border:1px solid var(--border);color:var(--text);padding:.6rem .8rem;border-radius:7px;font-size:.9rem;font-family:inherit;width:100%}.input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #00f0ff1f}.channel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.channel-opt{position:relative;background:#050b1866;border:1px solid var(--border);border-radius:8px;padding:.7rem .9rem;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:border-color .15s,background .15s}.channel-opt input[type=radio]{display:none}.channel-opt.sel{border-color:var(--cyan);background:#00f0ff0f;box-shadow:0 0 0 1px var(--cyan-dim),inset 0 0 20px #00f0ff0d}.channel-opt.sel:after{content:"●";position:absolute;top:6px;right:10px;color:var(--cyan);font-size:.7rem}.ch-name{font-weight:600;font-size:.88rem}.ch-hint{color:var(--text-dim);font-size:.75rem;line-height:1.4}.notice{padding:.6rem .8rem;border-radius:6px;font-size:.82rem;line-height:1.5}.notice.n-ok{background:#00ff9d14;border:1px solid rgba(0,255,157,.3);color:var(--green)}.notice.n-err{background:#ff4b6e14;border:1px solid rgba(255,75,110,.3);color:var(--red)}.settings-actions{display:flex;gap:.6rem;justify-content:flex-end;padding-top:.5rem;border-top:1px dashed var(--border)}.btn{padding:.55rem 1.3rem;border-radius:7px;font-size:.88rem;font-family:inherit;cursor:pointer;border:1px solid transparent;transition:transform .1s,box-shadow .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(90deg,#0af,#9b7bff);color:#fff;font-weight:600;letter-spacing:1px}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #00aaff59}.btn-ghost{background:transparent;border:1px solid var(--border-strong);color:var(--cyan)}.btn-ghost:hover:not(:disabled){background:#00f0ff14}.settings-note{color:var(--text-dim);font-size:.8rem;line-height:1.6;padding:.8rem 1rem;background:#050b1866;border:1px solid var(--border);border-radius:8px}.settings-note code{background:#00f0ff1a;color:var(--cyan);padding:1px 6px;border-radius:3px;font-size:.82em}.user-info{background:#050b1866;border:1px solid var(--border);border-radius:8px;padding:.8rem 1rem;margin-bottom:.5rem;display:flex;flex-direction:column;gap:.4rem}.ui-row{display:flex;gap:1rem;font-size:.88rem}.ui-k{width:3.5rem;color:var(--text-dim)}.ui-v{color:var(--text)}@media (max-width: 1100px){.hero-stats{grid-template-columns:repeat(2,1fr)}.feature-grid,.channel-grid{grid-template-columns:1fr}}