.banner-bg[data-v-63d43936]{height:434px;width:100%}.banner-bg[data-v-63d43936] .el-carousel__indicator--horizontal{z-index:20}.banner-bg[data-v-63d43936] .el-carousel__indicator--horizontal .el-carousel__button{background:#fff;border-radius:15px;height:6px;width:30px}.banner-bg[data-v-63d43936] .el-carousel__indicator--horizontal.is-active .el-carousel__button{background:#0f95ec;border-radius:15px;height:6px;width:30px}.banner-bg .img-part img[data-v-63d43936]{display:block;height:434px;-o-object-fit:cover;object-fit:cover;width:100%}.infinite-scroll-container[data-v-dedf2e5e]{background-color:#fff;display:flex;flex-direction:column}.main-content[data-v-dedf2e5e]{flex-grow:1}.double-scroll-container[data-v-dedf2e5e]{display:flex;flex-direction:column}.scroll-wrapper[data-v-dedf2e5e]{background-color:#fff;overflow:auto;padding-left:0;position:relative}.scroll-track[data-v-dedf2e5e]{align-items:center;display:flex;overflow:hidden;position:relative}.image-container[data-v-dedf2e5e]{animation:scroll-dedf2e5e linear infinite;display:flex;gap:24px;width:auto}.image-container.first-row[data-v-dedf2e5e]{animation-duration:15s}.image-container.second-row[data-v-dedf2e5e]{animation-duration:25s;transform:translateX(-72px)}@keyframes scroll-dedf2e5e{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.image[data-v-dedf2e5e]{border:1px solid rgba(0,0,0,.1);border-radius:12px}.profile-template[data-v-68f53018]{background:#f7f8fa;padding:60px 0}.profile-template .top-topic[data-v-68f53018]{color:#161a1c;font-size:40px;font-weight:700;margin-bottom:36px;text-align:center}.profile-template .switch-area[data-v-68f53018]{background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.05);border-radius:8px;color:#161a1c;display:flex;font-size:16px;margin:0 auto 36px;padding:8px;width:-moz-fit-content;width:fit-content}.profile-template .switch-area .scene[data-v-68f53018]{cursor:pointer;padding:5.5px 16px}.profile-template .switch-area .active-scene[data-v-68f53018]{background:#fff;border-radius:4px;color:#1095ec}.profile-template .swiper-container[data-v-68f53018]{height:448px;opacity:0;position:relative;transition:opacity .3s ease;width:100%}.profile-template .swiper-container.initialized[data-v-68f53018]{opacity:1}.profile-template .swiper-slide[data-v-68f53018]{background:#fff;border-radius:16px;display:flex;height:448px;padding-left:24px;padding-top:24px;width:1064px}.profile-template .swiper-button-next[data-v-68f53018],.profile-template .swiper-button-prev[data-v-68f53018]{color:#000;display:none}.profile-template .swiper-pagination-bullet[data-v-68f53018]{background:#000}.profile-template .mask-left[data-v-68f53018],.profile-template .mask-right[data-v-68f53018]{height:448px;position:absolute;top:0;width:380px;z-index:99}.profile-template .mask-left[data-v-68f53018]{background:linear-gradient(270deg,rgba(247,248,250,0),#f7f8fa 75%)}.profile-template .mask-right[data-v-68f53018]{background:linear-gradient(270deg,#f7f8fa,rgba(247,248,250,0) 75%)}.profile-template .img-part[data-v-68f53018]{border-radius:12px;height:400px;width:664px}.profile-template .img-part img[data-v-68f53018]{border-radius:12px;display:block;height:100%;width:100%}.profile-template[data-v-68f53018] .el-carousel__indicator--horizontal{z-index:20}.profile-template[data-v-68f53018] .el-carousel__indicator--horizontal .el-carousel__button{background:#fff;border-radius:50%;height:7px;opacity:.5;width:7px}.profile-template[data-v-68f53018] .el-carousel__indicator--horizontal.is-active .el-carousel__button{background:#fff;border-radius:31px;height:7px;opacity:1;width:22px}.profile-template .dec[data-v-68f53018]{word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;-moz-line-clamp:2;color:#757b87;display:-webkit-box;display:-moz-box;font-size:16px;font-weight:400;height:46px;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:normal;width:320px;word-break:break-all}.my-design[data-v-6b728995]{padding-bottom:48px}.my-design .title[data-v-6b728995]{align-items:center;color:var(--text-color-main);display:flex;flex-direction:column;justify-content:center;padding:60px 0 48px}.my-design .title .label[data-v-6b728995]{color:#161a1c;font-size:40px;font-weight:700}.my-design .title .gradient[data-v-6b728995]{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#31abff,#1d80f9);background-clip:text;-webkit-background-clip:text}.my-design .title .btn-list[data-v-6b728995]{align-items:center;display:flex;margin-top:16px}.my-design .title .btn-list .design-btn[data-v-6b728995]{align-items:center;background-color:var(--color-primary);border:1px solid #d2dbe0;border-color:var(--color-primary);border-radius:100px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;padding:0 16px 0 24px}.my-design .title .btn-list .design-btn[data-v-6b728995]:hover{background-color:var(--color-primary);box-shadow:inset 0 0 0 100px hsla(0,0%,100%,.1)}.my-design .title .btn-list .example-btn[data-v-6b728995]{background-color:#fff;border-color:#fff;color:#1095ec;margin-right:24px}.my-design .title .btn-list .example-btn[data-v-6b728995]:hover{background-color:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.my-design .tab-list[data-v-6b728995]{align-items:center;border-bottom:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;margin-bottom:48px}.my-design .tab-list .tab-item[data-v-6b728995]{color:var(--text-color-main);cursor:pointer;font-size:20px;font-weight:400;height:76px;line-height:76px;position:relative;transition:color .3s}.my-design .tab-list .tab-item.tab-item-active[data-v-6b728995]{color:var(--color-primary)}.my-design .tab-list .tab-item .underline[data-v-6b728995]{background-color:var(--color-primary);bottom:0;height:2px;left:50%;position:absolute;transition:width .3s ease,left .3s ease;width:0}.my-design .tab-list .tab-item .underline.underline-active[data-v-6b728995]{left:0;width:100%}.my-design .tip-experience[data-v-6b728995]{align-items:center;display:flex;margin-bottom:16px}.my-design .tip-experience .experience-btn[data-v-6b728995]{align-items:center;color:var(--color-primary);cursor:pointer;display:flex}.my-design .experience-img[data-v-6b728995]{border-radius:20px;height:758px;width:100%}.my-design .detail-content[data-v-6b728995]{align-items:flex-start;display:flex;justify-content:space-between}.my-design .detail-content .left-content[data-v-6b728995]{background:#f1fafd;border:.6px solid rgba(0,0,0,.1);border-radius:16px;height:519px;padding-top:38px;width:333px}.my-design .detail-content .video-content[data-v-6b728995]{border-radius:16px;box-shadow:0 10px 30px 0 rgba(0,0,0,.05);height:519px;width:823px}.my-design .line[data-v-6b728995]{background:#000;height:1px;margin:28px 0;opacity:.1;width:261px}.my-design .content[data-v-6b728995]{padding-left:36px}.my-design .content .tab-title[data-v-6b728995]{color:#161a1c;font-size:16px;font-weight:500}.my-design .content .tab-dec[data-v-6b728995]{color:#757b87;font-size:14px;font-weight:400;margin-top:12px;width:261px}.my-design .active-content .tab-title[data-v-6b728995]{color:#161a1c;font-size:20px;font-weight:500}.my-design .to-choose[data-v-6b728995]{color:#1095ec;font-size:16px;font-weight:500;margin-top:16px}.accessory-list[data-v-b86892c0]{background:#fff;padding:60px 0}.accessory-list .header[data-v-b86892c0]{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:48px}.accessory-list .header .title-wrapper[data-v-b86892c0]{align-items:center;display:flex;margin-bottom:16px}.accessory-list .header .title-wrapper .title-text[data-v-b86892c0]{color:#161a1c;font-size:40px;font-weight:700}.accessory-list .header .title-wrapper .delivery-tag[data-v-b86892c0]{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#31abff,#1d80f9);background-clip:text;-webkit-background-clip:text;font-size:40px;font-weight:700;margin-left:8px}.accessory-list .header .view-all-btn[data-v-b86892c0]{align-items:center;border:1px solid var(--color-primary);border-radius:100px;color:var(--color-primary);cursor:pointer;display:flex;font-size:16px;font-weight:500;padding:7px 12px 7px 16px;transition:all .3s}.accessory-list .header .view-all-btn[data-v-b86892c0]:hover{background-color:#e7f4fd}.accessory-list .accessory-grid[data-v-b86892c0]{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.accessory-list .accessory-grid .accessory-item[data-v-b86892c0]{background:#fff;border:1px solid #e5e8eb;border-radius:12px;cursor:pointer;padding:16px 12px;transition:all .3s}.accessory-list .accessory-grid .accessory-item[data-v-b86892c0]:hover{border:1px solid var(--color-primary);box-shadow:0 6px 20px 0 rgba(0,0,0,.1)}.accessory-list .accessory-grid .accessory-item .image-wrapper[data-v-b86892c0]{align-items:center;background:#f7f8fa;border-radius:8px;display:flex;justify-content:center;margin-bottom:12px}.accessory-list .accessory-grid .accessory-item .image-wrapper .accessory-image[data-v-b86892c0]{border-radius:8px;height:258px;width:258px}.accessory-list .accessory-grid .accessory-item .accessory-name[data-v-b86892c0]{color:#161a1c;font-size:16px;font-weight:600;text-align:center}.draw-card[data-v-54fc8f8d]{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-sizing:border-box;cursor:pointer;display:block;overflow:hidden;padding:12px;text-align:left;-webkit-text-decoration:none;text-decoration:none;width:282px}.draw-card .img-content[data-v-54fc8f8d]{background:#f7f9ff;border-radius:8px;height:257px;overflow:hidden;position:relative;width:100%}.draw-card .img-content .badge-group[data-v-54fc8f8d]{align-items:center;display:flex;height:22px;padding:0 8px;position:absolute;right:0;top:8px;z-index:9}.draw-card .img-content .badge-group .badge[data-v-54fc8f8d]{font-size:12px;font-weight:500;line-height:20px}.draw-card .img-content .badge-group .badge--recommend[data-v-54fc8f8d]{background:#fff3f3;border-radius:4px;color:#f53f3f;padding:0 4px}.draw-card .img-content .badge-group .badge--step[data-v-54fc8f8d]{background:#fff7f1;border-radius:4px;color:#f3781e;margin-left:4px;padding:0 4px}.draw-card .img-content .main-img[data-v-54fc8f8d]{display:block;height:100%;transition:transform 1s;width:100%}.draw-card[data-v-54fc8f8d]:hover{border:1px solid var(--color-primary);box-shadow:0 6px 20px 0 rgba(0,0,0,.1)}.draw-card .draw-title[data-v-54fc8f8d]{color:#161a1c;font-size:14px;font-weight:500;line-height:20px;margin-top:12px;max-width:100%}.draw-card .draw-title[data-v-54fc8f8d]:hover{color:var(--color-primary)}.draw-card .draw-tags[data-v-54fc8f8d]{height:20px;line-height:20px;margin-top:6px;max-width:100%}.draw-card .draw-tags .tag-item[data-v-54fc8f8d]{background:rgba(24,113,255,.1);border-radius:2px;color:var(--color-primary);display:inline-block;font-size:12px;height:20px;margin-right:8px;padding:0 4px}.draw-card .draw-footer[data-v-54fc8f8d]{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.draw-card .draw-footer .author[data-v-54fc8f8d]{align-items:center;display:flex;overflow:hidden}.draw-card .draw-footer .author .avatar[data-v-54fc8f8d]{flex-shrink:0}.draw-card .draw-footer .author .nick-name[data-v-54fc8f8d]{color:#7f8e97;font-size:12px;margin-left:8px;max-width:120px}.draw-card .draw-footer .stats[data-v-54fc8f8d]{align-items:center;color:#7f8e97;display:flex;flex-shrink:0;font-size:12px}.draw-card .draw-footer .stats .stat-item[data-v-54fc8f8d]{align-items:center;display:flex;margin-left:8px}.draw-card .draw-footer .stats .stat-item .svg-icon[data-v-54fc8f8d]{margin-right:4px}.draw-card--fluid[data-v-54fc8f8d]{width:100%}.draw-card--fluid .img-content[data-v-54fc8f8d]{aspect-ratio:1/1;height:auto}.draw-card--responsive[data-v-54fc8f8d]{margin:0 16px 16px 0;width:314px}@media(min-width:1530px)and (max-width:1680px){.draw-card--responsive[data-v-54fc8f8d]{width:237px}}@media(max-width:1529px){.draw-card--responsive[data-v-54fc8f8d]{width:210px}}.draw-card--responsive .img-content[data-v-54fc8f8d]{aspect-ratio:1/1;height:auto}.drawing-list-wrap[data-v-21f13c61]{margin:0 auto;padding:60px 0;text-align:center;width:1200px}.drawing-list-wrap .module-title[data-v-21f13c61]{color:#161a1c;font-size:40px;font-weight:700;line-height:57px}.drawing-list-wrap .drawing-list[data-v-21f13c61]{margin:48px auto 0;position:relative}.drawing-list-wrap .drawing-list .drawing-viewport[data-v-21f13c61]{margin:0 auto;overflow:hidden;width:1200px}.drawing-list-wrap .drawing-list .drawing-track[data-v-21f13c61]{display:flex;transition:transform .3s ease}.drawing-list-wrap .drawing-list .drawing-page[data-v-21f13c61]{display:flex;flex-shrink:0;padding-bottom:24px;width:100%}.drawing-list-wrap .drawing-list .draw-card-item[data-v-21f13c61]{flex-shrink:0}.drawing-list-wrap .drawing-list .move-btn[data-v-21f13c61]{cursor:pointer;height:60px;position:absolute;top:50%;transform:translateY(-50%);width:60px;z-index:10}.drawing-list-wrap .drawing-list .move-btn--prev[data-v-21f13c61]{left:-70px;transform:translateY(-50%) rotate(180deg)}.drawing-list-wrap .drawing-list .move-btn--next[data-v-21f13c61]{right:-70px}.drawing-list-wrap .view-more[data-v-21f13c61]{align-items:center;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;line-height:22px;margin:0 auto;-webkit-text-decoration:none;text-decoration:none}.drawing-list-wrap .view-more[data-v-21f13c61]:hover{color:#0f95ec}.drawing-list-wrap .view-more .el-icon-arrow-right[data-v-21f13c61]{font-weight:500}.area[data-v-596608ae]{background:#f7f8fa;border-radius:8px;flex-direction:column;height:256px;padding:36px;width:582px}.area[data-v-596608ae],.list[data-v-596608ae]{display:flex}.list[data-v-596608ae]{color:#161a1c;font-size:14px;justify-content:space-between;line-height:20px;margin-top:16px;width:100%}.list .title[data-v-596608ae]{cursor:pointer;display:flex}.list .title[data-v-596608ae]:hover{color:var(--color-primary)}.list .title .word[data-v-596608ae]{max-width:490px}.recommend[data-v-5db87199]{background:#fff;border-bottom:1px solid #ebedf1;padding:60px 0}.page-container[data-v-fb22f376]{background-color:#f7f8fa}.module-middle[data-v-fb22f376]{background-color:#fff}