._userArea_5a3e3_1{height:60px;display:flex;align-items:center;justify-content:center}._loginBtn_5a3e3_8{width:96px;height:32px;line-height:32px;background:linear-gradient(91deg,#fe7e0d,#ffaf37);border-radius:16px;border:none;font-size:14px;text-align:center;color:#fff;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .2s}._loginBtn_5a3e3_8:hover{filter:brightness(1.1);color:#fff}._avatarContainer_5a3e3_28{cursor:pointer}._avatarContainer_5a3e3_28 ._avatar_5a3e3_28{width:40px;height:40px;border-radius:50%}._popoverContent_5a3e3_37{position:absolute;right:10px;margin-top:8px;top:48px;transition:all .15s ease-in-out}._logoutArea_5a3e3_45{width:290px;height:235px;background-color:#2f3338;border-radius:20px;padding:20px 16px}._logoutArea_5a3e3_45 ._topArea_5a3e3_52{display:flex;align-items:center;justify-content:flex-start;cursor:pointer;gap:10px}._logoutArea_5a3e3_45 ._topArea_5a3e3_52 ._defaultAvatar_5a3e3_59{width:48px;height:48px;border-radius:50%;background-color:#d9d9d9;display:flex;align-items:center;justify-content:center}._logoutArea_5a3e3_45 ._topArea_5a3e3_52 ._defaultAvatar_5a3e3_59 ._avatar_5a3e3_28{width:30px;height:30px;object-fit:cover}._logoutArea_5a3e3_45 ._topArea_5a3e3_52 ._text_5a3e3_73{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px}._logoutArea_5a3e3_45 ._topArea_5a3e3_52 ._text_5a3e3_73 ._status_5a3e3_80{color:#fff;line-height:16px;margin-top:3px;font-weight:500;transition:all .1s ease-in-out}._logoutArea_5a3e3_45 ._topArea_5a3e3_52 ._text_5a3e3_73 ._tip_5a3e3_87{color:#bdbdbdcc;font-weight:400;line-height:16px}._logoutArea_5a3e3_45 ._topArea_5a3e3_52:hover ._text_5a3e3_73 ._status_5a3e3_80{color:#ffa52d}._logoutArea_5a3e3_45 ._list_5a3e3_95{margin-top:12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px}._logoutArea_5a3e3_45 ._list_5a3e3_95 ._item_5a3e3_103{display:flex;width:100%;height:40px;align-items:center;border-radius:10px;justify-content:flex-start;gap:8px;color:#bdbdbdcc;line-height:16px;font-weight:400;padding:10px;cursor:pointer;transition:all .1s ease-in-out}._logoutArea_5a3e3_45 ._list_5a3e3_95 ._item_5a3e3_103:hover{background-color:#41464c;transform:brightness(1.5)}._logoutArea_5a3e3_45 ._list_5a3e3_95 ._item_5a3e3_103:hover ._name_5a3e3_122{color:#ffa52d}._loginArea_5a3e3_126{width:360px;background-color:#2f3338;border-radius:20px;padding:20px 16px}._loginArea_5a3e3_126 ._infoArea_5a3e3_132{display:flex;justify-content:space-between;align-items:center}._loginArea_5a3e3_126 ._infoArea_5a3e3_132 ._left_5a3e3_137{display:flex;align-items:center;justify-content:flex-start;gap:10px}._loginArea_5a3e3_126 ._infoArea_5a3e3_132 ._left_5a3e3_137 ._avatar_5a3e3_28{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center}._loginArea_5a3e3_126 ._infoArea_5a3e3_132 ._left_5a3e3_137 ._avatar_5a3e3_28 ._img_5a3e3_151{width:50px;height:50px;object-fit:cover;border-radius:50%;overflow:hidden}._loginArea_5a3e3_126 ._infoArea_5a3e3_132 ._left_5a3e3_137 ._text_5a3e3_73{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px}._loginArea_5a3e3_126 ._infoArea_5a3e3_132 ._left_5a3e3_137 ._text_5a3e3_73 ._name_5a3e3_122{color:#fff;line-height:16px;margin-top:3px;font-weight:500}._loginArea_5a3e3_126 ._infoArea_5a3e3_132 ._left_5a3e3_137 ._text_5a3e3_73 ._days_5a3e3_171{color:#bdbdbdcc;font-weight:400;line-height:16px}._loginArea_5a3e3_126 ._infoArea_5a3e3_132 ._btn_5a3e3_176{width:90px;height:30px;border-radius:15px;color:#6b2200cc;font-weight:600;line-height:30px;text-align:center;cursor:pointer;transition:all .1s ease-in-out;background:linear-gradient(315deg,#ffba84,#ffe584)}._loginArea_5a3e3_126 ._infoArea_5a3e3_132 ._btn_5a3e3_176:hover{transform:scale(1.02)}._loginArea_5a3e3_126 ._benefitArea_5a3e3_191{margin-top:10px;width:100%;height:60px;cursor:pointer;background-image:url(https://static.yiqiyoo.com/prod/assets/mediaSource/v1300/open-vip-tip.png);border-radius:10px;display:flex;justify-content:space-between;align-items:center;transition:all .1s ease-in-out}._loginArea_5a3e3_126 ._benefitArea_5a3e3_191 ._left_5a3e3_137{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:7px;margin-left:10px}._loginArea_5a3e3_126 ._benefitArea_5a3e3_191 ._left_5a3e3_137 ._title_5a3e3_211{color:#6b2200cc;line-height:16px;font-weight:600}._loginArea_5a3e3_126 ._benefitArea_5a3e3_191 ._left_5a3e3_137 ._tip_5a3e3_87{color:#6b2200cc;font-size:12px;line-height:14px;font-weight:500}._loginArea_5a3e3_126 ._benefitArea_5a3e3_191 ._right_5a3e3_222{display:flex;align-items:center;justify-content:flex-end;margin-right:10px;gap:10px}._loginArea_5a3e3_126 ._benefitArea_5a3e3_191 ._right_5a3e3_222 ._action_5a3e3_229{color:#6b2200cc;line-height:16px;font-weight:600}._loginArea_5a3e3_126 ._benefitArea_5a3e3_191:hover{transform:scale(1.02)}._loginArea_5a3e3_126 ._alwaysPlayArea_5a3e3_237{margin-top:10px;width:100%;border-radius:10px;background-color:#41464c;display:flex;flex-direction:column;padding:10px 12px}._loginArea_5a3e3_126 ._alwaysPlayArea_5a3e3_237 ._top_5a3e3_52{display:flex;align-items:center;justify-content:space-between}._loginArea_5a3e3_126 ._alwaysPlayArea_5a3e3_237 ._top_5a3e3_52 ._left_5a3e3_137{display:flex;align-items:center;justify-content:flex-start;gap:8px}._loginArea_5a3e3_126 ._alwaysPlayArea_5a3e3_237 ._top_5a3e3_52 ._left_5a3e3_137 ._icon_5a3e3_257{color:#ffa52d}._loginArea_5a3e3_126 ._alwaysPlayArea_5a3e3_237 ._top_5a3e3_52 ._left_5a3e3_137 ._title_5a3e3_211{color:#fff}._loginArea_5a3e3_126 ._alwaysPlayArea_5a3e3_237 ._top_5a3e3_52 ._left_5a3e3_137:hover,._loginArea_5a3e3_126 ._alwaysPlayArea_5a3e3_237 ._top_5a3e3_52 ._right_5a3e3_222{cursor:pointer}._loginArea_5a3e3_126 ._alwaysPlayArea_5a3e3_237 ._list_5a3e3_95{margin-top:12px;margin-bottom:2px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px}._loginArea_5a3e3_126 ._divider_5a3e3_276{width:calc(100% + 32px);height:1px;background-color:#41464c;margin:12px -16px}._loginArea_5a3e3_126 ._listArea_5a3e3_282{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px}._loginArea_5a3e3_126 ._listArea_5a3e3_282 ._item_5a3e3_103{display:flex;width:100%;height:40px;align-items:center;border-radius:10px;justify-content:flex-start;gap:8px;color:#bdbdbdcc;line-height:16px;font-weight:400;padding:10px;cursor:pointer;transition:all .1s ease-in-out;position:relative}._loginArea_5a3e3_126 ._listArea_5a3e3_282 ._item_5a3e3_103 ._dot_5a3e3_305{position:absolute;width:6px;height:6px;border-radius:50%;left:95px;top:12px;background-color:#f53232}._loginArea_5a3e3_126 ._listArea_5a3e3_282 ._item_5a3e3_103:hover{background-color:#41464c;color:#ffa52d;transform:brightness(1.5)}