*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#e0e0e0;background:#0a0a0f;min-height:100vh;overflow-x:hidden}nav{background:#0a0a14cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(100,200,255,.15);position:sticky;top:0;z-index:100}.nav-container{max-width:1200px;margin:0 auto;padding:18px 32px;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:5px;cursor:pointer}.logo-name{font-size:22px;font-weight:300;letter-spacing:5px;text-transform:lowercase;background:linear-gradient(90deg,#fff,#a0c4ff 60%,#c77dff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease}.logo-dot{width:5px;height:5px;border-radius:50%;background:#00d2ff;box-shadow:0 0 8px #00d2ffcc;flex-shrink:0;margin-bottom:-10px}.logo:hover .logo-name{letter-spacing:7px}.nav-links{display:flex;gap:32px}nav a{text-decoration:none;color:#c8dcffb3;font-size:15px;font-weight:500;transition:all .3s ease;position:relative;letter-spacing:.5px}nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:linear-gradient(90deg,#00d2ff,#7b2ff7);transition:width .3s ease;box-shadow:0 0 8px #00d2ff}nav a:hover,nav a.router-link-active{color:#fff;text-shadow:0 0 12px rgba(0,210,255,.8)}nav a:hover:after,nav a.router-link-active:after{width:100%}main{max-width:1000px;margin:0 auto;padding:60px 24px}