/* Clean navigation rebuilt from scratch — 2026-07-04 */
:root{--db-top:54px;--db-side:226px;--db-side-bg:#1c3342;--db-active:#5d9ac9}
*{box-sizing:border-box}
html,body{margin:0!important;min-height:100%!important;background:#fff!important}
.announcement-bar,.navbar,.simple-sidebar,.invite-top,.invite-side,.bg{display:none!important}
#db-topbar{position:fixed;z-index:10000;left:0;right:0;top:0;height:var(--db-top);background:#080808;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 36px;box-shadow:none;border:0}
#db-topbar .db-brand{font-size:20px;font-weight:400;color:#fff;text-decoration:none;white-space:nowrap}
#db-topbar .db-user{display:flex;align-items:center;gap:14px;color:#fff;font-size:14px;min-width:0}
#db-topbar .db-user a,#db-topbar .db-user button,#db-topbar .db-user span{color:#fff!important}
#db-topbar .db-user .btn{padding:5px 10px!important;min-height:0!important;border-radius:3px!important}
#db-sidebar{position:fixed;z-index:9999;left:0;top:var(--db-top);bottom:0;width:var(--db-side);background:var(--db-side-bg);overflow:hidden;padding:0;margin:0}
#db-sidebar a{height:50px;width:100%;display:flex;align-items:center;gap:10px;padding:0 12px;margin:0;color:#fff;text-decoration:none;font-size:15px;font-weight:600;line-height:50px;border:0;border-radius:0;background:transparent;box-shadow:none;white-space:nowrap}
#db-sidebar a:hover{background:#29495d;color:#fff}
#db-sidebar a.active{background:var(--db-active);color:#fff}
#db-sidebar .db-icon{width:16px;min-width:16px;text-align:center;font-size:14px;color:#fff}
body.db-nav-ready>.main{margin:0!important;margin-left:var(--db-side)!important;padding:28px!important;padding-top:82px!important;width:auto!important;max-width:none!important;height:auto!important;min-height:100vh!important;background:#fff!important;overflow:visible!important}
body.db-nav-ready>.page-main{margin:0!important;margin-left:var(--db-side)!important;padding:82px 28px 40px!important;width:auto!important;max-width:none!important;min-height:100vh!important;background:#fff!important}
body.db-nav-ready>.invite-layout{margin:0!important;padding:82px 28px 40px calc(var(--db-side) + 28px)!important;min-height:100vh!important;background:#fff!important}
body.db-nav-ready .invite-main{max-width:none!important;margin:0!important;padding:0!important}
@media(max-width:760px){
 :root{--db-side:0px}
 #db-topbar{padding:0 14px}
 #db-sidebar{display:none}
 body.db-nav-ready>.main,body.db-nav-ready>.page-main{margin-left:0!important;padding:70px 12px 28px!important}
 body.db-nav-ready>.invite-layout{padding:70px 12px 28px!important}
 #db-topbar .db-user{gap:8px;font-size:12px}
}

/* 右上角登录用户菜单：按目标图重新制作 */
#db-topbar .db-user{height:100%;gap:0;position:relative}
.db-top-telegram{width:42px;height:42px;display:flex!important;align-items:center;justify-content:center;color:#fff!important;text-decoration:none;border:0;background:transparent}
.db-top-telegram svg{width:23px;height:23px;display:block}
.db-account-wrap{height:100%;position:relative;display:flex;align-items:center}
.db-account-trigger{height:100%;min-width:48px;padding:0 9px;border:0;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer}
.db-account-trigger:hover,.db-account-wrap.open .db-account-trigger{background:#111}
.db-account-trigger svg{width:17px;height:17px;display:block}
.db-caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #fff;margin-top:2px}
.db-energy-plain{height:100%;min-width:38px;display:flex;align-items:center;justify-content:center;padding:0 8px;color:#fff;font-size:14px}
.db-account-menu{display:none;position:absolute;right:-39px;top:54px;width:162px;background:#fff;border:1px solid #cfcfcf;color:#111;box-shadow:none;z-index:12000}
.db-account-wrap.open .db-account-menu{display:block}
.db-account-menu:before{content:"";position:absolute;top:-8px;right:48px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #2b2b2b}
.db-account-name{height:38px;padding:0 15px;background:#2b2b2b;color:#fff;display:flex;align-items:center;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.db-account-item{height:35px;padding:0 12px;display:flex;align-items:center;color:#111!important;text-decoration:none!important;background:#fff;border-top:1px solid #ddd;cursor:pointer;font-size:15px}
.db-account-item:hover{background:#f5f5f5;color:#111!important}
.db-auth-links{display:flex;align-items:center;gap:14px}
.db-auth-links a{color:#fff!important;text-decoration:none;font-size:14px}

.db-user-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:13000;align-items:center;justify-content:center;padding:20px}
.db-user-modal.show{display:flex}
.db-user-dialog{width:min(420px,100%);background:#fff;border:1px solid #d5d5d5;border-radius:3px;color:#111;box-shadow:0 10px 35px rgba(0,0,0,.25)}
.db-user-dialog-head{height:48px;padding:0 18px;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;font-size:17px;font-weight:600}
.db-user-dialog-close{border:0;background:transparent;font-size:23px;line-height:1;cursor:pointer;color:#555}
.db-user-dialog-body{padding:18px}
.db-profile-row{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #eee}
.db-profile-row:last-child{border-bottom:0}
.db-user-form label{display:block;margin:0 0 6px;font-size:14px}
.db-user-form input{width:100%;height:40px;border:1px solid #ccc;border-radius:2px;padding:0 10px;margin-bottom:14px;background:#fff;color:#111}
.db-user-form button{width:100%;height:40px;border:0;border-radius:3px;background:#5d9ac9;color:#fff;font-weight:600;cursor:pointer}
.db-user-form-msg{min-height:20px;margin-top:10px;font-size:13px}
@media(max-width:760px){.db-account-menu{right:-38px}.db-energy-plain{min-width:30px;padding:0 4px}.db-top-telegram{width:36px}.db-account-trigger{min-width:42px;padding:0 6px}}

/* 2026-07-04 user dropdown visibility hard fix */
#db-topbar .db-user .db-account-menu{
  display:none;
  position:absolute;
  top:54px;
  right:-39px;
  width:162px;
  min-height:143px;
  padding:0;
  margin:0;
  overflow:visible;
  background:#fff!important;
  border:1px solid #cfcfcf!important;
  color:#111!important;
  z-index:2147483000;
}
#db-topbar .db-user .db-account-wrap.open .db-account-menu{display:block!important}
#db-topbar .db-user .db-account-menu .db-account-name{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  height:38px!important;
  padding:0 15px!important;
  margin:0!important;
  background:#2b2b2b!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:38px!important;
  opacity:1!important;
  visibility:visible!important;
}
#db-topbar .db-user .db-account-menu a.db-account-item{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  height:35px!important;
  min-height:35px!important;
  padding:0 12px!important;
  margin:0!important;
  border:0!important;
  border-top:1px solid #ddd!important;
  background:#fff!important;
  color:#111!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:35px!important;
  text-indent:0!important;
  text-decoration:none!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  filter:none!important;
  overflow:visible!important;
  white-space:nowrap!important;
}
#db-topbar .db-user .db-account-menu a.db-account-item:hover{
  background:#f5f5f5!important;
  color:#111!important;
}