:root{
	--pp-primary:#2c7a7b;
	--pp-primary-2:#3f9a93;
	--pp-primary-3:#8fc4bf;
	--pp-primary-soft:#e9f4f2;
	--pp-danger:#e0604f;
	--pp-text:#1f2d2b;
	--pp-muted:#7c8b88;
	--pp-bg:#f6f8f7;
	--pp-line:rgba(31,45,43,.08);
	--pp-radius:12px;
	--pp-radius-sm:8px;
	--pp-shadow:0 2px 12px rgba(31,45,43,.05);
	--pp-shadow-h:0 10px 26px rgba(31,45,43,.10);
}
body{background:var(--pp-bg);}

.pp-home{color:var(--pp-text);font-size:14px;}
.pp-home a{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;}
.pp-home a:hover{text-decoration:none;}

/* ---------- 通用卡片 ---------- */
.pp-home .card{
	background:#fff;
	border:1px solid var(--pp-line);
	border-radius:var(--pp-radius);
	box-shadow:var(--pp-shadow);
	overflow:hidden;
	transition:box-shadow .3s ease;
}
.pp-home .card-header{
	background:#fff;
	border-bottom:1px solid var(--pp-line);
	font-weight:600;
	color:#2c3b39;
	padding:.8rem 1.1rem;
	font-size:15px;
}
.pp-home .card-header i{opacity:.7;}
.pp-home .card-body{padding:1rem 1.1rem;}

/* 推荐提示文字 */
.pp-home .card-header .float-right.text-muted{
	font-size:12px;
	line-height:1.7;
	color:var(--pp-muted)!important;
}

.pp-home .list-group-item{
	background:transparent;
	border-color:var(--pp-line);
	padding:.6rem 1.1rem;
	transition:background .25s ease,padding-left .25s ease;
}
.pp-home .list-group-item:hover{background:#f5faf9;}

/* ---------- 顶部数据统计条 ---------- */
.pp-hero{
	position:relative;
	display:flex;
	align-items:center;
	gap:.5rem;
	padding:.7rem .95rem;
	border:1px solid #e2eae8;
	border-radius:var(--pp-radius);
	color:#44544f;
	background:linear-gradient(120deg,#f9fbfa 0%,#eef5f3 100%);
	box-shadow:0 2px 10px rgba(31,45,43,.05);
	overflow:hidden;
}
.pp-hero .text-muted{color:#93a19d!important;}
.pp-hero b{color:var(--pp-primary);font-weight:700;}
.pp-hero .icon-pie-chart{color:#93a19d;}
.pp-hero .txt i{color:#c2cbc8;font-style:normal;}
.pp-hero .txt a{color:var(--pp-primary);}

/* 添加按钮 */
.pp-hero .pp-add-btn{
	position:relative;
	z-index:2;
	display:inline-flex;
	align-items:center;
	white-space:nowrap;
	font-weight:600;
	font-size:13px;
	color:#fff;
	background:var(--pp-primary);
	border:1px solid var(--pp-primary);
	border-radius:var(--pp-radius-sm);
	padding:.36rem .95rem;
	box-shadow:0 2px 8px rgba(44,122,123,.22);
	transition:all .25s ease;
}
.pp-hero .pp-add-btn:hover,
.pp-hero .pp-add-btn:focus{
	color:#fff;
	background:var(--pp-primary-2);
	border-color:var(--pp-primary-2);
	box-shadow:0 6px 16px rgba(44,122,123,.28);
	transform:translateY(-1px);
}

/* ---------- 我的收藏 ---------- */
.pp-home .home_fav .btn{
	border-radius:999px;
	transition:all .25s ease;
}
.pp-home .home_fav .btn-light{
	background:#f5f8f7;
	border:1px solid var(--pp-line);
	color:#3f4f4b;
}
.pp-home .home_fav .btn-light:hover{
	background:#fff;
	border-color:var(--pp-primary);
	color:var(--pp-primary);
	box-shadow:0 4px 12px rgba(44,122,123,.14);
	transform:translateY(-1px);
}
.pp-home .home_fav .btn-outline-info{
	border-color:rgba(44,122,123,.35);
	color:var(--pp-primary);
	background:var(--pp-primary-soft);
}
.pp-home .home_fav .btn-outline-info:hover{
	background:var(--pp-primary);
	border-color:var(--pp-primary);
	color:#fff;
}
.pp-home .home_fav sup.close{
	font-size:14px;
	line-height:1;
	cursor:pointer;
	opacity:.45;
	transition:opacity .2s ease;
}
.pp-home .home_fav sup.close:hover{opacity:1;}
.pp-home .li-title{font-weight:700;color:#2c3b39;}
.pp-home .li-title b{color:var(--pp-danger);}

/* ---------- 最新收录 ---------- */
.pp-home .pp-newshoulu .card-header{display:flex;align-items:center;}
.pp-home .list-group-flush .list-group-item.pp-sl-item{
	display:flex;
	align-items:center;
	gap:0;
	padding:.52rem .9rem;
	border-left:3px solid transparent;
}
/* 分类标题：灰色、无方框、细字重 */
.pp-home .list-group-flush .list-group-item.pp-sl-item .pp-sl-cate{
	flex:0 0 auto;
	width:74px;
	padding:0;
	background:transparent;
	border:0;
	border-radius:0;
	color:#8a9793;
	font-size:13px;
	font-weight:400;
	line-height:1.45;
	text-align:left;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	transition:color .2s ease;
}
/* 序号：浅灰、正常体 */
.pp-home .list-group-flush .list-group-item.pp-sl-item .pp-sl-num{
	font-style:normal;
	display:inline-block;
	min-width:1.1em;
	margin-right:.2rem;
	color:#b9c3bf;
	font-weight:400;
}
.pp-home .list-group-flush .list-group-item.pp-sl-item .pp-sl-cate:hover .pp-sl-num{
	color:inherit;
}
/* hover：变深灰 + 红线 */
.pp-home .list-group-flush .list-group-item.pp-sl-item .pp-sl-cate:hover{
	background:transparent;
	color:#5f6d69!important;
	text-decoration:underline!important;
	text-decoration-color:var(--pp-danger)!important;
	text-decoration-thickness:1px;
	text-underline-offset:3px;
}
.pp-home .list-group-flush .list-group-item.pp-sl-item .pp-sl-title{
	flex:1 1 auto;
	min-width:0;
	padding-left:.45rem;
	border-left:1px solid rgba(44,122,123,.22);
	color:#2c3b39;
	font-size:14px;
	font-weight:500;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	transition:color .2s ease;
}
.pp-home .list-group-flush .list-group-item.pp-sl-item:hover .pp-sl-title{
	color:var(--pp-primary);
}

/* ---------- 最新点入网站 ---------- */
.pp-home .pp-clickin .card-body{padding:.7rem .9rem;}
.pp-home .pp-clickin .pp-clickin-grid{margin:0 -.35rem;}
.pp-home .pp-clickin .pp-clickin-grid .col{padding:.38rem .35rem;}

@media (min-width:768px){
	.pp-home .pp-clickin .pp-clickin-grid > .col{
		flex:0 0 14.285714%;
		max-width:14.285714%;
	}
}

.pp-home .pp-clickin-grid a.pp-clickin-item{
	display:flex;
	align-items:center;
	width:100%;
	padding:0;
	border:0;
	border-radius:0;
	background:transparent;
	color:#3f4f4b;
	font-size:14px;
	font-weight:500;
	line-height:1.6;
	overflow:hidden;
	transition:color .2s ease;
}
.pp-home .pp-clickin-grid a.pp-clickin-item:hover,
.pp-home .pp-clickin-grid a.pp-clickin-item:focus{
	background:transparent;
	border:0;
	color:var(--pp-primary);
	box-shadow:none;
	text-decoration:none;
}
.pp-home .pp-clickin-grid a.pp-clickin-item img{
	flex:0 0 auto;
	width:14px;
	height:14px;
	margin-right:.35rem;
	border-radius:4px;
	object-fit:cover;
}
.pp-home .pp-clickin-grid a.pp-clickin-item .pp-clickin-text{
	flex:0 1 auto;
	min-width:0;
	max-width:5em;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.pp-home .pp-clickin .card-header .icon-fire{
	color:var(--pp-danger);
	opacity:.9;
}

/* ---------- 推荐模块（网站 / 小程序 / 公众号） ---------- */
.pp-home .item_tui .card{
	border:1px solid var(--pp-line);
	background:#fff;
	box-shadow:var(--pp-shadow);
	transition:box-shadow .3s ease,transform .3s ease;
}
.pp-home .item_tui .card:hover{
	transform:translateY(-4px);
	box-shadow:var(--pp-shadow-h);
}
.pp-home .item_tui .card-title a{color:#2c3b39;font-weight:600;}
.pp-home .item_tui .card-title a:hover{color:var(--pp-primary);}
.pp-home .item_tui .item_img{
	position:relative;
	background-repeat:no-repeat;
	background-position:10px center;
	background-size:32px 32px;
	border-radius:var(--pp-radius);
	transition:background-color .25s ease;
}
.pp-home .item_tui .item_img:hover{background-color:#f5faf9;}
.pp-home .fangpic{display:block;overflow:hidden;border-radius:var(--pp-radius) var(--pp-radius) 0 0;}
.pp-home .fangpic img{
	width:100%;
	aspect-ratio:1/1;
	object-fit:cover;
	transition:transform .45s ease;
}
.pp-home .item_tui .card:hover .fangpic img{transform:scale(1.05);}
.pp-home .img-100{width:76px;height:76px;object-fit:cover;border-radius:var(--pp-radius);}

/* ---------- 酷站导航 ---------- */
.pp-home .kuzhanav-list{display:flex;flex-direction:column;}
.pp-home .kuzhanav-item{
	display:flex;
	align-items:center;
	gap:0;
	padding:.9rem 1.1rem;
	border-bottom:1px solid var(--pp-line);
	transition:background .25s ease;
}
.pp-home .kuzhanav-item:last-child{border-bottom:0;}
.pp-home .kuzhanav-item:hover{background:#f8fbfa;}

/* 分类标题：灰色、无方框、细字重 */
.pp-home .kuzhanav-cate{
	flex:0 0 auto;
	display:inline-flex;
	align-items:center;
	justify-content:flex-start;
	width:80px;
	min-width:80px;
	max-width:80px;
	padding:0;
	background:transparent;
	border:0;
	border-radius:0;
	color:#8a9793!important;
	font-weight:400;
	font-size:16px;
	line-height:1.4;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	transition:color .2s ease;
}
/* hover：变深灰 + 红线 */
.pp-home .kuzhanav-cate:hover{
	background:transparent;
	color:#5f6d69!important;
	transform:none;
	box-shadow:none;
	text-decoration:underline!important;
	text-decoration-color:var(--pp-danger)!important;
	text-decoration-thickness:1px;
	text-underline-offset:3px;
}

.pp-home .kuzhanav-links{
	flex:1 1 auto;
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	gap:.3rem .95rem;
	min-width:0;
	overflow:hidden;
	margin-left:.15rem;
	padding-left:.8rem;
	border-left:1px solid rgba(44,122,123,.22);
}
.pp-home .kuzhanav-links a{
	flex:0 0 auto;
	display:inline-flex;
	align-items:center;
	padding:0;
	border:0;
	border-radius:0;
	background:transparent;
	color:#3f4f4b;
	font-size:16px;
	font-weight:500;
	line-height:1.6;
	white-space:nowrap;
	transition:color .2s ease;
}
.pp-home .kuzhanav-links a:hover,
.pp-home .kuzhanav-links a:focus{
	background:transparent;
	border:0;
	color:var(--pp-primary)!important;
	box-shadow:none;
	text-decoration:none;
}
.pp-home .kuzhanav-links a img{
	margin-right:.3rem;
	border-radius:4px;
	flex:0 0 auto;
	width:14px;
	height:14px;
}

.pp-home .kuzhanav-more{
	flex:0 0 auto;
	align-self:center;
	display:inline-flex;
	align-items:center;
	padding:0;
	border:0;
	border-radius:0;
	background:transparent;
	color:var(--pp-muted);
	font-size:15px;
	font-weight:500;
	line-height:1.6;
	white-space:nowrap;
	margin-left:.95rem;
	transition:color .2s ease;
}
.pp-home .kuzhanav-more:hover,
.pp-home .kuzhanav-more:focus{
	background:transparent;
	border:0;
	color:var(--pp-primary)!important;
	box-shadow:none;
	text-decoration:none;
}

/* ---------- 文章模块 ---------- */
.pp-home .bg-size-cover{
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	min-height:120px;
	border-radius:var(--pp-radius-sm);
}
.pp-home .line_2{
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.pp-home .card-body a.stretched-link{color:#2c3b39;font-weight:500;}
.pp-home .card-body a.stretched-link:hover{color:var(--pp-primary);}

/* ---------- 热搜 / 焦点新闻 ---------- */
.pp-home .news_focus_body{
	border-radius:var(--pp-radius);
	position:relative;
}
.pp-home .news_focus_des .list-group-item{
	padding:.55rem .8rem;
	border-color:var(--pp-line);
}
.pp-home .news_focus_des .list-group-item a{color:#3f4f4b;}
.pp-home .news_focus_des .list-group-item a:hover{color:var(--pp-primary);}
.pp-home .news_focus_des h5 a{color:#2c3b39;font-weight:600;}
.pp-home .news_focus_des h5 a:hover{color:var(--pp-primary);}
.pp-home .focus_btn{opacity:.9;transition:opacity .25s ease;cursor:pointer;}
.pp-home .focus_btn:hover{opacity:1;}

/* ---------- 友情链接 ---------- */
.pp-home .card-body a.mx-1{
	display:inline-block;
	padding:.28rem .7rem;
	margin:.2rem .25rem!important;
	border-radius:999px;
	background:#f5f8f7;
	border:1px solid var(--pp-line);
	color:#4a5a56;
	font-size:13px;
	transition:all .25s ease;
}
.pp-home .card-body a.mx-1:hover{
	background:var(--pp-primary);
	border-color:var(--pp-primary);
	color:#fff;
	transform:translateY(-2px);
	box-shadow:0 6px 14px rgba(44,122,123,.20);
}

/* ---------- 滚动条 ---------- */
.pp-home ::-webkit-scrollbar{width:8px;height:8px;}
.pp-home ::-webkit-scrollbar-thumb{background:rgba(44,122,123,.22);border-radius:8px;}
.pp-home ::-webkit-scrollbar-thumb:hover{background:rgba(44,122,123,.4);}

/* ---------- 响应式微调 ---------- */
@media (max-width:575.98px){
	.pp-home .card-header{padding:.7rem .9rem;}
	.pp-home .card-body{padding:.9rem;}
	.pp-hero{font-size:13px;}

	/* 酷站导航：小屏保持一行，链接溢出隐藏 */
	.pp-home .kuzhanav-item{
		flex-wrap:nowrap;
		gap:0;
		padding:.75rem .9rem;
	}
	.pp-home .kuzhanav-cate{
		width:66px;
		min-width:66px;
		max-width:66px;
		padding:0;
		font-size:15px;
	}
	.pp-home .kuzhanav-more{
		margin-left:auto;
		padding:0;
		font-size:14px;
	}
	.pp-home .kuzhanav-links{
		gap:.25rem .7rem;
		margin-left:.1rem;
		padding-left:.5rem;
	}
	.pp-home .kuzhanav-links a{padding:0;font-size:15px;}
	.pp-home .kuzhanav-links a img{width:12px;height:12px;}

	/* 最新收录 */
	.pp-home .list-group-flush .list-group-item.pp-sl-item{
		padding:.46rem .7rem;
		gap:0;
	}
	.pp-home .list-group-flush .list-group-item.pp-sl-item .pp-sl-cate{
		width:64px;
		padding:0;
		font-size:12px;
	}
	.pp-home .list-group-flush .list-group-item.pp-sl-item .pp-sl-title{
		font-size:13px;
		padding-left:.4rem;
	}

	/* 最新点入网站 */
	.pp-home .pp-clickin .card-body{padding:.5rem .7rem;}
	.pp-home .pp-clickin .pp-clickin-grid .col{padding:.3rem .3rem;}
	.pp-home .pp-clickin-grid a.pp-clickin-item{
		padding:0;
		font-size:13px;
	}
	.pp-home .pp-clickin-grid a.pp-clickin-item img{
		width:13px;
		height:13px;
		margin-right:.3rem;
	}
	.pp-home .pp-clickin-grid a.pp-clickin-item .pp-clickin-text{
		max-width:5em;
	}

	/* 推荐提示文字 */
	.pp-home .card-header .float-right.text-muted{
		font-size:11px;
	}
}