:root{--color-primary:#00d4ff;--color-primary-dark:#00a8cc;--color-primary-light:#5ce1ff;--color-primary-glow:rgba(0,212,255,.3);--color-accent:#ff8c00;--color-accent-dark:#e67e00;--color-accent-light:#ffb347;--color-accent-glow:rgba(255,140,0,.3);--color-bg-primary:#0a1628;--color-bg-secondary:#0f1d32;--color-bg-tertiary:#152238;--color-bg-card:#1a2942;--color-bg-card-hover:#203354;--color-text-primary:#fff;--color-text-secondary:#a0aec0;--color-text-muted:#6b7c93;--color-success:#00e676;--color-danger:#ff5252;--color-warning:#ffd600;--gradient-primary:linear-gradient(135deg,#00d4ff,#00a8cc);--gradient-accent:linear-gradient(135deg,#ff8c00,#ffb347);--gradient-dark:linear-gradient(180deg,#0a1628,#0f1d32);--gradient-glow:radial-gradient(ellipse at center,rgba(0,212,255,.15) 0%,transparent 70%);--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 4px 16px rgba(0,0,0,.4);--shadow-lg:0 8px 32px rgba(0,0,0,.5);--shadow-glow-cyan:0 0 20px rgba(0,212,255,.4);--shadow-glow-orange:0 0 20px rgba(255,140,0,.4);--font-display:"Orbitron",sans-serif;--font-body:"Noto Sans TC",sans-serif;--font-mono:"JetBrains Mono",monospace;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:150ms ease;--transition-normal:300ms ease;--transition-slow:500ms ease}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.bg-grid{top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 0),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 0);background-size:50px 50px}.bg-glow,.bg-grid{position:fixed;pointer-events:none;z-index:0}.bg-glow{top:-50%;left:-50%;width:200%;height:200%;background:var(--gradient-glow);animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(1turn)}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-fade-in-up{animation:fadeInUp .8s ease-out}.highlight-cyan{color:var(--color-primary);text-shadow:0 0 30px rgba(0,212,255,.5)}.highlight-orange{color:var(--color-accent);text-shadow:0 0 30px rgba(255,140,0,.5)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-card);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background:rgba(0,212,255,.3);color:var(--color-text-primary)}