:root{--bg-deep: #020814;--bg-glow: #16223D;--text-primary: #FFFFFF;--text-secondary: #E6F4FF;--text-tertiary: #8C9BA5;--accent-cyan: #00FFFF;--accent-yellow: #FACC15;--accent-red: #FF4D4F;--accent-dim: #2F3E50}body{margin:0;padding:0;overflow:hidden;background:radial-gradient(circle at center,var(--bg-glow) 0%,var(--bg-deep) 100%);font-family:Inter,Microsoft YaHei,sans-serif;color:var(--text-tertiary)}.font-tech{font-family:Orbitron,sans-serif}.hud-bracket{position:relative;border:.5px solid rgba(0,255,255,.15);background:#0a142366;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #00000080}.diffused-glass{position:relative;background:#10182399;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 20px #ffffff0d;transition:all .3s ease}.diffused-fill{background:#101823cc}.corner-l:before,.corner-l:after{content:"";position:absolute;width:10px;height:10px;border-color:var(--accent-cyan);filter:drop-shadow(0 0 5px var(--accent-cyan));pointer-events:none;z-index:10;opacity:.7}.corner-top-left:before{top:-1px;left:-1px;border-top:2px solid;border-left:2px solid}.corner-top-right:after{top:-1px;right:-1px;border-top:2px solid;border-right:2px solid}.corner-bottom-left:before{bottom:-1px;left:-1px;border-bottom:2px solid;border-left:2px solid}.corner-bottom-right:after{bottom:-1px;right:-1px;border-bottom:2px solid;border-right:2px solid}.title-gradient{background:linear-gradient(90deg,rgba(0,255,255,.1) 0%,transparent 100%);border-left:2px solid var(--accent-cyan)}@keyframes scan{0%{top:-5%;opacity:0}50%{opacity:.2}to{top:105%;opacity:0}}.scanning-line{position:absolute;width:100%;height:1.5px;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent);animation:scan 8s linear infinite;z-index:1;pointer-events:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00ffff26;border-radius:10px}