@charset "utf-8";
/*
    Theme Name: 260手游网
    Theme URI: https://www.260.cn/
    Author: 阿叶
    Author URI: https://www.260.cn/
    Description:
    Version: v1.1.0
*/

/*
 * Class 模块目录
 * 01. 主题变量与基础元素
 * 02. 公共工具类与布局容器
 * 03. 站点头部、搜索和主导航
 * 04. 公共内容面板与标题
 * 05. 首页模块
 * 06. 面包屑与侧边栏模块
 * 07. 分类和排行列表
 * 08. 下载详情与文章详情
 * 09. 合集详情与单页
 * 10. 评论模块
 * 11. 页脚、空状态和错误页
 *
 * uk- 前缀为 UIkit 框架 class，其余主题 class 按所属页面模块分组。
 * 后面的规则会覆盖前面的公共规则，因此只整理注释，不随意调整顺序。
 */

/* 01. 主题变量与基础元素 */
:root {
	--pm-c:#ff6600;
	--am-c:#ff802b;
	--br-c:#EBEEF5;
	--bg-c:#f9f8f7;
	--md-c:#909399;
	--fb-c:#fcb900
}
html,body {
	background-color:var(--bg-c);
	font-size:14px;
	font-family:arial;
	color:#303133
}
* {
	line-height:normal
}
h1,h2,h3,h4,h5,h6 {
	font-size:17px
}
img {
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering:crisp-edges;
	-ms-interpolation-mode:nearest-neighbor
}
ul,ol {
	padding:0;
	margin:0;
	list-style:none
}
a,a:hover {
	line-height:normal;
	color:#303133;
	font-size:14px;
	text-decoration:none
}

/* 02. 公共工具类：遮罩、文本截断、弹性列和星级评分 */
.gd-bg-gradient {
	background:-webkit-linear-gradient(to top,rgba(0,0,0,0.8) 0%,transparent 100%);
	background:-moz-linear-gradient(to top,rgba(0,0,0,0.8) 0%,transparent 100%);
	background:-o-linear-gradient(to top,rgba(0,0,0,0.8) 0%,transparent 100%);
	background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0.8)),to(transparent));
	background:linear-gradient(to top,rgba(0,0,0,0.8) 0%,transparent 100%)
}
.gd-cover {
	z-index:10;
	color:#fff;
	position:absolute;
	bottom:0;
	width:100%
}
.gd-cover span {
	display:block;
	padding:10px
}
.gd-line-2 {
	display:-webkit-box;
	overflow:hidden;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:2
}
.gd-line-3 {
	display:-webkit-box;
	overflow:hidden;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:3
}
.gd-flex-cover {
	flex:1;
	overflow:hidden;
	position:relative
}
.gd-icon-star {
	height:14px;
	width:68px;
	position:relative;
	background-image:url(../images/icon-star.png)
}
.gd-icon-star::after {
	content:'';
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	background-image:url(../images/icon-star.png);
	background-position:0 -14px
}
.gd-icon-star.gd-star-1::after {width:14px}
.gd-icon-star.gd-star-2::after {width:28px}
.gd-icon-star.gd-star-3::after {width:40px}
.gd-icon-star.gd-star-4::after {width:58px}
.gd-icon-star.gd-star-5::after {width:100%}

/* 03. 站点头部：顶部栏、Logo、搜索和主导航 */
.uk-container {
	width:1200px;
	position: relative;
}
.gd-top-bar {
	border-bottom:1px solid var(--br-c);
	font-size:12px;
	padding:10px 0;
	background:var(--bg-c)
}
.gd-top-bar a,.gd-top-bar span {
	color:var(--md-c);
	font-size:12px
}
.gd-top-bar ul {
	}.gd-top-bar ul li {
	display:inline-block;
	color:var(--md-c)
}
.gd-top-bar ul li::after {
	content:'';
	display:inline-block;
	height:10px;
	width:1px;
	background:#E5E4E4;
	margin:0 8px 0 10px
}
.gd-top-bar ul li:last-child:after {
	display:none
}
.gd-header {
	background:#fff
}
.gd-header>.uk-container {
	padding:25px 0
}
.gd-header .gd-logo {
	flex:1
}
.gd-header .gd-logo a {
	display:inline-block;
}
.gd-header .gd-logo a img {
	height:100%
}
.gd-header .gd-nav-bar {
	background:var(--pm-c)
}
.gd-header .gd-nav-bar ul {
	display:flex
}
.gd-header .gd-nav-bar li {
	display:inline-block
}
.gd-header .gd-nav-bar li a {
	display:block;
	color:#fff;
	font-size:15px;
	padding:15px 30px
}
.gd-header .gd-nav-bar li a:hover,.gd-header .gd-nav-bar .gd-current-post-ancestor,.gd-header .gd-nav-bar .gd-current-menu-item a {
	font-weight:bold;
	background:var(--am-c)
}
.gd-header .gd-search {
	width:350px
}
.gd-header .gd-search-form {
	height:40px;
	position:relative;
	background:var(--bg-c);
	border:1px solid var(--pm-c);
	display:flex;
	align-items:center;
	margin-bottom:5px
}
.gd-header .gd-search input {
	width:100%;
	height:100%;
	background:transparent;
	border:0;
	font-size:12px;
	text-indent:10px;
	outline:none
}
.gd-header .gd-search button {
	width:88px;
	height:100%;
	background:transparent;
	border:0;
	background:var(--pm-c);
	color:#fff;
	font-size:15px;
	cursor:pointer
}
.gd-header .gd-search-tag {}
.gd-header .gd-search-tag a,
.gd-header .gd-search-tag span {
	font-size:12px;
	color:var(--md-c)
}
.gd-header .gd-search-tag span {
	color:var(--pm-c);
	font-weight:bold;
	font-size:14px
}
.gd-header .gd-search-tag a:after {
	content:'、'
}
.gd-header .gd-search-tag a:last-child:after {
	display:none
}

/* 04. 公共布局、内容面板和模块标题 */
main {
	position:relative
}
.uk-container {
	max-width:1200px;
	padding-left:15px;
	padding-right:15px;
}

.gd-icon {
	border-radius:12px;
	display:block;
	overflow:hidden;
	position:relative
}
.gd-icon img {
    width: 100%;
    height: 100%;
}
.gd-part {
	padding:25px;
	background:#fff
}
.gd-part-title {
	margin-bottom:20px;
	display:flex;
	align-items:center
}
.gd-part-title .gd-title {
	font-size:17px;
	font-weight:bold;
	position:relative;
	padding-left:20px
}
.gd-part-title .gd-title:before {
	content:'';
	display:inline-block;
	width:12px;
	height:12px;
	background:var(--pm-c);
	border-radius:50%;
	position:absolute;
	top:50%;
	transform:translate(0,-50%);
	left:0;
	opacity: .3;
}
.gd-part-title .gd-title:after {
	content:'';
	display:inline-block;
	width:6px;
	height:6px;
	background:var(--pm-c);
	border-radius:50%;
	position:absolute;
	top:50%;
	transform:translate(0,-50%);
	left:3px
}
.gd-part-title .gd-title small {
	font-weight: normal;
	color: #999;
}
.gd-part-title .gd-more {
	color:var(--md-c);
	font-size:13px
}
.gd-part-nav {
    display: flex;
    align-items: ccolor;
    margin: 0 -3px;

}
.gd-part-nav li {
    flex: 1;
}
.gd-part-nav li a {
    margin: 0 3px;
    background: var(--bg-c);
    border-radius: 4px;
    display: block;
    text-align: center;
    line-height: 38px;
    color: var(--md-c);
}
.gd-part-nav .gd-all a {
    background: var(--pm-c);
    color: #fff;
}

/* 05. 首页：最新发布与分类入口 */
.gd-part-top-list {
	display:flex;
	flex-wrap:wrap;
	margin-top:10px;
	margin-left:-30px
}
.gd-part-top-list ul {
	position:relative;
	padding-left:30px;
	width:50%;
	box-sizing:border-box;
	margin-top:10px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.gd-part-top-list ul:after {
	content:'';
	height:100%;
	width:80px;
	position:absolute;
	top:0;
	right:0;
	background-image:linear-gradient(to left,#fff,#fff0)
}
.gd-part-top-list ul li {
	display:inline-block
}
.gd-part-top-list ul li span {
    display: inline-block;
    font-size: 12px;
    padding: 6px 0;
    color: #fff;
    margin-right: 10px;
    border-radius: 2px;
    width: 70px;
    text-align: center;
}
.gd-part-top-list ul li a {
	font-size:14px
}
.gd-part-top-list ul:nth-child(1) li span {
	background-image:linear-gradient(to right, #FF5722, #FFC107)
}
.gd-part-top-list ul:nth-child(2) li span {
	background-image:linear-gradient(to right,#7927e5,#a772ed)
}
.gd-part-top-list ul:nth-child(3) li span {
	background-image:linear-gradient(to right,#2196F3,#4fc8ff)
}
.gd-part-top-list ul:nth-child(4) li span {
	background-image:linear-gradient(to right,#3cc565,#a5da61)
}

.gd-part-top-list ul li a {
	display:inline-block;
	position:relative
}
.gd-part-top-list ul li a:after {
	content:'';
	display:inline-block;
	height:10px;
	width:1px;
	background:#ddd;
	margin-left:15px;
	margin-right:10px
}

/* 05. 首页：轮播图 */
.gd-part-slideshow {
	position:relative
}
.gd-part-slideshow .uk-slideshow-items {
	min-height:228px !important
}
.gd-part-slideshow .uk-slideshow {
	position:relative
}
.gd-part-slideshow .uk-slideshow-nav {
	position:absolute;
	bottom:0;
	z-index:10;
	margin:0;
	padding:10px 0;
	text-align:center;
	width:100%
}
.gd-part-slideshow .uk-slideshow-nav li {
	display:inline-block;
	padding:0
}
.gd-part-slideshow .uk-slideshow-nav li a {
	display:block;
	margin:0 2px;
	height:7px;
	width:7px;
	border-radius:50%;
	background:#fff;
	transition:all .3s
}
.gd-part-slideshow .uk-slideshow-nav {
	height:auto
}
.gd-part-slideshow .uk-slideshow-nav .uk-active {}
.gd-part-slideshow .uk-slideshow-nav .uk-active a {
	border-radius:20px;
	width:20px;
	background:var(--pm-c)
}
.gd-part-slideshow .gd-slideshow-bottom {
	display:flex;
	align-items:center;
	margin:0 -5px;
	margin-top:10px
}
.gd-part-slideshow .gd-slideshow-bottom .gd-item {
	width:50%
}
.gd-part-slideshow .gd-slideshow-bottom .gd-thumb {
	height:123px;
	overflow:hidden;
	position:relative;
	display:block;
	margin:0 5px
}
.gd-part-slideshow .gd-slideshow-bottom .gd-item .gd-title {
	text-align:center;
	margin: 0 5px;
	margin-top:10px
}
.gd-part-slideshow .gd-slideshow-bottom .gd-item .gd-title a {
	font-size:15px
}

/* 05. 首页：分类切换内容 */
.gd-part-switcher {}
.gd-part-switcher .gd-switcher-nav {
	display:flex;
	align-items:center
}
.gd-part-switcher .gd-switcher-nav li {
	flex:1;
	overflow:hidden;
	text-align:center;
	cursor:pointer
}
.gd-part-switcher .gd-switcher-nav li span {
	display:block;
	background:var(--bg-c);
	padding:20px;
	font-size:16px;
	color:var(--md-c)
}
.gd-part-switcher .gd-switcher-nav .uk-active span {
	background:#fff;
	font-weight:bold;
	color:var(--pm-c)
}
.gd-part-switcher .gd-top {
	padding-bottom:25px;
	margin-bottom:25px;
	border-bottom:1px dashed var(--br-c)
}
.gd-part-switcher .gd-top .gd-title {
	text-align:center;
	margin-bottom:17px;
	color:var(--pm-c)
}
.gd-part-switcher .gd-top .gd-title a {
	font-size:17px;
	font-weight:bold;
	color:var(--pm-c)
}
.gd-part-switcher .gd-top .gd-desc {
	color:var(--md-c)
}
.gd-part-switcher .gd-switcher-list {}
.gd-part-switcher .gd-switcher-list li {
	display:flex;
	align-items:center;
	margin-bottom:20px
}
.gd-part-switcher .gd-switcher-list li:last-child {
	margin-bottom:0
}
.gd-part-switcher .gd-switcher-list li a {
	font-size:15px;
	display:block;
	flex:1;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.gd-part-switcher .gd-switcher-list li .gd-cat {
	color:var(--md-c);
	margin-right:5px;
	display:inline-block;
	transform:translateY(-1px)
}
.gd-part-switcher .gd-switcher-list li .gd-time {
	font-size:14px;
	color:var(--md-c)
}




/* 05. 首页：编辑推荐 */
.gd-part-edit-recom {}
.gd-part-edit-recom .gd-icon {
	width:77px;
	height:77px;
	margin:0 auto
}
.gd-part-edit-recom .gd-title {
	text-align:center;
	margin-top:10px
}
.gd-part-edit-recom .gd-title a {
	font-size:14px;
}
.gd-part-edit-recom .uk-grid {
	margin-left:-25px
}
.gd-part-edit-recom .uk-grid>div {
	padding-left:25px
}
.gd-part-edit-recom .uk-grid>.uk-grid-margin {
	margin-top:15px
}


/* 05. 首页：顶部推荐 */
.gd-part-top-recom {
    margin-top: 15px;
}
.gd-part-top-recom .gd-item {
    width: 10%;
    text-align: center;
}
.gd-part-top-recom .gd-item .gd-icon {
    width: 88px;
    height: 88px;
}
.gd-part-top-recom .gd-item .gd-title {
    margin-top: 10px;
}



/* 05. 首页：最新应用 */
.gd-part-apps {}
.gd-part-apps .gd-item {
    text-align: center;
}
.gd-part-apps .gd-item .gd-icon {
	width:88px;
	height:88px;
	margin: 0 auto;
	position:relative;
}
.gd-part-apps .gd-item .gd-title {
    margin-top: 13px;
}
.gd-part-apps .gd-item .gd-title a {
	font-size:13px;
}

/* 05. 首页：最新资讯 */
.gd-part-news {}
.gd-part-news .gd-thumb {
	height:100px;
	display:block;
	position:relative;
	overflow:hidden;
	margin-bottom:20px
}
.gd-part-news ul {}
.gd-part-news ul li {
	margin-bottom:21px;
	display:flex;
	align-items:center
}
.gd-part-news ul li:last-child {
	margin-bottom:0
}
.gd-part-news ul li a {
	display:block;
	flex:1;
	overflow:hidden;
	padding-left:20px;
	position:relative;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size: 15px;
}
.gd-part-news ul li a:before {
	content:'';
	display:inline-block;
	width:6px;
	height:6px;
	background:var(--pm-c);
	position:absolute;
	left:0;
	top:50%;
	transform:translate(0,-50%);
	border-radius:50%
}
.gd-part-news ul li .gd-time {
	color:var(--md-c);
	font-size:14px
}


/* 05. 首页：精选合集 */
.gd-part-zt {}
.gd-part-zt .gd-thumb {
	display: block;
	height: 150px;
	position: relative;
	overflow: hidden;
	text-align: center;
}
.gd-part-zt .gd-thumb .gd-cover {
    background-color: rgba(0, 0, 0, .5);
	color: #fff;
}
.gd-part-zt .gd-thumb .gd-cover span {
	padding: 8px;
	display: inline-block;
}
.gd-part-zt .gd-title {
    margin-top: 10px;
    text-align: center;
}
.gd-part-zt li {
	display: flex;
	align-content: center;
}
.gd-part-zt li a {
	color: #303133;
	display: block;
	flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 6px;
}
.gd-part-zt li::before {
    content: "";
    position: relative;
    top: 8px;
    left: 0;
    margin-right: 3px;
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #E5E5E5;
}
.gd-part-zt li .gd-time {
    color: var(--md-c);
}


/* 05. 首页与侧边栏：热度排行 */
.gd-part-rank {}
.gd-part-rank .gd-item {
    height: 80px;
	display:flex;
	align-items:center;
	margin-bottom:20px;
	padding-bottom: 20px;
	border-bottom: 1px dashed var(--br-c);
}
.gd-part-rank .gd-item:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border:0
}
.gd-part-rank .gd-item .gd-num {
	display:inline-block;
	width:20px;
	height:22px;
	line-height:22px;
	color:var(--md-c);
	background:#eee;
	text-align:center;
	margin-right:15px;
	font-size:12px;
	border-radius:2px
}
.gd-part-rank .gd-item:nth-child(1) .gd-num {
	background:#ff5722;
	color:#fff
}
.gd-part-rank .gd-item:nth-child(2) .gd-num {
	background:#ff9800;
	color:#fff
}
.gd-part-rank .gd-item:nth-child(3) .gd-num {
	background:#ffc107;
	color:#fff
}
.gd-part-rank .gd-item .gd-icon {
	width:80px;
	height:80px;
	overflow:hidden;
	display:inline-block;
	border-radius:15px;
	margin-right:15px
}
.gd-part-rank .gd-item .gd-title {}
.gd-part-rank .gd-item .gd-title a {
	font-size:15px
}
.gd-part-rank .gd-item .gd-icon-star {
	margin-top:12px
}
.gd-part-rank .gd-item .gd-info {
	display:flex;
	align-items:center;
	margin-top:12px
}
.gd-part-rank .gd-item .gd-info span {
	display:block;
	color:var(--md-c);
	font-size:12px;
	height:25px;
	line-height:26px;
	background:var(--bg-c);
	padding:0 9px;
	margin-right:3px;
	border-radius:2px;
	white-space:nowrap
}
.gd-part-rank .gd-item .gd-info span a {
	color:var(--md-c);
	font-size:13px
}
.gd-part-rank .gd-item .gd-view {
	display:inline-block;
	background:var(--pm-c);
	color:#fff;
	font-size:12px;
	padding:8px 15px;
	border-radius:4px;
	margin-left:15px
}
.gd-part-rank .gd-item .gd-thumb {
	display:inline-block;
	width:100px;
	height:80px;
	position:relative;
	overflow:hidden;
	border-radius:4px;
	margin-right:15px
}
.gd-part-rank .gd-item .gd-desc {
	font-size:14px;
	color:var(--md-c);
	margin:12px 0
}
.gd-part-rank .gd-item .gd-data {
	display:flex;
	justify-content:space-between
}
.gd-part-rank .gd-item .gd-data span {
	font-size:12px;
	color:#bbb
}
.gd-part-rank .gd-item .gd-data span:before {
	font-size:15px;
	margin-right:3px
}

/* 06. 面包屑导航 */
.gd-crumbs {
	margin-top:10px;
	color:var(--md-c);
	font-size:14px;
}
.gd-crumbs a {
    color: var(--md-c);
	font-size:14px;
}
.gd-crumbs a:after {
	content:'>';
	font-family:'SimSun';
	color:#ccc;
	font-weight:bold;
	margin:0 4px;
}
.gd-crumbs a:last-child:after {
	display:none;
}


/* 06. 侧边栏：推荐内容与资讯 */
.gd-side-recom {}
.gd-side-recom .gd-item {
    text-align: center;
}
.gd-side-recom .gd-item .gd-icon {
	width: 100%;
	height: 83px
}
.gd-side-recom .gd-item .gd-title {
    margin-top: 10px;
}
.gd-side-recom .gd-item .gd-title a {
    font-size: 13px;
}

.gd-side-news {}
.gd-side-news .gd-item {
	display:flex;
	align-items:center;
	padding-bottom:18px;
	margin-bottom:18px;
	border-bottom:1px dashed var(--br-c)
}
.gd-side-news .gd-item:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border:0
}
.gd-side-news .gd-item .gd-thumb {
	display:inline-block;
    width: 110px;
    height: 86px;
	position:relative;
	overflow:hidden;
	border-radius:4px;
	margin-right:10px
}
.gd-side-news .gd-item .gd-title {}
.gd-side-news .gd-item .gd-title a {
	font-size:15px
}
.gd-side-news .gd-item .gd-desc {
	font-size:14px;
	color:var(--md-c);
	margin: 15px 0
}
.gd-side-news .gd-item .gd-data {
	display:flex
}
.gd-side-news .gd-item .gd-data span {
	margin-right:5px;
	font-size:12px;
	color:#aaa;
	background:var(--bg-c);
	display:inline-block;
	padding:3px 6px;
	border-radius:4px
}
.gd-side-news .gd-item .gd-data span:before {
	font-size:14px;
	margin-right:3px
}

/* 07. 列表页：分类筛选导航 */
.gd-list-apps {}
.gd-list-top {
	padding:30px;
	background-color:#edfbf6
}
.gd-list-nav {
	display:flex;
	flex-wrap:wrap;
	margin:0;
	padding:0;
	list-style:none;
	margin-left:-5px;
	margin-bottom:-5px
}
.gd-list-nav li {
	width:10%;
    box-sizing: border-box;
	padding-left:5px;
	margin-bottom:5px
}
.gd-list-nav li a {
	background:var(--bg-c);
	border-radius:4px;
	display:block;
	text-align:center;
	line-height:38px;
	color:var(--md-c)
}
.gd-list-nav li:hover a,.gd-list-nav .gd-current-cat a {
	background:var(--pm-c);
	color:#fff
}
.gd-list-news .gd-list-nav li {
	width:16.6%
}
.gd-list-news .gd-list-nav li:hover a,.gd-list-news .gd-list-nav .gd-current-cat a {
	background:var(--pm-c);
	color:#fff
}
.gd-list-news .gd-more {
	display:block;
	text-align:center;
	padding:12px;
	border-radius:4px;
	color:#fff;
	background:var(--pm-c);
	font-weight:bold
}

/* 07. 列表页：应用和游戏列表 */
.gd-list-apps .gd-list-apps-warp {}
.gd-list-apps .gd-apps-item {
	padding:20px;
	border: 1px solid var(--br-c);
}
.gd-list-apps .gd-apps-item:hover {
    background: var(--bg-c);
}
.gd-list-apps .gd-apps-item .gd-icon {
	width:88px;
	height:88px;
	margin-right:15px
}
.gd-list-apps .gd-apps-item .gd-title {
}
.gd-list-apps .gd-apps-item .gd-title a {
	font-size:17px;
	font-weight:bold
}
.gd-list-apps .gd-apps-item .gd-icon-star {
	margin:15px 0
}
.gd-list-apps .gd-apps-item .gd-desc {
	color:var(--md-c);
	line-height: 24px;
	margin-top: 15px
}
.gd-list-apps .gd-apps-item .gd-desc b {
	color:var(--pm-c)
}
.gd-list-apps .gd-apps-item .gd-info {
	color:var(--md-c);
	font-size:13px
}
.gd-list-apps .gd-apps-item .gd-info span {
	}.gd-list-apps .gd-apps-item .gd-info span::after {
	content:'';
	display:inline-block;
	height:10px;
	width:1px;
	background:#E5E4E4;
	margin:0 8px 0 10px
}
.gd-list-apps .gd-apps-item .gd-info span:last-child:after {
	display:none
}
.gd-list-apps .gd-apps-item .gd-view {
    margin-top: 20px;
    display: block;
    background: #fffbfb;
    color: var(--pm-c);
    text-align: center;
    padding: 10px;
    font-weight: bold;
    border-radius: 4px;
    border: 1px solid #ffd7ca;
}
.gd-list-apps .gd-apps-item:hover .gd-view {
	background:var(--pm-c);
	color:#fff;
	border: 1px solid var(--pm-c)
}

/* 07. 列表页：合集列表 */
.gd-list-zt .gd-zt-item {}
.gd-list-zt .gd-zt-item .gd-title {
    margin-bottom: 15px;
}
.gd-list-zt .gd-zt-item .gd-thumb {
	width:80px;
	height:80px;
	position:relative;
	overflow:hidden;
	display:block;
	border-radius:4px;
	margin-right:15px;
}
.gd-list-zt .gd-zt-item .gd-data {}
.gd-list-zt .gd-zt-item .gd-data span {
    display: block;
    color: var(--md-c);
    font-size: 13px;
    margin-bottom: 14px;
}
.gd-list-zt .gd-zt-item .gd-data span:last-child {
    margin-bottom: 0;
}
.gd-list-zt .gd-zt-item .gd-data span b {
    color: var(--pm-c);
}

/* 07. 列表页：资讯和搜索结果 */
.gd-list-news {
	flex:1;
	overflow:hidden;
	position:relative
}
.gd-list-news .gd-news-item {
	display:flex;
	align-items:center;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dashed var(--br-c)
}
.gd-list-news .gd-news-item:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border:0
}
.gd-list-news .gd-news-item .gd-thumb {
	position:relative;
	overflow:hidden;
	height:135px;
	width:200px;
	margin-right:20px;
	border-radius:4px
}
.gd-list-news .gd-news-item .gd-title {
	}.gd-list-news .gd-news-item .gd-title a {
	font-size:17px;
	font-weight:bold
}
.gd-list-news .gd-news-item .gd-data {
	margin:15px 0
}
.gd-list-news .gd-news-item .gd-data span {
	color:var(--md-c);
	font-size:12px;
	display:inline-block;
	background:#fafafa;
	padding:6px 8px
}
.gd-list-news .gd-news-item .gd-data span:before {
	margin-right:5px;
	font-size:14px;
	color:var(--pm-c)
}
.gd-list-news .gd-news-item .gd-desc {
	color:var(--md-c);
	line-height:28px
}

/* 07. 列表页：完整排行 */
.gd-list-rank {}
.gd-list-rank .gd-rank-nav {
	display:flex;
	align-items:center
}
.gd-list-rank .gd-rank-nav li {
	text-align:center
}
.gd-list-rank .gd-rank-nav li h1,
.gd-list-rank .gd-rank-nav li a {
    margin: 0;
	display:block;
	color:var(--md-c);
	line-height:62px;
	font-size: 15px;
	padding: 0 25px;
	border-top:3px solid transparent
}
.gd-list-rank .gd-rank-nav li h1,
.gd-list-rank .gd-rank-nav .gd-active a {
	background:#fff;
	font-weight:bold;
	color:var(--pm-c);
	border-top:3px solid var(--pm-c)
}
.gd-list-rank .gd-part {
	padding:30px
}
.gd-list-rank .gd-rank-item {
	display:flex;
	align-items:center;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dashed var(--br-c)
}
.gd-list-rank .gd-rank-item:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border:0
}
.gd-list-rank .gd-rank-item .gd-num {
	display:inline-block;
	width:25px;
	height:25px;
	text-align:center;
	line-height:25px;
	background:var(--bg-c);
	color:var(--md-c);
	font-size:13px;
	font-weight:bold;
	border-radius:4px
}
.gd-list-rank .gd-rank-item:nth-child(1) .gd-num {
	background:#ff6600;
	color:#fff
}
.gd-list-rank .gd-rank-item:nth-child(2) .gd-num {
	background:#fea255;
	color:#fff
}
.gd-list-rank .gd-rank-item:nth-child(3) .gd-num {
	background:#ffc488;
	color:#fff
}
.gd-list-rank .gd-rank-item .gd-icon {
	width:120px;
	height:120px;
	margin:0 20px
}
.gd-list-rank .gd-rank-item .gd-title {
	margin-bottom:20px
}
.gd-list-rank .gd-rank-item .gd-title a {
	font-weight:bold;
	font-size:18px
}
.gd-list-rank .gd-rank-item .gd-info {
	margin-bottom:25px
}
.gd-list-rank .gd-rank-item .gd-info span {
	display:inline-block;
	background:var(--bg-c);
	color:var(--md-c);
	font-size:12px;
	padding:6px 12px
}
.gd-list-rank .gd-rank-item .gd-desc {
	color:var(--md-c);
	font-size:14px
}
.gd-list-rank .gd-rank-item .gd-desc b {
	color:var(--pm-c)
}
.gd-list-rank .gd-rank-item .gd-view {
	display:inline-block;
	padding:10px 30px;
	border:1px solid var(--pm-c);
	color:var(--pm-c);
	border-radius:4px;
	margin-left:80px
}
.gd-list-rank .gd-rank-item .gd-view:before {
	margin-right:3px
}
.gd-list-rank .gd-rank-item:hover .gd-view {
	color:#fff;
	background:var(--pm-c)
}
.gd-sidebar {
	align-self:flex-start;
	position:sticky;
	top:var(--gd-sidebar-top, 10px);
	width:360px;
	margin-left:10px
}

/* 07. 公共分页 */
.gd-list-fenye {
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	gap:4px;
	margin:50px 0 30px 0 !important
}
.gd-list-fenye .gd-page-numbers {
	display:inline-grid;
	place-items:center;
	box-sizing:border-box;
	min-width:40px;
	height:36px;
	line-height:36px;
	padding:0 16px;
	background:#fff;
	font-size:14px;
	border-radius:4px;
	color:var(--md-c);
	background:var(--bg-c)
}
.gd-list-fenye .gd-page-numbers:hover,.gd-list-fenye .gd-current {
	background:var(--pm-c);
	color:#fff
}
.gd-list-fenye .gd-page-ellipsis {
	display:inline-grid;
	place-items:center;
	min-width:28px;
	height:36px;
	color:var(--md-c)
}
.gd-list-fenye .gd-is-disabled,
.gd-list-fenye .gd-is-disabled:hover {
	opacity:.45;
	background:var(--bg-c);
	color:var(--md-c);
	cursor:not-allowed
}

/* 08. 下载详情：头部与资源摘要 */
.gd-single-apps {
    overflow: hidden;
	flex:1;
	position:relative
}
.gd-single-apps .gd-single-header {
	position:relative
}
.gd-single-apps .gd-single-header .gd-icon {
	width:125px;
	height:125px;
	margin-right:20px;
	border-radius:16px;
	overflow:hidden
}
.gd-single-apps .gd-single-header .gd-icon img {
    width: 100%;
    height: 100%;
}
.gd-single-apps .gd-single-header .gd-title {
	display:flex;
	align-items:center;
	margin-bottom:30px
}
.gd-single-apps .gd-single-header h1 {
	font-size:24px;
	font-weight:bold;
	color:#222;
	margin-bottom:0
}
.gd-single-apps .gd-single-header .gd-title .gd-desc {
	background:#fffaf8;
	padding:7px 10px;
	color:var(--pm-c);
	position:relative;
	font-size:13px;
	margin-left:15px;
}
.gd-single-apps .gd-single-header .gd-data {
	display:flex;
	flex-wrap:wrap;
	margin:0;
	padding:0;
	list-style:none;
	height:61px;
	overflow:hidden
}
.gd-single-apps .gd-single-header .gd-data span {
	width:33%;
	display:flex;
	align-items: center;
	color:var(--md-c);
	font-size:13px;
	margin-bottom:25px;
	position:relative;
	text-indent:1em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.gd-single-apps .gd-single-header .gd-data span:before {
	content:'';
	display:inline-block;
	width:4px;
	height:4px;
	background:var(--br-c);
	position:absolute;
	top:52%;
	left:0;
	transform:translate(0,-50%)
}
.gd-single-apps .gd-single-header .gd-data span a {
	color:var(--md-c);
    text-indent: 0;
}

/* 08. 下载详情：所属合集 */
.gd-bind-zt {
	margin-top: 20px;
}
.gd-bind-zt .gd-title {
	color:var(--md-c)
}
.gd-bind-zt a {
	background:var(--bg-c);
	display:inline-block;
	font-size:12px;
	padding:6px 9px;
	border-radius:4px;
	color:var(--md-c);
	margin-right: 5px;
}

.gd-bind-zt a:hover {
	background:var(--pm-c);
	color:#fff
}

/* 08. 下载详情：下载按钮 */
.gd-single-apps .gd-apps-btn {
	display:flex;
	margin-top: 20px;
}
.gd-single-apps .gd-apps-btn .gd-btn {
	display:block;
	height:46px;
	line-height:48px;
	width:180px;
	background:var(--br-c);
	text-align:center;
	margin-right:10px;
	border-radius:4px;
	color:var(--md-c);
	font-size:15px
}
.gd-single-apps .gd-apps-btn .gd-btn:before {
	margin-right:6px;
	font-size:18px
}
.gd-single-apps .gd-apps-btn .gd-az {
	background-color:#4CCE67;
	color:#fff
}
.gd-single-apps .gd-apps-btn .gd-ios {
	background-color:#03a9f4;
	color:#fff
}
.gd-single-apps .gd-apps-btn .gd-pc {
	background-color:#ff9800;
	color:#fff
}
.gd-single-apps .gd-apps-btn .gd-wp {
	background-color:#1e87f0;
	color:#fff
}
.gd-single-apps .gd-apps-btn .gd-box {
	background-color:#ff7800;
	color:#fff
}
.gd-single-apps .gd-apps-btn .gd-mob,
.gd-single-apps .gd-apps-btn .gd-edit {
	background-color:var(--bg-c);
	color:#C0C4CC;
	width:50px
}
.gd-single-apps .gd-apps-btn .gd-mob {
	position:relative;
	cursor:pointer
}
.gd-single-apps .gd-apps-btn .gd-mob:hover,
.gd-single-apps .gd-apps-btn .gd-edit:hover {
	background:var(--pm-c);
	color:#fff
}
.gd-single-apps .gd-apps-btn .gd-mob:before,
.gd-single-apps .gd-apps-btn .gd-edit:before {
	margin:0
}
.gd-single-apps .gd-apps-btn .gd-mob:hover .gd-code,
.gd-single-apps .gd-apps-btn .gd-mob:focus .gd-code {
	display:block
}
.gd-single-apps .gd-apps-btn .gd-mob .gd-code {
	display:none;
	width:160px;
	position:absolute;
	top:46px;
	right:0;
	background:#fff;
	z-index:10;
	border:1px solid  var(--br-c)
}
.gd-single-apps .gd-apps-btn .gd-mob .gd-code .gd-code-image {
	margin:0
}
.gd-single-apps .gd-apps-btn .gd-mob .gd-code canvas,
.gd-single-apps .gd-apps-btn .gd-mob .gd-code img {
	display:block;
	margin:0 auto;
	padding:15px;
	padding-bottom:0
}
.gd-single-apps .gd-apps-btn .gd-mob .gd-code span {
	display:block;
	text-align:center;
	font-size:13px;
	margin-bottom:15px;
	margin-top:5px;
	color:var(--md-c)
}

/* 08. 下载详情：资源截图 */
.gd-single-apps .gd-apps-images {
	white-space:nowrap;
	overflow-x:scroll
}
.gd-single-apps .gd-apps-images a {
	display:inline-block;
	height:320px;
	margin-right:3px
}
.gd-single-apps .gd-apps-images img {
	height:100%;
	border-radius:4px
}
.gd-single-apps .gd-apps-images.gd-g-class a {
	height:240px;
}

/* 08. 文章详情：标题与元数据 */
.gd-single-news {
	flex:1;
	overflow:hidden;
	position:relative
}
.gd-single-news .gd-single-header {
	padding:30px 0;
	text-align:center
}
.gd-single-news .gd-single-header h1 {
	font-size:24px;
	font-weight:bold;
	margin-bottom:40px
}
.gd-single-news .gd-single-header .gd-data {
	padding:15px;
	color:var(--md-c);
	background-color:#fafafa;
	margin-bottom:10px
}
.gd-single-news .gd-single-header .gd-data span {
	margin:0 30px;
	font-size:13px
}
.gd-single-news .gd-single-header .gd-data span:before {
	font-size:14px;
	margin-right:3px
}

/* 08. 详情页：富文本正文 */
.gd-single-content {}
.gd-single-content ul,.gd-single-content ol {
	margin:1em 0;
	padding-left:2rem;
	list-style:disc outside
}
.gd-single-content ul li,.gd-single-content ol li {
	line-height:32px;
	font-size:15px;
	color:#606266
}
.gd-single-content p {
    text-indent: 2rem;
	line-height:32px;
	font-size:15px;
	color:#606266;
}
.gd-single-content p a {
    color: var(--pm-c);
    font-weight: bold;
    font-size: 15px;
}
.gd-single-content p a:before {
    content: '#';
}
.gd-single-content p:last-child {
	margin-bottom:0
}
.gd-single-content pre {
	background:#26252c;
	padding:15px
}
.gd-single-content code {
	display:block;
	line-height:22px;
	font-size:13px;
	color:#DCDFE6
}

.gd-single-content iframe {
	display:block;
	margin:0 auto;
	width:88%;
	height:390px;
}
.gd-single-content img {
	display:block;
	margin:0 auto;
	max-width:68% !important;
	width:auto;
	max-height: 500px;
	border-radius:4px
}
.gd-single-content h2,.gd-single-content h3 {
	font-size:15px;
	font-weight:bold;
	margin:20px 0;
	background: #fff7f6;
	padding:10px 15px;
	border-left:4px solid var(--pm-c);
	color:var(--pm-c);
}
.gd-single-content h3 p {
    text-indent: 0;
}
.gd-single-content table {
    width: 100%;
}
.gd-single-content table tr {
    border: 1px solid var(--br-c);
}
.gd-single-content table .gd-top {
    background: var(--bg-c);
}
.gd-single-content table tr td {
    font-size: 13px;
    color: #686868;
    border-right: 1px solid var(--br-c);
}

/* 08. 文章详情：关联资源卡片 */
.gd-single-bing-game {
	background:#fff8f5;
	padding:20px;
	display:flex;
	align-items:center;
	border: 1px dashed var(--pm-c);
}
.gd-single-bing-game .gd-icon {
	width:110px;
	height:110px;
	margin-right:20px
}
.gd-single-bing-game .gd-icon img {
	max-height:100%;
	max-width:100%;
	width:100%;
	height:100%
}
.gd-single-bing-game .gd-title {}
.gd-single-bing-game .gd-title a {
	font-size:17px;
	font-weight:bold
}
.gd-single-bing-game .gd-data {
	color:var(--md-c);
	font-size:13px;
	margin:25px 0
}
.gd-single-bing-game .gd-data span::after {
	content:'';
	display:inline-block;
	height:10px;
	width:1px;
	background:#E5E4E4;
	margin:0 8px 0 10px
}
.gd-single-bing-game .gd-data span:last-child:after {
	display:none
}
.gd-single-bing-game .gd-desc {
	color:var(--md-c);
	font-size:14px
}
.gd-single-bing-game .gd-desc b {
	color:var(--pm-c)
}
.gd-single-bing-game .gd-view {
	margin-left:40px
}
.gd-single-bing-game .gd-view a {
	padding:12px 20px;
	background:var(--pm-c);
	color:#fff;
	display:block;
	border-radius:4px;
	margin:10px 0
}
.gd-single-bing-game .gd-view a:before {
	margin-right:3px
}

/* 08. 下载详情：其他版本 */
.gd-part-othe-version {
	border:1px solid var(--br-c);
	border-bottom:0
}
.gd-part-othe-version .gd-item {
	display:flex;
	align-items:center;
	border-bottom:1px solid var(--br-c)
}
.gd-part-othe-version li:first-child {
	background:var(--bg-c)
}
.gd-part-othe-version li:first-child span {
	padding:5px 10px;
	color:var(--md-c)
}
.gd-part-othe-version li:hover {
	background:var(--bg-c)
}
.gd-part-othe-version .gd-item span {
	display:block;
	padding:10px;
	height:45px;
	line-height:45px;
	border-right:1px solid var(--br-c)
}
.gd-part-othe-version .gd-item span:last-child {
	border:0
}
.gd-part-othe-version .gd-icon {
	width:50px;
	border-radius:0;
	text-align:center
}
.gd-part-othe-version .gd-icon img {
	width:40px;
	height:40px;
	border-radius:0
}
.gd-part-othe-version .gd-version {
	flex:1;
	overflow:hidden;
	text-indent:5px
}
.gd-part-othe-version .gd-type,.gd-part-othe-version .gd-size,.gd-part-othe-version .gd-view,.gd-part-othe-version .gd-time {
	width:68px;
	color:var(--md-c);
	text-align:center
}
.gd-part-othe-version .gd-view b {
	color:var(--pm-c)
}

/* 08. 下载详情：应用信息表 */
.gd-app-tab {
	border:1px solid var(--br-c);
	border-bottom:0;
	border-left:0;
	display:flex;
	flex-wrap:wrap
}
.gd-app-tab .gd-item {
	width:50%;
	display:flex;
	border-bottom:1px solid var(--br-c)
}
.gd-app-tab .gd-item span {
	display:block;
	padding:15px 12px;
	font-size:13px
}
.gd-app-tab .gd-item span a {
	font-size:13px;
	color:var(--pm-c)
}
.gd-app-tab .gd-item .gd-t {
	width:80px;
	background:var(--bg-c);
	color:var(--md-c);
	border-right:1px solid var(--br-c);
	border-left:1px solid var(--br-c)
}
.gd-app-tab .gd-item .gd-v {
	flex:1;
	overflow:hidden;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.gd-app-tab .gd-item b {
	cursor:pointer;
	color:var(--pm-c)
}

/* 09. 合集详情：头部与内容列表 */
.gd-single-zt {}
.gd-zt-header {}
.gd-zt-header .gd-thumb {
    overflow: hidden;
	width:320px;
	height: 190px;
	border-radius:4px;
	position:relative;
	overflow:hidden;
	margin-right:20px;
	border: 1px solid var(--br-c);
}
.gd-zt-header .gd-thumb img {
	transform: translate(-50%, -50%) scale(1.1);
}
.gd-zt-header h1 {
	font-size:24px;
	font-weight:bold
}
.gd-zt-header .gd-desc {
	font-size:14px;
	color:var(--md-c);
	line-height:32px
}
.gd-zt-header .gd-desc p {
	font-size:14px;
	color:var(--md-c);
	line-height:32px;
	margin-bottom: 0;
}
.gd-zt-header .gd-data {
	margin:25px 0;
	margin-bottom:15px
}
.gd-zt-header .gd-data {
	color:var(--md-c);
	font-size:13px
}
.gd-zt-header .gd-data span {
	border:1px solid var(--br-c);
	border-radius:4px;
	padding:6px 18px;
	font-size:12px;
	display:inline-block;
	margin-right: 5px;
}
.gd-zt-header .gd-data span:before {
	margin-right:3px;
	font-size:14px
}
.gd-zt-header .gd-data span b {
	color:#f00
}
.gd-part-zt-list {
	display:flex;
	flex-wrap:wrap;
	margin-bottom:-10px
}
.gd-part-zt-list li {
	margin-right:10px;
	display:inline-block
}
.gd-part-zt-list li a {
	display:block;
	background:var(--bg-c);
	padding:8px 12px;
	border-radius:3px;
	font-size: 13px;
	color:var(--md-c);
	margin-bottom:10px
}
.gd-part-zt-list li a:hover {
	background:var(--pm-c);
	color:#fff
}

.gd-part-switcher-zt {}
.gd-part-switcher-zt .gd-thumb {
    padding: 3px;
    border: 1px solid var(--br-c);
}
.gd-part-switcher-zt .gd-thumb a {
    position: relative;
    overflow: hidden;
    height: 150px;
    display: block;
}
.gd-part-switcher-zt .gd-title {
    text-align: center;
    margin-top: 6px;
}
.gd-part-switcher-zt .gd-title a {}

/* 09. 单页：侧边导航与正文 */
.gd-page {}
.gd-page .gd-page-nav {
	width:160px;
	margin-right:10px
}
.gd-page .gd-page-nav ul {}
.gd-page .gd-page-nav ul li {}
.gd-page .gd-page-nav ul li a {
	display:block;
	padding:16px 20px;
	font-size: 15px;
	color:var(--md-c);
	border-radius:4px;
	position:relative
}
.gd-page .gd-page-nav ul li a:hover,.gd-page .gd-page-nav ul .gd-current-menu-item a {
	background:var(--pm-c);
	color:#fff;
	font-weight: bold;
}
.gd-page .gd-page-nav ul .gd-current-menu-item a:after {
	content:'';
	position:absolute;
	right:-5px;
	top:50%;
	height:10px;
	width:10px;
	background:var(--pm-c);
	transform:translate(0,-50%)  rotate(45deg)
}
.gd-page .gd-page-main {
	flex:1;
	overflow:hidden;
	position:relative;
	min-height:550px
}

/* 09. 公共行内链接列表 */
.gd-part-links {}
.gd-part-links li {
    display: inline-block;
    margin-right: 10px;
}
.gd-part-links li a {
    font-size: 14px;
    color: #999;
}

/* 10. 评论：表单与基础评论项 */
.gd-comment-form {}
.gd-comment-form textarea {
    margin-bottom: 10px;
}
.gd-comment-form textarea:hover {
    border: 1px solid var(--pm-c);
}
.gd-comment-form button {
    background: var(--pm-c) !important;
    border: 1px solid  var(--pm-c) !important;
    border-radius: 4px;
    color: #fff !important;
}
.gd-comment-form button:hover {
    opacity: .8;
}
.gd-comment-tips {
    font-size: 13px;
}
.gd-comment-tips p {
    margin: 0;
}
.gd-comment-item {
    border-bottom: 1px dashed var(--br-c);
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: flex;
}
.gd-comment-item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0;
}
.gd-comment-head {
    position: relative;
}
.gd-comment-item .gd-comment-ava {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    margin-right: 15px;
}
.gd-comment-head .gd-comment-name {
    display: block;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 6px;
}
.gd-comment-head .gd-comment-data {}
.gd-comment-head .gd-comment-data span {
    color: #999;
    font-size: 13px;
}
.gd-comment-head .gd-comment-data span::after {
    content: '';
    display: inline-block;
    height: 10px;
    width: 1px;
    background: #E5E4E4;
    margin: 0 8px 0 10px;
}
.gd-comment-head .gd-comment-data span:last-child:after {
    display: none;
}
.gd-comment-content {
    margin-top: 15px;
}
.gd-comment-content p {
    margin: 0;
    color: #666;
    font-size: 14px;
    line-height: 26px;
}
.gd-comment-parent {
    background: var(--bg-c);
    padding: 15px;
    margin-bottom: 15px;
}

/* 11. 站点页脚 */
.gd-footer {
	padding:40px;
	background:#222;
	text-align:center;
	color:var(--md-c);
	font-size:14px
}
.gd-footer a {
	color:var(--md-c);
	font-size:14px;
	margin:0 2px
}
.gd-footer li {
    display: inline-block;
}
.gd-footer li a::after {
    content: '';
    display: inline-block;
    height: 10px;
    width: 1px;
    background: #fff;
    opacity: .3;
    margin: 0 8px 0 10px;
}
.gd-footer li:last-child a:after {
    display: none;
}
.gd-footer li:last-child {
    margin-bottom: 0;
}

/* 11. 空状态 */
.gd-empty-state {
    padding: 48px 20px;
    text-align: center;
    color: var(--md-c);
}

/* 10. 评论：昵称邮箱与操作栏 */
.gd-comment-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 10px;
}
.gd-comment-fields input {
    width: 100%;
    height: 40px;
    padding: 0 12px;
    border: 1px solid #e5e5e5;
    outline: 0;
}
.gd-comment-fields input:hover,
.gd-comment-fields input:focus,
.gd-comment-form textarea:focus {
    border-color: var(--pm-c);
}
.gd-comment-actions {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
}
.gd-comment-actions [data-comment-message] {
    color: var(--md-c);
    font-size: 13px;
}
.gd-comment-actions [data-comment-message][data-status="success"] {
    color: #2e7d32;
}
.gd-comment-actions [data-comment-message][data-status="error"] {
    color: #d32f2f;
}
.gd-comment-item {
    display: block;
}
.gd-comment-head {
    display: flex;
    align-items: center;
}

/* 10. 评论：头像、内容、时间地区与楼层布局 */
#gd-comments .gd-comment-list {}

#gd-comments .gd-comment-item {
    position: relative;
    display: flex;
    gap: 10px;
    margin: 0;
    padding: 20px 0;
    border-bottom: 1px solid #ededed;
}

#gd-comments .gd-comment-item:last-child {
    margin: 0;
    padding-bottom: 24px;
    border-bottom: 0;
}

#gd-comments .gd-comment-item .gd-comment-ava {
    position: static;
    width: 44px;
    height: 44px;
    margin: 0;
    border: 1px solid #e5e7eb;
    border-radius: 50%;
    background: #fff;
    object-fit: cover;
	padding: 2px
}

#gd-comments .gd-comment-main {
    min-width: 0;
    flex: 1;
    overflow: hidden;
}

#gd-comments .gd-comment-item .gd-comment-head {
    display: block;
}

#gd-comments .gd-comment-head .gd-comment-name {
    display: block;
    margin: 0 0 7px;
    color: #111827;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

#gd-comments .gd-comment-content {
    margin-top: 17px;
}

#gd-comments .gd-comment-content p {
    margin: 0;
    color: #303133;
    font-size: 14px;
    line-height: 24px;
    overflow-wrap: anywhere;
}

#gd-comments .gd-comment-floor {
    position: absolute;
    top: 24px;
    right: 0;
    padding: 3px 7px;
    border-radius: 3px;
    background: #f4f5f7;
    color: #94a3b8;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
}

#gd-comments .gd-comment-floor.gd-is-first {
    background: #ff7a00;
    color: #fff;
}

#gd-comments .gd-comment-floor.gd-is-second {
    background: #9ac332;
    color: #fff;
}

#gd-comments .gd-comment-floor.gd-is-third {
    background: #6495ed;
    color: #fff;
}

/* 08. 默认文章详情：封面与上一篇下一篇 */
.gd-single-cover {
    margin: 20px 0;
    text-align: center;
}
.gd-single-cover img {
    max-width: 100%;
    max-height: 520px;
    object-fit: contain;
}
.gd-article-neighbors {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--br-c);
}

/* 09. 合集详情：封面与简介 */
.gd-collection-head {
    gap: 24px;
    align-items: center;
}
.gd-collection-cover {
    width: 220px;
    aspect-ratio: 16 / 10;
    overflow: hidden;
}
.gd-collection-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gd-collection-head h1 {
    margin: 0 0 12px;
}
.gd-collection-head .gd-data span {
    margin-right: 20px;
    color: var(--md-c);
    font-size: 13px;
}
.gd-collection-intro {
    margin-top: 22px;
    padding-top: 20px;
    border-top: 1px solid var(--br-c);
}

/* 11. 404 错误页 */
.gd-theme-not-found {
	margin: 20px 0 !important;
    min-height: 520px;
    display: grid;
    place-items: center;
    background: #fff;
}
.gd-theme-not-found img {
    display: block;
    width: 565px;
    max-width: 100%;
    height: auto;
}

/* 11. 页脚链接行 */
.gd-footer-links {
    margin-top: 14px;
}

/* ==========================================================================
   12. UIkit 覆盖
   ========================================================================== */
.uk-notification-message {
	font-size: 14px;
	border-radius: 4px;
}
.uk-notification-message-success {
	background-color: #32d296;
	color: #fff;
}
.uk-notification-message-danger {
	background-color: #f0506e;
	color: #fff;
}
.uk-notification .uk-notification-close {
	display: none;
}
.uk-notification-message-primary {
	background-color: #0f9fff;
	color: #fff;
}

.uk-notification-message-warning {
	background: #faa05a;
	color: #fff;
}