.desktop-shell{display:none}@media (min-width:1024px){.desktop-shell{background:var(--bfp-sidebar-bg);bottom:0;box-shadow:var(--bfp-shadow-sidebar);display:flex;flex-direction:column;left:0;overflow-y:auto;position:fixed;top:0;width:200PX;z-index:90}.desktop-shell__brand{background:var(--bfp-brand-bg);height:50PX;line-height:50PX;padding:0 20PX}.desktop-shell__brand-text{color:var(--bfp-sidebar-text-active);display:block;font-size:14PX;font-weight:600}.desktop-shell__nav{display:flex;flex:1;flex-direction:column;padding:0}.desktop-shell__nav-item{border-radius:0;cursor:pointer;height:44PX;line-height:44PX;margin:0;padding:0 20PX;position:relative}.desktop-shell__nav-item:hover{background:var(--bfp-color-primary-overlay)}.desktop-shell__nav-item-text{color:var(--bfp-sidebar-text);display:block;font-size:14PX;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-shell__nav-item:hover .desktop-shell__nav-item-text{color:var(--bfp-sidebar-text-active)}.desktop-shell__nav-item--active{background:var(--bfp-color-primary-overlay)}.desktop-shell__nav-item--active .desktop-shell__nav-item-text{color:var(--bfp-sidebar-text-active)}.desktop-shell__nav-item--active::after{background:var(--bfp-color-primary);bottom:0;content:"";position:absolute;right:0;top:0;width:3PX}.desktop-shell__nav-item--logout{margin-top:auto}}:root{--bfp-color-primary:#409eff;--bfp-color-primary-bg:#ecf5ff;--bfp-color-primary-overlay:rgba(64,158,255,.2);--bfp-color-success:#67c23a;--bfp-color-success-bg:#f0f9eb;--bfp-color-warning:#e6a23c;--bfp-color-warning-bg:#fdf6ec;--bfp-color-danger:#f56c6c;--bfp-color-danger-bg:#fef0f0;--bfp-color-info:#909399;--bfp-color-info-bg:#f4f4f5;--bfp-text-primary:#303133;--bfp-text-regular:#606266;--bfp-text-secondary:#909399;--bfp-text-placeholder:#c0c4cc;--bfp-border-base:#dcdfe6;--bfp-border-light:#e4e7ed;--bfp-border-lighter:#ebeef5;--bfp-bg-page:#f0f2f5;--bfp-bg-card:#fff;--bfp-sidebar-bg:#1a1f2e;--bfp-sidebar-text:#bfcbd9;--bfp-sidebar-text-active:#fff;--bfp-brand-bg:#2b2f3a;--bfp-shadow-sidebar:2PX 0 8PX rgba(0,0,0,.4);--bfp-radius-card:4PX;--bfp-scrollbar-size:6PX;--bfp-scrollbar-thumb:silver;--bfp-scrollbar-track:#f1f1f1;--bfp-scrollbar-radius:3PX;--bfp-font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;--bfp-shadow-card:0 0.1rem 0.4rem rgba(31,45,61,.05);--bfp-shadow-login-card:0 0.2rem 0.8rem rgba(31,45,61,.08);--bfp-shadow-shell:0 4PX 24PX rgba(15,35,60,.1);--bfp-overlay-mask:rgba(0,0,0,.45);--bfp-color-media-black:#000}body{background-color:var(--bfp-bg-page)}page{background-color:var(--bfp-bg-page);font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif}@media (min-width:768px){html{font-size:22PX!important}body{background:var(--bfp-bg-page);font-family:var(--bfp-font-family)}body > #app .taro_page{border-radius:var(--bfp-radius-card);box-shadow:var(--bfp-shadow-shell);height:calc(100vh - 40PX);margin:20PX auto;max-width:880PX;overflow-x:hidden;overflow-y:auto;right:0}body > #app .taro_page::-webkit-scrollbar{height:var(--bfp-scrollbar-size);width:var(--bfp-scrollbar-size)}body > #app .taro_page::-webkit-scrollbar-thumb{background:var(--bfp-scrollbar-thumb);border-radius:var(--bfp-scrollbar-radius)}body > #app .taro_page::-webkit-scrollbar-track{background:var(--bfp-scrollbar-track)}}@media (min-width:1024px){body > #app .taro_page{left:200PX;right:0}}