@charset "UTF-8";

:root {
	--sn-box-shadow: 0 14px 28px -4px rgba(14, 17, 20, .06);
	--sn-color-dark: #19232d;
	--sn-border-radius: 8px;
	--sn-header-height: 68px
}

.uk-label.frame {
	background-color: transparent;
	border: 1px solid #cacaca;
	color: #cacaca;
	transition: border-color,color .2s
}

.uk-label.frame:hover {
	border-color: #888;
	color: #888
}

.uk-label:hover {
	text-decoration: none
}

.qzhai-card-header-title {
	padding: 15px 20px;
	box-shadow: 0 2px 4px -2px #00000012;
	color: #888;
	font-size: 1rem;
	line-height: 1rem;
	min-height: 1rem;
	letter-spacing: 1;
	margin: 0
}

.qz-sidebar-sticky {
	z-index: 900
}

.xo-sidebar-box {
	width: 200px
}

.xo-ft {
	padding-top: 30px;
	margin-top: 80px;
	background: #333234;
	border-top: var(--sn-border)
}

.xo-ft-copyright {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding-bottom: 20px;
	gap: 14px
}

.qz_layout_single {
	position: relative;
	z-index: 1
}

.sn-topHeader_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 460px;
	background-image: linear-gradient(to bottom,#fff 60%,rgba(255,255,255,0) 100%);
	z-index: 0
}

#sn_post_content {
	border-bottom-right-radius: 0
}

#sn_post_content .sn-layout-sr-left {
	padding-bottom: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom: none
}

#sn_post_content .sn-layout-sr-right {
	border-bottom-right-radius: 0;
	border-bottom: 0;
	padding-bottom: 0
}

#sn_post_content .sn-layout-sr-right:after {
	border: none
}

.sn_sidebar_right {
	background-color: #fcfcfc;
	display: flex;
	border-radius: var(--sn-border-radius);
	box-sizing: border-box
}

.sn_sidebar_right .sn-layout-sr-left {
	background-color: #fff;
	box-shadow: 1px 0 1px #43434308;
	border-radius: var(--sn-border-radius);
	flex: 1;
	box-sizing: border-box;
	padding: 40px 40px 15px;
	overflow: hidden;
	border: var(--sn-border)
}

.sn_sidebar_right .sn-layout-sr-right {
	width: 320px;
	padding-top: 54px;
	position: relative;
	border-radius: 0 var(--sn-border-radius) var(--sn-border-radius) 0;
	border: var(--sn-border);
	border-left: none
}

.sn_sidebar_right .sn-layout-sr-right:after,.sn_sidebar_right .sn-layout-sr-right:before {
	content: "";
	left: 0;
	width: var(--sn-border-radius);
	position: absolute;
	height: 1px;
	border-top: var(--sn-border)
}

.sn_sidebar_right .sn-layout-sr-right:before {
	top: 0;
	transform: translate(-100%,-1px)
}

.sn_sidebar_right .sn-layout-sr-right:after {
	bottom: 0;
	transform: translate(-100%,2px)
}

#sn_post_other {
	border-top-right-radius: 0
}

#sn_post_other .sn-layout-sr-left {
	padding-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-top: none
}

#sn_post_other .sn-layout-sr-right {
	padding-top: 10px;
	border-top-right-radius: 0;
	border-top: none
}

#sn_post_other .sn-layout-sr-right:before {
	border: none
}

.sn-title-bar {
	border-bottom: 2px solid #f1f1f1;
	position: relative
}

.sn-title-bar:after {
	position: absolute;
	content: "";
	bottom: -2px;
	left: 0;
	height: 2px;
	width: 90px;
	background-color: #505050
}

.sn-title-bar-padding {
	padding-top: 14px;
	padding-bottom: 14px
}

#qz-footer-menu .uk-active a {
	color: #fff
}

.sn-a-top {
	position: fixed;
	bottom: 20px;
	right: 20px
}

.sn-a-top>.sn-item {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: #fff;
	border-radius: var(--sn-border-radius);
	box-shadow: var(--sn-box-shadow);
	border: var(--sn-border)
}

.sn-ft-link .uk-subnav>*>:first-child {
	font-size: 12px
}

@media (max-width: 960px) {
	.xo-sidebar-box {
		width: 100%
	}

	.xo-ft-copyright {
		flex-direction: column
	}
}

.uk-logo img {
	height: 35px
}

.qz-nav {
	margin: 0;
	padding: 0 20px;
	box-sizing: border-box;
	background: rgb(255,255,255);
	border-bottom: var(--sn-border);
	transition: all .2s
}

.qz-nav.uk-active {
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
	background-color: #fafafccc;
	z-index: 60
}

.sn-nav>li {
	padding: 0 10px;
	position: relative
}

.sn-nav>li.uk-active:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 4px;
	width: 100%;
	border-radius: 3px;
	background-color: var(--sn-color-primary)
}

.sn-nav>li>a {
	font-size: 16px
}

#sn-link-so {
	position: relative
}

#sn-link-so .uk-card-body {
	position: relative;
	z-index: 2;
	min-height: 340px;
	box-sizing: border-box;
	width: 100%;
	background-repeat: repeat;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: var(--sn-border-radius);
	padding-bottom: 10%
}

#sn-link-so.isBlur .uk-card-body {
	-webkit-backdrop-filter: saturate(180%) blur(80px);
	backdrop-filter: saturate(180%) blur(80px);
	background-color: #fafafc33;
	padding-bottom: 5%
}

#sn-link-so h1 {
	font-size: 40px;
	line-height: 1;
	margin: 0 0 35px;
	font-weight: 700
}

#sn-link-so #mmf_canvas {
	position: absolute;
	top: 10%;
	left: 0;
	width: 100%;
	height: 90%;
	z-index: 1;
	border-radius: var(--sn-border-radius)
}

#sn-link-so iframe {
	position: absolute;
	top: 0;
	left: 50%;
	max-width: 800px;
	width: 100%;
	height: 100%;
	border: none;
	opacity: .8;
	z-index: 1;
	border-radius: var(--sn-border-radius);
	overflow: hidden;
	transform: translate(-50%)
}

#sn-link-so:hover #mmf_hd_switch {
	opacity: 1
}

#mmf_hd_switch {
	position: absolute;
	top: 20px;
	left: 20px;
	color: #aaa;
	z-index: 10;
	transition: all .2s;
	opacity: 0
}

.py-search {
	max-width: 800px;
	width: 100%;
	margin-bottom: 30px!important
}

.py-search>.uk-subnav {
	margin: 0;
	width: 100%;
	justify-content: center
}

.py-search>.uk-subnav>li>a {
	font-weight: 600;
	height: 34px;
	padding: 0 10px;
	color: #5a5a5a
}

.py-search>.uk-subnav>li.uk-active a {
	background-color: #fff;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top: var(--sn-border);
	border-left: var(--sn-border);
	border-right: var(--sn-border);
	position: relative
}

.py-search>.uk-subnav>li.uk-active a:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 2px;
	background-color: #fff
}

.xo_search_input {
	--sn-border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fffc;
	border-radius: var(--sn-border-radius);
	box-shadow: var(--sn-box-shadow);
	border: var(--sn-border);
	box-sizing: border-box
}

.xo_search_input button {
	color: #fff;
    font-size: 18px;
	font-weight: 600;
	display: flex;
    justify-content: center;
    align-items: center;
	width: 126px;
	border-top-right-radius: var(--sn-border-radius);
	border-bottom-right-radius: var(--sn-border-radius);
	height: 48px;
	line-height: 48px
}

.xo_search_input input {
	background: transparent;
	padding: 0 20px;
	height: 45px;
	width: 100%
}

#xo-search-autocomplete {
	top: 110%;
	padding: 20px 70px
}

#xo-search-autocomplete .uk-nav-primary>li>a {
	font-size: 16px
}

.xo-search-active-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: opacity .2s
}

.xo-search-active-icon img {
	width: 40px;
	height: 40px
}

.input-focus .uk-search-icon {
	opacity: 0
}

.input-focus .xo-search-active-icon {
	opacity: 1
}

#xo-search-type {
	min-width: 100px
}

.sn-linkNav .uk-parent {
	--sn-color: #666
}

.sn-linkNav .uk-parent a.on {
    color: #fff;
    border: 1px solid #cecece;
    background-color: #34495e;
}

.sn-linkNav .uk-parent a:hover {
    color: #fff;
    border: 1px solid #cecece;
    background-color: #34495e;
}

.sn-linkNav .uk-parent>a {
	padding: 12px 0 12px 40px;
	border-radius: var(--sn-border-radius);
	box-sizing: border-box;
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 15px;
	color: #666;
	transition: border-color .2s
}

.sn-linkNav .uk-parent>a svg {
	width: 22px;
	height: 22px;
	color: var(--sn-color)
}

.sn-linkNav .uk-parent.open>a {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.sn-linkNav .uk-parent:hover>a {
	border-color: var(--sn-color-primary)
}

.sn-linkNav .uk-nav-sub {
	padding-left: 0px;
	padding-bottom: 16px;
	background-color: #fdfdfd;
	border-left: var(--sn-border);
	border-right: var(--sn-border);
	border-bottom: var(--sn-border);
	border-bottom-left-radius: var(--sn-border-radius);
	border-bottom-right-radius: var(--sn-border-radius)
}
.ripro-dark .sn-linkNav .uk-nav-sub {
	padding-left: 0px;
	padding-bottom: 16px;
	background-color: #191616;
	border-left: var(--sn-border);
	border-right: var(--sn-border);
	border-bottom: var(--sn-border);
	border-bottom-left-radius: var(--sn-border-radius);
	border-bottom-right-radius: var(--sn-border-radius)
}

.sn-linkNav .uk-nav-sub>li a.on {
    color: #fff;
    border: 1px solid #cecece;
    background-color: #34495e;
	border-radius: 6px;
	padding:3px 18px;
}
.sn-linkNav .uk-nav-sub>li a:hover {
    color: #fff;
    border: 1px solid #cecece;
    background-color: #34495e;
	border-radius: 6px;
	padding:3px 18px;
}

.sn-linkNav .uk-nav-sub>li {
    display: grid;
    justify-content: center; /* 水平居中整个内容区域 */
	margin-top: 8px;
	padding-left: 5px;
	padding-right: 5px;
}

.sn-linkNav .uk-nav-sub>li:before {
	left: 0px;
	width: 24px
}

.sn-linkNav .uk-nav-sub>li>a {
	font-size: 14px;
	color: #5a5a5a;
	transition: color .2s
}

.sn-linkNav .uk-nav-sub>li.active>a {
	color: var(--sn-color-primary)
}

.sn-linkNav .uk-parent+.uk-parent {
	margin-top: 6px
}
/*暗黑导航*/

#xo-nav-mobile .uk-dropdown {
	width: 100vw;
	box-sizing: border-box;
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	box-shadow: 0 10px 20px -1px #e3e8f7;
	background-color: #fafafcfc
}

#xo-nav-mobile .sn-nav {
	width: 100%;
	justify-content: center;
	flex-wrap: wrap
}

#xo-nav-mobile .sn-nav>li.uk-active:before {
	display: none
}

.sn-linkNav_mobile {
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

.sn-linkNav_mobile>li {
	width: 33.3%
}

.sn-linkNav_mobile>li>a {
	display: flex;
	flex-direction: column;
	gap: .25rem;
	font-size: .9375rem;
	align-items: center
}

.sn-linkNav_mobile .hd-icon {
	display: flex;
	width: 2.5rem;
	height: 2.5rem;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	background-color: var(--sn-color, #344153);
	color: #fff
}

.sn-header-rightNav {
	padding: 0;
	display: flex;
	gap: 30px;
	align-items: center;
	list-style: none;
	margin: 0
}

.sn_header_top {
	background: #fff;
	border-bottom: var(--sn-border);
	padding: 0 20px;
	position: relative;
	z-index: 10
}

.sn_header_top .wp {
	height: 35px;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.sn_header_top .wp .left {
	padding-left: 4px;
	font-size: 13px;
	color: #666;
	letter-spacing: 1px
}

.sn_header_top .wp .right {
	display: flex;
	justify-content: flex-end;
	align-items: center
}

@media (max-width: 960px) {
	#sn-link-so h1 {
		font-size: 30px
	}
}

@media (max-width: 640px) {
	:root {
		--sn-border-radius: 10px
	}

	#sn-link-so {
		margin-bottom: .375rem
	}

	#sn-link-so h1 {
		font-size: 1.625rem;
		margin: 0 0 1rem
	}

	#sn-link-so .uk-card-body {
		padding: 20px 15px 100px;
		min-height: 200px
	}

	#sn-link-so #mmf_canvas {
		position: absolute;
		top: 20%;
		left: 0;
		width: 100%;
		height: 80%
	}

	.py-search {
		margin-bottom: 1rem!important
	}

	.py-search>.uk-subnav>li>a {
		height: 1.875rem;
		padding: 0 .375rem
	}

	.xo_search_input input {
		padding: 0 .75rem;
		height: 2.5rem
	}

	.xo_search_input button {
		height: 2.5rem;
		line-height: 2.5rem;
		width: 5rem;
		font-size: .75rem;
		padding: 0
	}
}

.sn-home-hot-list {
	position: relative;
	overflow: hidden
}

.sn-home-hot-list:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.sn-home-hot-list.init:before {
	display: none
}

.sn-home-hot-list .uk-card-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: var(--sn-border);
	padding: 8px 16px
}

.sn-home-hot-list .uk-card-header h4 {
	font-size: 15px;
	font-weight: 700;
	margin: 0;
	display: flex;
	align-items: center;
	gap: 5px
}

.sn-home-hot-list .uk-card-header a {
	font-size: 12px;
	color: #999
}

.sn-home-hot-list .uk-card-body {
	box-sizing: border-box;
	height: 263px;
	overflow-y: auto;
	padding: 3px 0 5px
}

.sn-home-hot-list ul {
	padding-left: 0;
	margin: 0
}

.sn-home-hot-list ul li {
	display: flex;
	align-items: center;
	list-style: none;
	gap: 5px;
	padding-left: 5px;
	padding-right: 10px;
	padding-bottom: 3px;
	height: 26px;
	box-sizing: border-box;
	transition: background-color .2s
}

.sn-home-hot-list ul li>i {
	font-style: normal;
	display: flex;
	width: 18px;
	height: 18px;
	font-size: 12px;
	justify-content: center;
	align-items: center
}

.sn-home-hot-list ul li>a {
	flex: 1;
	font-size: 14px;
	color: #323232;
	transition: color .2s;
	line-height: 17px
}

.sn-home-hot-list ul li>a:hover {
	color: var(--sn-color-primary)
}

.sn-home-hot-list ul li:nth-child(1) i {
	color: #fe2d46
}

.sn-home-hot-list ul li:nth-child(2) i {
	color: #ff6000
}

.sn-home-hot-list ul li:nth-child(3) i {
	color: #faa90e
}

.sn-home-hot-list ul li:hover {
	background-color: #f5f5f5
}

.sn-home-hot-list ul .sn-tag {
	border-radius: 3px;
	font-size: 10px;
	background-color: #ff9406;
	color: #fff;
	display: flex;
	width: 16px;
	height: 16px;
	line-height: 1;
	font-weight: 700;
	justify-content: center;
	align-items: center
}

.sn-home-hot-list ul .sn-tag.o1 {
	background-color: #ffab5a
}

.sn-home-hot-list ul .sn-tag.r1 {
	background-color: #ff3852
}

.sn-home-hot-list ul .sn-tag.r9 {
	background-color: #ab0000
}

.sn-home-hot-list ul li+li {
	padding-top: 3px;
	border-top: 1px solid #f4f4f4
}

.sn-home-hot-list a>img {
	width: 100%;
	height: 100%;
	max-height: 300px;
	object-fit: cover
}

.sn-home-hot-list.more:after {
	content: "广告";
	position: absolute;
	top: 10px;
	right: 10px;
	background: rgba(0,0,0,.3);
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	border-radius: 3px;
	font-size: 10px;
	line-height: 1;
	padding: 2px 3px
}

.xo-article .uk-article-title {
	margin-bottom: 20px;
	margin-top: 0;
	color: #2f3235;
	font-weight: 700
}

.xo-article .xo-article-info {
	min-height: 85px
}

.xo-article .xo-article-info p {
	font-size: 16px;
	color: #4c4f53
}

.xo-article .xo-subnav {
	margin-left: -10px;
}

.xo-article .xo-subnav a {
	font-size: 12px;
	border: 1px solid rgba(152,158,166,.5);
	color: #989ea6;
	display: block;
	padding: 2px 5px;
	margin-top: 10px;
	border-radius: 5px;
}

.xo-article .xo-subnav>* {
	padding-left: 10px
}

.xo-article .uk-button {
	border-radius: 5px
}

.xo-content-page {
	position: relative
}

.xo-content-page .xo-view {
	position: absolute;
	bottom: 10px;
	right: 15px;
	font-size: 80px;
	z-index: 1;
	line-height: 1;
	color: #aebbdf78;
	opacity: .1;
	font-weight: 700
}

.sn-mini-games-wrap {
	margin-top: 20px;
	min-height: 79vh;
	width: 100%;
	position: relative
}

.sn-mini-games-wrap iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border: 0
}

@media (max-width: 960px) {
	.sn-mini-games-wrap {
		min-height: inherit
	}
}

.sn-post-card>.wrap {
	display: block;
	background-color: #fff;
	border-radius: var(--sn-border-radius);
	overflow: hidden;
	box-shadow: var(--sn-box-shadow)
}

.sn-post-card>.wrap:hover .img-wrap>img {
	transform: scale3d(1.055,1.065,1)
}

.sn-post-card .img-wrap {
	position: relative;
	padding-top: 64.456%;
	overflow: hidden
}

.sn-post-card .img-wrap>img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scaleZ(1);
	transition: transform .3s cubic-bezier(.4,.95,.5,1.1) 50ms
}

.sn-post-card .img-wrap .sn-postImg-title {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	height: 100%;
	font-size: 30px;
	line-height: 40px;
	font-weight: 700;
	text-align: center;
	opacity: .4
}

.sn-post-card .title {
	margin: 10px 0;
	padding: 0 10px;
	font-size: 16px;
	line-height: 1.3;
	min-height: 2.5em
}

.sn-post-card .info {
	padding: 0 10px 10px;
	display: flex;
	justify-content: space-between;
	font-size: 12px;
	color: #999;
	overflow: hidden;
	gap: 5px
}

.sn-post-card .info>* {
	flex: 1
}

.sn-post-card .info>*:nth-child(2) {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 3px
}

.sn-post-card.type_2>.wrap {
	background: none;
	box-shadow: none
}

.sn-post-card.type_2 .img-wrap {
	border-radius: var(--sn-border-radius)
}

.sn-post-card.type_2 .title,.sn-post-card.type_2 .info {
	padding: 0
}

.sn-post-nextItem+.sn-post-nextItem {
	margin-top: 15px
}

.sn-post-nextItem>.wrap {
	border: var(--sn-border)
}

.sn-post-nextItem .title {
	font-weight: 700
}

.sn-post-moreItem .title {
	font-size: 16px;
	min-height: auto
}

.sn-post-moreItem .other {
	display: flex;
	gap: 3px;
	font-size: 12px;
	color: #999
}

.sn-post-moreItem .other a {
	color: #999
}

.sn-post-moreItemLink .title {
	font-size: 16px;
	line-height: 1.2;
	margin-bottom: 3px
}

.sn-post-moreItemLink .title>a {
	color: #333;
	transition: all .2s
}

.sn-post-moreItemLink .info {
	display: flex;
	gap: 3px
}

.sn-post-moreItemLink .info>* {
	font-size: 12px;
	color: #999
}

.sn-post-moreItemLink:hover a {
	color: var(--sn-color-primary)
}

.sn-article-title {
	margin: 24px 0 40px
}

.sn-singleMobile-card .sn-title-bar,#sn-page .sn-title-bar {
	border: none;
	margin: 0
}

.sn-singleMobile-card .sn-title-bar:after,#sn-page .sn-title-bar:after {
	height: 0
}

.sn-browser-header {
	height: 36px;
	background-color: #f7f7f9;
	display: flex;
	justify-content: space-around;
	box-sizing: border-box;
	padding: 6px;
	gap: 60px
}

.sn-browser-header .left {
	width: 38px;
	position: relative
}

.sn-browser-header .left>i {
	--sn-browser-brn-width: 10px;
	width: var(--sn-browser-brn-width);
	height: var(--sn-browser-brn-width);
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	left: 8px;
	top: 50%;
	border: 1px solid #aaa;
	transform: translateY(-50%)
}

.sn-browser-header .left>i:before,.sn-browser-header .left>i:after {
	content: "";
	width: var(--sn-browser-brn-width);
	height: var(--sn-browser-brn-width);
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	border: 1px solid #aaa;
	transform: translateY(-50%)
}

.sn-browser-header .left>i:before {
	left: 17px
}

.sn-browser-header .left>i:after {
	left: 34px
}

.sn-browser-header .center {
	flex: 1;
	background-color: #fff;
	border-radius: 4px;
	font-size: 12px;
	color: #666;
	display: flex;
	justify-content: center;
	align-items: center
}

.sn-browser-header .right {
	width: 38px
}

.wp-block-sn-plugin-bilibili {
	margin-left: 40px;
	margin-right: 40px;
	box-shadow: var(--sn-car-shadow);
	border: var(--sn-border);
	border-radius: var(--sn-border-radius);
	overflow: hidden
}

.wp-block-sn-plugin-bilibili iframe {
	width: 100%;
	height: 480px
}

.sn-post-download {
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
	display: flex;
	align-items: center;
	gap: 10px;
	background-color: #f7f7f9;
	border: var(--sn-border);
	border-radius: var(--sn-border-radius);
	padding: 18px 25px
}

.sn-post-download .sn-name-wrap {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 10px
}

.sn-post-download .sn-name-wrap>span {
	flex: 1
}

.sn-post-download .sn-name-wrap>.icon {
	border: var(--sn-border);
	border-radius: calc(var(--sn-border-radius) - 2px);
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	width: 50px;
	height: 50px
}

.sn-post-download .sn-name-wrap .sn-notes {
	font-size: 12px;
	display: flex;
	align-items: center
}

.sn-post-download .sn-name-wrap .sn-notes:before {
	content: "备注:";
	display: block;
	padding: 2px 4px;
	margin-right: 4px
}

.sn-singleMobile-card {
	padding: 1.25rem;
	margin-top: .375rem
}

.sn-singleMobile-card .comment-reply-title {
	padding-top: 0
}

.sn-singleMobile-card .sn-post-prevAndNext {
	padding: 0
}

.sn-singleMobile-card .sn-post-prevAndNext .uk-card-title {
	font-size: 20px;
	font-weight: 700
}

.sn-singleMobile-card .sn-post-prevAndNext-list {
	display: flex;
	width: 100%;
	gap: .375rem
}

.sn-singleMobile-card .sn-post-prevAndNext-list .sn-post-nextItem {
	flex: 1
}

.sn-singleMobile-card .sn-post-nextItem+.sn-post-nextItem {
	margin-top: 0
}

.steam_game_description h2 {
	font-size: 24px
}

.steam_game_description img {
	margin: 10px auto
}

.sysreq_contents p {
	margin: 0 0 10px
}

.sysreq_contents ul {
	padding: 0;
	list-style: none;
	margin: 0
}

.sysreq_contents ul li {
	font-size: 12px;
	line-height: 22px
}

.sysreq_contents .game_area_sys_req_note {
	font-size: 11px;
	width: 100%
}

@media (min-width: 639px) {
	#sn-page .xo-nav-title {
		padding-left: 24px
	}

	#sn-page #comments-ul {
		margin: 0;
		padding: 30px 20px
	}

	#sn-page #sn-commentFrom {
		padding: 0;
		transition: all .2s
	}

	#sn-page #sn-commentFrom.open {
		padding: 20px
	}

	#sn-page #sn-commentFrom.open .sn-commentFrom-user {
		transform: translateY(0);
		height: auto
	}

	#sn-page #sn-commentFrom .cover {
		background-color: #fff
	}

	#sn-page #comments-ul,#sn-page #sn-commentFrom,#sn-page .sn-comments-empty {
		border: var(--sn-border);
		border-radius: var(--sn-border-radius);
		box-sizing: var(--sn-box-shadow);
		background-color: #fff
	}

	#sn-page .sn-comments-empty {
		opacity: 1
	}

	#sn-page .sn-commentFrom-user {
		transform: translateY(-10px);
		transition: all .2s;
		height: 0;
		overflow: hidden
	}

	.sysreq_contents {
		margin-top: 100px
	}

	.sysreq_contents .sysreq_content {
		display: flex;
		gap: 20px;
		flex-wrap: wrap;
		margin-top: 20px
	}

	.sysreq_contents .game_area_sys_req_leftCol,.sysreq_contents .game_area_sys_req_rightCol {
		flex: 1
	}
}

@media (max-width: 640px) {
	#sn-page .xo-article .uk-breadcrumb {
		margin: .625rem 0
	}

	#sn-page .xo-article .uk-article-title {
		font-size: 1.5rem;
		margin: 0 0 .625rem!important
	}

	#sn-page .xo-article .xo-subnav {
		margin-top: .625rem!important;
		margin-bottom: .625rem!important
	}

	#sn-page .xo-article .xo-article-info {
		min-height: auto
	}

	#sn-page #comments {
		margin-top: .75rem;
		background-color: #fff;
		border-radius: var(--sn-border-radius);
		box-shadow: var(--sn-box-shadow);
		border: var(--sn-border);
		box-sizing: border-box;
		padding: .75rem
	}

	#sn-page .sn-title-bar-padding {
		padding-top: 0
	}

	.sn-link-recommend {
		margin-top: .75rem!important;
		margin-bottom: 0!important
	}
}

.sn-postList .entry-header {
	overflow: hidden;
	position: relative;
	border-radius: 8px 8px 0 0;
	background-color: var(--sn-color-primary)
}

.sn-postList .entry-header:after {
	content: "";
	display: block;
	padding-top: 63.63636364%
}

.sn-postList .entry-header>a {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
}

.sn-postList .entry-header>a>img {
	width: 100%;
	height: 100%
}

.sn-postList .sn-postImg-title {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	height: 100%;
	font-size: 30px;
	line-height: 40px;
	font-weight: 700;
	text-align: center;
	opacity: .4
}

.sn-postList .entry-title {
	margin: 20px 0 16px
}

.sn-postList .entry-title>a {
	color: #323232;
	display: block;
	font-size: 21px;
	line-height: 30px;
	height: 60px
}

.sn-postList .entry-title:hover a {
	color: var(--sn-color-primary)
}

.sn-postList .entry-excerpt {
	padding: 14px;
	border-radius: 8px;
	font-size: 15px;
	line-height: 26px;
	background-color: #fafafa;
	height: 52px;
	margin: 0 0 20px
}

.sn-postList .entry-excerpt a {
	margin: 0;
	color: #8a8a8a
}

.sn-postList:hover a {
	text-decoration: none
}

.sn-postList:hover .entry-header>a {
	width: 90%;
	height: 90%;
	left: 50%;
	transform: translate(-50%);
	border-top-left-radius: 6px;
	border-top-right-radius: 6px
}

.sn-category {
	padding: 54px 0;
	text-align: center;
	color: #fff;
	text-shadow: 0px 6px 13px rgba(155,155,155,.2)
}

.sn-category .uk-card-title {
	font-weight: 700;
	color: #fff;
	font-size: 48px;
	letter-spacing: 4px
}

.sn-category a {
	color: #fff;
	text-decoration: underline
}

.sn-category a:hover {
	color: var(--sn-color-primary)
}

.sn-paginate-links {
	display: flex;
	justify-content: center;
	gap: 10px
}

.sn-paginate-links>a,.sn-paginate-links>span {
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	border-radius: var(--sn-border-radius)
}

.sn-paginate-links a {
	color: #4c4f53;
	transition: all .3s
}

.sn-paginate-links a:hover,.sn-paginate-links span.current {
	color: #fff;
	background-color: var(--sn-color-primary)
}

@media (max-width: 640px) {
	.sn-category {
		padding: 28px 8px 30px
	}

	.sn-category .uk-card-title {
		font-size: 26px;
		margin-bottom: 10px
	}

	.sn-category p {
		margin: 0;
		font-size: 14px
	}

	.sn-postListGrid {
		margin-left: -.1875rem
	}

	.sn-postListGrid>* {
		padding-left: .1875rem
	}

	.sn-postListGrid>.uk-grid-margin {
		margin-top: .1875rem
	}

	.sn-postList .uk-card {
		padding: .1875rem
	}

	.sn-postList .entry-header {
		border-radius: .25rem
	}

	.sn-postList .sn-postImg-title {
		font-size: 20px;
		line-height: 26px
	}

	.sn-postList .entry-title {
		margin: .375rem 0;
		padding: 0 .1875rem
	}

	.sn-postList .entry-title a {
		font-size: .9375rem;
		line-height: .9375rem;
		height: 1.875rem
	}

	.sn-postList .entry-excerpt {
		padding: 0;
		background-color: #fff;
		padding: 0 .1875rem;
		font-size: 12px;
		line-height: 15px;
		height: 1.875rem;
		margin: 0 0 10px
	}

	.sn-postList .entry-excerpt p {
		margin: 0 0 6px
	}

	.sn-postList .entry-meta {
		font-size: .75rem;
		padding: .375rem
	}

	.sn-paginate-links>a,.sn-paginate-links>span {
		width: 32px;
		height: 32px
	}
}

#comments .avatar {
	border-radius: 50%;
	border-color: 1px solid #eee
}

#comments .sn-author {
	gap: 6px
}

.sn-comments-empty {
	padding: 80px 0 40px;
	opacity: .6;
	min-height: 120px
}

.sn-comments-empty .sn-icon {
	color: #dadada
}

#commentform .sn-f {
	font-size: 24px
}

#cancel-comment-reply-link {
	display: none;
	pointer-events: none
}

.snm1-comments-ul .sn-comment-time {
	color: #989ea6;
	font-size: 12px
}

.snm1-comments-ul li {
	position: relative
}

.snm1-comments-ul li #respond {
	border: 1px solid #eee;
	border-radius: var(--sn-border-radius);
	position: relative
}

.snm1-comments-ul li #respond #reply-title {
	padding: 15px 15px 10px;
	font-size: 16px
}

.snm1-comments-ul li #respond #reply-title:after {
	left: 15px;
	width: 35px
}

.snm1-comments-ul li #respond #cancel-comment-reply-link {
	pointer-events: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	position: absolute;
	right: 20px;
	top: 15px
}

.snm1-comments-ul li #respond>form {
	padding: 0 15px 15px
}

.snm1-comments-ul li P {
	margin: 10px 0
}

.snm1-comments-ul li .sn-f {
	font-size: 20px
}

.snm1-comments-ul li .sn-thumb-up-filled {
	color: var(--sn-color-primary)
}

.snm1-comments-ul>li+li:before,.snm1-comments-ul>li .children>li:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	border-top: 1px dashed #eee;
	top: -20px;
	left: 0
}

#cancel-comment-reply-link {
	font-size: 14px;
	color: #666;
	float: right
}

#cancel-comment-reply-link:hover {
	color: var(--sn-color-primary)
}

#respond a {
	color: #444;
	text-decoration: underline
}

#respond a:hover {
	color: var(--sn-color-primary)
}

.sn-commentFrom-wrap {
	overflow: hidden;
	position: relative;
	transition: all .35s ease;
	max-height: 400px
}

.sn-commentFrom-wrap .cover {
	opacity: 0;
	position: absolute;
	transition: all .25s ease
}

.sn-commentFrom-wrap textarea {
	resize: none
}

.sn-commentFrom-wrap .sn-commentFrom-textareaWrap {
	transition: all .25s ease
}

.sn-commentFrom-wrap.open {
	overflow: inherit
}

.sn-commentFrom-wrap.close {
	max-height: 75px
}

.sn-commentFrom-wrap.close .cover {
	position: absolute;
	opacity: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #f6f6f6;
	z-index: 1;
	box-sizing: border-box;
	padding: 20px;
	font-size: 16px;
	color: #888;
	cursor: text;
	border-radius: 12px
}

.sn-commentFrom-wrap.close .sn-commentFrom-textareaWrap {
	opacity: 0;
	transform: scale(.96) translateY(30px)
}

#sn-emoji-dropdown>ul {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
	flex-wrap: wrap;
	gap: 10px
}

#sn-emoji-dropdown>ul>li {
	width: 32px;
	height: 32px;
	cursor: pointer
}

#sn-emoji-dropdown>ul>li>img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.sn-emoji {
	max-width: 80px;
	max-height: 80px;
	margin-left: 5px;
	margin-right: 5px
}

.sn-like-btn.sn-active {
	color: var(--sn-color-primary)
}

@media (max-width: 960px) {
	#comments .avatar {
		width: _px(36);
		height: _px(36)
	}
}

.qz-sidebar {
	padding: 0;
	margin: 0;
	list-style: none;
}

.sn-think-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ccc;
	margin-top: 8px;
	line-height: 1;
}

.sn-think-icon a {
	font-size: 12px;
	color: #ccc
}

.sn-think-divider-icon {
	margin: 12px 8px 14px;
	background-size: 12px;
}

.sn-think {
	display: flex;
	flex-direction: column;
	gap: 1px;
	--sn-border-radius: 12px;
}

.sn-think a {
	cursor: pointer
}

.sn-think a:hover {
	text-decoration: none
}

.sn-think>.uk-card {
	border-radius: 0
}

.sn-think>.uk-card:first-child {
	border-top-left-radius: var(--sn-border-radius);
	border-top-right-radius: var(--sn-border-radius)
}

.sn-think.last>.uk-card:last-child {
	border-bottom-left-radius: var(--sn-border-radius);
	border-bottom-right-radius: var(--sn-border-radius)
}

.sn-think .t3 a {
	gap: 6px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #333;
	min-height: 62px;
	padding: 12px;
	line-height: 22px;
	box-sizing: border-box
}

.sn-think .t3 p {
	margin: 0
}

.sn-think .t3 img {
	height: 50px;
	transition: all .3s
}

.sn-think .t3:hover img {
	transform: scale(1.3)
}

.sn-think .t2 a {
	gap: 8px;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 14px;
	color: #213547;
	min-height: 45px;
	padding: 12px;
	line-height: 18px;
	box-sizing: border-box
}

.sn-think .t2 p {
	margin: 0
}

.sn-think .t2 img {
	height: 28px;
	transition: all .3s
}

.sn-think .t2:hover img {
	transform: scale(1.2)
}

.sn-think .t1_box {
	display: flex;
	gap: 1px 1px;
	flex-wrap: wrap
}

.sn-think .t1_box.top .t1:first-child {
	border-radius: var(--sn-border-radius) 0 0 0
}

.sn-think .t1_box.top .t1:nth-child(3) {
	border-radius: 0 var(--sn-border-radius) 0 0
}

.sn-think .t1_box .t1 {
	width: 33%;
	border-radius: 0
}

.sn-think .t1_box .t1 a {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 40px
}

.sn-think .t1_box .t1 img {
	height: 24px;
	transition: all .3s
}

.sn-think .t1_box .t1:last-child {
	border-radius: 0 0 var(--sn-border-radius) 0
}

.sn-think .t1_box .t1:nth-last-child(3) {
	border-radius: 0 0 0 var(--sn-border-radius)
}

.sn-adCard {
	overflow: hidden
}

.sn-sidebar {
	padding-bottom: 20px
}

.sn-sidebar a {
	color: #4c4f53
}

.sn-sidebar a:hover {
	color: var(--sn-color-primary)
}

.sn-sidebar .sn-sidebar-title,.sn-sidebar .uk-card-title {
	font-size: 16px;
	line-height: 48px;
	font-weight: 700;
	margin-bottom: 16px;
	border-bottom: 2px solid #f1f1f1;
	position: relative
}

.sn-sidebar .sn-sidebar-title:after,.sn-sidebar .uk-card-title:after {
	position: absolute;
	content: "";
	bottom: -2px;
	left: 0;
	height: 2px;
	width: 60px;
	background-color: #505050
}

.sn-sidebar .sn-post-prevAndNext {
	padding-top: 0;
	padding-bottom: 0
}

.sn-sidebar li ul {
	list-style: none;
	padding: 0;
	margin: 20px 0 10px;
	font-size: 12px
}

.sn-sidebar li ul li+li {
	margin-top: 8px;
	padding-top: 8px
}

.sn-sidebar li ul a {
	font-size: 14px;
	line-height: 1.2
}

.widget_categories ul li,.widget_archive ul li {
	padding-left: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	color: #999
}

.widget_categories ul li>a,.widget_archive ul li>a {
	flex: 1
}

.widget_categories ul li:before,.widget_archive ul li:before {
	content: "";
	position: absolute;
	left: 10px;
	top: 50%;
	font-size: 16px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	display: list-item;
	list-style-position: inside;
	text-align: right;
	list-style-type: circle;
	transform: translateY(-50%)
}

.sn-sidebarPostList-wrap .uk-card-title {
	margin-top: -15px
}

.sn-sidebarPostList-wrap .sn-sidebarPostList+.sn-sidebarPostList {
	margin-top: 15px
}

.sn-sidebarPostList {
	display: flex;
	gap: 16px
}

.sn-sidebarPostList .img-wrap {
	width: 90px;
	height: 70px;
	border-radius: 6px;
	overflow: hidden
}

.sn-sidebarPostList .img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.sn-sidebarPostList .post-info {
	flex: 1;
	height: 70px;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.sn-sidebarPostList .post-info h2 {
	font-size: 14px;
	line-height: 1.5
}

.sn-sidebarPostList .post-meta {
	gap: 15px;
	font-size: 12px
}

.sn-sidebarPostList .post-meta-icon {
	gap: 3px
}

.sn-block-wrap .sn-sidebarPostList-wrap {
	background-color: #fff;
	border: var(--sn-border);
	border-radius: var(--sn-border-radius)
}

#sn-sidebar-right .sn-carton-sidebar {
	border: var(--sn-border);
	border-radius: var(--sn-border-radius);
	box-sizing: var(--sn-box-shadow);
	background-color: #fff
}
.ripro-dark #sn-sidebar-right .sn-carton-sidebar {
	border: var(--sn-border);
	border-radius: var(--sn-border-radius);
	box-sizing: var(--sn-box-shadow);
	background-color: #191616
}

#sn-sidebar-right .uk-card-title {
	font-size: 20px;
	font-weight: 700;
	margin: 0 0 10px
}

.sn-sidebarLinkList {
	margin-top: 28px;
	display: flex;
	align-items: center;
	gap: 8px
}

.sn-sidebarLinkList .qz-link-logo {
	width: 42px;
	height: 42px
}

.sn-sidebarLinkList .img-wrap {
	width: 42px
}

.sn-sidebarLinkList .post-info {
	flex: 1;
	width: 0
}

.sn-sidebarLinkList .post-info>h2 {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 6px
}

.sn-sidebarLinkList .post-info>h2>span {
	width: 0;
	flex: 1;
	font-size: 15px;
	transition: all .3s ease
}

.sn-sidebarLinkList .btn {
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center
}

.sn-sidebarLinkList .btn>span {
	font-size: 12px;
	border: 1px solid var(--sn-color-primary);
	width: 100%;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .3s ease
}

.sn-sidebarLinkList:hover .post-info>h2>span {
	color: var(--sn-color-primary)
}

.sn-sidebarLinkList:hover .btn>span {
	background-color: var(--sn-color-primary);
	color: #fff
}

#sn-login-modal .uk-modal-dialog {
	width: auto;
	min-width: 10px;
	overflow: hidden
}

.sn-modal-dialog {
	min-width: 0;
	min-height: 0;
	transition: all .3s ease-in-out;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.sn-register-form,.sn-login-form {
	width: 350px;
	box-sizing: border-box;
	padding: 30px
}

.sn-login-qr {
	border: var(--sn-border);
	border-radius: var(--sn-border-radius);
	box-sizing: border-box;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center
}

.sn-login-imgWrap {
	width: 0;
	background-repeat: no-repeat;
	background-size: cover;
	transition: width .3s ease-in-out;
	background-position: center
}

.sn-login-imgWrap-show {
	width: 600px
}

.xo-nav-title {
	height: 26px;
	line-height: 26px;
	margin: 8px 0 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 6px 0 20px;
	width: 100%
}

.xo-nav-title h2 {
	font-size: 20px;
	font-weight: 700;
	margin: 0
}

.xo-nav-title_wrap {
	display: flex;
	gap: 20px;
	align-items: flex-end
}

.xo-nav-title_more a {
	background: #fff;
	border-radius: var(--sn-border-radius);
	box-shadow: var(--sn-box-shadow);
	border: var(--sn-border);
	color: #666
}

.qz-link-item {
	position: relative
}

.qz-link-item>.uk-card {
	padding: 18px;
	position: relative;
	transform: translateY(0);
	transition: all .2s
}

.qz-link-item>.uk-card:hover {
	text-decoration: none;
	border-color: var(--sn-color-primary);
	box-shadow: 0 0 0 1px #00000002,0 2px 15px #0000000f;
	transform: translateY(-4px)
}

.qz-link-item>.uk-card .qz-link-view {
	position: absolute;
	font-size: 80px;
	line-height: 1;
	color: #aebbdf78;
	opacity: .08;
	font-weight: 700;
	right: 8px;
	bottom: 5px;
	z-index: 0
}

.qz-link-item .goto {
	position: absolute;
	background-color: #fff;
	bottom: 14px;
	right: 10px;
	border: 1px solid #eee;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: scale(0);
	opacity: 0;
	transition: all .2s;
	z-index: 2;
	font-size: 13px;
	padding: 3px 7px;
	gap: 5px
}
.ripro-dark .qz-link-item .goto {
	position: absolute;
	background-color: #191616;
	bottom: 14px;
	right: 10px;
	border: 1px solid #eee;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: scale(0);
	opacity: 0;
	transition: all .2s;
	z-index: 2;
	font-size: 13px;
	padding: 3px 7px;
	gap: 5px
}

.qz-link-item .admin_url {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 18px;
	left: 35px;
	z-index: 5
}

.qz-link-item .qz-subscript {
	position: absolute;
	bottom: 10px;
	right: 34px;
	height: 20px;
	width: 20px;
	border: 1px solid #eee;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: scale(0);
	opacity: 0;
	background-color: #fff;
	transition: all .2s;
	z-index: 2
}

.qz-link-item:hover .goto,.qz-link-item:hover .qz-subscript {
	transform: scale(1);
	opacity: 1
}

.qz-link-item .sn-linkItem-img {
	margin-bottom: 8px;
	border-radius: 6px;
	overflow: hidden
}

.qz-link-itemSmall {
	position: relative
}

.qz-link-itemSmall>.uk-card-body {
	padding: 10px 8px
}

.qz-link-itemSmall .qz-link-title {
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 0
}

.qz-link-itemSmall .qz-link-logo {
	width: 26px;
	height: 26px
}

.qz-link-itemSmall .qz-link-view {
	position: absolute;
	top: 50%;
	font-size: 20px;
	right: 10px;
	color: #aebbdf78;
	opacity: .08;
	font-weight: 700;
	transform: translateY(-50%)
}

.qz-link-itemSmall .goto {
	position: absolute;
	top: 50%;
	font-size: 12px;
	right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translateY(-50%);
	padding: 3px;
	opacity: 0;
	background-color: #fff;
	transition: all .2s;
	z-index: 2
}
.ripro-dark .qz-link-itemSmall .goto {
	position: absolute;
	top: 50%;
	font-size: 12px;
	right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translateY(-50%);
	padding: 3px;
	opacity: 0;
	background-color: #191616;
	border:1px solid #cecece;
	border-radius:6px;
	transition: all .2s;
	z-index: 2
}
.qz-link-itemSmall .sn-linkItem-img {
	border-radius: 6px;
	overflow: hidden
}

.qz-link-itemSmall:hover .goto {
	opacity: 1
}

.qz-link-title {
	display: flex;
	align-items: center;
	color: #3c3c3c;
	gap: 6px;
	margin: 0 0 8px;
	font-size: 16px;
	line-height: 20px;
	flex: 1;
	font-weight: 700;
	height: 32px
}

.qz-link-logo {
	height: 32px;
	width: 32px;
	border-radius: 100%;
	border: 1px solid #f4f5f6
}

.qz-link-info {
	font-size: 12px;
	color: #8f8f8f;
	line-height: 18px;
	height: 36px
}

.qz-link-item_more {
	width: 100%;
	display: flex;
	justify-content: center
}

.qz-link-item_more a {
	font-size: 14px;
	color: #3c3c3c;
	opacity: .6;
	transition: opacity .2s
}

.qz-link-item_more a:hover {
	opacity: 1
}

.xo-history-list li+li {
	margin-top: 10px
}

.xo-history-list a {
	display: block;
	border: 1px solid #eee;
	border-radius: var(--sn-border-radius);
	padding: 15px 20px;
	font-size: 16px;
	font-weight: 700;
	color: #333
}

.xo-history-list a img {
	width: 34px;
	border-radius: 50%;
	margin: 0 10px
}

.xo-history-list a:hover {
	text-decoration: none;
	border-color: #cacaca
}

.single-link-img {
	position: relative;
	overflow: hidden;
	border: var(--sn-border);
	border-radius: 8px;
	padding-top: 70%
}

.single-link-img.we {
	padding-top: 100%
}

.single-link-img>img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 10;
	border-radius: 15px;
	box-shadow: 0 0 20px -15px #0000001a
}

.single-link-img-bg {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 150%;
	height: 150%;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	filter: blur(35px);
	opacity: .6;
	transform: translate(-50%,-50%);
	z-index: 5
}

.single-link-img-bg.we {
	width: 100%;
	height: 100%;
	filter: none;
	opacity: 1
}

.sn-newPostTitle {
	width: 100%
}

.sn-newPostList {
	display: flex;
	flex-wrap: wrap;
	gap: 15px 15px;
	list-style: none;
	padding: 0;
	margin: 0
}

.sn-newPostDate {
	width: 100%
}

.sn-newPostDate h3 {
	font-size: 28px;
	margin: 0
}

.sn-newPostItem {
	width: calc(25% - 11.25px)
}

.single-link-browser {
	border-radius: 10px;
	border: var(--sn-border);
	overflow: hidden
}

.single-link-browser .sn-browser-header {
	height: 28px
}

#xo_content_linkList .sn-itemNone {
	width: 100%
}

@media (max-width: 640px) {
	.xo-nav-title {
		padding-bottom: .375rem
	}

	.xo-nav-title h2 {
		padding-left: .375rem
	}

	#sn-page>.uk-grid,#xo_content_linkList>.uk-grid {
		margin-left: -.375rem
	}

	#sn-page>.uk-grid>*,#xo_content_linkList>.uk-grid>* {
		padding-left: .375rem
	}

	#sn-page>.uk-grid+.uk-grid,#sn-page>.uk-grid>.uk-grid-margin,#sn-page *+.uk-grid-margin,#xo_content_linkList>.uk-grid+.uk-grid,#xo_content_linkList>.uk-grid>.uk-grid-margin,#xo_content_linkList *+.uk-grid-margin {
		margin-top: .375rem
	}

	.sn-linkSingle .single-link-img {
		padding-top: 70%
	}
}

.sn-like {
	max-width: 820px;
	margin: 0 auto;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end
}

@keyframes loading {
	0% {
		cy: 10
	}

	25% {
		cy: 3
	}

	50% {
		cy: 10
	}
}

.sn-like>.seat {
	height: 260px
}

.sn-like #sn-like-canvas {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	pointer-events: none;
	width: 100%;
	z-index: 2
}

.sn-like #sn-like-button {
	background: none;
	border: none;
	color: #f4f7ff;
	cursor: pointer;
	font-family: Roboto,Arial;
	font-size: 14px;
	font-weight: 500;
	height: 40px;
	left: 50%;
	outline: none;
	overflow: hidden;
	padding: 0 10px;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 190px;
	z-index: 1
}

.sn-like #sn-like-button:before {
	background: #1f2335;
	border-radius: 50px;
	box-shadow: 0 2px 5px #0006 inset;
	content: "";
	display: block;
	height: 100%;
	margin: 0 auto;
	position: relative;
	transition: width .2s cubic-bezier(.39,1.86,.64,1) .3s;
	width: 100%
}

.sn-like #sn-like-button.ready .submitMessage svg {
	opacity: 1;
	top: 0;
	transition: top .4s ease .6s,opacity .3s linear .6s
}

.sn-like #sn-like-button.ready .submitMessage .button-text span {
	top: 0;
	opacity: 1;
	transition: all .2s ease calc(var(--dr) + .6s)
}

.sn-like #sn-like-button.end .endMessage svg {
	opacity: 1;
	top: 0;
	transition: top .4s ease .6s,opacity .3s linear .6s
}

.sn-like #sn-like-button.end .endMessage .button-text span {
	top: 0;
	opacity: 1;
	transition: all .2s ease calc(var(--dr) + .6s)
}

.sn-like #sn-like-button.loading:before {
	transition: width .3s ease;
	width: 80%
}

.sn-like #sn-like-button.loading .loadingMessage {
	opacity: 1
}

.sn-like #sn-like-button.loading .loadingCircle {
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-name: loading;
	cy: 10
}

.sn-like #sn-like-button.complete .endMessage svg,.sn-like #sn-like-button.complete .submitMessage svg {
	top: -30px;
	transition: none
}

.sn-like #sn-like-button.complete .endMessage .button-text span,.sn-like #sn-like-button.complete .submitMessage .button-text span {
	top: -8px;
	transition: none
}

.sn-like #sn-like-button.complete .loadingMessage {
	top: 80px
}

.sn-like #sn-like-button.complete .successMessage .button-text span {
	left: 0;
	opacity: 1;
	transition: all .2s ease calc(var(--d) + 1s)
}

.sn-like #sn-like-button.complete .successMessage svg {
	stroke-dashoffset: 0;
	transition: stroke-dashoffset .3s ease-in-out 1.4s
}

.sn-like #sn-like-button .button-text span {
	opacity: 0;
	position: relative
}

.sn-like #sn-like-button .message {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 100%
}

.sn-like #sn-like-button .message.submitMessage,.sn-like #sn-like-button .message.endMessage {
	display: flex;
	justify-content: center;
	align-items: center
}

.sn-like #sn-like-button .message svg {
	display: inline-block;
	fill: none;
	margin-right: 5px;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2
}

.sn-like .endMessage .button-text span,.sn-like .submitMessage .button-text span {
	top: 8px;
	transition: all .2s ease var(--d)
}

.sn-like .endMessage svg,.sn-like .submitMessage svg {
	color: #ff5252;
	margin-left: -1px;
	opacity: 0;
	position: relative;
	top: 30px;
	transition: top .4s ease,opacity .3s linear;
	width: 22px
}

.sn-like .loadingMessage {
	opacity: 0;
	transition: opacity .3s linear .3s,top .4s cubic-bezier(.22,0,.41,-.57)
}

.sn-like .loadingMessage svg {
	fill: #fff;
	margin: 0;
	width: 22px
}

.sn-like .successMessage .button-text span {
	left: 5px;
	transition: all .2s ease var(--dr)
}

.sn-like .successMessage svg {
	color: #5cffa1;
	stroke-dasharray: 20;
	stroke-dashoffset: 20;
	transition: stroke-dashoffset .3s ease-in-out;
	width: 14px
}

.sn-like .loadingCircle:nth-child(2) {
	animation-delay: .1s
}

.sn-like .loadingCircle:nth-child(3) {
	animation-delay: .2s
}

#sn-main {
	transition: opacity 0.01s ease-out,transform 0.01s ease-out;
	transform: translateY(0);
	opacity: 0;
	min-height: 70vh
}

#sn-main.init {
	opacity: 0;
	transform: translateY(0)
}

#sn-loading-main {
	display: flex;
	justify-content: center;
	position: absolute;
	top: 130px;
	z-index: 90;
	width: 100%
}

.wp {
	width: 100%;
	margin-left: auto;
	margin-right: auto
}

.wp.wp-small {
	max-width: 980px
}

.wp.wp-nav {
	width: 100%
}

.wp.wp-content {
	max-width: 900px
}

.sn-text-hide {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	white-space: inherit
}

.sn-text-hide.line2 {
	-webkit-line-clamp: 2
}

.sn-text-hide.line3 {
	-webkit-line-clamp: 3
}

.sn-icon {
	--sn-icon-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: var(--sn-icon-size);
	height: var(--sn-icon-size)
}

.sn-icon>svg {
	width: 100%;
	height: 100%
}

.sn-icon:not(.ok) {
	border-radius: 5px;
	background-color: #f5f5f5
}
.ripro-dark .sn-icon:not(.ok) {
	border-radius: 5px;
	background-color: #191616
}

@media (min-width: 1200px) {
	.wp {
		padding-left: 0rem;
		padding-right: 0rem
	}
}

@media (max-width: 960px) {
	.wp {
		margin-left: 0;
		margin-right: 0;
		padding-left: .375rem;
		padding-right: .375rem
	}
}

@media (max-width: 640px) {
	:root {
		--sn-border-radius: 6px
	}
}
/*20250208*/

/*20250208*/