#dataviewApp .el-avatar[data-v-08d5bf4e]{width:1.04167vw;height:1.04167vw;background:transparent}.case-crad-item[data-v-66fd6cf1]{height:100%;width:100%;overflow:hidden;display:flex;flex-direction:column;gap:.625vw;padding:0 .625vw;padding-bottom:.625vw}#dataviewApp .case-crad-item[data-v-66fd6cf1] .el-image{display:flex}.case-crad-item .case-crad-info[data-v-66fd6cf1]{height:calc(100% - 12.34375vw);overflow:hidden;display:flex;flex-direction:column;gap:.20833vw;width:100%}.case-crad-item .case-crad-info .user-info[data-v-66fd6cf1]{display:flex;align-items:center;height:1.25vw;gap:.20833vw;font-size:.625vw}.case-crad-item .case-crad-info .user-info .name[data-v-66fd6cf1]{width:7.8125vw;color:#8c93a4;cursor:pointer}#dataviewApp .case-crad-item .case-crad-info .user-info .el-avatar[data-v-66fd6cf1]{cursor:pointer}.case-crad-item .case-crad-info .user-info .createTime[data-v-66fd6cf1]{margin-left:auto;color:#8c93a4;white-space:nowrap}.case-crad-item .case-crad-info .title[data-v-66fd6cf1]{color:#25262c;font-family:MiSans-Medium;font-size:.9375vw;height:1.35417vw;line-height:1.35417vw}.case-crad-item[data-v-66fd6cf1] .cover{height:11.71875vw;border-radius:.41667vw;position:relative;overflow:hidden;cursor:pointer}.case-crad-item[data-v-66fd6cf1] .cover .mask{display:none;align-items:flex-end;gap:.41667vw;color:#fff}.case-crad-item[data-v-66fd6cf1] .cover:hover .mask{display:flex}#dataviewApp .case-crad-item[data-v-66fd6cf1] .el-image .loading-img{height:11.71875vw}.case-crad-item .viewCount[data-v-66fd6cf1]{position:absolute;bottom:0;left:0;height:2.08333vw;border-radius:0 0 .41667vw .41667vw;background:linear-gradient(180deg,hsla(0,0%,40%,0),rgba(0,0,0,.5));color:#fff;display:flex;align-items:center;padding:0 .625vw;justify-content:flex-end;width:100%;gap:.625vw}.case-crad-item .viewCount>div[data-v-66fd6cf1]{display:flex;align-items:center;gap:.20833vw;color:#f7f8f8;font-size:.625vw}.case-crad-item .status[data-v-66fd6cf1]{position:absolute;top:.52083vw;right:.52083vw;border-radius:.41667vw;background:rgba(109,112,128,.5);-webkit-backdrop-filter:blur(.39063vw);backdrop-filter:blur(.39063vw);height:1.66667vw;line-height:1.66667vw;min-width:3.125vw;padding:0 .625vw;color:#fff;font-size:.625vw}.case-crad-item .tag[data-v-66fd6cf1]{position:absolute;top:.52083vw;left:.52083vw;display:flex;gap:.41667vw}.case-crad-item .tag .official[data-v-66fd6cf1],.case-crad-item .tag .pin[data-v-66fd6cf1]{height:1.45833vw;line-height:1.45833vw;min-width:2.39583vw;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:.41667vw;text-align:center;font-size:.72917vw;padding:0 .3125vw}.case-crad-item .tag .pin[data-v-66fd6cf1]{background:#8b5cf5;color:#f5f3ff}.case-crad-item .tag .official[data-v-66fd6cf1]{background:#d6e86e;-webkit-backdrop-filter:blur(.3125vw);backdrop-filter:blur(.3125vw);display:flex;align-items:center;gap:.20833vw}.case-crad-item .tag .official .official-icon[data-v-66fd6cf1]{height:.625vw}.case-crad-item .tag .official .pet-icon[data-v-66fd6cf1]{height:.9375vw}.button-group[data-v-2957ccbb]{height:100%;display:flex;gap:.41667vw}#dataviewApp .button-group .el-button[data-v-2957ccbb]{height:1.77083vw}#dataviewApp .el-tab-pane[data-v-619d87bd] .header{width:100%;height:2.08333vw;display:flex;margin-bottom:.625vw;justify-content:space-between}#dataviewApp .el-tab-pane[data-v-619d87bd] .header .button-group{height:100%;display:flex;gap:.41667vw;margin-right:.41667vw}#dataviewApp .el-tab-pane[data-v-619d87bd] .header .button-group .el-button{height:1.97917vw}#dataviewApp .el-tab-pane[data-v-619d87bd] .scrollbar-view{height:calc(100% - 5.20833vw)}#dataviewApp .el-tab-pane[data-v-619d87bd] .scrollbar-view .scroll-container-view{padding-right:.52083vw}#dataviewApp .el-tab-pane[data-v-619d87bd] .scrollbar-view .view{display:grid;grid-template-columns:repeat(5,1fr);gap:1.25vw;height:38.54167vw;grid-auto-rows:15.10417vw}#dataviewApp .el-tab-pane[data-v-619d87bd] .scrollbar-view .view .case-crad-item{padding:0}#dataviewApp .el-tab-pane[data-v-619d87bd] .el-empty{height:calc(100% - 5.20833vw)}#dataviewApp .el-tab-pane[data-v-619d87bd] .el-pagination{display:flex;justify-content:center;align-items:center;height:2.60417vw}.info[data-v-d531a1de]{border-radius:.3125vw;background:rgba(225,227,235,.6);height:1.45833vw;padding:0 .41667vw;color:#25262c;font-size:.625vw;display:flex;align-items:center;max-width:12.08333vw;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;white-space:nowrap}.info i[data-v-d531a1de]{margin-right:.20833vw}.info.is-ended[data-v-d531a1de],.info.is-ended i[data-v-d531a1de]{color:#8c93a4}#dataviewApp .el-tab-pane[data-v-b2b7c0d2] .header{width:100%;height:2.08333vw;display:flex;margin-bottom:.625vw;justify-content:space-between}#dataviewApp .el-tab-pane[data-v-b2b7c0d2] .scrollbar-view{height:calc(100% - 5.20833vw)}#dataviewApp .el-tab-pane[data-v-b2b7c0d2] .scrollbar-view .scroll-container-view{padding-right:.52083vw}#dataviewApp .el-tab-pane[data-v-b2b7c0d2] .scrollbar-view .view{display:grid;grid-template-columns:repeat(5,1fr);gap:1.25vw;height:38.54167vw;grid-auto-rows:15.625vw}#dataviewApp .el-tab-pane[data-v-b2b7c0d2] .scrollbar-view .view .case-crad-item{padding:0}#dataviewApp .el-tab-pane[data-v-b2b7c0d2] .scrollbar-view .title{color:#25262c;font-family:MiSans-Medium;font-size:.9375vw;height:1.35417vw;line-height:1.35417vw}#dataviewApp .el-tab-pane[data-v-b2b7c0d2] .el-empty{height:calc(100% - 5.20833vw)}#dataviewApp .el-tab-pane[data-v-b2b7c0d2] .el-pagination{display:flex;justify-content:center;align-items:center;height:2.60417vw}.loading-img-container[data-v-1ba1d73e]{display:flex;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#dataviewApp .loading-img-container[data-v-1ba1d73e] .el-image{width:100%;height:100%;display:flex}#dataviewApp .loading-img-container[data-v-1ba1d73e] .el-image .el-image__wrapper{border-radius:inherit}#dataviewApp .loading-img-container[data-v-1ba1d73e] .el-image.border{border:.05208vw solid rgba(0,0,0,.08)}#dataviewApp .loading-img-container[data-v-1ba1d73e] .el-image.borderRadius{border-radius:.41667vw}.loading-img-container .icon-3d[data-v-1ba1d73e]{position:absolute;top:.10417vw;left:.10417vw;z-index:1;display:flex;width:2.08333vw;height:2.08333vw;border-radius:.41667vw;background:rgba(37,38,44,.2);-webkit-backdrop-filter:blur(.10417vw);backdrop-filter:blur(.10417vw);-webkit-transform:scale(.7);transform:scale(.7)}.loading-img-container .icon-3d i[data-v-1ba1d73e]{margin:auto}.loading-img-error[data-v-1ba1d73e],.loading-img[data-v-1ba1d73e]{height:100%;width:100%;border-radius:inherit;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;font-size:.625vw;color:#c5c8cc;white-space:nowrap}.loading-img-error img[data-v-1ba1d73e],.loading-img img[data-v-1ba1d73e]{width:50%;-o-object-fit:scale-down;object-fit:scale-down}.tutorial-item+.tutorial-item[data-v-5f55ffe4]{margin-top:.83333vw}.tutorial-item .tutorial-item-title[data-v-5f55ffe4]{height:2.5vw;display:flex;align-items:flex-end;border-bottom:.05208vw solid #d4d9e5;justify-content:space-between}.tutorial-item .tutorial-item-title span[data-v-5f55ffe4]{display:inline-block;height:1.875vw;line-height:1.875vw;color:#8b5cf5;font-size:.83333vw;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:MiSans-Medium}.tutorial-item .tutorial-item-title span.tutorial-item-title-text[data-v-5f55ffe4]{position:relative}.tutorial-item .tutorial-item-title span.tutorial-item-title-text[data-v-5f55ffe4]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.10417vw;background-color:#8b5cf5}.tutorial-item .tutorial-item-title span.tutorial-item-title-more[data-v-5f55ffe4]{cursor:pointer;font-size:.72917vw}.tutorial-item .tutorial-item-title span.tutorial-item-title-more[data-v-5f55ffe4]:hover{text-decoration:underline}.tutorial-item .images-list[data-v-5f55ffe4]{display:grid;height:12.5vw;grid-template-columns:repeat(4,1fr);gap:1.25vw;grid-auto-rows:12.5vw;padding-top:.83333vw}.tutorial-item .empty-view[data-v-5f55ffe4]{height:12.5vw;display:flex}#dataviewApp .tutorial-item .empty-view .el-empty[data-v-5f55ffe4]{margin:auto}.tab-tutorial-view[data-v-2ba1959f]{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding-bottom:1.5625vw}.tab-tutorial-view .banner[data-v-2ba1959f]{height:15.625vw;border-radius:.83333vw;overflow:hidden;margin-bottom:.41667vw}#dataviewApp .tab-tutorial-view .banner .el-carousel[data-v-2ba1959f]{height:100%;background-color:#d3dce6}#dataviewApp .tab-tutorial-view .banner .el-carousel .el-carousel__item[data-v-2ba1959f]{cursor:pointer}