*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[x-cloak]{display:none!important}body{background:#f5f5f7;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.macos-topbar{-webkit-backdrop-filter:saturate(180%)blur(20px);z-index:50;background:#ffffffeb;border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.macos-topbar .logo{color:#1d1d1f;flex-shrink:0;align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.macos-topbar .logo i{color:red;font-size:16px}.macos-topbar .nav-items{flex:1;justify-content:center;align-items:center;gap:2px;height:100%;padding:0 8px;display:flex;overflow:visible}.macos-topbar .nav-item{color:#1d1d1f;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;height:32px;padding:6px 12px;font-size:13px;text-decoration:none;transition:all .15s;display:flex;position:relative}.macos-topbar .nav-item:hover{background:#0000000d}.macos-topbar .nav-item.active{color:#007aff;background:#007aff1f}.macos-topbar .nav-item i{font-size:15px}.macos-topbar .nav-item .badge{color:#fff;text-align:center;background:#ff3b30;border-radius:10px;min-width:16px;padding:1px 5px;font-size:9px;font-weight:600;line-height:14px;position:absolute;top:2px;right:2px}.macos-topbar .nav-item .dropdown-arrow{color:#8e8e93;margin-left:2px;font-size:10px;transition:transform .2s}.macos-topbar .nav-item .dropdown-arrow.open{transform:rotate(180deg)}.macos-topbar .right-section{flex-shrink:0;align-items:center;gap:12px;display:flex}.macos-topbar .user-menu-btn{cursor:pointer;color:#1d1d1f;background:0 0;border:none;border-radius:20px;align-items:center;gap:8px;padding:4px 10px 4px 4px;font-size:13px;transition:all .15s;display:flex}.macos-topbar .user-menu-btn:hover{background:#0000000d}.macos-topbar .user-avatar{color:#fff;background:linear-gradient(135deg,#007aff,#5856d6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:500;display:flex}.macos-dropdown{-webkit-backdrop-filter:saturate(180%)blur(20px);z-index:100;background:#fffffff2;border:1px solid #0000000f;border-radius:12px;min-width:240px;padding:6px 0;display:none;position:absolute;top:44px;right:0;box-shadow:0 10px 40px #00000026,0 1px 3px #0000000d}.macos-dropdown.show{display:block}.macos-dropdown .dropdown-item{color:#1d1d1f;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 16px;font-size:13px;text-decoration:none;transition:all .1s;display:flex}.macos-dropdown .dropdown-item:hover{background:#0000000d}.macos-dropdown .dropdown-item i{text-align:center;color:#8e8e93;width:18px;font-size:14px}.macos-dropdown .dropdown-divider{background:#0000000f;height:1px;margin:4px 12px}.macos-dropdown .dropdown-section-title{color:#8e8e93;text-transform:uppercase;letter-spacing:.3px;padding:6px 16px 2px;font-size:11px;font-weight:500}.macos-dropdown .dropdown-item.danger,.macos-dropdown .dropdown-item.danger i{color:#ff3b30}.nav-dropdown{-webkit-backdrop-filter:saturate(180%)blur(20px);z-index:100;background:#fffffff2;border:1px solid #0000000f;border-radius:12px;min-width:200px;padding:6px 0;display:none;position:absolute;top:40px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #00000026,0 1px 3px #0000000d}.nav-dropdown.show{display:block}.nav-dropdown .nav-dropdown-item{color:#1d1d1f;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 16px;font-size:13px;text-decoration:none;transition:all .1s;display:flex}.nav-dropdown .nav-dropdown-item:hover{background:#0000000d}.nav-dropdown .nav-dropdown-item i{text-align:center;color:#8e8e93;width:18px;font-size:14px}.nav-dropdown .nav-dropdown-divider{background:#0000000f;height:1px;margin:4px 12px}.main-content{max-width:1400px;min-height:calc(100vh - 88px);margin-top:48px;margin-left:auto;margin-right:auto;padding:20px 24px 60px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0000004d}@media (width<=1024px){.macos-topbar .nav-item span{display:none}.macos-topbar .nav-item{padding:6px 10px}.macos-topbar .nav-item .badge{margin-left:4px;position:static}.nav-dropdown{min-width:180px;left:0;transform:translate(0)}}@media (width<=768px){.macos-topbar .nav-items{gap:0}.macos-topbar .nav-item{padding:6px 8px;font-size:14px}.macos-topbar .nav-item i{font-size:16px}.main-content{padding:12px 12px 60px}.macos-topbar .logo span,.macos-topbar .right-section .user-menu-btn span{display:none}.nav-dropdown{min-width:160px;top:36px;left:0;transform:translate(0)}}@media (width<=480px){.macos-topbar{padding:0 8px}.macos-topbar .nav-item{padding:4px 6px}.macos-topbar .nav-item i{font-size:14px}.macos-topbar .user-menu-btn{padding:4px 6px}}