@charset "UTF-8";

/* News article */
#ArticleCover{position:relative;}
#ArticleCover::before{content:'';display:block;position:absolute;inset:0;z-index:-1;background-color:var(--background-color);background-image:linear-gradient(135deg,hsl(var(--offset-h1) var(--offset-s1) var(--offset-l1)),hsl(var(--offset-h2) var(--offset-s2) var(--offset-l2)));background-size:cover;-webkit-mask-image:linear-gradient(180deg,rgba(0 0 0 / 100%),rgba(0 0 0 / 0));mask-image:linear-gradient(180deg,rgba(0 0 0 / 100%),rgba(0 0 0 / 0));pointer-events:none;}
#ArticleCover>.inner{display:flex;flex-direction:column;gap:var(--spacing);margin-inline:auto;width:min(var(--MaxContentWidth),100%);padding:var(--spacing);padding-block-end:unset;box-sizing:border-box;position:relative;}
#ArticleCover #Breadcrumbs a{color:var(--color);}
#ArticleCover #Breadcrumbs ul>li~li::before{color:var(--color);opacity:.25;}
#ArticleCover .cover{aspect-ratio:2/1;border-radius:.5em;overflow:hidden;background:var(--body-text-color-a5,#fff);}
#ArticleCover .cover img{display:block;width:100%;height:100%;object-fit:cover;}
#ArticleCover .title{display:flex;flex-direction:column;gap:1em;}
#ArticleCover .title h1{font-size:clamp(1.5em,3vw,2em);font-weight:var(--CPT-FW-EB);line-height:1.333334;}
#ArticleCover .title .update{}
@media only screen and (min-width:1001px){
	#ArticleCover .title{position:absolute;inset-inline:var(--spacing);inset-block-end:0;z-index:1;padding:calc(var(--spacing) / 1.5) var(--spacing);background:linear-gradient(180deg,hsl(0 0% clamp(0%,calc((var(--lightness) - var(--threshold)) * 100% * infinity),100%)/25%),hsl(0 0% clamp(0%,calc((var(--lightness) - var(--threshold)) * 100% * infinity),100%)/50%));color:var(--color);border-end-start-radius:.5em;border-end-end-radius:.5em;text-shadow: hsl(0 0% clamp(0%,calc((var(--lightness) - var(--threshold)) * 100% * infinity),100%)/25%) .1em .1em .25em;}
}
@media only screen and (max-width:1000px){
	#ArticleCover>.inner{padding-block-start:1.5em;gap:1.5em;}
	#ArticleCover .title{padding-block-end:var(--spacing);box-shadow:var(--body-text-color-a10,rgb(0 0 0/10%)) 0 1px 0;}
}
@media only screen and (max-width:800px){}
@media only screen and (max-width:640px){}
@media only screen and (max-width:480px){}


#ArticleContent{display:flex;flex:auto;}
#ArticleContent>.inner{display:grid;grid:"article_container line article_functions"/1fr 1px clamp(25em,33%,30em);gap:var(--spacing);margin-inline:auto;width:min(var(--MaxContentWidth),100%);padding:var(--spacing);box-sizing:border-box;}
#ArticleContent>.inner::before{grid-area:line;content:'';display:block;background:var(--body-text-color-a5,rgb(0 0 0/5%));}
#ArticleContent #article_container{grid-area:article_container;}
#ArticleContent #article_functions{grid-area:article_functions;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){
	#ArticleContent>.inner{grid:"article_container" 1fr "line" 1px "article_functions" auto;}
}
@media only screen and (max-width:800px){}
@media only screen and (max-width:640px){}
@media only screen and (max-width:480px){}


#article_container{display:flex;flex-direction:column;gap:var(--spacing);}
article.news{}
article.news h2{font-size:var(--SiteFS-XL);font-weight:var(--CPT-FW-EB);line-height:1.333334;margin-block:1em;}
article.news h2:first-child{margin-block-start:unset;}
article.news h3{font-size:var(--SiteFS-L);font-weight:var(--CPT-FW-EB);line-height:1.333334;margin-block:1em;}
article.news ol,
article.news ul{margin-block:1em;margin-inline-start:var(--spacing);}
article.news ul>li{list-style:disc outside;margin-block:.75em;}
article.news ol>li{list-style:decimal outside;margin-block:.75em;}
article.news ol>li::marker,
article.news ul>li::marker{color:var(--body-text-color-a50,rgba(0 0 0/50%));}
article.news b{font-weight:var(--CPT-FW-B);}
article.news a{font-weight:var(--CPT-FW-B);}
article.news a:hover{text-decoration:underline;}
article.news img{display:block;min-width:var(--CPT-US);min-height:var(--CPT-US);max-width:min(50em,100%);max-height:40em;width:auto;height:auto;}
article.news .img_wrp{width:fit-content;max-width:min(50em,100%);margin-block:1em;box-sizing:border-box;background:var(--body-text-color-a5,#fff);box-shadow:var(--body-text-color-a10,rgb(0 0 0/10%)) 0 0 0 1px;border-radius:.5em;overflow:hidden;}
article.news .img_wrp>img{display:block;max-width:min(50em,100%);max-height:40em;width:auto;height:auto;}
article.news .youtube-player{max-width:min(50em,100%);margin-block:1em;box-sizing:border-box;background:var(--body-text-color-a5,#fff);box-shadow:var(--body-text-color-a10,rgb(0 0 0/10%)) 0 0 0 1px;border-radius:.5em;overflow:hidden;}
article.news iframe{display:block;width:100%;max-width:60em;height:auto;aspect-ratio:16/9;margin-inline:auto;border-radius:.5em;overflow:hidden;-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){}
@media only screen and (max-width:640px){}
@media only screen and (max-width:480px){}


#article_functions{position:sticky;inset-block-start:calc(var(--news-header-height) * 1px + var(--spacing));z-index:1;display:flex;flex-direction:column;gap:var(--spacing);align-self:start;}
#article_functions .article_share,
#article_functions .article_related{display:flex;flex-direction:column;gap:1em;}
#article_functions .title{}
#article_functions .title h3{font-size:var(--SiteFS);font-weight:var(--CPT-FW-EB);}

#article_functions .article_share{}
#article_functions .article_share .share_list{display:flex;flex-wrap:wrap;gap:1em;--CPT-US:3em;}
#article_functions .article_share .share_list .btw{}
#article_functions .article_share .share_list .btw:not(:hover){--border-color:var(--body-text-color-a10,rgba(0 0 0/10%));--background-color:transparent;--shadow-color:transparent !important;--color:currentColor;}


#article_functions .article_related{}
#article_functions .article_related .list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(25em,100%),1fr));gap:1em var(--spacing);}
#article_functions .article_related .article{display:grid;grid:"img headline" auto "img time" 1fr/2fr 3fr;align-items:start;gap:.75em 1.5em;color:inherit;transition:color 300ms;}
#article_functions .article_related .article:hover{color:var(--SiteTHM);}
#article_functions .article_related .article:hover .img>img{transform:scale(105%);}
#article_functions .article_related .img{grid-area:img;aspect-ratio:3/2;border-radius:.5em;overflow:hidden;background:var(--body-text-color-a5,#fff);box-shadow:var(--body-text-color-a5,rgba(0 0 0 / 5%)) 0 0 0 1px;}
#article_functions .article_related .img>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 300ms;}
#article_functions .article_related .headline{grid-area:headline;}
#article_functions .article_related .headline>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:3em;text-overflow:ellipsis;overflow:hidden;hyphens:auto;font-weight:var(--CPT-FW-B);}
#article_functions .article_related .time{grid-area:time;font-size:var(--SiteFS-S);color:var(--body-text-color-a50,rgba(0 0 0/50%));}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){
	#article_functions{position:unset;}
}
@media only screen and (max-width:800px){}
@media only screen and (max-width:640px){}
@media only screen and (max-width:480px){}


/* 游戏入口 */
.article_game{display:flex;flex-direction:column;gap:1em;}
.article_game .title{}
.article_game .title h3{margin:unset;}
.article_game .list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(20em,100%),1fr));gap:1em;}
.article_game .game{display:grid;grid:"img info"/var(--w,8em) 1fr;color:var(--color);background-color:var(--background-color);background-image:linear-gradient(135deg,hsl(var(--offset-h1) var(--offset-s1) var(--offset-l1)),hsl(var(--offset-h2) var(--offset-s2) var(--offset-l2)));background-size:cover;box-shadow:var(--color-img-bgc) 0 0 0 1px;border-radius:.5em;overflow:hidden;width:min(30em,100%);}
.article_game .game:hover{text-decoration:none;}
.article_game .game:hover .img>img{transform:scale(105%);}
.article_game .img{grid-area:img;aspect-ratio:3/4;background-color:var(--color-img-bdc);overflow:hidden;}
.article_game .img>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 300ms;}
.article_game .info{grid-area:info;display:flex;flex-direction:column;justify-content:center;gap:1em;padding-block:1.25em;padding-inline:1.5em;}
.article_game .name{margin-block:auto;}
.article_game .name span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:3em;text-overflow:ellipsis;overflow:hidden;hyphens:auto;font-size:var(--fs,var(--SiteFS-L));font-weight:var(--CPT-FW-EB);}
.article_game .enter{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1em;}
.article_game .enter::before{content:attr(icon);display:block;font-size:1.5em;order:9;}
.article_game .enter span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:var(--CPT-FW);}
article.news .article_game{margin-block:var(--spacing);}
article.news .article_game .game:only-child{grid-column:1/-1;width:min(40em,100%);--w:10em;--fs:var(--SiteFS-XL);}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){}
@media only screen and (max-width:640px){}
@media only screen and (max-width:480px){
	.article_game .game{--w:8em !important;}
}


/* 商品入口 */
.article_item{display:flex;flex-direction:column;gap:1em;}
.article_item .title{}
.article_item .title h3{margin:unset;}
.article_item .list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(20em,100%),1fr));gap:1em;}
.article_item .item{display:grid;grid:"img info"/auto 1fr;gap:1.25em;width:min(30em,100%);padding:1em;box-sizing:border-box;color:inherit;background-color:var(--background-color-L3,#fff);box-shadow:var(--SiteTHM-A0) 0 0 0 999em inset,var(--body-text-color-a10,rgba(0 0 0/5%)) 0 0 0 1px;border-radius:.5em;overflow:hidden;transition:box-shadow 300ms;--w:6em;}
.article_item .item:hover{box-shadow:var(--SiteTHM-A10) 0 0 0 999em inset,var(--SiteTHM) 0 0 0 2px;text-decoration:none;}
.article_item .item:hover .img>img{transform:scale(105%);}
.article_item .img{grid-area:img;width:var(--w);height:var(--w);background:var(--body-text-color-a5,#fff);box-shadow:var(--body-text-color-a5,rgba(0 0 0 / 5%)) 0 0 0 1px;border-radius:.5em;overflow:hidden;}
.article_item .img>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 300ms;}
.article_item .info{grid-area:info;display:flex;flex-direction:column;justify-content:center;}
.article_item .name{margin-block:auto;}
.article_item .name span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:3em;text-overflow:ellipsis;overflow:hidden;hyphens:auto;font-size:var(--fs,1em);font-weight:var(--CPT-FW-EB);}
.article_item .enter{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1em;}
.article_item .enter::before{content:attr(icon);display:block;font-size:1.5em;order:9;}
.article_item .enter span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:var(--CPT-FW);}
article.news .article_item{margin-block:var(--spacing);}
article.news .article_item .item:only-child{grid-column:1/-1;width:min(40em,100%);--w:7em;--fs:var(--SiteFS-L);}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){}
@media only screen and (max-width:640px){}
@media only screen and (max-width:480px){
	.article_item .item{--w:6em !important;--fs:1em !important;}
}


/* 店铺入口 */
.article_seller{display:flex;flex-direction:column;gap:1em;}
.article_seller .title{}
.article_seller .title h3{margin:unset;}
.article_seller .list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(20em,100%),1fr));gap:1em;}
.article_seller .seller{display:grid;grid:"img info icon"/auto 1fr auto;gap:1.5em;width:min(30em,100%);padding:2em 1.5em;box-sizing:border-box;color:inherit;background-color:var(--background-color-L3,#fff);box-shadow:var(--SiteTHM-A0) 0 0 0 999em inset,var(--body-text-color-a10,rgba(0 0 0/5%)) 0 0 0 1px;border-radius:.5em;overflow:hidden;transition:box-shadow 300ms;--w:4em;}
.article_seller .seller::before{grid-area:icon;content:attr(icon);display:block;font-size:1.5em;align-self:center;}
.article_seller .seller:hover{box-shadow:var(--SiteTHM-A10) 0 0 0 999em inset,var(--SiteTHM) 0 0 0 2px;text-decoration:none;}
.article_seller .seller:hover .avatar>img{transform:scale(105%);}
.article_seller .avatar{grid-area:img;width:var(--w);height:var(--w);background:var(--body-text-color-a5,#fff);box-shadow:var(--body-text-color-a5,rgba(0 0 0 / 5%)) 0 0 0 1px;border-radius:100%;overflow:hidden;}
.article_seller .avatar>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 300ms;}
.article_seller .info{grid-area:info;display:flex;flex-direction:column;gap:.5em;}
.article_seller .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-block:auto;}
.article_seller .name span{font-size:var(--fs,var(--SiteFS-L));font-weight:var(--CPT-FW-EB);}
.article_seller .level{display:flex;align-items:center;gap:.5em;}
article.news .article_seller{margin-block:var(--spacing);}
article.news .article_seller .seller:only-child{grid-column:1/-1;width:min(40em,100%);}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){}
@media only screen and (max-width:640px){}
@media only screen and (max-width:480px){
	.article_item .item{--fs:1em;}
}