:root{--bg: #05080f;--bg2: #0a1424;--panel: rgba(255, 255, 255, .045);--panel2: rgba(255, 255, 255, .07);--line: rgba(56, 230, 255, .16);--line2: rgba(56, 230, 255, .3);--cyan: #35e6ff;--blue: #3b82f6;--ok: #34d399;--warn: #f59e0b;--bad: #f43f5e;--text: rgba(255, 255, 255, .92);--sub: rgba(255, 255, 255, .56);--dim: rgba(255, 255, 255, .34)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:radial-gradient(1200px 620px at 12% -8%,rgba(53,230,255,.13),transparent 62%),radial-gradient(1100px 560px at 96% 4%,rgba(59,130,246,.13),transparent 60%),linear-gradient(160deg,#05080f,#0a1424 58%,#060b16);color:var(--text);font:14px/1.6 PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(56,230,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(56,230,255,.045) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(circle at 50% 0%,#000 0%,transparent 78%);mask-image:radial-gradient(circle at 50% 0%,#000 0%,transparent 78%);z-index:0}button{font-family:inherit;cursor:pointer}@property --lg-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.login-wrap{position:relative;z-index:2;overflow:hidden;height:100%;display:grid;place-items:center;--mx: 0px;--my: 0px;background:radial-gradient(1200px 700px at 50% -12%,rgba(53,230,255,.1),transparent 62%),radial-gradient(900px 620px at 88% 104%,rgba(59,130,246,.13),transparent 62%),#04070d}.lg-scene{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.lg-spot{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle 360px at var(--px, 50%) var(--py, 42%),rgba(53,230,255,.12),rgba(59,130,246,.06) 45%,transparent 72%);transition:background .18s ease-out}.lg-grid{position:absolute;top:-45%;right:-45%;bottom:-45%;left:-45%;background-image:linear-gradient(rgba(56,230,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(56,230,255,.075) 1px,transparent 1px);background-size:58px 58px;-webkit-mask-image:radial-gradient(circle at 50% 46%,#000 0%,transparent 64%);mask-image:radial-gradient(circle at 50% 46%,#000 0%,transparent 64%);animation:lg-pan 30s linear infinite;transform:translate(calc(var(--mx) * .45),calc(var(--my) * .45))}.lg-blob{position:absolute;border-radius:50%;filter:blur(72px);opacity:.55;animation:lg-float 17s ease-in-out infinite alternate}.lg-blob.b1{width:540px;height:540px;left:6%;top:4%;background:radial-gradient(circle,rgba(53,230,255,.55),transparent 68%);transform:translate(calc(var(--mx) * 1.7),calc(var(--my) * 1.7))}.lg-blob.b2{width:640px;height:640px;right:2%;bottom:-10%;background:radial-gradient(circle,rgba(59,130,246,.5),transparent 68%);animation-duration:22s;transform:translate(calc(var(--mx) * -1.3),calc(var(--my) * -1.3))}.lg-blob.b3{width:400px;height:400px;left:44%;top:56%;background:radial-gradient(circle,rgba(120,229,219,.32),transparent 70%);animation-duration:28s;transform:translate(calc(var(--mx) * .8),calc(var(--my) * .8))}.lg-scan{position:absolute;left:-10%;right:-10%;height:240px;top:-260px;background:linear-gradient(180deg,transparent,rgba(53,230,255,.075),transparent);animation:lg-scan 9.5s ease-in-out infinite}.lg-stars i{position:absolute;border-radius:50%;background:#9bf0ff;opacity:0;box-shadow:0 0 7px #9bf0ffd9;animation-name:lg-twinkle;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.login-card{position:relative;z-index:3;overflow:hidden;width:452px;padding:46px 40px 34px;border-radius:26px;background:linear-gradient(165deg,#ffffff16,#ffffff05);border:1px solid rgba(120,230,255,.18);box-shadow:0 44px 130px #000000b8,0 0 0 1px #ffffff08 inset,0 1px #ffffff1a inset;-webkit-backdrop-filter:blur(20px) saturate(1.25);backdrop-filter:blur(20px) saturate(1.25);animation:lg-card-in .95s cubic-bezier(.16,.9,.3,1) both}.login-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:3px;pointer-events:none;background:conic-gradient(from var(--lg-angle, 0deg),transparent 0 26%,rgba(53,230,255,.95) 43%,rgba(213,251,255,.95) 54%,rgba(59,130,246,.9) 66%,transparent 78% 100%);filter:drop-shadow(0 0 12px rgba(53,230,255,.55));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:lg-rotate 7.5s linear infinite}.login-card:after{content:"";position:absolute;top:0;left:-65%;width:42%;height:100%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.1),transparent);transform:skew(-14deg);animation:lg-sheen 8s ease-in-out infinite}.lg-ring{position:absolute;left:50%;top:-128px;width:360px;height:360px;margin-left:-180px;border-radius:50%;pointer-events:none;filter:blur(20px);background:radial-gradient(circle,rgba(53,230,255,.24),transparent 62%);animation:lg-breathe 6.5s ease-in-out infinite}.lg-brand{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.login-mark{height:74px;width:auto;display:block;filter:drop-shadow(0 10px 32px rgba(53,230,255,.3));animation:lg-logo-in 1.1s cubic-bezier(.16,.9,.3,1) both,lg-logo-float 6.5s 1.1s ease-in-out infinite}.login-title{position:relative;text-align:center;font-size:37px;font-weight:800;letter-spacing:2.2px;line-height:1.24;background:linear-gradient(100deg,#fff 6%,#b9f6ff 30%,#63e4ff,#fff 70%,#a9dcff 94%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:lg-shimmer 6.5s linear infinite;filter:drop-shadow(0 6px 26px rgba(53,230,255,.22))}.login-sub{position:relative;margin:14px 0 26px;display:flex;align-items:center;justify-content:center;gap:12px;color:#bae0ffbd;font-size:13px;letter-spacing:7px;text-indent:7px}.login-sub span{width:34px;height:1px;flex:none}.login-sub span:first-child{background:linear-gradient(90deg,transparent,rgba(53,230,255,.8))}.login-sub span:last-child{background:linear-gradient(90deg,rgba(53,230,255,.8),transparent)}.login-card .field{margin-bottom:15px;animation:lg-rise .7s .18s cubic-bezier(.16,.9,.3,1) both}.login-card .field:nth-of-type(2){animation-delay:.26s}.login-card input{height:46px;border-radius:12px;font-size:14px;background:#040c168c;border-color:#ffffff21}.login-card input:focus{border-color:#35e6ff8c;box-shadow:0 0 0 3px #35e6ff21,0 0 26px #35e6ff29}.login-btn{position:relative;overflow:hidden;margin-top:12px;height:48px;font-size:15px;letter-spacing:6px;text-indent:6px;border:1px solid rgba(120,230,255,.35);background:linear-gradient(100deg,#0f7896,#169fc9 34%,#2f6bf0);box-shadow:0 16px 46px #2563eb61,0 0 32px #35e6ff38 inset;animation:lg-rise .7s .34s cubic-bezier(.16,.9,.3,1) both}.login-btn span{position:relative;z-index:2}.login-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.34),transparent);transform:translate(-130%);animation:lg-btn-sheen 3.8s ease-in-out infinite}.login-btn:hover{transform:translateY(-2px);border-color:#35e6ffb3;box-shadow:0 20px 52px #2563eb6b,0 0 34px #35e6ff38 inset}@keyframes lg-pan{0%{background-position:0 0,0 0}to{background-position:58px 116px,116px 58px}}@keyframes lg-float{0%{transform:translate(0) scale(1)}50%{transform:translate(-26px,22px) scale(1.06)}to{transform:translate(20px,-18px) scale(.97)}}@keyframes lg-scan{0%{top:-260px;opacity:0}18%{opacity:1}82%{opacity:1}to{top:108%;opacity:0}}@keyframes lg-twinkle{0%,to{opacity:0;transform:scale(.6)}45%{opacity:.85;transform:scale(1)}70%{opacity:.2;transform:scale(.8)}}@keyframes lg-card-in{0%{opacity:0;transform:translateY(26px) scale(.97);filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes lg-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes lg-rotate{to{--lg-angle: 360deg}}@keyframes lg-sheen{0%,62%{left:-65%}86%,to{left:130%}}@keyframes lg-breathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.95;transform:scale(1.08)}}@keyframes lg-logo-in{0%{opacity:0;transform:translateY(10px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lg-logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes lg-shimmer{0%{background-position:0% 50%}to{background-position:240% 50%}}@keyframes lg-btn-sheen{0%,55%{transform:translate(-130%) skew(-14deg)}85%,to{transform:translate(330%) skew(-14deg)}}@media(max-width:560px){.login-card{width:92vw;padding:32px 24px 26px}.login-mark{height:52px}.login-title{font-size:26px;letter-spacing:1px}.login-sub{font-size:12px;letter-spacing:5px}.lg-blob{filter:blur(56px)}}@media(prefers-reduced-motion:reduce){.login-wrap *,.login-wrap *:before,.login-wrap *:after{animation:none!important}}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:var(--sub);margin-bottom:6px}input,select,textarea{width:100%;padding:10px 12px;border-radius:10px;background:#00000057;color:var(--text);border:1px solid rgba(255,255,255,.12);outline:none;font-family:inherit;font-size:13.5px;transition:border-color .18s,box-shadow .18s}input:focus,select:focus,textarea:focus{border-color:var(--line2);box-shadow:0 0 0 3px #35e6ff1f}select option{background:#0b1524}textarea{resize:vertical;min-height:90px;line-height:1.75}.btn{border:1px solid var(--line2);border-radius:10px;padding:10px 18px;background:linear-gradient(120deg,#35e6ff38,#3b82f638);color:#eafcff;font-weight:600;font-size:13.5px;letter-spacing:.3px;transition:transform .15s,box-shadow .15s,border-color .15s}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #35e6ff38;border-color:var(--cyan)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.sm{padding:6px 12px;font-size:12.5px}.btn.ghost{background:#ffffff0f;border-color:#ffffff29;color:var(--text)}.btn.wide{width:100%}.err{color:#fecdd3;background:#f43f5e24;border:1px solid rgba(244,63,94,.34);padding:9px 12px;border-radius:10px;font-size:12.5px;margin-bottom:12px}.shell{position:relative;z-index:2;display:grid;grid-template-columns:68px 1fr;height:100%}.rail{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 0;border-right:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#ffffff0b,#ffffff03)}.rail-logo{width:auto;height:31px;margin-bottom:14px;display:block;filter:drop-shadow(0 0 13px rgba(53,230,255,.35))}.rail-item{position:relative;width:46px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--dim);background:transparent;border:1px solid transparent;transition:all .18s}.rail-item:hover{color:var(--text);background:#ffffff0f}.rail-item.on{color:#06222c;background:linear-gradient(140deg,var(--cyan),#7dd3fc);border-color:#ffffff4d;box-shadow:0 0 22px #35e6ff73}.rail-item.on:before{content:"";position:absolute;left:-14px;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.rail-item svg{width:20px;height:20px}.rail-tip{position:absolute;left:54px;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:12px;padding:4px 9px;border-radius:7px;background:#060e18f2;border:1px solid var(--line);opacity:0;pointer-events:none;transition:opacity .15s}.rail-item:hover .rail-tip{opacity:1}.main{display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;border-bottom:1px solid rgba(255,255,255,.07)}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{width:25px;height:29px;display:block;flex:none;filter:drop-shadow(0 0 12px rgba(53,230,255,.3))}.brand-name{font-size:16.5px;font-weight:800;letter-spacing:.5px;line-height:1.2;background:linear-gradient(96deg,#f2fbff,#9bf0ff 55%,#7dd3fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand-slogan{font-size:10.5px;color:var(--dim);letter-spacing:2.2px;margin-top:2px}.page-head{display:flex;align-items:baseline;gap:12px;margin:0 0 12px}.page-head .top-title{font-size:15px}.page-head .top-sub{margin-top:0}.top-title{font-size:17px;font-weight:800;letter-spacing:.5px}.top-sub{font-size:11.5px;color:var(--dim);margin-top:2px}.tabs{display:flex;gap:6px;padding:4px;border-radius:12px;background:#0000004d;border:1px solid rgba(255,255,255,.08)}.tab{border:0;background:transparent;color:var(--sub);padding:6px 14px;border-radius:9px;font-size:12.5px;transition:all .18s}.tab:hover{color:var(--text)}.tab.on{background:linear-gradient(120deg,#35e6ffe6,#3b82f6e6);color:#06222c;font-weight:700}.top-right{display:flex;align-items:center;gap:14px}.clock{font-size:13px;color:var(--sub);font-variant-numeric:tabular-nums}.dots{display:flex;gap:10px;font-size:11.5px;color:var(--dim)}.dot{display:inline-flex;align-items:center;gap:5px}.dot i{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok);display:inline-block}.dot.off i{background:var(--warn);box-shadow:0 0 8px var(--warn)}.content{padding:16px 22px 28px;overflow-y:auto}.content::-webkit-scrollbar{width:8px}.content::-webkit-scrollbar-thumb{background:#38e6ff33;border-radius:8px}.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}@media(max-width:1400px){.kpis{grid-template-columns:repeat(3,1fr)}}.kpi{position:relative;padding:15px 16px;border-radius:14px;background:linear-gradient(160deg,#ffffff12,#ffffff05);border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px #ffffff0f;overflow:hidden}.kpi:after{content:"";position:absolute;right:-30px;top:-30px;width:90px;height:90px;background:radial-gradient(circle,rgba(53,230,255,.18),transparent 70%)}.kpi-k{font-size:12px;color:var(--sub);display:flex;align-items:center;gap:6px}.kpi-k i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.kpi-v{margin-top:8px;font-size:27px;font-weight:800;letter-spacing:.4px;font-variant-numeric:tabular-nums;color:#fff}.kpi-v span{font-size:12px;font-weight:500;color:var(--dim);margin-left:4px}.kpi-x{margin-top:5px;font-size:11.5px;color:var(--dim)}.panel{padding:15px 17px 17px;border-radius:14px;background:linear-gradient(160deg,#ffffff0e,#ffffff05);border:1px solid rgba(255,255,255,.09)}.panel-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.panel-h h3{margin:0;font-size:14px;font-weight:700;letter-spacing:.3px}.panel-h .tag{font-size:11.5px;color:var(--dim)}.grid2{display:grid;grid-template-columns:1.65fr 1fr;gap:12px;margin-top:12px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}@media(max-width:1250px){.grid2,.grid3{grid-template-columns:1fr}}.chart{width:100%;height:246px}.rows{display:flex;flex-direction:column;gap:9px}.row{display:flex;align-items:center;gap:10px;font-size:12.5px}.row .nm{width:62px;color:var(--sub)}.row .tk{flex:1;height:9px;border-radius:6px;background:#ffffff14;overflow:hidden}.row .tk i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--cyan),#7dd3fc);box-shadow:0 0 12px #35e6ff80}.row .vl{width:58px;text-align:right;font-variant-numeric:tabular-nums}.tbl{width:100%;border-collapse:collapse;font-size:12.5px}.tbl th{text-align:left;font-weight:600;color:var(--dim);padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.09);font-size:11.5px}.tbl td{padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text)}.tbl tr:hover td{background:#35e6ff0a}.pill{display:inline-block;padding:2px 9px;border-radius:20px;font-size:11px}.pill.ok{color:#bbf7d0;background:#34d39929;border:1px solid rgba(52,211,153,.34)}.pill.warn{color:#fde68a;background:#f59e0b29;border:1px solid rgba(245,158,11,.34)}.pill.bad{color:#fecdd3;background:#f43f5e29;border:1px solid rgba(244,63,94,.34)}.pill.dim{color:var(--sub);background:#ffffff12;border:1px solid rgba(255,255,255,.12)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px}.card{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,.1);background:#0000004d;transition:transform .16s,border-color .16s,box-shadow .16s}.card:hover{transform:translateY(-2px);border-color:var(--line2)}.card.on{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan),0 10px 26px #35e6ff38}.card .thumb{width:100%;aspect-ratio:3/4;background:#0b1522 center/cover no-repeat}.card .cap{padding:7px 9px;font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .pick{position:absolute;top:7px;right:7px;width:18px;height:18px;border-radius:50%;background:#00000080;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;font-size:11px;color:#fff}.card.on .pick{background:var(--cyan);color:#06222c;border-color:var(--cyan)}.card.add{display:grid;place-items:center;min-height:150px;border-style:dashed;color:var(--dim);font-size:12.5px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(max-width:1000px){.form-grid{grid-template-columns:1fr}}.hint{font-size:11.5px;color:var(--dim);margin-top:5px}.stack{display:flex;flex-direction:column;gap:12px}.inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spacer{flex:1}.vcard{padding:14px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1)}.vcard h4{margin:0 0 8px;font-size:13.5px;color:var(--cyan)}.vcard p{margin:0 0 8px;font-size:13px;line-height:1.85;color:#ffffffd6;white-space:pre-wrap}.vcard .meta{font-size:11.5px;color:var(--dim)}.src-brief{display:flex;gap:14px;padding:12px;border-radius:12px;background:#35e6ff0f;border:1px solid var(--line)}.src-brief img{width:86px;border-radius:8px;object-fit:cover}.src-brief .t{font-size:13px;line-height:1.8}video{width:100%;border-radius:12px;background:#000}audio{width:100%;margin-top:8px}.progress{height:8px;border-radius:6px;background:#ffffff1a;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--blue));transition:width .4s;box-shadow:0 0 14px #35e6ff99}.empty{padding:26px;text-align:center;color:var(--dim);font-size:12.5px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#03070dd1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:50;padding:24px}.modal{width:min(920px,94vw);max-height:92vh;overflow:auto;padding:20px;border-radius:16px;background:linear-gradient(160deg,#0c1726,#070f1b);border:1px solid var(--line);box-shadow:0 40px 100px #000000b3}
