#app{width:1920px;height:1080px;background:linear-gradient(135deg,#0d1b2a,#1b2838,#0d1b2a);color:#fff;font-family:Microsoft YaHei,sans-serif}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #00d4ff;--secondary-color: #00ff88;--warning-color: #ffaa00;--danger-color: #ff4757;--success-color: #2ed573;--bg-dark: #0d1b2a;--bg-card: rgba(6, 30, 61, .8);--bg-card-hover: rgba(6, 30, 61, .95);--border-color: rgba(0, 212, 255, .3);--border-glow: rgba(0, 212, 255, .6);--text-primary: #ffffff;--text-secondary: #a0c4e8;--text-muted: #6b8299}.screen-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:15px;position:relative;overflow:hidden}.screen-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent)}.screen-card .card-title{font-size:16px;font-weight:700;color:var(--primary-color);margin-bottom:15px;display:flex;align-items:center;gap:8px}.screen-card .card-title:before{content:"";width:4px;height:16px;background:var(--primary-color);border-radius:2px}.number-animate{font-family:DIN,Helvetica Neue,sans-serif;font-weight:700;background:linear-gradient(180deg,#fff 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}@keyframes breath{0%,to{opacity:.6}50%{opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes flow{0%{left:-100%}to{left:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}