/* ============================================================
   index_plus.css — Home v2 常驻板块样式（2026-10-14）
   短视频精选 / 人气主播 / 社区热帖 / 博客精选 / 欢迎卡
   品牌色： #6C3CEA -> #EC4096
   ============================================================ */

/* ---------- 板块通用 ---------- */
.g-box.ix-sec { padding-bottom: 6px; }
.ix-title {
	display: flex;
	align-items: center;
	font-size: 20px;
	font-weight: 700;
	color: #22252e;
	line-height: 1.2;
}
.ix-title::before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 20px;
	border-radius: 2px;
	margin-right: 10px;
	background: linear-gradient(180deg, #6C3CEA, #EC4096);
}
.ix-sec .box-hd { margin-bottom: 14px; }
.ix-sec .box-more { color: #5b6270; font-size: 13px; transition: color .2s ease; }
.ix-sec .box-more:hover { color: #EC4096; text-decoration: none; }
.ix-grid { display: grid; gap: 16px; }
.ix-grid a:hover { text-decoration: none; }

/* ---------- 短视频精选 ---------- */
.ix-videos { grid-template-columns: repeat(4, 1fr); }
.ix-vcard { display: block; }
.ix-vthumb {
	position: relative;
	display: block;
	width: 100%;
	padding-top: 133%;   /* 3:4 封面 */
	border-radius: 12px;
	overflow: hidden;
	background: linear-gradient(135deg, #2b2740, #4a3f6e);
	box-shadow: 0 4px 14px rgba(35, 30, 70, .12);
}
.ix-vthumb img {
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 100%;
	object-fit: cover;
	transition: transform .35s ease;
}
.ix-vcard:hover .ix-vthumb img { transform: scale(1.06); }
.ix-vplay {
	position: absolute;
	left: 8px; bottom: 8px;
	padding: 2px 8px;
	border-radius: 10px;
	background: rgba(10, 8, 24, .62);
	color: #fff;
	font-size: 12px;
	font-style: normal;
	backdrop-filter: blur(2px);
}
.ix-vtitle {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-top: 9px;
	font-size: 14px;
	font-weight: 600;
	color: #22252e;
	line-height: 1.4;
	min-height: 39px;
}
.ix-vmeta {
	display: flex;
	align-items: center;
	margin-top: 6px;
	font-size: 12px;
	color: #5b6270;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.ix-vav {
	width: 20px; height: 20px;
	border-radius: 50%;
	object-fit: cover;
	margin-right: 6px;
	flex: 0 0 auto;
	border: 1px solid #eee;
}

/* ---------- 人气主播 ---------- */
.ix-hosts { grid-template-columns: repeat(8, 1fr); gap: 12px; }
.ix-hcard {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 14px 6px 12px;
	border-radius: 14px;
	background: #fafafd;
	border: 1px solid #f0f0f6;
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.ix-hcard:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(70, 45, 160, .14);
	border-color: #e6def8;
}
.ix-hava { position: relative; display: block; width: 64px; height: 64px; }
.ix-hava img {
	width: 64px; height: 64px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid transparent;
	background-image: linear-gradient(#fff, #fff), linear-gradient(135deg, #6C3CEA, #EC4096);
	background-origin: border-box;
	background-clip: content-box, border-box;
}
.ix-live {
	position: absolute;
	left: 50%; bottom: -6px;
	transform: translateX(-50%);
	padding: 1px 7px;
	border-radius: 8px;
	background: linear-gradient(90deg, #6C3CEA, #EC4096);
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: .5px;
}
.ix-hname {
	max-width: 100%;
	margin-top: 10px;
	font-size: 13px;
	font-weight: 600;
	color: #22252e;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ix-hfans { margin-top: 3px; font-size: 11px; color: #5b6270; }

/* ---------- 社区热帖 ---------- */
.ix-posts { grid-template-columns: repeat(3, 1fr); }
.ix-pcard {
	display: flex;
	flex-direction: column;
	padding: 14px;
	border-radius: 14px;
	background: #fff;
	border: 1px solid #f0f0f6;
	box-shadow: 0 2px 10px rgba(35, 30, 70, .05);
	transition: transform .22s ease, box-shadow .22s ease;
}
.ix-pcard:hover { transform: translateY(-3px); box-shadow: 0 10px 22px rgba(70, 45, 160, .12); }
.ix-pimg {
	display: block;
	width: 100%;
	padding-top: 52%;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
	background: #f3f3f8;
}
.ix-pimg img {
	position: absolute; left: 0; top: 0;
	width: 100%; height: 100%;
	object-fit: cover;
}
.ix-ptext {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 14px;
	color: #3b3e49;
	line-height: 1.5;
	min-height: 42px;
}
.ix-pmeta {
	display: flex;
	align-items: center;
	margin-top: 10px;
	font-size: 12px;
	color: #9a9eab;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.ix-pmeta img {
	width: 20px; height: 20px;
	border-radius: 50%;
	object-fit: cover;
	margin-right: 6px;
	flex: 0 0 auto;
}

/* ---------- 博客精选 ---------- */
.ix-blogs { grid-template-columns: repeat(3, 1fr); }
.ix-bcard {
	display: flex;
	flex-direction: column;
	border-radius: 14px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #f0f0f6;
	box-shadow: 0 2px 10px rgba(35, 30, 70, .05);
	transition: transform .22s ease, box-shadow .22s ease;
}
.ix-bcard:hover { transform: translateY(-3px); box-shadow: 0 10px 22px rgba(70, 45, 160, .12); }
.ix-bimg { display: block; width: 100%; padding-top: 52%; position: relative; background: #f3f3f8; }
.ix-bimg img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.ix-btitle {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	padding: 12px 14px 4px;
	font-size: 15px;
	font-weight: 600;
	color: #22252e;
	line-height: 1.45;
}
.ix-bdate { padding: 0 14px 14px; font-size: 12px; color: #9a9eab; }

/* ---------- 无直播欢迎卡 ---------- */
.ix-hero {
	position: relative;
	overflow: hidden;
	border-radius: 18px;
	background: linear-gradient(120deg, #2a1e5c 0%, #5b2fb0 45%, #b13a8f 100%);
	box-shadow: 0 10px 30px rgba(60, 30, 120, .22);
}
.ix-hero::after {
	content: "";
	position: absolute;
	right: -60px; top: -60px;
	width: 260px; height: 260px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 70%);
}
.ix-hero-in { position: relative; z-index: 1; padding: 54px 56px; }
.ix-hero-t {
	margin: 0;
	font-size: 32px;
	font-weight: 800;
	color: #fff;
	letter-spacing: .5px;
}
.ix-hero-s {
	margin: 12px 0 0;
	font-size: 15px;
	color: rgba(255, 255, 255, .82);
	line-height: 1.6;
	max-width: 560px;
}
.ix-hero-btns { margin-top: 24px; }
.ix-btn {
	display: inline-block;
	padding: 11px 24px;
	border-radius: 24px;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	background: rgba(255, 255, 255, .16);
	border: 1px solid rgba(255, 255, 255, .34);
	transition: background .2s ease, transform .2s ease;
}
.ix-btn:hover { background: rgba(255, 255, 255, .26); color: #fff; text-decoration: none; transform: translateY(-1px); }
.ix-btn.primary {
	margin-right: 12px;
	background: linear-gradient(90deg, #ffffff, #ffe9f6);
	border: 0;
	color: #7a2bb8;
}
.ix-btn.primary:hover { color: #5c1e8f; }

/* ---------- 响应式 ---------- */
@media (max-width: 1220px) {
	.ix-videos { grid-template-columns: repeat(4, 1fr); }
	.ix-hosts { grid-template-columns: repeat(6, 1fr); }
}
@media (max-width: 768px) {
	.ix-grid { gap: 12px; }
	.ix-videos { grid-template-columns: repeat(2, 1fr); }
	.ix-hosts { grid-template-columns: repeat(4, 1fr); }
	.ix-posts, .ix-blogs { grid-template-columns: 1fr; }
	.ix-hero-in { padding: 30px 22px; }
	.ix-hero-t { font-size: 22px; }
	.ix-hero-s { font-size: 13px; }
	.ix-btn { padding: 9px 18px; font-size: 13px; }
	.ix-title { font-size: 17px; }
}

/* SLIDE-REMOVED 20261014: 轮播板块已移除，收起直播区背景带 */
.index_live{ height:auto; background:none; }

/* ===== SEO/GEO About 区块 20261019 ===== */
.seo-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ix-about{background:#fff;border-top:1px solid #f0f0f3;padding:38px 0 44px;margin-top:10px}
.ix-about .container{max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}
.ix-about-title{font-size:22px;font-weight:600;color:#1a1d24;margin:0 0 12px}
.ix-about-lead{font-size:14px;line-height:1.85;color:#525a6a;margin:0 0 22px;max-width:980px}
.ix-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 40px}
.ix-faq h3{font-size:15px;font-weight:600;color:#1a1d24;margin:14px 0 4px}
.ix-faq p{font-size:13.5px;line-height:1.8;color:#5b6270;margin:0}
@media (max-width:900px){.ix-faq{grid-template-columns:1fr}}