@charset "UTF-8";
.ai-tools-item[data-v-759de96e] {
	border-radius:4px;
	background:#fff;
	padding:24px 24px 28px;
	box-sizing:border-box;
	height:100%;
	display:flex;
	flex-direction:column
}
.ai-tools-item .ai-tools-header[data-v-759de96e] {
	margin-bottom:20px;
	border-bottom:none;
	padding-bottom:0
}
.ai-tools-item .ai-tools-header .category-title[data-v-759de96e] {
	display:flex;
	align-items:center;
	font-size:20px;
	font-weight:500;
	line-height:20px
}
.ai-tools-item .ai-tools-header .category-title .first-name[data-v-759de96e] {
	color:#fb272a;
	margin-right:0
}
.ai-tools-item .ai-tools-header .category-title .two-name[data-v-759de96e] {
	color:#000
}
.ai-tools-item .loading-container[data-v-759de96e], .ai-tools-item .empty-container[data-v-759de96e] {
	flex:1;
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:200px
}
.ai-tools-item .ai-tools-content[data-v-759de96e] {
	flex:1;
	display:flex;
	flex-direction:column
}
.ai-tools-item .ai-tools-content .ai-tools-list[data-v-759de96e] {
	flex:1
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item[data-v-759de96e] {
	display:flex;
	align-items:center;
	padding:0;
	margin-bottom:20px;
	border-bottom:none;
	cursor:pointer;
transition:background-color .2s;
	line-height:20px
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item[data-v-759de96e]:hover {
	background-color:transparent
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item[data-v-759de96e]:last-child {
	margin-bottom:0
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item .rank-section[data-v-759de96e] {
	width:8.33%;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-right:0
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item .rank-section .rank-icon[data-v-759de96e] {
	width:22px;
	height:22px
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item .rank-section .rank-number[data-v-759de96e] {
	font-size:20px;
	font-weight:400;
	letter-spacing:0px;
	line-height:17px;
	text-align:center;
	vertical-align:top
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item .avatar-section[data-v-759de96e] {
	width:60px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-right:12px
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item .avatar-section .tool-logo[data-v-759de96e] {
	border:1px solid #e0e0e0!important;
	background-color:#f5f5f5!important;
	color:#666!important;
	font-size:18px!important;
	font-weight:500!important
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item .tool-info[data-v-759de96e] {
	flex:1;
	min-width:0
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item .tool-info .tool-title[data-v-759de96e] {
	padding:0!important;
	font-size:18px;
	font-weight:400;
	letter-spacing:0px;
	line-height:17px;
	color:#000;
	vertical-align:top;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-bottom:4px
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item .tool-info .tool-summary[data-v-759de96e] {
	padding:0!important;
	font-size:14px;
	font-weight:500;
	letter-spacing:0px;
	line-height:17px;
	color:#b9b9b9;
	vertical-align:top;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item .tool-actions[data-v-759de96e] {
	display:none
}
.ai-tools-item .ai-tools-content .pagination-container[data-v-759de96e] {
	margin-top:16px;
	display:flex;
	justify-content:center
}
.pagination-nav[data-v-759de96e] {
	display:flex;
	align-items:center;
	justify-content:flex-start;
	margin-bottom:16px;
	gap:1px
}
.pagination-nav-bottom[data-v-759de96e] {
	margin-top:16px;
	margin-bottom:0;
	justify-content:flex-start
}
.pagination-item[data-v-759de96e] {
	color:#999;
	font-size:14px;
	font-weight:400;
	cursor:pointer;
	padding:2px 4px;
transition:color .2s ease;
	-webkit-user-select:none;
	user-select:none
}
.pagination-item[data-v-759de96e]:hover, .pagination-item.active[data-v-759de96e] {
	color:#fb272a
}
.pagination-divider[data-v-759de96e] {
	color:#999;
	font-size:14px;
	margin:0 2px;
	-webkit-user-select:none;
	user-select:none
}
.main-ranks-ai-tools-v2 .main-item-wrap[data-v-7f207641] {
	margin-bottom:20px;
transition:all .4s cubic-bezier(.25, .8, .25, 1);
	cursor:pointer;
	border-radius:12px;
	overflow:hidden
}
.main-ranks-ai-tools-v2 .main-item-wrap[data-v-7f207641]:hover {
	transform:translateY(-2px);
	box-shadow:0 1px 3px #00000005
}
.main-ranks-ai-tools-v2 .category-transition-wrapper[data-v-7f207641] {
	display:flex;
	flex-wrap:wrap;
	width:100%
}
.main-ranks-ai-tools-v2 .category-list-move[data-v-7f207641], .main-ranks-ai-tools-v2 .category-list-enter-active[data-v-7f207641], .main-ranks-ai-tools-v2 .category-list-leave-active[data-v-7f207641] {
transition:all .5s ease
}
.main-ranks-ai-tools-v2 .category-list-enter-from[data-v-7f207641], .main-ranks-ai-tools-v2 .category-list-leave-to[data-v-7f207641] {
	opacity:0;
	transform:translateY(30px)
}
.ai-tools-item[data-v-664f4f95] {
	border-radius:4px;
	background:#fff;
	padding:24px 24px 28px;
	box-sizing:border-box;
	height:100%;
	display:flex;
	flex-direction:column
}
.ai-tools-item .ai-tools-header[data-v-664f4f95] {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:20px;
	border-bottom:none;
	padding-bottom:0
}
.ai-tools-item .ai-tools-header .header-right[data-v-664f4f95] {
	display:flex;
	align-items:center;
	gap:12px
}
.ai-tools-item .ai-tools-header .cate[data-v-664f4f95] {
	font-size:14px;
	font-weight:400;
	color:#b9b9b9;
	line-height:20px
}
.ai-tools-item .ai-tools-header[data-v-664f4f95] .view-more.el-button {
	color:var(--primary-color);
	background-color:transparent;
	border-color:transparent;
	font-size:14px;
	font-weight:400;
	padding:0
}
.ai-tools-item .ai-tools-header[data-v-664f4f95] .view-more.el-button:hover, .ai-tools-item .ai-tools-header[data-v-664f4f95] .view-more.el-button:focus, .ai-tools-item .ai-tools-header[data-v-664f4f95] .view-more.el-button:active {
	color:var(--primary-color);
	background-color:transparent;
	border-color:transparent
}
.ai-tools-item .ai-tools-header .category-title[data-v-664f4f95] {
	display:flex;
	align-items:center;
	font-size:20px;
	font-weight:500;
	line-height:20px
}
.ai-tools-item .ai-tools-header .category-title .first-name[data-v-664f4f95] {
	color:#fb272a;
	margin-right:0
}
.ai-tools-item .ai-tools-header .category-title .two-name[data-v-664f4f95] {
	color:#000
}
.ai-tools-item .loading-container[data-v-664f4f95], .ai-tools-item .empty-container[data-v-664f4f95] {
	flex:1;
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:400px
}
.ai-tools-item .ai-tools-content[data-v-664f4f95] {
	flex:1;
	display:flex;
	flex-direction:column
}
.ai-tools-item .ai-tools-content .ai-tools-list[data-v-664f4f95] {
	flex:1
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item[data-v-664f4f95] {
	display:flex;
	align-items:center;
	padding:0;
	margin-bottom:20px;
	border-bottom:none;
	cursor:pointer;
transition:background-color .2s;
	line-height:20px
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item[data-v-664f4f95]:hover {
	background-color:transparent
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item[data-v-664f4f95]:last-child {
	margin-bottom:0
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item .rank-section[data-v-664f4f95] {
	width:8.33%;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-right:0
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item .rank-section .rank-icon[data-v-664f4f95] {
	width:22px;
	height:22px
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item .rank-section .rank-number[data-v-664f4f95] {
	font-size:20px;
	font-weight:400;
	letter-spacing:0px;
	line-height:17px;
	text-align:center;
	vertical-align:top
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item .avatar-section[data-v-664f4f95] {
	width:60px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-right:12px
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item .avatar-section .tool-logo[data-v-664f4f95] {
	border:1px solid #e0e0e0!important;
	background-color:#f5f5f5!important;
	color:#666!important;
	font-size:18px!important;
	font-weight:500!important
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item .tool-info[data-v-664f4f95] {
	flex:1;
	min-width:0
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item .tool-info .tool-title[data-v-664f4f95] {
	padding:0!important;
	font-size:18px;
	font-weight:400;
	letter-spacing:0px;
	line-height:17px;
	color:#000;
	vertical-align:top;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-bottom:4px
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item .tool-info .tool-summary[data-v-664f4f95] {
	padding:0!important;
	font-size:14px;
	font-weight:500;
	letter-spacing:0px;
	line-height:17px;
	color:#b9b9b9;
	vertical-align:top;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item .tool-actions[data-v-664f4f95] {
	display:none
}
.ai-tools-item .ai-tools-content .pagination-container[data-v-664f4f95] {
	margin-top:16px;
	display:flex;
	justify-content:center
}
.pagination-nav[data-v-664f4f95] {
	display:flex;
	align-items:center;
	justify-content:flex-start;
	margin-bottom:16px;
	gap:1px
}
.pagination-nav-bottom[data-v-664f4f95] {
	margin-top:16px;
	margin-bottom:0;
	justify-content:flex-start
}
.pagination-item[data-v-664f4f95] {
	color:#999;
	font-size:14px;
	font-weight:400;
	cursor:pointer;
	padding:2px 4px;
transition:color .2s ease;
	-webkit-user-select:none;
	user-select:none
}
.pagination-item[data-v-664f4f95]:hover, .pagination-item.active[data-v-664f4f95] {
	color:#fb272a
}
.pagination-divider[data-v-664f4f95] {
	color:#999;
	font-size:14px;
	margin:0 2px;
	-webkit-user-select:none;
	user-select:none
}
.main-ranks-ai-tools-v2[data-v-e4e0e312] {
	width:100%
}
.main-ranks-ai-tools-v2 .main-item-wrap[data-v-e4e0e312] {
	margin-bottom:20px;
transition:all .4s cubic-bezier(.25, .8, .25, 1);
	cursor:pointer;
	border-radius:12px;
	overflow:hidden
}
.main-ranks-ai-tools-v2 .main-item-wrap[data-v-e4e0e312]:hover {
	transform:translateY(-2px);
	box-shadow:0 1px 3px #00000005
}
.main-ranks-ai-tools-v2 .category-transition-wrapper[data-v-e4e0e312] {
	display:flex;
	flex-wrap:wrap;
	width:100%
}
.main-ranks-ai-tools-v2 .category-list-move[data-v-e4e0e312], .main-ranks-ai-tools-v2 .category-list-enter-active[data-v-e4e0e312], .main-ranks-ai-tools-v2 .category-list-leave-active[data-v-e4e0e312] {
transition:all .5s ease
}
.main-ranks-ai-tools-v2 .category-list-enter-from[data-v-e4e0e312], .main-ranks-ai-tools-v2 .category-list-leave-to[data-v-e4e0e312] {
	opacity:0;
	transform:translateY(30px)
}
.main-ranks-product[data-v-27cebc13] {
	width:100%
}
.main-ranks-product .main-item-wrap[data-v-27cebc13] {
	margin-bottom:20px;
transition:all .4s cubic-bezier(.25, .8, .25, 1);
	cursor:pointer;
	border-radius:12px;
	overflow:hidden
}
.main-ranks-product .main-item-wrap[data-v-27cebc13]:hover {
	transform:translateY(-2px);
	box-shadow:0 1px 3px #00000005
}
.main-ranks-product .category-transition-wrapper[data-v-27cebc13] {
	display:flex;
	flex-wrap:wrap;
	width:100%
}
.main-ranks-product .category-list-move[data-v-27cebc13], .main-ranks-product .category-list-enter-active[data-v-27cebc13], .main-ranks-product .category-list-leave-active[data-v-27cebc13] {
transition:all .5s ease
}
.main-ranks-product .category-list-enter-from[data-v-27cebc13], .main-ranks-product .category-list-leave-to[data-v-27cebc13] {
	opacity:0;
	transform:translateY(30px)
}
.activity-ranking .loading-container[data-v-8d038a1d] {
	padding:20px
}
.activity-ranking .content-grid[data-v-8d038a1d] {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:20px;
	padding:20px
}
.activity-ranking .activity-card[data-v-8d038a1d] {
	background:var(--el-bg-color);
	border-radius:12px;
	overflow:hidden;
	cursor:pointer;
transition:all .3s ease;
	position:relative;
	box-shadow:0 2px 8px #0000000f
}
.activity-ranking .activity-card[data-v-8d038a1d]:hover {
	transform:translateY(-3px);
	box-shadow:0 6px 20px #0000001f;
	border-color:var(--el-color-primary-light-6)
}
.activity-ranking .rank-badge[data-v-8d038a1d] {
	position:absolute;
	top:8px;
	left:8px;
	z-index:10
}
.activity-ranking .rank-badge .rank-number[data-v-8d038a1d] {
	width:28px;
	height:28px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:700;
	font-size:13px;
	box-shadow:0 2px 6px #00000026
}
.activity-ranking .rank-badge .rank-number.top-rank[data-v-8d038a1d] {
	background:linear-gradient(135deg, gold, orange);
	color:#fff
}
.activity-ranking .rank-badge .rank-number.high-rank[data-v-8d038a1d] {
	background:linear-gradient(135deg, silver, #a0a0a0);
	color:#fff
}
.activity-ranking .rank-badge .rank-number.normal-rank[data-v-8d038a1d] {
	background:var(--el-fill-color);
	color:var(--el-text-color-regular);
	border:2px solid white
}
.activity-ranking .card-cover[data-v-8d038a1d] {
	width:100%;
	position:relative;
	overflow:hidden
}
.activity-ranking .card-cover .activity-cover[data-v-8d038a1d] {
	width:100%;
	height:100%;
	object-fit:cover;
transition:all .3s ease
}
.activity-ranking .card-cover .activity-cover[data-v-8d038a1d]:hover {
	transform:scale(1.03)
}
.activity-ranking .card-cover .activity-icon-placeholder[data-v-8d038a1d] {
	width:100%;
	height:100%;
	background:linear-gradient(135deg, var(--el-color-primary-light-9), var(--el-color-primary-light-7));
	color:var(--el-color-primary);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:40px;
transition:all .3s ease
}
.activity-ranking .card-cover .activity-icon-placeholder[data-v-8d038a1d]:hover {
	background:linear-gradient(135deg, var(--el-color-primary-light-7), var(--el-color-primary-light-5))
}
.activity-ranking .card-content[data-v-8d038a1d] {
	padding:16px;
	display:flex;
	flex-direction:column;
	gap:10px;
	height:120px
}
.activity-ranking .card-content .activity-title[data-v-8d038a1d] {
	font-size:14px;
	font-weight:600;
	color:var(--el-text-color-primary);
	margin:0;
	line-height:1.4;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	min-height:40px;
transition:color .3s ease
}
.activity-ranking .card-content .activity-title[data-v-8d038a1d]:hover {
	color:var(--el-color-primary)
}
.activity-ranking .card-content .activity-tags[data-v-8d038a1d] {
	display:flex;
	gap:6px;
	flex-wrap:wrap;
	margin-top:auto
}
.activity-ranking .card-content .activity-tags .activity-tag[data-v-8d038a1d] {
	font-size:11px;
	padding:3px 8px;
	border-radius:10px;
	font-weight:500;
transition:all .3s ease;
	border:none
}
.activity-ranking .card-content .activity-tags .activity-tag[data-v-8d038a1d]:hover {
	transform:translateY(-1px);
	box-shadow:0 2px 6px #0000001f
}
.activity-ranking .empty-state[data-v-8d038a1d] {
	padding:40px 20px;
	text-align:center
}
@media (max-width: 1200px) {
.activity-ranking .content-grid[data-v-8d038a1d] {
grid-template-columns:repeat(3, 1fr);
gap:16px;
padding:16px
}
}
@media (max-width: 768px) {
.activity-ranking .content-grid[data-v-8d038a1d] {
grid-template-columns:repeat(2, 1fr);
gap:12px;
padding:12px
}
.activity-ranking .activity-card .card-cover[data-v-8d038a1d] {
height:120px
}
.activity-ranking .activity-card .card-content[data-v-8d038a1d] {
padding:12px;
height:100px
}
.activity-ranking .activity-card .card-content .activity-title[data-v-8d038a1d] {
font-size:13px;
min-height:36px
}
.activity-ranking .activity-card .card-content .activity-tag[data-v-8d038a1d] {
font-size:10px;
padding:2px 6px
}
.activity-ranking .activity-card .rank-badge[data-v-8d038a1d] {
top:6px;
left:6px
}
.activity-ranking .activity-card .rank-badge .rank-number[data-v-8d038a1d] {
width:24px;
height:24px;
font-size:11px
}
}
@media (max-width: 480px) {
.activity-ranking .content-grid[data-v-8d038a1d] {
grid-template-columns:1fr;
gap:10px;
padding:10px
}
}
.hot-posts .loading-container[data-v-3b1a6619] {
	padding:20px
}
.hot-posts .content-list .content-item[data-v-3b1a6619] {
	margin-bottom:12px;
	background-color:#fff;
	padding:12px 18px;
	border-radius:8px;
	display:flex;
	align-items:center;
	cursor:pointer;
transition:all .3s
}
.hot-posts .content-list .content-item[data-v-3b1a6619]:hover {
	background-color:var(--el-fill-color-light);
	border-radius:8px
}
.hot-posts .content-list .content-item[data-v-3b1a6619]:last-child {
	border-bottom:none
}
.hot-posts .content-list .item-rank[data-v-3b1a6619] {
	width:40px;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-right:16px
}
.hot-posts .content-list .item-rank .rank-number[data-v-3b1a6619] {
	width:24px;
	height:24px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:700;
	font-size:12px
}
.hot-posts .content-list .item-rank .rank-number.top-rank[data-v-3b1a6619] {
	background:linear-gradient(135deg, gold, orange);
	color:#fff
}
.hot-posts .content-list .item-rank .rank-number.high-rank[data-v-3b1a6619] {
	background:linear-gradient(135deg, silver, #a0a0a0);
	color:#fff
}
.hot-posts .content-list .item-rank .rank-number.normal-rank[data-v-3b1a6619] {
	background:var(--el-fill-color);
	color:var(--el-text-color-regular)
}
.hot-posts .content-list .item-content[data-v-3b1a6619] {
	flex:1;
	min-width:0
}
.hot-posts .content-list .item-content .item-title[data-v-3b1a6619] {
	font-size:16px;
	font-weight:500;
	color:var(--el-text-color-primary);
	margin:0;
	line-height:1.5;
	cursor:pointer;
transition:color .3s
}
.hot-posts .content-list .item-content .item-title[data-v-3b1a6619]:hover {
	color:var(--el-color-primary)
}
.hot-posts .empty-state[data-v-3b1a6619] {
	padding:40px 20px;
	text-align:center
}
.ai-tools-item[data-v-4593e648] {
	border-radius:4px;
	background:#fff;
	padding:24px 24px 28px;
	box-sizing:border-box;
	height:100%;
	display:flex;
	flex-direction:column
}
.ai-tools-item .ai-tools-header[data-v-4593e648] {
	margin-bottom:20px;
	border-bottom:none;
	padding-bottom:0
}
.ai-tools-item .ai-tools-header .category-title[data-v-4593e648] {
	display:flex;
	align-items:center;
	font-size:20px;
	font-weight:500;
	line-height:20px
}
.ai-tools-item .ai-tools-header .category-title .first-name[data-v-4593e648] {
	color:#fb272a;
	margin-right:0
}
.ai-tools-item .ai-tools-header .category-title .two-name[data-v-4593e648] {
	color:#000
}
.ai-tools-item .loading-container[data-v-4593e648], .ai-tools-item .empty-container[data-v-4593e648] {
	flex:1;
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:400px
}
.ai-tools-item .ai-tools-content[data-v-4593e648] {
	flex:1;
	display:flex;
	flex-direction:column
}
.ai-tools-item .ai-tools-content .ai-tools-list[data-v-4593e648] {
	flex:1
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item[data-v-4593e648] {
	display:flex;
	align-items:center;
	padding:0;
	margin-bottom:20px;
	border-bottom:none;
	cursor:pointer;
transition:background-color .2s;
	line-height:20px
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item[data-v-4593e648]:hover {
	background-color:transparent
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item[data-v-4593e648]:last-child {
	margin-bottom:0
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item .rank-section[data-v-4593e648] {
	width:8.33%;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-right:0
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item .rank-section .rank-icon[data-v-4593e648] {
	width:22px;
	height:22px
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item .rank-section .rank-number[data-v-4593e648] {
	font-size:20px;
	font-weight:400;
	letter-spacing:0px;
	line-height:17px;
	text-align:center;
	vertical-align:top
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item .avatar-section[data-v-4593e648] {
	width:60px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-right:12px
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item .avatar-section .tool-logo[data-v-4593e648] {
	border:1px solid #e0e0e0!important;
	background-color:#f5f5f5!important;
	color:#666!important;
	font-size:18px!important;
	font-weight:500!important
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item .tool-info[data-v-4593e648] {
	flex:1;
	min-width:0
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item .tool-info .tool-title[data-v-4593e648] {
	padding:0!important;
	font-size:18px;
	font-weight:400;
	letter-spacing:0px;
	line-height:17px;
	color:#000;
	vertical-align:top;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-bottom:4px
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item .tool-info .tool-summary[data-v-4593e648] {
	padding:0!important;
	font-size:14px;
	font-weight:500;
	letter-spacing:0px;
	line-height:17px;
	color:#b9b9b9;
	vertical-align:top;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.ai-tools-item .ai-tools-content .ai-tools-list .ai-tool-item .tool-actions[data-v-4593e648] {
	display:none
}
.ai-tools-item .ai-tools-content .pagination-container[data-v-4593e648] {
	margin-top:16px;
	display:flex;
	justify-content:center
}
.pagination-nav[data-v-4593e648] {
	display:flex;
	align-items:center;
	justify-content:flex-start;
	margin-bottom:16px;
	gap:1px
}
.pagination-nav-bottom[data-v-4593e648] {
	margin-top:16px;
	margin-bottom:0;
	justify-content:flex-start
}
.pagination-item[data-v-4593e648] {
	color:#999;
	font-size:14px;
	font-weight:400;
	cursor:pointer;
	padding:2px 4px;
transition:color .2s ease;
	-webkit-user-select:none;
	user-select:none
}
.pagination-item[data-v-4593e648]:hover, .pagination-item.active[data-v-4593e648] {
	color:#fb272a
}
.pagination-divider[data-v-4593e648] {
	color:#999;
	font-size:14px;
	margin:0 2px;
	-webkit-user-select:none;
	user-select:none
}
.main-ranks-ai-tools-v2[data-v-b4ea0fb3] {
	width:100%
}
.main-ranks-ai-tools-v2 .main-item-wrap[data-v-b4ea0fb3] {
	margin-bottom:20px;
transition:all .4s cubic-bezier(.25, .8, .25, 1);
	cursor:pointer;
	border-radius:12px;
	overflow:hidden
}
.main-ranks-ai-tools-v2 .main-item-wrap[data-v-b4ea0fb3]:hover {
	transform:translateY(-2px);
	box-shadow:0 1px 3px #00000005
}
.main-ranks-ai-tools-v2 .category-transition-wrapper[data-v-b4ea0fb3] {
	display:flex;
	flex-wrap:wrap;
	width:100%
}
.main-ranks-ai-tools-v2 .category-list-move[data-v-b4ea0fb3], .main-ranks-ai-tools-v2 .category-list-enter-active[data-v-b4ea0fb3], .main-ranks-ai-tools-v2 .category-list-leave-active[data-v-b4ea0fb3] {
transition:all .5s ease
}
.main-ranks-ai-tools-v2 .category-list-enter-from[data-v-b4ea0fb3], .main-ranks-ai-tools-v2 .category-list-leave-to[data-v-b4ea0fb3] {
	opacity:0;
	transform:translateY(30px)
}
.content-container[data-v-9d4c01d8] {
	height:100%;
	background-color:#f5f6fa
}
.ranks-container[data-v-9d4c01d8] {
	width:100%;
	margin:0 auto;
	padding-top:32px;
	padding-bottom:40px;
	background-color: transparent;
	display:flex;
	flex-direction:column
}
.ranks-container .left-category-container[data-v-9d4c01d8] {
	background:#fff;
	border-radius:10px;
	box-shadow:0 1px 6.9px #9c8d8d0a, 0 4px 5.4px -1px #462a2608;
	padding:20px 0 24px
}
.ranks-container .news-container[data-v-9d4c01d8] {
	border-radius:10px;
	min-height:728px
}
.ranks-container .category-base[data-v-9d4c01d8] {
	background-color:#fff;
	border-radius:10px;
	background:#fff;
	box-shadow:0 1px 6.9px #9c8d8d0a, 0 4px 5.4px -1px #462a2608;
	opacity:1;
	padding:8px 8px 12px
}
.ranks-container .category-tab[data-v-9d4c01d8] {
	position:relative;
	padding:8px 12px 10px;
	font-size:15px;
	font-style:normal;
	line-height:20px;
	margin-right:24px;
	color:#484848;
transition:all .3s ease;
	border:none!important
}
.ranks-container .category-tab[data-v-9d4c01d8] a { color: #484848}
.ranks-container .category-tab[data-v-9d4c01d8]:hover {
	color:#fb272a!important
}
.ranks-container .category-tab[data-v-9d4c01d8] a:hover { color: #fb272a !important}
.ranks-container .category-tab.active[data-v-9d4c01d8] {
	font-weight:600;
	color:#ff1e00!important
}
.ranks-container .category-tab.active[data-v-9d4c01d8]:after {
	content:"";
	position:absolute;
	bottom:-12px;
	width:60%;
	height:2px;
	left:50%;
	transform:translate(-50%);
	background-color:#ff1e00;
	border-radius:1px
}
.rank-container[data-v-9d4c01d8] {
	padding:22px 26px 24px 24px
}
.rank-container[data-v-9d4c01d8]:first-child {
	padding-top:0!important
}