html{scroll-behavior:smooth}
::selection{background:#6366f1;color:#fff}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#0a0a0f}
::-webkit-scrollbar-thumb{background:#252535;border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:#3a3a55}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Helvetica Neue",sans-serif}
.bg-particles{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
header,main,footer{position:relative;z-index:1}
header{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}
main#top section:first-of-type h1{background:linear-gradient(135deg,#e0e0e8 0%,#a5b4fc 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
header a[href="#contact"],main a[href="#work"].inline-flex{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border:none}
#contact{background:linear-gradient(135deg,#4f46e5,#7c3aed)!important}
#contact a[href^="mailto:"]{background:linear-gradient(135deg,#1e1b4b,#312e81)!important}
.work-card:hover{border-color:#3a3a55!important;box-shadow:0 20px 50px rgba(99,102,241,.18),0 6px 18px rgba(0,0,0,.35)!important}