*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#333;background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:1120px;margin:0 auto;padding:0 24px}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #f0f0f0;padding:16px 0}.nav-content{display:flex;align-items:center;justify-content:space-between;gap:16px}.logo{font-size:1.3rem;font-weight:700;color:#1a1a2e;white-space:nowrap}.nav-links{display:flex;list-style:none;gap:32px;margin-left:auto}.nav-links a{font-size:.95rem;color:#555;transition:color .2s;font-weight:500}.nav-links a:hover,.nav-links a.router-link-active{color:#667eea}.nav-auth{display:flex;align-items:center;gap:10px;white-space:nowrap}.user-info{font-size:.9rem;color:#555;display:flex;align-items:center;gap:6px}.role-badge{font-size:.65rem;padding:2px 6px;border-radius:4px;font-weight:500}.role-badge.vip{background:#fff3e0;color:#e65100}.role-badge.admin{background:#e3f2fd;color:#1565c0}.btn-logout{padding:4px 12px;background:transparent;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;font-size:.8rem}.btn-logout:hover{background:#f5f5f5}.btn-auth-link{padding:6px 14px;border-radius:4px;font-size:.85rem;color:#555;border:1px solid #ddd;transition:all .2s}.btn-auth-link.primary{background:#667eea;color:#fff;border-color:#667eea}.btn-auth-link:hover{opacity:.85}.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.menu-toggle span{width:24px;height:2px;background:#333;border-radius:2px;transition:all .3s}.main-content{padding-top:72px;min-height:calc(100vh - 160px)}.footer{background:#1a1a2e;color:#aaa;padding:32px 0;text-align:center;font-size:.9rem}.btn{display:inline-block;padding:12px 28px;border-radius:8px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;cursor:pointer;border:none}.btn-primary{background:#fff;color:#667eea}.btn-primary:hover{background:#f0f0f0}.btn-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.8)}.btn-outline:hover{background:rgba(255,255,255,.1);border-color:#fff}@media (max-width: 768px){.menu-toggle{display:flex}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:20px 24px;gap:16px;border-bottom:1px solid #f0f0f0;box-shadow:0 4px 12px #0000000d;margin-left:0}.nav-links.open{display:flex}.nav-auth{display:none}.container{padding:0 16px}}