*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:#f0f2f5}.page-container{padding:16px}.page-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.page-toolbar .filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.table-cover{width:60px;height:80px;object-fit:cover;border-radius:4px;background:#f0f0f0}.sci-login{position:relative;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#0d1b3e,#070d1f 55%,#03060f)}.sci-grid{position:absolute;left:-50%;right:-50%;bottom:-12%;height:55%;background-image:linear-gradient(rgba(0,229,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.22) 1px,transparent 1px);background-size:56px 56px;transform:perspective(420px) rotateX(58deg);transform-origin:50% 0;animation:grid-flow 3.2s linear infinite;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 85%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 85%);pointer-events:none}@keyframes grid-flow{0%{background-position:0 0}to{background-position:0 56px}}.sci-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(1px 1px at 12% 22%,rgba(255,255,255,.85) 50%,transparent 51%),radial-gradient(1px 1px at 28% 64%,rgba(140,220,255,.7) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 44% 14%,rgba(255,255,255,.6) 50%,transparent 51%),radial-gradient(1px 1px at 62% 38%,rgba(190,160,255,.75) 50%,transparent 51%),radial-gradient(1px 1px at 76% 72%,rgba(255,255,255,.55) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 88% 26%,rgba(120,235,255,.8) 50%,transparent 51%),radial-gradient(1px 1px at 8% 82%,rgba(255,255,255,.5) 50%,transparent 51%),radial-gradient(1px 1px at 54% 88%,rgba(160,200,255,.6) 50%,transparent 51%),radial-gradient(1px 1px at 94% 58%,rgba(255,255,255,.5) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 34% 40%,rgba(120,235,255,.5) 50%,transparent 51%);animation:star-twinkle 4.5s ease-in-out infinite alternate}@keyframes star-twinkle{0%{opacity:.45}to{opacity:1}}.sci-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;pointer-events:none;animation:orb-drift 9s ease-in-out infinite alternate}.sci-orb-1{width:420px;height:420px;left:8%;top:10%;background:radial-gradient(circle,rgba(0,200,255,.55),transparent 70%)}.sci-orb-2{width:380px;height:380px;right:6%;bottom:8%;background:radial-gradient(circle,rgba(160,60,255,.5),transparent 70%);animation-delay:-4s}@keyframes orb-drift{0%{transform:translate(0) scale(1)}to{transform:translate(40px,-30px) scale(1.15)}}.sci-scanline{position:absolute;left:0;right:0;height:140px;top:-140px;background:linear-gradient(to bottom,transparent,rgba(0,229,255,.05) 45%,rgba(0,229,255,.12) 50%,transparent);animation:scanline-sweep 7s linear infinite;pointer-events:none}@keyframes scanline-sweep{0%{top:-140px}to{top:110%}}.sci-panel{position:relative;z-index:2;width:420px;max-width:calc(100vw - 32px);padding:44px 40px 28px;background:linear-gradient(160deg,#102040d1,#081024e6);border:1px solid rgba(0,229,255,.28);border-radius:14px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 42px #00b4ff2e,0 0 120px #0078ff14,inset 0 0 32px #00b4ff0d;animation:panel-boot .8s cubic-bezier(.2,.9,.3,1) both}@keyframes panel-boot{0%{opacity:0;transform:translateY(26px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.sci-corner{position:absolute;width:26px;height:26px;pointer-events:none}.sci-corner-tl{top:-1px;left:-1px;border-top:2px solid #00e5ff;border-left:2px solid #00e5ff;border-radius:14px 0 0;filter:drop-shadow(0 0 6px rgba(0,229,255,.9))}.sci-corner-tr{top:-1px;right:-1px;border-top:2px solid #00e5ff;border-right:2px solid #00e5ff;border-radius:0 14px 0 0;filter:drop-shadow(0 0 6px rgba(0,229,255,.9))}.sci-corner-bl{bottom:-1px;left:-1px;border-bottom:2px solid #b26bff;border-left:2px solid #b26bff;border-radius:0 0 0 14px;filter:drop-shadow(0 0 6px rgba(178,107,255,.9))}.sci-corner-br{bottom:-1px;right:-1px;border-bottom:2px solid #b26bff;border-right:2px solid #b26bff;border-radius:0 0 14px;filter:drop-shadow(0 0 6px rgba(178,107,255,.9))}.sci-emblem{position:relative;width:76px;height:76px;margin:0 auto 18px}.sci-ring{position:absolute;border-radius:50%;border:2px solid transparent}.sci-ring-outer{top:0;right:0;bottom:0;left:0;border-top-color:#00e5ff;border-right-color:#00e5ff40;animation:ring-spin 3.6s linear infinite;filter:drop-shadow(0 0 6px rgba(0,229,255,.7))}.sci-ring-inner{top:10px;right:10px;bottom:10px;left:10px;border-bottom-color:#b26bff;border-left-color:#b26bff40;animation:ring-spin 2.4s linear infinite reverse;filter:drop-shadow(0 0 6px rgba(178,107,255,.7))}@keyframes ring-spin{to{transform:rotate(360deg)}}.sci-core{position:absolute;top:22px;right:22px;bottom:22px;left:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#1d4f8f,#0a1c3d 70%);color:#7fe9ff;font-size:15px;font-weight:800;letter-spacing:1px;text-shadow:0 0 10px rgba(0,229,255,.9);animation:core-pulse 2.2s ease-in-out infinite}@keyframes core-pulse{0%,to{box-shadow:0 0 12px #00e5ff59}50%{box-shadow:0 0 26px #00e5ffbf}}.sci-title{position:relative;margin:0 0 6px;text-align:center;font-size:26px;font-weight:800;letter-spacing:6px;background:linear-gradient(90deg,#7fe9ff,#fff 45%,#c9a6ff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 12px rgba(0,200,255,.45))}.sci-title:before{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;background:none;color:#ff3c78a6;-webkit-text-fill-color:rgba(255,60,120,.65);clip-path:inset(35% 0 45% 0);opacity:0;pointer-events:none;animation:glitch 5s steps(1) infinite}@keyframes glitch{0%,92%,to{opacity:0;transform:none}93%{opacity:1;transform:translate(-3px)}95%{opacity:1;transform:translate(3px);clip-path:inset(60% 0 15% 0)}97%{opacity:0;transform:none}}.sci-subtitle{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:30px;color:#7fe9ff8c;font-size:11px;letter-spacing:3px;font-family:Consolas,Courier New,monospace}.sci-subtitle-line{width:34px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.7))}.sci-subtitle-line:last-child{background:linear-gradient(90deg,rgba(0,229,255,.7),transparent)}.sci-panel .ant-input-affix-wrapper,.sci-panel .ant-input{background:#060e20b8;border:1px solid rgba(0,229,255,.22);color:#dff6ff}.sci-panel .ant-input-affix-wrapper{padding:0 12px}.sci-panel .ant-input-affix-wrapper .ant-input{border:none;background:transparent}.sci-panel .ant-input::placeholder{color:#96b4d273;letter-spacing:1px}.sci-panel .ant-input-prefix,.sci-panel .ant-input-password-icon{color:#00e5ffa6}.sci-panel .ant-input-affix-wrapper:hover,.sci-panel .ant-input:hover{border-color:#00e5ff99}.sci-panel .ant-input-affix-wrapper-focused,.sci-panel .ant-input-affix-wrapper:focus-within{border-color:#00e5ff;box-shadow:0 0 0 2px #00e5ff26,0 0 18px #00e5ff40}.sci-panel .ant-form-item-explain-error{color:#ff6b8a;font-size:12px}.sci-captcha-img{height:34px;cursor:pointer;border-radius:4px;margin-right:-8px;border:1px solid rgba(0,229,255,.3);transition:box-shadow .25s,border-color .25s}.sci-captcha-img:hover{border-color:#00e5ff;box-shadow:0 0 10px #00e5ff80}.sci-submit.ant-btn-primary{height:44px;border:none;border-radius:8px;font-size:16px;font-weight:700;letter-spacing:6px;background:linear-gradient(90deg,#07f,#00d5ff 50%,#8f5bff);background-size:200% 100%;box-shadow:0 0 18px #00b4ff73;transition:box-shadow .3s,background-position .5s}.sci-submit.ant-btn-primary:hover{background-position:100% 0;box-shadow:0 0 30px #00d2ffbf,0 0 60px #7850ff4d}.sci-footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px;color:#78a0c880;font-size:11px;letter-spacing:1px;font-family:Consolas,Courier New,monospace}.sci-dot{width:7px;height:7px;border-radius:50%;background:#2bffa8;box-shadow:0 0 8px #2bffa8e6;animation:dot-blink 1.6s ease-in-out infinite}@keyframes dot-blink{0%,to{opacity:1}50%{opacity:.3}}.trend-chart{display:flex;align-items:flex-end;gap:8px;height:220px;padding:16px 8px 0}.trend-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.trend-bar{width:60%;min-height:2px;background:linear-gradient(180deg,#ff7a94,#ff4d6d);border-radius:4px 4px 0 0;transition:height .3s}.trend-label{margin-top:8px;font-size:12px;color:#999}.trend-value{font-size:12px;color:#666;margin-bottom:4px}