*{margin:0;padding:0;box-sizing:border-box}body{background:#05070d;font-family:Segoe UI,Microsoft YaHei,system-ui,sans-serif;-webkit-font-smoothing:antialiased;font-smooth:auto;color:#e8f2ff}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#070a12}::-webkit-scrollbar-thumb{background:#2b3548;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4b5c78}button{transition:opacity .12s,transform .12s,box-shadow .2s,border-color .2s,background .2s}button:hover{opacity:.85}button:active{transform:scale(.97)}@media(max-width:768px){body{font-size:14px}}.glass-panel{background:linear-gradient(180deg,#131b2dd6,#090d17c7);border:1px solid rgba(119,142,178,.34);border-radius:10px;box-shadow:0 14px 40px #00000061,0 0 22px #7fe7c814;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass-card{background:linear-gradient(180deg,#161f32c2,#0c111db8);border:1px solid rgba(119,142,178,.3);border-radius:8px;box-shadow:0 10px 24px #00000047;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .2s,box-shadow .2s}.glass-card:hover{border-color:#7ee7c88f;box-shadow:0 0 18px #7ee7c829}.glow-btn{background:linear-gradient(135deg,#7fe7c8,#ffb86b);color:#05070d;border:none;border-radius:8px;font-weight:700;box-shadow:0 0 18px #7fe7c84d;transition:transform .1s,box-shadow .2s}.glow-btn:hover{box-shadow:0 0 26px #ffb86b57;opacity:1}.glow-btn:active{transform:scale(.97)}.glass-btn{background:#7fe7c814;color:#e8f2ff;border:1px solid rgba(127,231,200,.35);border-radius:8px;transition:background .2s,border-color .2s}.glass-btn:hover{background:#7fe7c824;border-color:#ffb86b85;opacity:1}.glass-scroll::-webkit-scrollbar-thumb{background:#7fe7c859;border-radius:4px}.glass-scroll::-webkit-scrollbar-thumb:hover{background:#ffb86b8c}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.08);opacity:1}}@keyframes skillPulse{0%,to{box-shadow:0 0 8px #62d8894d}50%{box-shadow:0 0 18px #62d88999,0 0 4px #62d889cc}}@keyframes cosmicShift{0%{background-position:0% 50%}to{background-position:200% 50%}}.cosmic-text{background:linear-gradient(90deg,#ff5a5f,#ffd34d,#62d889,#39bdf8,#b46cff,#ff5a5f);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:cosmicShift 4s linear infinite}.cosmic-border{border-image:linear-gradient(90deg,#ff5a5f,#ffd34d,#62d889,#39bdf8,#b46cff,#ff5a5f) 1;animation:cosmicShift 4s linear infinite}