._component-top-bar-menu[data-v-2075a073]{--menu-icon-width:24px;--slide-top:var(--height-top-bar-m);--slide-z-index:calc(var(--z-index-topbar) + 1);--slide-height:calc(var(--vh) * 100 - var(--height-top-bar-m));--slide-width:100%;--slide-padding:24px 16px 88px;--slide-background:var(--color-white-1);--slide-shadow:none;--slide-transition-time:.4s;--item-margin-top:24px;--action-bottom:16px;--action-padding:0 16px;--item-color:var(--color-gray-1);--sub-padding:4px 0 0;--sub-item-width:48%;--sub-item-min-height:48px;--sub-item-padding:6px 12px;--sub-item-color:var(--color-gray-3);--sub-item-background:var(--color-gray-7)}._component-top-bar-menu .menu-icon-wrap[data-v-2075a073]{width:var(--menu-icon-width);cursor:pointer}._component-top-bar-menu ._inner-menu-slide-wrap[data-v-2075a073]{top:var(--slide-top);z-index:var(--slide-z-index);width:var(--slide-width);height:var(--slide-height);padding:var(--slide-padding);background:var(--slide-background);box-shadow:var(--slide-shadow);position:fixed;left:0;overflow:auto}._component-top-bar-menu ._inner-menu-slide-wrap[data-v-2075a073]:before{content:"";background:var(--color-gray-6);width:100%;height:1px;position:absolute;top:0;left:0}._component-top-bar-menu ._inner-menu-slide-wrap.topbar-menu-enter-active[data-v-2075a073],._component-top-bar-menu ._inner-menu-slide-wrap.topbar-menu-leave-active[data-v-2075a073]{transition:height var(--slide-transition-time), padding-top var(--slide-transition-time), padding-bottom var(--slide-transition-time);overflow:hidden}._component-top-bar-menu ._inner-menu-slide-wrap.topbar-menu-enter-from[data-v-2075a073],._component-top-bar-menu ._inner-menu-slide-wrap.topbar-menu-leave-to[data-v-2075a073]{height:0;padding-top:0;padding-bottom:0}._component-top-bar-menu .menu-action-wrap[data-v-2075a073]{bottom:var(--action-bottom);z-index:1;width:var(--slide-width);padding:var(--action-padding);background:var(--slide-background);box-sizing:border-box;position:fixed;left:0}._component-top-bar-menu .menu-item-wrap[data-v-2075a073]{margin-top:var(--item-margin-top);color:var(--item-color);cursor:pointer}._component-top-bar-menu .menu-item-wrap[data-v-2075a073]:first-of-type{margin-top:0}._component-top-bar-menu .menu-item-wrap .label[data-v-2075a073]{font-size:var(--h3-font-size);font-weight:var(--h3-font-weight);line-height:var(--h3-line-height)}._component-top-bar-menu .sub-wrap[data-v-2075a073]{width:100%;padding:var(--sub-padding);flex-wrap:wrap;justify-content:space-between;display:flex}._component-top-bar-menu .sub-item[data-v-2075a073]{width:var(--sub-item-width);min-height:var(--sub-item-min-height);padding:var(--sub-item-padding);color:var(--sub-item-color);font-size:var(--text1-font-size);line-height:var(--text1-line-height);background:var(--sub-item-background);border-radius:var(--radius-1);box-sizing:border-box;align-items:center;margin-top:12px;display:flex}._component-topbar-slide[data-v-526cb039]{--item-padding:0 12px;--item-color:inherit;--item-font-size:var(--text2-font-size);--item-line-height:var(--text2-line-height);--sub-top:calc(var(--height-top-bar) - 4px);--sub-width:180px;--sub-padding:6px 0;--sub-background:var(--color-white-1);--sub-radius:var(--radius-1);--sub-shadow:var(--shadow-1);--sub-item-height:42px;--sub-item-color:var(--color-gray-2);--sub-item-font-size:var(--text1-font-size);--sub-item-line-height:var(--text1-line-height);--sub-item-hover-background:var(--color-gray-7);align-items:center;height:100%;display:flex}._component-topbar-slide .slide-item[data-v-526cb039]{height:100%;padding:var(--item-padding);color:var(--item-color);font-size:var(--item-font-size);line-height:var(--item-line-height);cursor:pointer;position:relative}._component-topbar-slide .slide-item:hover .sub-wrap[data-v-526cb039]{display:block}._component-topbar-slide .label[data-v-526cb039]{white-space:nowrap;align-items:center;height:100%;display:flex}._component-topbar-slide .sub-wrap[data-v-526cb039]{top:var(--sub-top);width:var(--sub-width);display:none;position:absolute;left:50%;transform:translate(-50%)}._component-topbar-slide .sub-wrap-content[data-v-526cb039]{padding:var(--sub-padding);background:var(--sub-background);border-radius:var(--sub-radius);box-shadow:var(--sub-shadow);overflow:hidden}._component-topbar-slide .sub-item[data-v-526cb039]{height:var(--sub-item-height);color:var(--sub-item-color);font-size:var(--sub-item-font-size);line-height:var(--sub-item-line-height);justify-content:center}._component-topbar-slide .sub-item[data-v-526cb039]:hover{background:var(--sub-item-hover-background)}@media screen and (width<=1188px){._component-topbar-slide[data-v-526cb039]{display:none}}._component-topbar[data-v-d03302f7]{--bar-height:var(--height-top-bar-m);--bar-padding:0;--bar-padding-m:0 10px 0 20px;--bar-background:#2d2a34;--content-width:1188px;--logo-width:57px;--logo-height:38px;--logo-background:url(//ctb20.oss-cn-hangzhou.aliyuncs.com/web22-23/library/logo.png);--sub-top:calc(var(--height-top-bar-m) - 4px);--sub-min-width:236px;--sub-padding:12px;--sub-background:#423e4a;--sub-hover-background:#2d2a34;--sub-item-min-width:100px;--sub-item-height:40px;--login-button-width:80px;--login-button-height:40px;--login-menu-top:calc(var(--height-top-bar) - 8px);--login-menu-width:133px;--login-menu-padding:6px 0;--login-menu-transform:translateX(25%);width:100%}._component-topbar ._bar-block[data-v-d03302f7]{width:100%;height:var(--bar-height)}._component-topbar ._bar-wrap[data-v-d03302f7]{z-index:var(--z-index-topbar);background:var(--bar-background);width:100%;position:fixed;top:0;left:0}._component-topbar .bar-content[data-v-d03302f7]{width:var(--content-width);max-width:100%;height:var(--bar-height);justify-content:space-between;align-items:center;margin:0 auto;display:flex}._component-topbar .bar-content[data-v-d03302f7] ._component-topbar-slide .slide-item .label{color:var(--color-white-1);font-size:var(--text2-font-size);line-height:var(--text2-line-height)}._component-topbar .bar-content[data-v-d03302f7] ._component-topbar-slide .slide-item:hover .label{font-weight:600}._component-topbar .bar-content[data-v-d03302f7] ._component-topbar-slide{--sub-background:#423e4a;--sub-item-color:var(--color-white-1);--sub-item-hover-background:#2d2a34}._component-topbar .bar-content[data-v-d03302f7] .sub-wrap{top:var(--sub-top);width:fit-content;padding-top:16px}._component-topbar .bar-content[data-v-d03302f7] .sub-wrap-content{width:fit-content;min-width:var(--sub-min-width);padding:var(--sub-padding);background:#423e4a;flex-wrap:wrap;justify-content:space-between;display:flex}._component-topbar .bar-content[data-v-d03302f7] .sub-item{min-width:var(--sub-item-min-width);height:var(--sub-item-height);border-radius:var(--radius-1);white-space:nowrap;justify-content:center;align-items:center;padding:0 12px;display:flex}._component-topbar .bar-content[data-v-d03302f7] .sub-item.grow{flex-grow:1;flex-shrink:0;width:100%}._component-topbar .bar-content[data-v-d03302f7] .sub-item.label{color:var(--color-white-1);font-size:var(--text1-font-size);line-height:var(--text1-line-height);font-weight:400!important}._component-topbar .bar-content[data-v-d03302f7] .sub-item:hover{background:#2d2a34}._component-topbar .logo-wrap[data-v-d03302f7]{width:var(--logo-width);height:var(--logo-height);background-image:var(--logo-background);background-size:100% 100%}._component-topbar .btn-login[data-v-d03302f7]{width:var(--login-button-width);height:var(--login-button-height);line-height:var(--login-button-height);text-align:center}._component-topbar .ctr-wrap[data-v-d03302f7]{align-items:center;display:flex}._component-topbar .logined-wrap[data-v-d03302f7]{width:var(--login-button-width);justify-content:flex-end;display:flex;position:relative}._component-topbar .avatar-ctr[data-v-d03302f7]{cursor:pointer}._component-topbar .logined-menus[data-v-d03302f7]{top:var(--login-menu-top);z-index:calc(var(--z-index-topbar) + 1);width:var(--login-menu-width);padding:var(--login-menu-padding);background:var(--sub-background);border-radius:var(--radius-2);box-shadow:var(--shadow-1);transform:var(--login-menu-transform);position:absolute;right:0;overflow:hidden}._component-topbar .menu-item[data-v-d03302f7]{height:48px;color:var(--color-white-1);font-size:var(--text1-font-size);cursor:pointer;justify-content:center;align-items:center;display:flex}html[data-ctb-auth=authenticated] .paper-topbar:not(._hydration-ready) .ctr-wrap{width:var(--login-button-width);visibility:hidden;overflow:hidden}.paper-menu-enter-active[data-v-d03302f7],.paper-menu-leave-active[data-v-d03302f7]{transition:opacity var(--transition-time-2)}.paper-menu-enter-from[data-v-d03302f7],.paper-menu-leave-to[data-v-d03302f7]{opacity:0}@media screen and (width<=1188px){._component-topbar[data-v-d03302f7]{--bar-padding:var(--bar-padding-m);--login-menu-top:var(--height-top-bar-m);--login-menu-transform:none}._component-topbar .bar-content[data-v-d03302f7]{width:100%;padding:var(--bar-padding)}._component-topbar[data-v-d03302f7] ._inner-menu-slide-wrap{background:var(--sub-background);width:100%;box-shadow:none;padding:24px 16px}._component-topbar[data-v-d03302f7] ._inner-menu-slide-wrap:before{display:none}._component-topbar[data-v-d03302f7] .menu-item-wrap{background:0 0;margin-top:24px;padding:0}._component-topbar[data-v-d03302f7] .menu-item-wrap:first-of-type{margin-top:0}._component-topbar[data-v-d03302f7] .menu-item-wrap .label{color:var(--color-white-1);font-size:var(--h3-font-size);font-weight:var(--h3-font-weight);line-height:var(--h3-line-height)}._component-topbar[data-v-d03302f7] .menu-item-wrap .sub-wrap{flex-wrap:wrap;justify-content:space-between;width:100%;padding-top:4px;display:flex}._component-topbar[data-v-d03302f7] .menu-item-wrap .sub-item{width:48%;min-height:48px;color:var(--color-white-1);font-size:var(--text1-font-size);line-height:var(--text1-line-height);background:var(--sub-hover-background);border-radius:var(--radius-1);white-space:normal;word-break:break-word;justify-content:flex-start;align-items:center;height:auto;margin-top:12px;padding:6px 12px;display:flex}._component-topbar[data-v-d03302f7] .menu-item-wrap .sub-item.grow{flex-grow:1;flex-shrink:0;width:100%}}.component-home-tobar[data-v-d6e870f0]{--bar-height:var(--height-top-bar);--bar-z-index:calc(var(--z-index-topbar) + 2);--bar-padding:0 24px;--bar-background:#00000080;--bar-color:var(--color-white-1);--bar-shadow:none;--content-gap:0;--global-gap:12px;--join-width:140px;--user-size:40px;--user-background:#ffffff2e;--mobile-account-width:max-content;--mobile-account-height:48px;--mobile-account-padding:0 16px;z-index:var(--bar-z-index);width:100%;color:var(--bar-color);background:var(--bar-background);box-shadow:var(--bar-shadow);transition:none;position:fixed;top:0;left:0}.component-home-tobar._hydration-ready[data-v-d6e870f0]{transition:color var(--transition-time-2), background var(--transition-time-2), box-shadow var(--transition-time-2)}.component-home-tobar.active[data-v-d6e870f0]{--bar-background:var(--color-white-1);--bar-color:var(--color-gray-1);--bar-shadow:var(--topbar-box-shadow,var(--shadow-1));--user-background:var(--color-gray-7)}.component-home-tobar .bar-content[data-v-d6e870f0]{justify-content:space-between;align-items:center;gap:var(--content-gap);height:var(--bar-height);padding:var(--bar-padding);display:flex}.component-home-tobar .logo-wrap[data-v-d6e870f0]{flex:none}.component-home-tobar .slide-bar-wrap[data-v-d6e870f0]{flex:0 auto;justify-content:center;min-width:0}.component-home-tobar .global-wrap[data-v-d6e870f0]{gap:var(--global-gap);flex:none;align-items:center;display:flex;position:relative}.component-home-tobar .bar-login-wrap[data-v-d6e870f0]{--authenticated-slot-width:calc(var(--join-width) + var(--global-gap) + var(--user-size))}.component-home-tobar .join-btn[data-v-d6e870f0]{width:var(--join-width)}.component-home-tobar .user-icon-wrap[data-v-d6e870f0]{width:var(--user-size);height:var(--user-size);background:var(--user-background);border-radius:50%;justify-content:center;align-items:center;display:flex}.component-home-tobar .mobile-account-login-btn[data-v-d6e870f0]{width:var(--mobile-account-width);height:var(--mobile-account-height);padding:var(--mobile-account-padding);color:var(--color-gray-1);background:var(--color-gray-7);border-radius:var(--radius-1);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;display:flex}.component-home-tobar .icon[data-v-d6e870f0]{width:18px}.component-home-tobar[data-v-d6e870f0] .bar-login-wrap .user-name,.component-home-tobar[data-v-d6e870f0] .bar-login-wrap .btn-login{color:var(--bar-color)}@media screen and (width<=1188px){.component-home-tobar[data-v-d6e870f0]{--bar-height:var(--height-top-bar-m);--bar-padding:0 12px;--content-gap:12px;--join-width:96px}.component-home-tobar .bar-content[data-v-d6e870f0]{padding:var(--bar-padding)}}.component-home-tobar[data-v-d6e870f0]{--bar-z-index:var(--z-index-topbar)}.component-home-tobar .cn-wrap[data-v-d6e870f0]{color:var(--bar-color);cursor:pointer}.component-home-tobar .logined-menus[data-v-d6e870f0]{top:calc(var(--height-top-bar) - 8px);z-index:calc(var(--z-index-topbar) + 1);background:var(--color-white-1);border-radius:var(--radius-1);width:133px;box-shadow:var(--shadow-1);padding:6px 0;position:absolute;right:0;overflow:hidden}.component-home-tobar .menu-item[data-v-d6e870f0]{height:44px;color:var(--color-gray-2);cursor:pointer;justify-content:center;align-items:center;display:flex}.component-home-tobar .menu-item[data-v-d6e870f0]:hover{background:var(--color-gray-7)}.eng-user-menu-enter-active[data-v-d6e870f0],.eng-user-menu-leave-active[data-v-d6e870f0]{transition:opacity var(--transition-time-2)}.eng-user-menu-enter-from[data-v-d6e870f0],.eng-user-menu-leave-to[data-v-d6e870f0]{opacity:0}._component-logo[data-v-77b56b2d]{cursor:pointer}._component-logo[data-v-77b56b2d] ._component-icon-svg{display:block}._component-topbar[data-v-918f6cb5]{--mobile-login-btn-height:48px;--mobile-login-btn-padding:0 16px;--bar-height:var(--height-top-bar);--bar-padding:0 24px;--bar-background:var(--color-white-1);--bar-shadow:var(--topbar-box-shadow,var(--shadow-1));--join-width:140px;width:100%}._component-topbar .mobile-account-login-btn[data-v-918f6cb5]{width:max-content;height:var(--mobile-login-btn-height);padding:var(--mobile-login-btn-padding);color:var(--color-gray-1);white-space:nowrap;cursor:pointer;background:var(--color-gray-7);border-radius:var(--radius-1);justify-content:center;align-items:center;display:flex}._component-topbar ._bar-block[data-v-918f6cb5]{width:100%;height:var(--bar-height)}._component-topbar ._bar-wrap[data-v-918f6cb5]{z-index:var(--z-index-topbar);background:var(--bar-background);width:100%;box-shadow:var(--bar-shadow);position:fixed;top:0;left:0}._component-topbar .bar-content[data-v-918f6cb5]{height:var(--bar-height);padding:var(--bar-padding);justify-content:space-between;align-items:center;display:flex}._component-topbar ._component-topbar-slide[data-v-918f6cb5]{flex:0 auto}._component-topbar .join-ctb[data-v-918f6cb5]{width:var(--join-width)}._component-topbar .auth-authenticated[data-v-918f6cb5]{display:none}._component-topbar .btn-login-wrap[data-v-918f6cb5]{--authenticated-slot-width:var(--join-width)}@media screen and (width<=1188px){._component-topbar[data-v-918f6cb5]{--bar-height:var(--height-top-bar-m);--bar-padding:0 12px}._component-topbar .bar-content[data-v-918f6cb5]{width:100%}}.component-home-tobar[data-v-7310462d]{--bar-height:var(--height-top-bar);--bar-z-index:calc(var(--z-index-topbar) + 2);--bar-padding:0 24px;--bar-background:#00000080;--bar-color:var(--color-white-1);--bar-shadow:none;--content-gap:0;--global-gap:12px;--join-width:140px;--user-size:40px;--user-background:#ffffff2e;--mobile-account-width:max-content;--mobile-account-height:48px;--mobile-account-padding:0 16px;z-index:var(--bar-z-index);width:100%;color:var(--bar-color);background:var(--bar-background);box-shadow:var(--bar-shadow);transition:none;position:fixed;top:0;left:0}.component-home-tobar._hydration-ready[data-v-7310462d]{transition:color var(--transition-time-2), background var(--transition-time-2), box-shadow var(--transition-time-2)}.component-home-tobar.active[data-v-7310462d]{--bar-background:var(--color-white-1);--bar-color:var(--color-gray-1);--bar-shadow:var(--topbar-box-shadow,var(--shadow-1));--user-background:var(--color-gray-7)}.component-home-tobar .bar-content[data-v-7310462d]{justify-content:space-between;align-items:center;gap:var(--content-gap);height:var(--bar-height);padding:var(--bar-padding);display:flex}.component-home-tobar .logo-wrap[data-v-7310462d]{flex:none}.component-home-tobar .slide-bar-wrap[data-v-7310462d]{flex:0 auto;justify-content:center;min-width:0}.component-home-tobar .global-wrap[data-v-7310462d]{gap:var(--global-gap);flex:none;align-items:center;display:flex;position:relative}.component-home-tobar .bar-login-wrap[data-v-7310462d]{--authenticated-slot-width:calc(var(--join-width) + var(--global-gap) + var(--user-size))}.component-home-tobar .join-btn[data-v-7310462d]{width:var(--join-width)}.component-home-tobar .user-icon-wrap[data-v-7310462d]{width:var(--user-size);height:var(--user-size);background:var(--user-background);border-radius:50%;justify-content:center;align-items:center;display:flex}.component-home-tobar .mobile-account-login-btn[data-v-7310462d]{width:var(--mobile-account-width);height:var(--mobile-account-height);padding:var(--mobile-account-padding);color:var(--color-gray-1);background:var(--color-gray-7);border-radius:var(--radius-1);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;display:flex}.component-home-tobar .icon[data-v-7310462d]{width:18px}.component-home-tobar[data-v-7310462d] .bar-login-wrap .user-name,.component-home-tobar[data-v-7310462d] .bar-login-wrap .btn-login{color:var(--bar-color)}@media screen and (width<=1188px){.component-home-tobar[data-v-7310462d]{--bar-height:var(--height-top-bar-m);--bar-padding:0 12px;--content-gap:12px;--join-width:96px}.component-home-tobar .bar-content[data-v-7310462d]{padding:var(--bar-padding)}}._component-topbar[data-v-c7f03ad9]{--mobile-login-btn-height:48px;--mobile-login-btn-padding:0 16px;--bar-height:var(--height-top-bar);--bar-padding:0 24px;--bar-background:var(--color-white-1);--bar-shadow:var(--topbar-box-shadow,var(--shadow-1));--join-width:140px;width:100%}._component-topbar .mobile-account-login-btn[data-v-c7f03ad9]{width:max-content;height:var(--mobile-login-btn-height);padding:var(--mobile-login-btn-padding);color:var(--color-gray-1);white-space:nowrap;cursor:pointer;background:var(--color-gray-7);border-radius:var(--radius-1);justify-content:center;align-items:center;display:flex}._component-topbar ._bar-block[data-v-c7f03ad9]{width:100%;height:var(--bar-height)}._component-topbar ._bar-wrap[data-v-c7f03ad9]{z-index:var(--z-index-topbar);background:var(--bar-background);width:100%;box-shadow:var(--bar-shadow);position:fixed;top:0;left:0}._component-topbar .bar-content[data-v-c7f03ad9]{height:var(--bar-height);padding:var(--bar-padding);justify-content:space-between;align-items:center;display:flex}._component-topbar ._component-topbar-slide[data-v-c7f03ad9]{flex:0 auto}._component-topbar .join-ctb[data-v-c7f03ad9]{width:var(--join-width)}._component-topbar .auth-authenticated[data-v-c7f03ad9]{display:none}._component-topbar .btn-login-wrap[data-v-c7f03ad9]{--authenticated-slot-width:var(--join-width)}html[data-ctb-auth=authenticated] ._component-topbar .auth-anonymous{display:none}html[data-ctb-auth=authenticated] ._component-topbar .auth-authenticated{display:block}@media screen and (width<=1188px){._component-topbar[data-v-c7f03ad9]{--bar-height:var(--height-top-bar-m);--bar-padding:0 12px}._component-topbar .bar-content[data-v-c7f03ad9]{width:100%}}