html{font-size:14px;-webkit-font-smoothing:antialiased}body{margin:0;padding:0;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;background:#f9fafb;color:#2d313e;line-height:1.5;overflow-x:auto}a{color:inherit;text-decoration:none}i{font-style:normal}li{list-style:none}dt,dd,p,ul,li{margin:0;padding:0}img{max-width:100%;height:auto;display:block;vertical-align:middle}.nav-tabs{display:flex;gap:32px;margin-bottom:20px;justify-content:center}.nav-tabs__item{position:relative;text-align:center;color:#6a7282;font-size:15px;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-weight:400;text-decoration:none;padding-bottom:4px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-tabs__item:hover{color:#2d313e}.nav-tabs .active{color:#2d313e;font-weight:600}.nav-tabs .active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#0f89ff}.filter{display:flex;gap:16px;margin-bottom:clamp(24px,1.6666666667vw,32px)}@media(min-width: 1920){.filter{margin-bottom:32px}}.filter{justify-content:center}.filter__btn{padding:7px 24px;min-width:104px;height:36px;background:#fff;border:1px #e5e7eb solid;border-radius:10px;cursor:pointer;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:14px;color:#6a7282;font-weight:400;line-height:21px;transition:background .2s,border-color .2s,color .2s}.filter__btn:hover{color:#2d313e}.filter__btn.active{background:rgba(15,137,255,.04);border-color:rgba(15,137,255,.2);color:#0f89ff;font-weight:600}.page-container{width:100%;max-width:1920px;min-width:1440px;margin:0 auto;padding:0}.focus-carousel{container-type:inline-size;position:relative;max-width:1920px;min-width:1440px;margin-top:clamp(18px,1.25vw,24px)}@media(min-width: 1920){.focus-carousel{margin-top:24px}}.focus-carousel{margin-bottom:clamp(27px,1.875vw,36px)}@media(min-width: 1920){.focus-carousel{margin-bottom:36px}}.focus-carousel{aspect-ratio:1920px/426px}.focus-carousel__swiper{width:100%;min-width:1440px;height:100%;max-height:clamp(319.5px,22.1875vw,426px)}@media(min-width: 1920){.focus-carousel__swiper{max-height:426px}}.focus-carousel .swiper-slide{width:clamp(819px,56.875vw,1092px)}@media(min-width: 1920){.focus-carousel .swiper-slide{width:1092px}}.focus-carousel .swiper-slide{height:clamp(319.5px,22.1875vw,426px)}@media(min-width: 1920){.focus-carousel .swiper-slide{height:426px}}.focus-carousel .swiper-slide{flex-shrink:0;position:relative;overflow:hidden;margin-left:clamp(9px,0.625vw,12px)}@media(min-width: 1920){.focus-carousel .swiper-slide{margin-left:12px}}.focus-carousel .swiper-slide{margin-right:clamp(9px,0.625vw,12px)}@media(min-width: 1920){.focus-carousel .swiper-slide{margin-right:12px}}.focus-carousel .swiper-slide{border-radius:10px}.focus-carousel .swiper-slide::before{content:"";width:100%;height:100%;left:0;position:absolute;top:0;z-index:10;transition:all ease-in-out .2s}.focus-carousel .swiper-slide-active{width:clamp(819pxpx,calc(56.875px * 1vw),1092pxpx)}@media(min-width: 1920){.focus-carousel .swiper-slide-active{width:1092pxpx}}.focus-carousel .swiper-slide-active::before{pointer-events:none}.swiper-slide-active .focus-carousel__img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.focus-carousel .swiper-slide-prev::before{background:hsla(0,0%,100%,.4)}.focus-carousel .swiper-slide-next::before{background:hsla(0,0%,100%,.4)}.swiper-slide-prev .focus-carousel__img{-o-object-fit:cover;object-fit:cover;-o-object-position:right center;object-position:right center}.swiper-slide-prev .focus-carousel__caption{opacity:0;transform:translateX(-70px)}.swiper-slide-next .focus-carousel__img{-o-object-fit:cover;object-fit:cover;-o-object-position:left center;object-position:left center}.swiper-slide-next .focus-carousel__caption{opacity:0;transform:translateX(70px)}.swiper-slide-active .focus-carousel__caption,.swiper-slide.init .focus-carousel__caption{opacity:1;transform:translateX(0);pointer-events:none}.focus-carousel__img-wrap{width:100%;height:100%;position:relative;overflow:hidden;border-radius:10px}.focus-carousel__img-wrap::after{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);pointer-events:none}.focus-carousel__img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:transform 6s ease-out}.swiper-slide-active .focus-carousel__img{transform:scale(1.03)}.focus-carousel__caption{position:absolute;bottom:0;left:0;right:0;padding-top:clamp(36px,2.5vw,48px)}@media(min-width: 1920){.focus-carousel__caption{padding-top:48px}}.focus-carousel__caption{padding-left:clamp(36px,2.5vw,48px)}@media(min-width: 1920){.focus-carousel__caption{padding-left:48px}}.focus-carousel__caption{padding-right:clamp(36px,2.5vw,48px)}@media(min-width: 1920){.focus-carousel__caption{padding-right:48px}}.focus-carousel__caption{padding-bottom:clamp(31.5px,2.1875vw,42px)}@media(min-width: 1920){.focus-carousel__caption{padding-bottom:42px}}.focus-carousel__caption{color:#fff;z-index:2;opacity:0;transform:translateX(0);transition:opacity 1.2s ease,transform 1.2s ease}.focus-carousel__caption h3{margin:0 0 10px;font-size:clamp(24px,1.6666666667vw,32px)}@media(min-width: 1920){.focus-carousel__caption h3{font-size:32px}}.focus-carousel__caption h3{line-height:clamp(30px,2.0833333333vw,40px)}@media(min-width: 1920){.focus-carousel__caption h3{line-height:40px}}.focus-carousel__caption h3{font-weight:500}.focus-carousel__caption p{margin:0;font-size:clamp(13.5px,0.9375vw,18px)}@media(min-width: 1920){.focus-carousel__caption p{font-size:18px}}.focus-carousel__caption p{line-height:clamp(21px,1.4583333333vw,28px)}@media(min-width: 1920){.focus-carousel__caption p{line-height:28px}}.focus-carousel__caption p{opacity:.9}.focus-carousel__overlay{position:absolute;top:0;bottom:0;width:clamp(274.5pxpx,calc(19.0625px * 1vw),366pxpx)}@media(min-width: 1920){.focus-carousel__overlay{width:366pxpx}}.focus-carousel__overlay{pointer-events:none;z-index:3}.focus-carousel__overlay--left{left:24px;background:hsla(0,0%,100%,.65)}.focus-carousel__overlay--right{right:24px;background:hsla(0,0%,100%,.65)}.focus-carousel .swiper-pagination{bottom:25px !important}.focus-carousel .swiper-pagination-bullet{width:6px;height:6px;border-radius:3px;background:hsla(0,0%,100%,.5);opacity:1;transition:all ease .3s}.focus-carousel .swiper-pagination-bullet-active{background:#fff;width:32px}.focus-carousel__arrow{width:48px;height:48px;border-radius:50%;background:rgba(0,0,0,.4);color:#fff;opacity:0;transition:opacity .5s ease,background .3s ease}.focus-carousel__arrow::after{font-size:20px}.focus-carousel__arrow:hover{background:rgba(0,0,0,.6)}.focus-carousel__arrow.swiper-button-disabled{opacity:0}.focus-carousel.is-hover .focus-carousel__arrow:not(.swiper-button-disabled){opacity:1}.focus-carousel .swiper-button-prev{left:calc(21.5625% + 32px);right:auto}.focus-carousel .swiper-button-next{left:calc(78.4375% - 32px - 48px);right:auto}.waterfall{position:relative;margin:0 42px;padding-bottom:40px;min-height:clamp(390px,27.0833333333vw,520px)}@media(min-width: 1920){.waterfall{min-height:520px}}.waterfall__cols{display:flex;-moz-column-gap:clamp(18px,1.25vw,24px);column-gap:clamp(18px,1.25vw,24px)}@media(min-width: 1920){.waterfall__cols{-moz-column-gap:24px;column-gap:24px}}.waterfall__cols{row-gap:clamp(18px,1.25vw,24px)}@media(min-width: 1920){.waterfall__cols{row-gap:24px}}.waterfall__cols{justify-content:center;align-items:flex-start}.waterfall__col{box-sizing:border-box;flex:0 0 calc((100% - 4*1.25vw)/5);display:flex;flex-direction:column;row-gap:clamp(18px,1.25vw,24px)}@media(min-width: 1920){.waterfall__col{row-gap:24px}}.waterfall__item{opacity:0;transform:translateY(30px);transition:opacity .5s ease,transform .5s ease,box-shadow .3s ease}.waterfall__item.is-visible{opacity:1;transform:translateY(0)}.waterfall__item:hover .waterfall__card{box-shadow:0 2px 4px -2px rgba(0,0,0,.1),0 4px 6px -1px rgba(0,0,0,.1)}.waterfall__item:hover .waterfall__img-wrap img{transform:scale(1.03)}.waterfall__card{display:block;background:#fff;border-radius:10px;overflow:hidden;transition:box-shadow .3s ease;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)}.waterfall__avatar{width:clamp(21px,1.4583333333vw,28px)}@media(min-width: 1920){.waterfall__avatar{width:28px}}.waterfall__avatar{height:clamp(21px,1.4583333333vw,28px)}@media(min-width: 1920){.waterfall__avatar{height:28px}}.waterfall__avatar{border-radius:50%;-o-object-fit:cover;object-fit:cover}.waterfall__img-wrap{position:relative;width:100%;overflow:hidden;background:#f0f0f0}.waterfall__img-wrap::before{content:"";display:block;padding-top:75%}.waterfall__img-wrap img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.waterfall__body{padding:16px}.waterfall__title{margin:0 0 12px;font-size:15px;font-weight:500;color:#2d313e;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.waterfall__title .tag{border-radius:4px;background:#ff4f4f;width:20px;height:20px;color:#fff;position:relative;font-size:14px;font-weight:500;text-align:center;line-height:20px;margin-right:5px;display:inline-block}.waterfall__meta{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#848792}.waterfall__author{display:flex;align-items:center;gap:8px;color:#6a7282}.waterfall__stats{display:flex;align-items:center;gap:16px}.waterfall__stats span{display:flex;align-items:center;gap:4px}.waterfall__stats span::before{content:"";width:14px;height:14px}.waterfall__stats .waterfall__views::before{background:url("https://www1.pconline.com.cn/2026/sybl/images/home/ico-eye.png") no-repeat;background-size:contain}.waterfall__stats .waterfall__replay::before{background:url("https://www1.pconline.com.cn/2026/sybl/images/home/ico-recom.png") no-repeat;background-size:contain}.waterfall-loading{text-align:center;padding:40px 20px 72px;color:#848792;font-size:14px}.waterfall-loading__spinner{display:inline-block;width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#0f89ff;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}.waterfall-loading.is-hidden{display:none}.waterfall-nothing{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding-bottom:80px}.waterfall-nothing::before{content:"";width:256px;height:256px;background:url("https://www1.pconline.com.cn/2026/sybl/images/home/bg-nothing.png") no-repeat;background-size:contain}.waterfall-nothing .tip{font-size:14px;line-height:20px;color:#6a7282;position:relative;margin-top:-40px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width: 1024px){.waterfall__cols{flex-wrap:wrap;justify-content:center}.waterfall__col{flex:0 0 calc(50% - 1.25vw/2);max-width:400px;display:flex;flex-direction:column;row-gap:clamp(18px,1.25vw,24px)}}@media(max-width: 1024px)and (min-width: 1920){.waterfall__col{row-gap:24px}}@media(max-width: 768px){.page-container{padding:0 16px 40px}.focus-carousel__caption h3{font-size:18px}.waterfall__cols{flex-direction:column;align-items:center}.waterfall__col{flex:0 0 100%;max-width:400px}}.side-widget{width:56px;position:fixed;padding:12px 0;right:0;bottom:10%;background:#fff;border-radius:12px 0 0 12px;flex-direction:column;row-gap:16px;align-items:center;z-index:5;display:none;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1))}.side-widget.show{display:flex}.side-widget .icon{display:flex;flex-direction:column;align-items:center;line-height:14px;font-size:12px;text-align:center;cursor:pointer}.side-widget .icon:hover{color:#0f89ff}.side-widget .icon:hover .qrcode{display:block}.side-widget .icon::before{content:"";width:24px;height:24px;background:red;margin-bottom:2px}.side-widget .icon.wechat::before{background:url("https://www1.pconline.com.cn/2026/sybl/images/home/ico-weixin.png") no-repeat;background-size:contain}.side-widget .icon.wechat:hover::before{background-image:url("https://www1.pconline.com.cn/2026/sybl/images/home/ico-weixin-act.png")}.side-widget .icon.contact::before{background:url("https://www1.pconline.com.cn/2026/sybl/images/home/ico-contact.png") no-repeat;background-size:contain}.side-widget .icon.contact:hover::before{background-image:url("https://www1.pconline.com.cn/2026/sybl/images/home/ico-contact-act.png")}.side-widget .icon.totop::before{background:url("https://www1.pconline.com.cn/2026/sybl/images/home/ico-toTop.png") no-repeat;background-size:contain}.side-widget .icon.totop:hover::before{background-image:url("https://www1.pconline.com.cn/2026/sybl/images/home/ico-toTop-act.png")}.side-widget .qrcode{position:absolute;right:60px;bottom:0;display:none}.side-widget .qrcode-wrap{width:220px;text-align:center;padding:0 24px 12px;box-sizing:border-box;background:url("https://www1.pconline.com.cn/2026/sybl/images/home/bg-miniapp.png") top no-repeat #fff;background-size:100% auto;border-radius:10px}.side-widget .qrcode em{line-height:50px;color:#2d313e;font-style:normal;font-size:16px}.side-widget .qrcode .img-wrap{border:1px solid #daf5ff;width:172px;height:172px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.side-widget .qrcode .img-wrap img{width:160px;height:160px}.side-widget .qrcode .img-wrap::before,.side-widget .qrcode .img-wrap::after{content:"";position:absolute;border:2px solid;width:8px;height:8px}.side-widget .qrcode .img-wrap::before{top:-1px;left:-1px;border-color:#0f89ff rgba(0,0,0,0) rgba(0,0,0,0) #0f89ff}.side-widget .qrcode .img-wrap::after{bottom:-1px;right:-1px;border-color:rgba(0,0,0,0) #0f89ff #0f89ff rgba(0,0,0,0)}.side-widget .qrcode p{padding-top:8px;color:#71768f;font-size:14px;line-height:20px}.side-widget .qrcode img{width:160px;height:160px;display:inline-block}body .g-footer{background-color:#fff;color:#2d313e}body .g-footer a{color:#2d313e}body,form,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,input,select,option,textarea{padding:0px;margin:0px;box-sizing:content-box}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}ol,ul,li{list-style:none}h1,h2,h3{font-size:100%;font-weight:normal;margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}input,select,img,textarea{vertical-align:middle;font-size:12px;outline:none}i,em{font-style:normal}a{text-decoration:none;color:#333}a:hover{color:#0f89ff}.yh{font-family:"Microsoft YaHei"}.fh{overflow:hidden;text-indent:-9999px}.fl,.left{float:left}.fr,.right{float:right}.hidden{display:none}.block{display:block}.blank5px,.blank10px,.blank15px,.blank30px{display:block;clear:both;font-size:1px;overflow:hidden}.blank5px{height:5px;line-height:5px}.blank10px{height:10px;line-height:10px}.blank15px{height:15px;line-height:15px}.blank30px{height:30px;line-height:30px}.lh18{line-height:18px}.lh20{line-height:20px}.lh22{line-height:22px}.lh24{line-height:24px}.f12{font-size:12px}.f14{font-size:14px}.fn{font-weight:normal}.fb{font-weight:bold}.tl{text-align:left}.tc{text-align:center}.tr{text-align:right}.relate{position:relative}.absolute{position:absolute}.ofh{overflow:hidden}.p2em{text-indent:2em}.clearfix:after{content:" ";clear:both;height:0;display:block;overflow:hidden}.clearfix{*zoom:1}.clear{height:0;line-height:0;font-size:0;overflow:hidden;clear:both}.justify{text-align:justify;text-justify:inter-ideograph;white-space:normal;word-break:break-all}.nowrap{white-space:nowrap}.contentdiv{display:none}.pagination{zoom:1}.mark{height:100%;float:left}.subMark{padding-right:10px;float:right}.popBoxInit .low{margin:25px auto 20px}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb20{margin-bottom:20px}.mr10{margin-right:10px}.mt10{margin-top:10px}.pt4{padding-top:4px}.pt5{padding-top:5px}.pt10{padding-top:10px}.pt15{padding-top:15px}.pt20{padding-top:20px}.f14{font-size:14px}.hide,.hidden{display:none}.yellow{color:#f60}.red{color:#c00}.gray{color:#777}.popBox{font-size:12px}.popBox.popBox4{height:445px}.popBox.popBox4 .typeSubmit3{padding-top:40px}.popBox .popBoxInit .low{margin:25px auto 20px}.popBox .wPic160 .iPic img{width:160px;height:160px;-o-object-fit:cover;object-fit:cover}.popBox #upLoading{height:92px}