:root{--header-height: 52px;--header-bg: rgba(255, 255, 255, .72);--header-border-color: rgba(255, 255, 255, .6);--header-shadow: 0 4px 24px -4px rgba(0, 0, 0, .04);--text-primary: #1D1D1F;--text-secondary: #86868B;--text-tertiary: #C7C7CC;--bg-hover: rgba(0, 0, 0, .03)}.top-header{flex-shrink:0;height:var(--header-height);background:var(--header-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-radius:10px;border:1px solid var(--header-border-color);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:99;position:relative;transition:left .4s cubic-bezier(.16,1,.3,1),width .4s cubic-bezier(.16,1,.3,1)}.header-left-section{display:flex;align-items:center;gap:16px}.top-header-back-button{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--text-secondary);width:24px;height:24px;padding:0;border-radius:6px;transition:all .2s;opacity:.8;margin-left:-4px}.top-header-back-button:hover{background:var(--bg-hover);color:var(--text-primary);opacity:1}.header-page-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.2px;display:flex;align-items:center;gap:8px}.header-title-icon{color:var(--text-primary);opacity:.8}.header-center-search{flex:1;max-width:480px;height:36px;background:transparent;border-radius:20px;display:flex;align-items:center;padding:0 4px 0 12px;gap:8px;transition:all .2s ease;margin:0 24px;cursor:text;border:1px solid transparent;background:#00000008}.header-center-search:hover{background:#0000000f}.header-center-search:focus-within{background:#fff;border-color:#00000014;box-shadow:0 4px 12px #00000008}.header-center-search.disabled{opacity:.7;cursor:not-allowed;background:#00000003}.header-center-search.disabled .search-input{cursor:not-allowed}.search-icon{font-size:16px;color:var(--text-secondary);opacity:.6;flex-shrink:0}.search-input{border:none;background:transparent;outline:none;font-size:14px;flex:1;color:var(--text-primary);padding:0;font-weight:400;height:100%}.search-input::-moz-placeholder{color:var(--text-secondary);opacity:.5}.search-input::placeholder{color:var(--text-secondary);opacity:.5}.search-shortcut{font-size:10px;color:var(--text-secondary);border:1px solid rgba(0,0,0,.08);border-radius:4px;padding:1px 4px;opacity:.6;font-family:-apple-system,BlinkMacSystemFont,monospace;margin-right:8px}.search-button{height:28px;padding:0 16px;background-color:#4facfe;color:#fff;border:none;border-radius:14px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap;box-shadow:0 1px 2px #0000000d;margin-left:4px}.search-button:hover:not(:disabled){background-color:#000;transform:translateY(-.5px);box-shadow:0 2px 4px #0000001a}.search-button:active:not(:disabled){transform:scale(.98);background-color:#333}.search-button-secondary{background-color:#10b981!important;border-color:#10b981}.search-button-secondary:hover:not(:disabled){background-color:#000!important;transform:translateY(-.5px);box-shadow:0 2px 4px #0000001a}.search-button-secondary:active:not(:disabled){transform:scale(.98);background-color:#333!important}.search-button:disabled{background-color:#e5e5ea;color:#8e8e93;cursor:default;box-shadow:none;transform:none}.header-right-section{display:flex;align-items:center;gap:8px}.header-time{font-size:13px;font-weight:500;color:var(--text-primary);font-variant-numeric:tabular-nums;margin-right:8px}.header-divider{width:1px;height:12px;background:#0000001a}.header-icon-btn{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);font-size:16px;position:relative;transition:all .2s;background:transparent;border:none}.header-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.notification-dot{position:absolute;top:6px;right:6px;width:5px;height:5px;background:#ff3b30;border-radius:50%;box-shadow:0 0 0 1.5px #fff}.user-profile{display:flex;align-items:center;gap:8px;cursor:pointer;padding:2px 8px 2px 2px;border-radius:14px;transition:all .2s;margin-left:8px;border:1px solid transparent}.user-profile:hover{background:#fff;border-color:#0000000a;box-shadow:0 2px 6px #00000005}.user-avatar{width:24px;height:24px;border-radius:50%;overflow:hidden;background:#e5e5ea;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--text-primary)}.user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sidebar-toggle{display:none}@media (max-width: 768px){.top-header{left:0;top:0;right:0;width:100%;border-radius:0;border:none;border-bottom:1px solid rgba(0,0,0,.05);padding:0 16px}.sidebar-toggle{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-primary);padding:0;margin-right:12px}.header-center-search,.search-shortcut,.header-time{display:none}}