.c-blog-card-item .p-user img:hover,.c-blog-user-info .cbui-content a>img:hover{opacity:.6}.pic-label{display:inline-flex;padding:5px 12px;border-radius:16px;align-items:center;justify-content:center;cursor:pointer}.pic-label .iconfont,.pic-label img{margin-right:4px}.pic-label img{width:22px;height:22px}.pic-label-regular{font-size:13px;font-weight:400;line-height:18px}.pic-label-regular .icon{font-size:16px;margin-right:4px}.pic-label-medium{font-size:14px;font-weight:500;line-height:20px}.pic-label-medium .icon{font-size:20px;margin-right:4px}.pic-label-large{font-size:15px;font-weight:500;line-height:22px}.pic-label-large .icon{font-size:22px;margin-right:4px}.pic-label-grey{color:var(--c-sub-grey-01);background:var(--c-sub-grey-05)}.pic-label-grey:hover{background:var(--c-sub-grey-04)}.pic-label-blue{color:var(--c-blue);background:var(--c-blue12)}.pic-label-blue:hover{background:var(--c-blue30)}.pic-label-white{color:var(--c-sub-grey-01);background:var(--c-white)}.pic-label-white:hover{background:var(--c-sub-grey-05)}.pic-label-green{color:var(--c-green);background:var(--c-green12)}.pic-label-green:hover{background:var(--c-green30)}.pic-label-red{color:var(--c-red);background:var(--c-red12)}.pic-label-red:hover{background:var(--c-red30)}.pic-label-yellow{color:var(--c-yellow);background:var(--c-yellow12)}.pic-label-yellow:hover{background:var(--c-yellow30)}.pic-label-purple{color:var(--c-purple);background:var(--c-purple12)}.pic-label-purple:hover{background:var(--c-purple30)}.label-qn{position:relative;display:inline-block;width:32px;height:32px;text-align:center}.label-qn>span{position:relative;font-size:20px;line-height:28px;font-weight:700;color:var(--c-pri-black)}.label-qn::before{position:absolute;content:'';width:100%;height:7px;border-radius:1px;left:0;bottom:7px}.label-qn-red::before{background:var(--c-red30)}.label-qn-blue::before{background:var(--c-blue30)}.label-qn-grey::before{background:var(--c-sub-grey-03)}.c-blog-user-info{margin-top:24px;padding-bottom:24px;border-bottom:1px solid var(--c-sub-grey-04)}.c-blog-user-info .cbui-content{display:flex;align-items:center;margin-top:24px}.c-blog-user-info .cbui-content a>img{width:48px!important;height:auto;margin:0 12px 0 0!important;border-radius:50%!important}.c-blog-user-info .cbui-content>div{display:flex;flex-direction:column}.c-blog-user-info .cbui-content>div .name{font-weight:500;font-size:15px;line-height:22px;color:var(--c-pri-black);font-family:Outfit}.c-blog-user-info .cbui-content>div .name:hover{text-decoration:underline}.c-blog-user-info .cbui-content>div .detail{display:flex;align-items:center;margin-top:8px;font-weight:400;font-size:13px;line-height:18px;color:var(--c-sub-grey-01);font-family:Outfit}.c-blog-user-info .cbui-content>div .detail .sp{width:1px;height:12px;background:var(--c-sub-grey-04);margin:auto 12px}@media screen and (max-width:767px){.c-blog-user-info{margin-top:20px;padding-bottom:20px}.c-blog-user-info .cbui-content{margin-top:20px}}.c-blog-related{width:296px;padding:24px;border-radius:16px;border:1px solid var(--c-sub-grey-04);background:var(--c-sub-grey-06)}.c-blog-related>p{font-weight:700!important;font-size:20px!important;line-height:28px!important;color:var(--c-pri-black);padding-bottom:24px!important;border-bottom:1px solid var(--c-sub-grey-04)}.c-blog-related>ul{padding-top:24px}.c-blog-related>ul li{position:relative;margin-top:16px;padding-left:18px}.c-blog-related>ul li:first-child{margin-top:0}.c-blog-related>ul li::before{content:'';position:absolute;top:9px;left:6px;width:4px;height:4px;border-radius:50%;background:var(--c-sub-grey-01)}.c-blog-related>ul a{position:relative;font-weight:400;font-size:14px;line-height:20px;color:var(--c-sub-grey-01);font-family:Outfit;text-decoration:underline}.c-blog-related>ul a:hover{color:var(--c-blue)}@media screen and (max-width:1023px){.c-blog-related{position:static;top:0;right:0;width:100%;margin-top:24px}}@media screen and (max-width:767px){.c-blog-related{padding:16px;margin-top:20px}.c-blog-related>p{padding-bottom:16px!important}.c-blog-related>ul{padding-top:16px}}.c-blog-card-item{display:flex;flex-direction:column;width:calc((100% - 48px)/ 3);margin-right:24px;margin-top:32px;border:1px solid var(--c-sub-grey-04);padding:24px;border-radius:16px}.c-blog-card-item:nth-child(3n+3){margin-right:0}.c-blog-card-item:hover{border-color:var(--c-sub-grey-02)}.c-blog-card-item .p-summary-img-box{width:fit-content;overflow:hidden;border-radius:8px}.c-blog-card-item .p-summary-img{width:256px;height:128px;border-radius:8px;flex:none;transition:all .2s ease;object-fit:cover;object-position:center center}.c-blog-card-item .p-summary-img:hover{transform:scale(1.1)}.c-blog-card-item .blog-item-detail{flex:1;display:flex;flex-direction:column}.c-blog-card-item .p-tips{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.c-blog-card-item .p-tips .p-mins{display:flex;align-items:center;font-weight:400;font-size:13px;line-height:18px;color:var(--c-sub-grey-01);font-family:Outfit}.c-blog-card-item .p-tips .p-mins .icon-alarm{font-size:18px;margin-right:6px}.c-blog-card-item .p-title{margin-top:20px;margin-bottom:20px;font-weight:700;font-size:20px;line-height:28px;color:var(--c-pri-black);font-family:Outfit;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.c-blog-card-item .p-title:hover{text-decoration:underline}.c-blog-card-item .p-user{margin-top:auto;display:flex;align-items:center;font-weight:400;font-size:13px;line-height:18px;color:var(--c-sub-grey-01);font-family:Outfit}.c-blog-card-item .p-user .ua-link:hover{text-decoration:underline}.c-blog-card-item .p-user img{width:28px;border-radius:50%;margin-right:12px}.c-blog-card-item .p-user .sp{margin:0 12px;width:1px;height:12px;background:var(--c-sub-grey-04)}@media screen and (max-width:1023px){.c-blog-card-item{display:flex;flex-direction:row;width:100%;margin-right:0}.c-blog-card-item .blog-item-detail{flex:1;margin-left:24px}.c-blog-card-item .p-tips{margin-top:0}.c-blog-card-item .p-title{margin-top:12px;margin-bottom:10px}}@media screen and (max-width:767px){.c-blog-card-item{flex-direction:column;margin-top:24px;padding:16px}.c-blog-card-item .p-summary-img-box{width:100%}.c-blog-card-item .p-summary-img{width:100vw;height:50vw}.c-blog-card-item .blog-item-detail{margin-left:0}.c-blog-card-item .p-tips{margin-top:16px}.c-blog-card-item .p-title{margin-top:12px;margin-bottom:16px}}.upstudy-ai-root-page{overflow:visible}.page-blog-detail{max-width:1024px;padding:32px;margin:auto}.page-blog-detail .g-bread-crumbs{padding-bottom:24px}.page-blog-detail .wrapper{display:flex}.page-blog-detail .pbd-content{padding-right:24px;flex:1}.page-blog-detail .pbd-content h1{margin-top:0;font-weight:700;font-size:40px;line-height:50px;color:var(--c-pri-black);font-family:Outfit}.page-blog-detail .pbd-content .desc{margin-top:24px;font-weight:400;font-size:15px;line-height:22px;color:var(--c-sub-grey-01);font-family:Outfit}.page-blog-detail .pbd-content .blog-html-content>*{margin-top:24px}.page-blog-detail .pbd-content .blog-html-content h1{font-weight:700;font-size:28px;line-height:36px;color:var(--c-pri-black);font-family:Outfit}.page-blog-detail .pbd-content .blog-html-content h2{font-weight:700;font-size:24px;line-height:30px;color:var(--c-pri-black);font-family:Outfit}.page-blog-detail .pbd-content .blog-html-content h3{font-weight:700;font-size:20px;line-height:28px;color:var(--c-pri-black);font-family:Outfit}.page-blog-detail .pbd-content .blog-html-content h4{position:relative;font-weight:700;font-size:18px;line-height:26px;color:var(--c-pri-black);font-family:Outfit}.page-blog-detail .pbd-content .blog-html-content h5{font-weight:700;font-size:16px;line-height:24px;color:var(--c-pri-black);font-family:Outfit}.page-blog-detail .pbd-content .blog-html-content h6{font-weight:700;font-size:15px;line-height:22px;color:var(--c-pri-black);font-family:Outfit}.page-blog-detail .pbd-content .blog-html-content p{font-weight:400;font-size:16px;line-height:24px;color:var(--c-pri-black);font-family:Outfit}.page-blog-detail .pbd-content .blog-html-content a{margin-top:0!important;color:var(--c-blue);text-decoration:underline;word-break:break-all}.page-blog-detail .pbd-content .blog-html-content a.block{display:block}.page-blog-detail .pbd-content .blog-html-content img{max-width:544px;border-radius:12px;margin:24px auto auto;display:block}.page-blog-detail .pbd-content .blog-html-content ol,.page-blog-detail .pbd-content .blog-html-content ul{margin:revert;padding:revert;list-style:outside}.page-blog-detail .pbd-content>.c-blog-related{display:none}.page-blog-detail .pbd-content .has-dot{padding-left:20px;position:relative;display:block}.page-blog-detail .pbd-content .has-dot::before{content:"·";text-align:center;left:10px;top:11px;transform:translate(-50%,-50%);position:absolute}.page-blog-detail .nav-list{flex:none}.page-blog-detail .nav-list .c-blog-related{display:block;position:sticky;top:138px}.page-blog-detail .page-blog-related-articles{margin:96px auto 64px}.page-blog-detail .page-blog-related-articles>h2{text-align:center;font-weight:700;font-size:40px;line-height:50px;color:var(--c-pri-black);font-family:Outfit}.page-blog-detail .page-blog-related-articles a{text-decoration:none}.page-blog-detail .page-blog-related-articles .pbra-list{width:100%;overflow:hidden}.page-blog-detail .page-blog-related-articles .pbra-list .scroll-content{width:fit-content;display:flex;transition:transform .4s ease}.page-blog-detail .page-blog-related-articles .pbra-list .scroll-content-more{transform:translateX(-984px)}.page-blog-detail .page-blog-related-articles .pbra-list .c-blog-card-item{width:304px;flex:none;margin-right:24px!important}.page-blog-detail .page-blog-related-articles .pbra-toggle-btn{display:flex;justify-content:center;margin-top:24px}.page-blog-detail .page-blog-related-articles .pbra-toggle-btn>div{display:flex;align-items:center;justify-content:center;margin:auto 12px;width:36px;height:36px;border-radius:50%;background:var(--c-sub-grey-05);cursor:pointer}.page-blog-detail .page-blog-related-articles .pbra-toggle-btn>div>span{font-size:22px;color:var(--c-sub-grey-01)}.page-blog-detail .page-blog-related-articles .pbra-toggle-btn>div:hover{background:var(--c-sub-grey-04)}@media screen and (max-width:1023px){.page-blog-detail .nav-list{display:none}.page-blog-detail .pbd-content{width:100%;padding-right:0}.page-blog-detail .pbd-content>.c-blog-related{display:block}.page-blog-detail .page-blog-related-articles>h2{text-align:center;font-weight:700;font-size:24px;line-height:30px;color:var(--c-pri-black);font-family:Outfit}.page-blog-detail .page-blog-related-articles .pbra-list{width:100%}.page-blog-detail .page-blog-related-articles .pbra-list .scroll-content-more{transform:translateX(calc(-300vw + 192px))}.page-blog-detail .page-blog-related-articles .pbra-list .c-blog-card-item{width:calc(100vw - 68px);margin-right:4px!important}}@media screen and (max-width:767px){.page-blog-detail .pbd-content .blog-html-content h1,.page-blog-detail .pbd-content .blog-html-content h2,.page-blog-detail .pbd-content .blog-html-content h3,.page-blog-detail .pbd-content .blog-html-content h4,.page-blog-detail .pbd-content .blog-html-content h5,.page-blog-detail .pbd-content h1{font-weight:700;color:var(--c-pri-black);font-family:Outfit}.page-blog-detail{padding:32px 16px}.page-blog-detail .g-bread-crumbs{padding-bottom:16px}.page-blog-detail .pbd-content h1{font-size:24px;line-height:30px}.page-blog-detail .pbd-content .blog-html-content>*,.page-blog-detail .pbd-content .desc{margin-top:20px}.page-blog-detail .pbd-content .blog-html-content h1{font-size:22px;line-height:28px}.page-blog-detail .pbd-content .blog-html-content h2{font-size:20px;line-height:28px}.page-blog-detail .pbd-content .blog-html-content h3{font-size:18px;line-height:26px}.page-blog-detail .pbd-content .blog-html-content h4{font-size:16px;line-height:24px}.page-blog-detail .pbd-content .blog-html-content h5{font-size:15px;line-height:22px}.page-blog-detail .pbd-content .blog-html-content img{max-width:100%;border-radius:8px;margin:16px auto auto}.page-blog-detail .page-blog-related-articles{margin:32px auto auto}.page-blog-detail .page-blog-related-articles>h2{text-align:center}.page-blog-detail .page-blog-related-articles .pbra-list .scroll-content-more{transform:translateX(calc(-300vw + 96px))}.page-blog-detail .page-blog-related-articles .pbra-list .c-blog-card-item{width:calc(100vw - 36px);margin-right:4px!important}.page-blog-detail .page-blog-related-articles .pbra-toggle-btn>div{width:32px;height:32px}.page-blog-detail .page-blog-related-articles .pbra-toggle-btn>div>span{font-size:20px}}