body { margin: 0; padding: 0; font-family: 'Orbitron', 'Roboto', sans-serif; /* 假设引入了科技感字体 */ background-color: #050505; color: #fff; overflow-x: hidden; } /* 全局滚动条美化 */ ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: #000; } ::-webkit-scrollbar-thumb { background: #333; border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: #1890ff; } /* 霓虹光效工具类 */ .neon-text-blue { color: #1890ff; text-shadow: 0 0 5px rgba(24, 144, 255, 0.5), 0 0 10px rgba(24, 144, 255, 0.3); } .neon-text-light-blue { color: #00f0ff; text-shadow: 0 0 5px rgba(0, 240, 255, 0.5), 0 0 10px rgba(0, 240, 255, 0.3); } .neon-border { border: 1px solid rgba(24, 144, 255, 0.3); box-shadow: 0 0 10px rgba(24, 144, 255, 0.1), inset 0 0 10px rgba(24, 144, 255, 0.1); } /* 玻璃拟态 */ .glass-panel { background: rgba(20, 20, 20, 0.6); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 16px; } /* 粒子背景容器 */ #particle-canvas { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; }