.top-navbar{background-color:#0f0f12;border-bottom:1px solid #1f1f1f;position:sticky;top:0;height:70px}.top-navbar .navbar-content-left{flex:1;max-width:500px}.top-navbar .navbar-content-left .header-search,.top-navbar .navbar-content-left .header-search.header-search-base{width:80%}.top-navbar .navbar-content-left .header-search .header-search-wrapper{background-color:#1a1a1a;border:1px solid #2a2a2a}.top-navbar .navbar-content-left .header-search .search-icon{color:#888;flex-shrink:0}.top-navbar .navbar-content-left .header-search .header-search-input{background:rgba(0,0,0,0);color:#fff;font-size:14px}.top-navbar .navbar-content-left .header-search .header-search-input::placeholder{color:#666}.top-navbar .navbar-content-right{display:flex;align-items:center;gap:16px}.top-navbar .navbar-content-right .balance-item .balance-display{display:flex;flex-direction:column;align-items:flex-start;padding:6px 10px;border-radius:4px;cursor:pointer}.top-navbar .navbar-content-right .balance-item .balance-display:last-of-type{border-right:none}.top-navbar .navbar-content-right .balance-item .balance-display .balance-label{font-size:12px;color:#888}.top-navbar .navbar-content-right .balance-item .balance-display .balance-value{font-size:16px;font-weight:600;color:#fff}.top-navbar .navbar-content-right .recharge-btn{background:linear-gradient(90deg,#3b82f6,#10b981);color:#fff;font-weight:700;font-size:14px;border:none;padding:2px 20px;transition:all .2s ease}.top-navbar .navbar-content-right .recharge-btn:hover{opacity:.9}.top-navbar .navbar-content-right .login-btn{background-color:#fff;color:#00041b;font-weight:700;font-size:14px}