.footer[data-v-cf817336]{position:fixed;bottom:0;left:0;right:0;width:100%;height:53px;background:#fff;display:flex;flex-direction:row;justify-content:space-around;padding:5px 30px;z-index:100}.footer .item[data-v-cf817336]{height:53px;display:flex;flex-direction:column;cursor:pointer;flex:1;align-items:center}.footer .item img[data-v-cf817336]{width:28px;height:28px;margin-bottom:3px}.footer .item span[data-v-cf817336]{height:11px;font-size:11px;font-weight:400;color:#333;line-height:11px;text-align:center}.tech-support[data-v-070af61a]{width:100%;height:auto;padding-top:50px;padding-bottom:50px;text-align:center;margin-bottom:53px}.tech-support .inline-img[data-v-070af61a]{display:inline-block}.tech-support .inline-img img[data-v-070af61a]{width:115px;height:42px}.container[data-v-5dafb84a]{background:#fff;overflow:hidden}.user-icon[data-v-5dafb84a]{height:25px}.user-icon[data-v-5dafb84a],.user-info-box[data-v-5dafb84a]{width:100%;background:#fff;float:left;box-sizing:border-box;display:flex}.user-info-box[data-v-5dafb84a]{height:auto;padding:25px 15px 30px 15px;align-items:center}.user-info-box .user-avatar-box[data-v-5dafb84a]{width:auto;height:64px;box-sizing:border-box;padding-right:15px}.user-info-box .user-avatar-box img[data-v-5dafb84a]{width:64px;height:64px;border-radius:50%}.user-info-box .user-body[data-v-5dafb84a]{flex:1;height:64px}.user-info-box .user-body .user-nickname[data-v-5dafb84a]{width:100%;height:auto;float:left;box-sizing:border-box;padding-top:10px;padding-bottom:15px;font-size:16px;font-weight:600;color:#333;line-height:16px}.user-info-box .user-body .role-name[data-v-5dafb84a]{width:100%;height:auto;float:left;font-size:13px;font-weight:400;color:#666;line-height:13px}.user-info-box .user-body .login-button[data-v-5dafb84a]{width:100%;height:auto;float:left;font-size:16px;font-weight:400;color:rgba(0,0,0,.7);line-height:64px}.vip-banner-box[data-v-5dafb84a]{width:100%;height:auto;float:left;background:#fff;box-sizing:border-box;padding:0 15px}.vip-banner-box .banner[data-v-5dafb84a]{width:100%;float:left;height:90px;background:linear-gradient(135deg,#ffecd2,#fcb69f);box-shadow:0 6px 20px 0 rgba(252,182,159,.3);border-radius:12px;position:relative;box-sizing:border-box;padding:14px 20px 14px 18px;overflow:hidden}.vip-banner-box .banner[data-v-5dafb84a]:before{content:"";position:absolute;top:-20px;right:-20px;width:100px;height:100px;background:hsla(0,0%,100%,.2);border-radius:50%}.vip-banner-box .banner .icon[data-v-5dafb84a]{position:absolute;width:52px;height:52px;top:14px;left:18px;z-index:1;display:flex;align-items:center;justify-content:center}.vip-banner-box .banner .icon svg[data-v-5dafb84a]{width:100%;height:100%;filter:drop-shadow(0 3px 6px rgba(255,165,0,.35))}.vip-banner-box .banner .back[data-v-5dafb84a]{position:absolute;height:80px;top:10px;right:-10px;opacity:.3}.vip-banner-box .banner .info-box[data-v-5dafb84a]{position:relative;z-index:1;margin-left:72px;margin-top:4px}.vip-banner-box .banner .info[data-v-5dafb84a]{width:100%;font-size:15px;font-weight:700;color:#613400;line-height:18px;margin-bottom:6px}.vip-banner-box .banner .sub-info[data-v-5dafb84a]{font-size:12px;font-weight:500;color:#8b5a2b}.vip-banner-box .banner .sub-info .course-count[data-v-5dafb84a]{font-size:14px;font-weight:700;color:#ff4d4f}.vip-banner-box .banner .btn[data-v-5dafb84a]{position:absolute;top:50%;right:18px;transform:translateY(-50%);width:80px;height:52px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 12px 0 hsla(0,100%,71%,.35)}.vip-banner-box .banner .btn[data-v-5dafb84a]:active{opacity:.9;transform:translateY(-50%) scale(.98)}.vip-banner-box .banner .btn .btn-text[data-v-5dafb84a]{font-size:13px;font-weight:700;color:#fff;line-height:14px;margin-bottom:4px}.vip-banner-box .banner .btn .btn-tag[data-v-5dafb84a]{font-size:10px;font-weight:600;color:#fff1e0;background:hsla(0,0%,100%,.25);padding:2px 6px;border-radius:4px;line-height:10px}.user-menu-grid[data-v-5dafb84a]{width:100%;padding:20px 15px;background:#fff;box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);gap:20px 15px}.user-menu-grid .menu-item[data-v-5dafb84a]{display:flex;flex-direction:column;align-items:center;padding:16px 10px;background:#f8f9fa;border-radius:12px;transition:all .3s ease;cursor:pointer}.user-menu-grid .menu-item[data-v-5dafb84a]:active{transform:scale(.95);background:#e9ecef}.user-menu-grid .menu-item .menu-icon-wrapper[data-v-5dafb84a]{position:relative;width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.user-menu-grid .menu-item .menu-icon-wrapper .menu-icon[data-v-5dafb84a]{width:100%;height:100%}.user-menu-grid .menu-item .menu-icon-wrapper .menu-icon.vip-icon[data-v-5dafb84a]{width:48px;height:48px}.user-menu-grid .menu-item .menu-icon-wrapper.vip-icon-wrapper[data-v-5dafb84a]{width:50px;height:50px;background:linear-gradient(135deg,#fff9e6,#ffecd9);border-radius:12px;box-shadow:0 3px 10px rgba(255,165,0,.25)}.user-menu-grid .menu-item .menu-icon-wrapper.message-icon-wrapper[data-v-5dafb84a]{position:relative}.user-menu-grid .menu-item .menu-icon-wrapper .vip-count-badge[data-v-5dafb84a]{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-radius:9px;font-size:10px;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 6px hsla(0,100%,71%,.35)}.user-menu-grid .menu-item .menu-icon-wrapper .message-badge[data-v-5dafb84a]{position:absolute;top:-4px;right:-4px;width:12px;height:12px;background:#ff4d4f;border-radius:50%;box-shadow:0 2px 4px rgba(255,77,79,.4)}.user-menu-grid .menu-item .menu-name[data-v-5dafb84a]{font-size:13px;font-weight:500;color:#333;text-align:center;line-height:1.4}#page{background-color:#fff}