*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;color:#2c3e50;background:#f7faff;line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}.nav{position:fixed;top:0;left:0;right:0;height:64px;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-between;padding:0 40px;z-index:1000}.nav-logo{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:#2c3e50}.nav-logo img{height:32px;width:32px}.nav-logo-icon{width:32px;height:32px;background:linear-gradient(135deg,#5cb489,#4a9f72);border-radius:8px;display:flex;align-items:center;justify-content:center}.nav-logo-icon svg{width:20px;height:20px}.nav-right{display:flex;align-items:center;gap:24px}.nav-right a{font-size:14px;color:#5a6c7d;transition:color .2s;position:relative;padding:4px 0;white-space:nowrap}.nav-right a.active,.nav-right a:hover{color:#5cb489}.nav-right a.active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#5cb489;border-radius:1px}.user-dropdown{position:relative;display:inline-flex;align-items:center}.user-trigger{display:flex;align-items:center;cursor:pointer;gap:8px;padding:4px 8px;border-radius:8px;transition:background .2s}.user-trigger:hover{background:rgba(0,0,0,.04)}.user-avatar-circle{width:36px;height:36px;border-radius:50%;background:#5cb489;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0}.dropdown-username{padding:10px 20px 0;font-size:15px;font-weight:700;color:#2c3e50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-menu{display:none;position:absolute;right:0;top:100%;min-width:200px;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:1001;padding:12px 0 8px 0;margin-top:0;text-align:left}.dropdown-menu::before{content:'';position:absolute;top:-8px;left:0;right:0;height:8px;background:0 0}.user-dropdown:hover .dropdown-menu{display:block}.dropdown-email{padding:10px 20px;font-size:13px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-divider{height:1px;background:#f0f0f0;margin:4px 0}.dropdown-menu .dropdown-item{display:block;padding:10px 20px;font-size:14px;color:#333;cursor:pointer;transition:background .15s;text-decoration:none;text-align:left}.dropdown-menu .dropdown-item:hover{background:#f7f8fa}.dropdown-menu .dropdown-item.text-danger{color:#e74c3c}.dropdown-menu .dropdown-item.text-danger:hover{background:rgba(231,76,60,.06)}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:0 0;border:none}.hamburger span{display:block;width:24px;height:2px;background:#2c3e50;border-radius:2px;transition:all .3s}.mobile-menu{display:none;position:fixed;top:64px;left:0;right:0;background:rgba(255,255,255,.98);backdrop-filter:blur(12px);padding:16px 24px;border-bottom:1px solid rgba(0,0,0,.06);z-index:999;flex-direction:column;gap:4px}.mobile-menu.open{display:flex}.mobile-menu a{display:block;padding:12px 16px;font-size:15px;color:#5a6c7d;border-radius:8px;transition:all .2s}.mobile-menu a.active,.mobile-menu a:hover{background:rgba(92,180,137,.08);color:#5cb489}#backToTop{position:fixed;bottom:40px;right:30px;width:44px;height:44px;background:#5cb489;border-radius:50%;cursor:pointer;z-index:9999;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px rgba(0,0,0,.15);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s,background .3s;border:none;outline:0}#backToTop:hover{background:#4ea87a}@media (max-width:768px){.nav{padding:0 20px}.nav-right{display:none}.hamburger{display:flex}}