.landing-mask[data-v-dbf89cfc]{background:linear-gradient(transparent,rgba(var(--z-global-bg)),rgba(var(--z-global-bg)));bottom:0;content:"";height:10vh;left:0;position:absolute;right:0;z-index:1}.landing-cover[data-v-dbf89cfc]{inset:0 0 auto;pointer-events:none;position:absolute;width:100%}.landing-info[data-v-dbf89cfc]{color:#262f48;font-size:28px;font-weight:700;letter-spacing:6px;margin-top:-45px;opacity:.9;z-index:1}.landing-info-name[data-v-dbf89cfc]{letter-spacing:10px}.landing-info-svg[data-v-dbf89cfc]{color:rgba(var(--z-slate-bg2))}.landing-info-line[data-v-dbf89cfc]{background-color:rgba(var(--z-slate-bg2))}.landing-start[data-v-dbf89cfc]{bottom:6vh;position:absolute;z-index:2}.landing-tags[data-v-dbf89cfc]{margin:0 auto;overflow:hidden;width:clamp(350px,40vw,520px);grid-column-gap:15px}.landing-tags .tags-container[data-v-dbf89cfc]{animation:scroll-dbf89cfc 20s linear infinite;display:flex;width:-moz-fit-content;width:fit-content}.landing-tags:hover .tags-container[data-v-dbf89cfc]{animation-play-state:paused}.tag-container[data-v-dbf89cfc]{background-color:rgba(var(--z-common-bg));border:1px solid #fff;border-radius:99px;margin-right:15px;padding:3px;white-space:nowrap}.tag-container[data-v-dbf89cfc]:hover{box-shadow:0 2px 18px 12px #c2d2fc26}.landing-tags .tag-text[data-v-dbf89cfc]{background-color:rgba(var(--z-basic-color));border:1px solid rgba(var(--z-basic-color));border-radius:99px;padding:5px 12px}@keyframes scroll-dbf89cfc{0%{transform:translate(0)}to{transform:translate(-50%)}}[data-theme=dark] .landing-mask[data-v-dbf89cfc]{filter:invert(1) hue-rotate(180deg)}#landing[data-v-f158c9c3]{background:#eceef6;height:clamp(550px,68vh,800px);overflow:hidden;width:inherit}#landing .ouo-btn{background-color:#fafbfc}[data-theme=dark] #landing{display:none}.post-title[data-v-a999cb49]{font-size:1.4rem;font-weight:700}.post-title svg[data-v-a999cb49]{color:rgba(var(--z-primary-color));margin-top:-11px}.header-more[data-v-a999cb49]{align-items:center;display:flex}.header-more p[data-v-a999cb49]{font-weight:700;text-align:center;white-space:nowrap}.header-more .iconify[data-v-a999cb49],.header-more i[data-v-a999cb49]{background-color:rgba(var(--z-primary-color))}.header-more[data-v-a999cb49]:hover{animation-duration:1s;animation-fill-mode:both;animation-name:bounceIn-a999cb49}@keyframes bounceIn-a999cb49{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{transform:scale3d(1.03,1.03,1.03)}25%{transform:scale3d(.9,.9,.9)}50%{opacity:1;transform:scale3d(1.03,1.03,1.03)}75%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.article-item[data-v-dcc05ef2]{background-color:rgb(var(--z-common-bg));height:140px;width:100%}@media(min-width:1750px){.article-item[data-v-dcc05ef2]{height:180px}}.article-item__container[data-v-dcc05ef2]{padding:12px 22px}.article-item:first-child .article-item-img[data-v-dcc05ef2]{clip-path:polygon(0 0,100% 0,80% 100%,0 100%)}.article-item:first-child .article-item-img[data-v-dcc05ef2],.article-item:last-child .article-item-img[data-v-dcc05ef2]{-webkit-mask:linear-gradient(-90deg,transparent 5px,rgba(var(--z-basic-color)) 30%);mask:linear-gradient(-90deg,transparent 5px,rgba(var(--z-basic-color)) 30%);max-width:350px;-o-object-fit:cover;object-fit:cover;width:35%}.article-item:last-child .article-item-img[data-v-dcc05ef2]{clip-path:polygon(0 0,80% 0,100% 100%,0 100%)}.mask[data-v-af081c8c]{height:clamp(100px,100%,140px);margin-left:-10px;margin-right:-10px}@media(min-width:1750px){.mask[data-v-af081c8c]{height:clamp(100px,100%,180px)}}.article-item__v[data-v-af081c8c]{width:clamp(260px,40%,500px)}.article-item__v .article-item[data-v-af081c8c]{background-color:rgb(var(--z-common-bg));height:300px;padding:12px 25px 15px;width:100%}@media(min-width:1750px){.article-item__v .article-item[data-v-af081c8c]{height:380px}}.aside[data-v-c231cb40]{margin-left:60px;width:clamp(240px,35%,300px)}@media(min-width:810px)and (max-width:1749px){.aside[data-v-c231cb40]{margin-left:35px;width:clamp(220px,30%,300px)}}.article-more[data-v-c231cb40]{transition:all .2s;width:-moz-fit-content;width:fit-content}.article-more p[data-v-c231cb40]{font-size:15px;font-weight:600;text-align:center;white-space:nowrap}.article-more .icon[data-v-c231cb40]{align-items:center;background-color:rgba(var(--z-gray-bg-900),.1);border-radius:99px;display:inline-flex;height:20px;justify-content:center;position:relative;width:20px}.article-more[data-v-c231cb40]:hover{color:rgba(var(--z-primary-color))}.data-item:hover .line{height:30px}.line{background:linear-gradient(rgba(var(--z-primary-color),.8) 0,rgba(var(--z-primary-color),.3));border-radius:12px;flex-shrink:0;height:12px;margin-right:10px;transition:height .4s ease-out;width:4px}.top-data[data-v-5a4eb216]{grid-template-columns:auto auto}@media(min-width:0)and (max-width:520px){.top-data[data-v-5a4eb216]{grid-template-columns:auto}}.top-data__item[data-v-5a4eb216]{background-color:rgb(var(--z-common-bg));border-radius:12px;padding:25px 30px 20px}.top-data-title[data-v-5a4eb216]{font-size:17px;font-weight:700}.carousel-container[data-v-5a4eb216]{align-items:center;display:flex;flex-direction:column;gap:10px;min-height:185px;overflow:hidden;position:relative}.carousel-items[data-v-5a4eb216]{height:100%;position:relative;width:100%}.carousel-page[data-v-5a4eb216]{left:0;position:absolute;top:0;width:100%}.carousel-fade-enter-active[data-v-5a4eb216],.carousel-fade-leave-active[data-v-5a4eb216]{transition:opacity .6s ease}.carousel-fade-enter-from[data-v-5a4eb216],.carousel-fade-leave-to[data-v-5a4eb216]{opacity:0}.carousel-slide-enter-active[data-v-5a4eb216],.carousel-slide-leave-active[data-v-5a4eb216]{transition:all .6s ease}.carousel-slide-enter-from[data-v-5a4eb216]{opacity:0;transform:translateY(100%)}.carousel-slide-leave-to[data-v-5a4eb216]{opacity:0;transform:translateY(-100%)}.landing-container[data-v-01e46bcd]{grid-template-columns:1.2fr 1fr;margin-top:150px}@media(min-width:521px)and (max-width:809px){.landing-container[data-v-01e46bcd]{grid-template-columns:repeat(1,1fr)}}.landing__info-title[data-v-01e46bcd]{font-size:32px;font-weight:600;letter-spacing:3px}.landing__info-subtitle[data-v-01e46bcd]{font-size:19px}.data-title[data-v-01e46bcd]{font-size:26px}.landing__data[data-v-01e46bcd],.landing__info[data-v-01e46bcd]{background-color:rgb(var(--z-common-bg));border-radius:12px;padding:25px 30px 20px}.landing-tags[data-v-01e46bcd]{overflow:hidden;width:100%;grid-column-gap:15px}.landing-tags .tags-container[data-v-01e46bcd]{animation:scroll-01e46bcd 20s linear infinite;display:flex;width:-moz-fit-content;width:fit-content}.landing-tags:hover .tags-container[data-v-01e46bcd]{animation-play-state:paused}.landing-tags .tag-container[data-v-01e46bcd]{background-color:rgba(var(--z-regular-bg));border-radius:99px;margin-right:15px;padding:5px 13px;transition:background-color .3s ease;white-space:nowrap}.landing-tags .tag-container[data-v-01e46bcd]:hover{background-color:rgba(var(--z-regular-bg-hover))}.landing-tags .tag-text[data-v-01e46bcd]{background:linear-gradient(0deg,#09f 0,#4a6a80);background:rgba(var(--z-primary-fontcolor));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;-webkit-text-fill-color:transparent;filter:contrast(.8)}@keyframes scroll-01e46bcd{0%{transform:translate(0)}to{transform:translate(-50%)}}#post{margin:0 auto;max-width:1180px;padding:10px 50px 50px}@media(min-width:1750px){#post{max-width:var(--z-max-width)}}@media(min-width:0)and (max-width:520px){#post{display:flex;flex-direction:column;padding:0 16px 10px}}.article-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}@media(min-width:521px)and (max-width:809px){.article-grid{grid-template-columns:repeat(1,1fr)}}[data-theme=dark] .skeleton-post{margin-top:120px!important}.landing-img{height:45px;margin-right:10px;width:45px}.landing-img .cover{border:2px solid rgba(var(--z-basic-color),1);border-radius:5px}.landing-description{font-size:17px;font-weight:600}.landing-msearch{background-color:rgba(var(--z-common-bg));border-radius:22px;box-shadow:0 8px 25px rgba(var(--z-deep-color),.08);margin:35px 0 5px;padding:12px 25px}.landing-msearch .iconify,.landing-msearch i{bottom:0;margin:auto;right:22px;top:0}
