header .user-open{display:flex;align-items:center;justify-content:center;height:70px;line-height:normal}
header.su .user-open{height:50px;line-height:normal}
header .user-open .user-entry,header .user-open .user-avatar-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0;padding:0;box-sizing:border-box;border:1px solid transparent;border-radius:50%;background:transparent;color:#344054;line-height:1;cursor:pointer;transition:color .2s,background-color .2s,border-color .2s,transform .2s}
header .user-open .user-entry{font-size:16px}
header .user-open .user-entry:hover,header .user-open .user-entry:focus-visible{border-color:#d8e6f7;background:#edf5ff;color:#2878df;transform:translateY(-1px)}
header .user-open .user-entry:focus-visible,header .user-open .user-avatar-button:focus-visible{outline:2px solid #2878df;outline-offset:2px}
header .user-open .user-avatar-button{position:relative;border-color:#d4dfed;background:#f5f8fc}
header .user-open .user-avatar-button:hover,header .user-open .user-avatar-button.is-open{border-color:#6ba4e9;background:#edf5ff;transform:translateY(-1px)}
header .user-open .user-avatar-button .tx{display:block;width:26px;height:26px;margin:0;padding:0;border:0;border-radius:50%;object-fit:cover;vertical-align:middle}
header .user-open .user-online-dot{position:absolute;right:-1px;bottom:-1px;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#20b981;box-sizing:content-box}
header .user-open .user-open-box{top:54px;right:-12px;width:286px;padding-top:13px;line-height:normal;cursor:default}
header.su .user-open .user-open-box{top:38px}
header .user-open .user-open-info{width:100%;padding:15px;box-sizing:border-box;border:1px solid #dce5ef;border-radius:8px;background:#fff;box-shadow:0 20px 48px -20px rgba(22,43,72,.42);transform-origin:calc(100% - 23px) top}
header .user-open .user-open-info>.user-menu-arrow{position:absolute;top:-6px;right:21px;z-index:1;width:10px;height:10px;border:1px solid #dce5ef;border-right:0;border-bottom:0;background:#fff;transform:rotate(45deg)}
header .user-open .user-open-name{display:flex;align-items:center;width:100%;min-width:0;overflow:visible;line-height:20px}
header .user-open .user-open-name .face{flex:0 0 44px;width:44px;height:44px;border:1px solid #dce5ef;border-radius:50%;object-fit:cover}
header .user-open .user-open-name .xm{min-width:0;margin-left:10px;text-align:left}
header .user-open .user-open-name .jjuname{max-width:145px;overflow:hidden;color:#202c3c;font-size:14px;font-weight:600;line-height:20px;text-overflow:ellipsis;white-space:nowrap}
header .user-open .user-open-name .xm em{display:block;max-width:145px;overflow:hidden;margin-top:2px;color:#7c8999;font-size:11px;font-style:normal;line-height:17px;text-overflow:ellipsis;white-space:nowrap}
header .user-open .user-open-name .jjibie{color:#2878df}
header .user-open .user-open-info .logined_btn{float:none!important;margin-left:auto;padding-left:8px}
header .user-open .user-open-info .logined_btn a{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin:0;border-radius:6px;color:#8c98a8;font-size:14px;line-height:30px;transition:color .2s,background-color .2s}
header .user-open .user-open-info .logined_btn a i{position:static;width:auto;height:auto;border:0;color:inherit;font-size:14px;line-height:1}
header .user-open .user-open-info .logined_btn a:hover{background:#fff0f0;color:#df4c4c}
header .user-open .user-open-info .user-open-ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;height:auto;margin-top:14px;padding:12px 0 0;border-top:1px solid #edf1f5;overflow:visible;color:#667085}
header .user-open .user-open-info .user-open-ul li{float:none;width:auto;margin:0}
header .user-open .user-open-info .user-open-ul a{display:flex;align-items:center;gap:8px;height:42px;margin:0;padding:0 9px;border-radius:6px;background:#f7f9fc;color:#536174;font-size:12px;text-align:left;transition:color .2s,background-color .2s,transform .2s}
header .user-open .user-open-info .user-open-ul a b{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;margin:0;border-radius:6px;background:#e9f2fe;color:#2878df;font-size:15px;font-weight:400;line-height:28px}
header .user-open .user-open-info .user-open-ul a:hover,header .user-open .user-open-info .user-open-ul a:focus-visible{background:#edf5ff;color:#2878df;transform:translateY(-1px)}
header .user-open .user-open-info .user-open-ul a:focus-visible{outline:2px solid #2878df;outline-offset:1px}
body.night header .user-open .user-entry{color:#c0c4cc}
body.night header .user-open .user-entry:hover,body.night header .user-open .user-entry:focus-visible{border-color:#3d536d;background:#303b4a;color:#86b7ff}
body.night header .user-open .user-avatar-button{border-color:#465361;background:#303943}
body.night header .user-open .user-avatar-button:hover,body.night header .user-open .user-avatar-button.is-open{border-color:#568fda;background:#344354}
body.night header .user-open .user-online-dot{border-color:#292a2d;background:#36c991}
body.night header .user-open .user-open-info{border-color:#3b4653;background:#252c34;box-shadow:0 20px 48px -20px rgba(0,0,0,.76)}
body.night header .user-open .user-open-info>.user-menu-arrow{border-color:#3b4653;background:#252c34}
body.night header .user-open .user-open-name .face{border-color:#465361}
body.night header .user-open .user-open-name .jjuname{color:#edf2f7}
body.night header .user-open .user-open-name .xm em{color:#98a5b5}
body.night header .user-open .user-open-name .jjibie{color:#83b5f7}
body.night header .user-open .user-open-info .logined_btn a{color:#9aa7b6}
body.night header .user-open .user-open-info .logined_btn a:hover{background:#442f34;color:#ff9292}
body.night header .user-open .user-open-info .user-open-ul{border-color:#38434f}
body.night header .user-open .user-open-info .user-open-ul a{background:#2c3540;color:#bdc7d3}
body.night header .user-open .user-open-info .user-open-ul a b{background:#2c4562;color:#8dbbf7}
body.night header .user-open .user-open-info .user-open-ul a:hover,body.night header .user-open .user-open-info .user-open-ul a:focus-visible{background:#33465b;color:#8fc0ff}
@media screen and (max-width:800px){header .user-open{height:70px}header.su .user-open{height:50px}header .user-open .user-open-box{right:-19px;width:min(286px,calc(100vw - 20px))}header .user-open .user-open-info{padding:14px}header .user-open .user-open-name .jjuname,header .user-open .user-open-name .xm em{max-width:133px}}
@media (prefers-reduced-motion:reduce){header .user-open .user-entry,header .user-open .user-avatar-button,header .user-open .user-open-info .user-open-ul a{transition:none}header .user-open .user-entry:hover,header .user-open .user-avatar-button:hover,header .user-open .user-open-info .user-open-ul a:hover{transform:none}}