/*
 * 试题通官网首页视觉换肤 · 2026-09-29
 * 仅调整布局、尺寸、颜色、圆角、背景、阴影与响应式表现。
 * 图片、图标、链接、数据及交互逻辑继续沿用现有实现。
 */

.stt-home-refresh {
	--primary: #2563eb;
	--secondary: #1d4ed8;
	--accent: #3478f6;
	--light: #f5f8fc;
	--dark: #182335;
	--success: #31c2ae;
	--warning: #f5b64a;
	--danger: #c9435c;
	--gray: #667085;
	--light-gray: #e6edf5;
	--surface: #ffffff;
	--surface-subtle: #f0f3fa;
	--brand-soft: #eef4ff;
	--control-border: #d7e1ee;
	--border-radius: 16px;
	--box-shadow: 0 4px 16px rgba(74, 91, 160, 0.06);
	--shadow-hover: 0 12px 30px rgba(74, 91, 160, 0.12);
	--transition: 160ms cubic-bezier(0.2, 0, 0, 1);
	margin: 0;
	background: #f5f8fc !important;
	color: #182335;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

.stt-home-refresh a,
.stt-home-refresh button,
.stt-home-refresh input {
	transition: color var(--transition), background-color var(--transition), border-color var(--transition), box-shadow var(--transition), transform var(--transition), opacity var(--transition);
}

.stt-home-refresh img {
	image-rendering: auto;
}

.stt-home-refresh .container {
	max-width: 1280px;
}

.stt-home-refresh [class~="text-primary"] {
	color: #2563eb;
}

.stt-home-refresh [class~="bg-primary"] {
	background-color: #2563eb;
}

.stt-home-refresh [class~="bg-primary-light"] {
	background-color: #eef4ff;
}

.stt-home-refresh [class~="text-gray-600"],
.stt-home-refresh [class~="text-neutral-600"] {
	color: #667085;
}

.stt-home-refresh [class~="text-gray-700"] {
	color: #344054;
}

/* 顶部导航 */
.stt-home-refresh .dingbutou {
	height: 72px;
	background: rgba(255, 255, 255, 0.94) !important;
	border-bottom: 1px solid rgba(230, 237, 245, 0.94) !important;
	box-shadow: 0 2px 14px rgba(74, 91, 160, 0.045);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
}

.stt-home-refresh .dingbutou > .container {
	height: 100%;
	padding-right: 24px;
	padding-left: 24px;
}

.stt-home-refresh .dingbutou > .container > .flex {
	height: 72px;
	gap: 18px;
}

.stt-home-refresh .dingbutou a[title="返回首页"] {
	flex: 0 0 auto;
}

.stt-home-refresh .dingbutou a[title="返回首页"] img {
	width: 118px !important;
	height: auto !important;
}

.stt-home-refresh .dingbutou nav {
	min-width: 0;
	flex: 1 1 auto;
	justify-content: flex-end;
	gap: 2px;
}

.stt-home-refresh .dingbutou nav > a:not(.header-search-link) {
	position: relative;
	display: inline-flex;
	min-height: 44px;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	border-radius: 10px;
	color: #475467;
	font-size: 14px;
	font-weight: 500;
	white-space: nowrap;
}

.stt-home-refresh .dingbutou nav > a:not(.header-search-link):hover {
	background: #f0f3fa;
	color: #2563eb;
}

.stt-home-refresh .dingbutou nav > .home-nav-active {
	background: transparent;
	color: #2563eb;
	font-weight: 600;
}

.stt-home-refresh .dingbutou nav > .home-nav-active::after {
	content: "";
	position: absolute;
	right: 12px;
	bottom: 0;
	left: 12px;
	height: 3px;
	border-radius: 999px;
	background: #2563eb;
}

.stt-home-refresh .header-search-link {
	display: flex;
	width: clamp(156px, 14vw, 190px);
	height: 42px;
	align-items: center;
	gap: 9px;
	margin: 0 8px;
	padding: 0 13px;
	border: 1px solid #bcd0fb;
	border-radius: 12px;
	background: #eef4ff;
	color: #2563eb;
	font-size: 14px;
	text-decoration: none;
}

.stt-home-refresh .header-search-link span {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.stt-home-refresh .header-search-link:hover {
	border-color: #2563eb;
	background: #fff;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08);
}

.stt-home-refresh .dingbutou .dl,
.stt-home-refresh .dingbutou .tcdl {
	min-height: 40px;
	padding: 0 18px;
	border-radius: 12px;
	background: #2563eb;
	font-size: 14px;
	font-weight: 500;
	box-shadow: none;
}

.stt-home-refresh .dingbutou .dl:hover,
.stt-home-refresh .dingbutou .tcdl:hover {
	background: #1d4ed8;
	transform: none;
}

.stt-home-refresh .header-account {
	display: flex;
	width: 290px;
	min-width: 290px;
	flex: 0 0 290px;
	justify-content: flex-end;
}

.stt-home-refresh .header-account .tuichu1 {
	width: 100%;
	min-width: 0;
	align-items: center;
	justify-content: flex-end;
}

.stt-home-refresh .header-account .tuichu {
	min-width: 0;
	gap: 8px;
}

.stt-home-refresh .header-account .touxiang,
.stt-home-refresh .header-account .huiyuan1 {
	flex: 0 0 auto;
}

.stt-home-refresh .header-account .thename {
	display: block;
	max-width: 190px;
	margin-left: 0 !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.stt-home-refresh #menu-toggle {
	width: 44px;
	height: 44px;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	background: #f0f3fa;
	color: #2563eb;
}

.stt-home-refresh #mobile-menu > .container {
	padding: 20px;
	border-left: 1px solid #e6edf5;
	box-shadow: -18px 0 44px rgba(24, 35, 53, 0.14);
}

.stt-home-refresh #mobile-menu a {
	min-height: 48px;
	padding: 12px 8px;
	border-color: #e6edf5;
	font-size: 15px;
}

/* 首屏轮播 */
.stt-home-refresh .hero {
	min-height: 520px;
	margin-top: 72px;
	padding: 0 !important;
	background: linear-gradient(90deg, #f5f9ff 0%, #eef6ff 52%, #e7f3ff 100%);
}

.stt-home-refresh .hero > .container,
.stt-home-refresh .carousel-container,
.stt-home-refresh .carousel-track,
.stt-home-refresh .carousel-item,
.stt-home-refresh .hero-content {
	height: 520px;
}

.stt-home-refresh .hero-content {
	--hero-art-width: min(1600px, 92vw);
	--hero-art-half: min(800px, 46vw);
	position: relative;
	min-height: 520px;
	padding-top: 0;
	background-color: transparent;
	background-position: center 15% !important;
	background-size: var(--hero-art-width) auto !important;
	background-repeat: no-repeat;
}

@media (min-width: 769px) {
	.stt-home-refresh .hero-content {
		overflow: hidden;
		background-image: none !important;
	}

	.stt-home-refresh .hero-content::before {
		content: "";
		position: absolute;
		z-index: 0;
		inset: 0;
		background-image: var(--hero-image);
		background-position: center 15%;
		background-size: var(--hero-art-width) auto;
		background-repeat: no-repeat;
		-webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(50% + var(--hero-art-half) - 220px), transparent calc(50% + var(--hero-art-half)));
		mask-image: linear-gradient(90deg, #000 0, #000 calc(50% + var(--hero-art-half) - 220px), transparent calc(50% + var(--hero-art-half)));
		pointer-events: none;
	}
}

.stt-home-refresh .hero-content::after {
	content: "";
	position: absolute;
	z-index: 0;
	inset: 0;
	background: linear-gradient(90deg, rgba(245, 249, 255, 0.96) 0%, rgba(245, 249, 255, 0.88) 34%, rgba(245, 249, 255, 0.36) 58%, rgba(245, 249, 255, 0.04) 76%);
	pointer-events: none;
}

.stt-home-refresh .hero-content-xia {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 52px 24px 170px;
}

.stt-home-refresh .hero h1 {
	max-width: 780px;
	margin: 0 0 14px;
	color: #182335;
	font-size: clamp(38px, 2.8vw, 46px);
	font-weight: 650;
	line-height: 1.18;
	letter-spacing: -0.03em;
}

.stt-home-refresh .hero h1 span {
	color: #2563eb;
}

.stt-home-refresh .hero p {
	max-width: 620px;
	margin: 0;
	color: #667085;
	font-size: 18px;
	line-height: 1.75;
}

.stt-home-refresh .hero-spacer {
	display: none;
}

.stt-home-refresh .hero-actions {
	top: 270px;
	bottom: auto;
	left: max(24px, calc((100vw - 1280px) / 2 + 24px)) !important;
	width: min(660px, calc(100vw - 48px));
	min-width: 0 !important;
	margin-top: 0 !important;
}

.stt-home-refresh .search-container {
	width: 100%;
	max-width: none;
	margin: 0 0 24px;
	border: 1px solid rgba(215, 225, 238, 0.9);
	border-radius: 999px;
	background: #fff;
	box-shadow: 0 12px 32px rgba(74, 91, 160, 0.12);
}

.stt-home-refresh .search-container input {
	height: 68px;
	padding: 0 180px 0 24px !important;
	border: 0;
	border-radius: 999px;
	background: #fff;
	color: #182335;
	font-size: 17px;
	box-shadow: none;
}

.stt-home-refresh .search-container input:focus {
	outline: none;
	box-shadow: inset 0 0 0 2px #2563eb;
}

.stt-home-refresh .search-btn {
	top: 8px !important;
	right: 8px;
	min-width: 148px;
	min-height: 52px;
	justify-content: center;
	padding: 0 24px;
	border-radius: 999px;
	background: linear-gradient(135deg, #2d70e8 0%, #2563eb 100%);
	font-size: 16px;
	font-weight: 600;
	box-shadow: 0 6px 14px rgba(37, 99, 235, 0.16);
}

.stt-home-refresh .search-btn:hover {
	background: #1d4ed8;
	box-shadow: 0 8px 20px rgba(37, 99, 235, 0.22);
	transform: translateY(-1px);
}

.stt-home-refresh .search-recommend {
	top: 0 !important;
	left: 24px !important;
	width: calc(100% - 210px) !important;
	height: 67px;
	color: #344054;
	font-size: 17px !important;
	line-height: 67px !important;
	pointer-events: none;
}

.stt-home-refresh .hero-stats {
	gap: 48px;
	margin-top: 0;
}

.stt-home-refresh .stat-item {
	gap: 12px;
}

.stt-home-refresh .stat-icon {
	width: 48px;
	height: 48px;
	border: 1px solid rgba(52, 120, 246, 0.08);
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.8);
	color: #3478f6;
	font-size: 20px;
	box-shadow: 0 4px 16px rgba(74, 91, 160, 0.06);
}

.stt-home-refresh .stat-text h3 {
	margin: 0;
	color: #182335;
	font-size: 26px;
	font-variant-numeric: tabular-nums;
	font-weight: 650;
	line-height: 1.2;
}

.stt-home-refresh .stat-text p {
	margin-top: 2px;
	color: #667085;
	font-size: 13px;
}

.stt-home-refresh .carousel-indicators {
	bottom: 22px;
	gap: 8px;
}

.stt-home-refresh .carousel-indicator {
	width: 9px;
	height: 9px;
	border: 1.5px solid #3478f6;
	background: rgba(255, 255, 255, 0.9);
}

.stt-home-refresh .carousel-indicator-xz {
	width: 28px;
	height: 9px;
	border-radius: 999px;
	background: #3478f6;
}

/* 首屏快捷入口 */
.stt-home-refresh .home-quick-actions {
	position: relative;
	z-index: 5;
	width: calc(100% - 48px);
	max-width: 1280px;
	min-height: 88px;
	margin: -22px auto 32px !important;
	padding: 8px 12px;
	border: 1px solid #e6edf5;
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.96) !important;
	box-shadow: 0 12px 32px rgba(74, 91, 160, 0.1);
}

.stt-home-refresh .home-quick-action {
	width: auto !important;
	min-width: 0;
	padding: 8px !important;
	flex: 1 1 0;
	border-radius: 14px;
}

.stt-home-refresh .home-quick-action:hover {
	background: #f0f3fa;
}

.stt-home-refresh .home-quick-action > a {
	min-height: 56px;
}

.stt-home-refresh .home-quick-action img {
	width: 48px !important;
	height: 48px !important;
}

.stt-home-refresh .home-quick-action > a > div:last-child {
	min-width: 0;
	margin-left: 12px !important;
}

.stt-home-refresh .home-quick-action > a > div:last-child > div:first-child {
	color: #182335;
	font-size: 16px !important;
	font-weight: 600;
}

.stt-home-refresh .home-quick-action > a > div:last-child > div:last-child {
	color: #667085 !important;
	font-size: 13px !important;
}

.stt-home-refresh .home-quick-divider {
	height: 40px !important;
	background: #e6edf5 !important;
}

/* APP 与下载 */
.stt-home-refresh .home-download-section {
	padding: 0 24px 32px;
}

.stt-home-refresh .home-download-panel {
	max-width: 1280px;
	overflow: visible;
}

.stt-home-refresh .home-download-panel > .flex {
	align-items: stretch;
	gap: 20px;
}

.stt-home-refresh .home-download-panel .erkuai1,
.stt-home-refresh .home-download-panel .erkuai2 {
	height: auto !important;
	min-height: 430px;
	padding: 32px !important;
	border: 1px solid #e6edf5;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 4px 16px rgba(74, 91, 160, 0.06);
}

.stt-home-refresh .home-download-panel .erkuai1 {
	width: 40% !important;
	align-items: flex-start !important;
	text-align: left;
}

.stt-home-refresh .home-download-panel .erkuai2 {
	width: 60% !important;
	align-items: stretch !important;
}

.stt-home-refresh .home-download-panel h3 {
	color: #182335;
	font-size: 24px !important;
	font-weight: 650;
	line-height: 1.3;
}

.stt-home-refresh .home-download-panel h3 + div {
	width: 32px !important;
	height: 3px !important;
	margin-top: 8px;
	border-radius: 999px;
	background: #3478f6 !important;
}

.stt-home-refresh .version-badge {
	border-radius: 6px;
	background: #fff6e5;
	color: #a36212;
}

.stt-home-refresh .home-download-panel .erkuai1 ul {
	color: #475467;
	line-height: 1.75;
}

.stt-home-refresh .home-download-panel .erkuai1 .fa-check {
	color: #147d70;
}

.stt-home-refresh .home-download-panel .jian17 {
	width: 100%;
	padding-top: 16px;
	border-top: 1px solid #e6edf5;
	color: #2563eb !important;
}

.stt-home-refresh .home-download-panel .jian17 a:hover {
	color: #1d4ed8;
}

.stt-home-refresh .youcetu {
	gap: 12px;
	align-items: stretch;
}

.stt-home-refresh .youcietuxia {
	min-width: 0 !important;
	padding: 22px 12px !important;
	flex: 1 1 0;
	border: 1px solid #e6edf5;
	border-radius: 16px !important;
	background: #fff;
	box-shadow: none !important;
}

.stt-home-refresh .youcietuxia:hover {
	border-color: #c8d8ec;
	box-shadow: 0 8px 24px rgba(74, 91, 160, 0.1) !important;
	transform: translateY(-2px);
}

.stt-home-refresh .youcietuxia .bg-container {
	height: 96px;
	border-radius: 15px 15px 0 0;
}

.stt-home-refresh .youcietuxia img[alt*="二维码"] {
	border-radius: 8px;
}

/* 题库分类 */
.stt-home-refresh .home-library-layout {
	width: calc(100% - 48px);
	max-width: 1280px;
	margin: 0 auto 32px !important;
	padding: 20px;
	align-items: stretch;
	border: 1px solid #e6edf5;
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 4px 16px rgba(74, 91, 160, 0.06);
}

.stt-home-refresh .home-library-layout .zuoceyiji {
	width: 208px !important;
	margin-left: 0;
}

.stt-home-refresh .home-library-layout .zuoceyiji > div {
	top: 92px;
	border: 1px solid #e6edf5;
	border-radius: 16px;
	background: #f8faff;
	box-shadow: none;
}

.stt-home-refresh .home-library-layout .zuoceyiji > div > div:first-child {
	padding: 16px;
	border-color: #e6edf5;
}

.stt-home-refresh .home-library-layout .zuoceyiji h3,
.stt-home-refresh #erjik {
	color: #182335;
	font-size: 17px;
	font-weight: 650;
}

.stt-home-refresh .home-library-layout .dafenlei {
	min-height: 52px;
	margin: 3px 8px;
	padding: 10px 10px;
	border-radius: 10px;
	color: #475467;
	font-size: 14px;
}

.stt-home-refresh .home-library-layout .dafenlei:hover {
	background: #f0f3fa;
	color: #2563eb;
}

.stt-home-refresh .home-library-layout .category-active {
	position: relative;
	background: #eef4ff;
	color: #2563eb;
	font-weight: 600;
}

.stt-home-refresh .home-library-layout .category-active::before {
	content: "";
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: -8px;
	width: 3px;
	border-radius: 999px;
	background: #3478f6;
}

.stt-home-refresh .home-library-layout .dafenlei .rounded-full {
	min-width: 28px;
	padding: 2px 7px;
	border-radius: 999px;
	background: #f0f3fa;
	color: #667085;
	font-variant-numeric: tabular-nums;
	text-align: center;
}

.stt-home-refresh .home-library-layout .category-active .rounded-full {
	background: #fff;
	color: #2563eb;
}

.stt-home-refresh #zhongjianqu {
	min-width: 0;
}

.stt-home-refresh #zhongjianqu > .bg-white {
	margin-bottom: 16px;
	border: 0;
	border-radius: 16px;
	background: #fff;
	box-shadow: none;
}

.stt-home-refresh #zhongjianqu > .bg-white > .p-4 {
	padding: 4px 8px 14px;
	border-color: #e6edf5;
}

.stt-home-refresh .erjikuang {
	max-width: calc(100vw - 330px) !important;
}

.stt-home-refresh #erjilist {
	gap: 8px;
	padding: 12px 8px 4px;
}

.stt-home-refresh #erjilist button {
	min-height: 36px;
	margin-right: 0;
	padding: 7px 14px;
	border-radius: 999px;
	background: #f0f3fa;
	color: #475467;
	font-size: 13px;
}

.stt-home-refresh #erjilist button:hover {
	background: #e7eefb;
	color: #2563eb;
}

.stt-home-refresh #erjilist .erjixuanzhong,
.stt-home-refresh #erjilist .bg-primary {
	background: #2563eb !important;
	color: #fff;
	box-shadow: 0 5px 12px rgba(37, 99, 235, 0.14);
}

.stt-home-refresh #zhongjianqu .xianshi {
	gap: 16px;
}

.stt-home-refresh .tikujieguo {
	overflow: hidden;
	min-width: 0;
	border: 1px solid #e6edf5;
	border-radius: 16px;
	background: #fff;
	box-shadow: none;
}

.stt-home-refresh .tikujieguo:hover {
	border-color: #cbd9eb;
	box-shadow: 0 10px 26px rgba(74, 91, 160, 0.1);
	transform: translateY(-3px);
}

.stt-home-refresh .tikujieguo > .relative {
	overflow: hidden;
	background: #eef4ff;
}

.stt-home-refresh .tikujieguo > .relative > img {
	width: 100%;
	height: 150px !important;
	object-fit: cover;
}

.stt-home-refresh .tikujieguo h4 {
	min-height: 56px;
	padding: 12px 14px 4px !important;
	color: #182335;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.55;
}

.stt-home-refresh .tikujieguo .bg-blue-100 {
	background: #eef4ff;
	color: #2563eb;
}

.stt-home-refresh .tikujieguo .bg-green-100 {
	background: #e9f8f3;
	color: #147d70;
}

.stt-home-refresh .tikujieguo p {
	min-height: 44px;
	padding: 4px 14px 0 !important;
	color: #667085;
	font-size: 12px;
	line-height: 1.65;
}

.stt-home-refresh .tikujieguo > .flex {
	padding: 14px !important;
}

.stt-home-refresh .tikujieguo .view-btn {
	display: inline-flex;
	min-height: 44px;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	background: #f0f3fa;
	color: #2563eb;
	font-weight: 500;
}

.stt-home-refresh .tikujieguo .view-btn:hover {
	background: #eef4ff;
	color: #1d4ed8;
}

/* 中下部功能介绍 */
.stt-home-refresh .home-feature-section {
	padding: 32px 0 !important;
	background: #f5f8fc !important;
	scroll-margin-top: 88px;
}

.stt-home-refresh .home-feature-section.home-feature-alt {
	background: #f0f5fc !important;
}

.stt-home-refresh .home-feature-section > .container {
	max-width: 1200px;
}

.stt-home-refresh .home-feature-section .section-header {
	margin-bottom: 24px;
}

.stt-home-refresh .home-feature-section .section-title {
	margin-bottom: 8px;
	color: #182335;
	font-size: 30px;
	font-weight: 650;
	line-height: 1.3;
}

.stt-home-refresh .home-feature-section .section-subtitle {
	color: #667085;
	font-size: 15px;
}

.stt-home-refresh .home-feature-section .import-container,
.stt-home-refresh .home-feature-section > .container > .flex {
	gap: 48px;
	margin-bottom: 0 !important;
	padding: 40px;
	border: 1px solid #e6edf5;
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 4px 16px rgba(74, 91, 160, 0.06);
}

.stt-home-refresh .home-feature-section .import-content > h3,
.stt-home-refresh .home-feature-section .lg\:w-1\/2 > h3 {
	margin-bottom: 16px;
	color: #182335;
	font-size: 28px;
	font-weight: 650;
	line-height: 1.4;
}

.stt-home-refresh .home-feature-section .import-content > p,
.stt-home-refresh .home-feature-section .lg\:w-1\/2 > p {
	color: #667085;
	font-size: 15px;
	line-height: 1.8;
}

.stt-home-refresh .home-feature-section .import-types {
	gap: 12px;
	margin-top: 24px;
}

.stt-home-refresh .home-feature-section .import-type {
	min-height: 76px;
	padding: 14px;
	border: 1px solid #e6edf5;
	border-radius: 14px;
	background: #f8faff;
}

.stt-home-refresh .home-feature-section .import-type:hover {
	border-color: #c9d8eb;
	background: #eef4ff;
}

.stt-home-refresh .home-feature-section .import-type i {
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: #eef4ff;
	color: #2563eb;
}

.stt-home-refresh .home-feature-section .import-type h4 {
	margin-bottom: 2px;
	color: #182335;
	font-size: 15px;
	font-weight: 600;
}

.stt-home-refresh .home-feature-section .import-type p {
	color: #667085;
	font-size: 12px;
	line-height: 1.55;
}

.stt-home-refresh .home-feature-section .import-image,
.stt-home-refresh .home-feature-section .relative.z-10.rounded-2xl {
	border: 1px solid #e6edf5;
	border-radius: 18px;
	background: #f8faff;
}

/* AI 导入流程图使用透明画布，与左侧说明自然融合，不再套图片框。 */
.stt-home-refresh .home-feature-ai .import-image {
	overflow: visible;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.stt-home-refresh .home-feature-ai .import-image img {
	display: block;
	width: 100%;
	height: auto;
	filter: drop-shadow(0 16px 28px rgba(37, 99, 235, 0.10));
}

.stt-home-refresh .home-feature-section .filter.blur-xl {
	opacity: 0.35;
}

.stt-home-refresh .home-feature-section .inline-block.rounded-full {
	min-height: 28px;
	padding: 4px 10px;
	border-radius: 6px;
	background: #eef4ff;
	color: #2563eb;
	font-size: 12px;
	font-weight: 600;
}

.stt-home-refresh .home-feature-section ul.space-y-4 {
	display: grid;
	gap: 10px;
}

.stt-home-refresh .home-feature-section ul.space-y-4 > li {
	min-height: 40px;
	padding: 8px 10px;
	border-radius: 10px;
	background: #f8faff;
}

.stt-home-refresh .home-feature-section ul.space-y-4 > li .rounded-full {
	width: 24px;
	height: 24px;
	background: #e9f8f3;
}

.stt-home-refresh .home-feature-section ul.space-y-4 > li .fa-check {
	color: #147d70;
}

.stt-home-refresh .home-feature-section .btn,
.stt-home-refresh .home-feature-section button[class*="bg-primary"] {
	min-height: 48px;
	margin-top: 24px !important;
	padding: 0 22px;
	border-radius: 12px;
	background: #2563eb;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	box-shadow: none;
}

.stt-home-refresh .home-feature-section .btn:hover,
.stt-home-refresh .home-feature-section button[class*="bg-primary"]:hover {
	background: #1d4ed8;
	box-shadow: 0 8px 20px rgba(37, 99, 235, 0.18);
	transform: translateY(-1px);
}

/* 客户展示 */
.stt-home-refresh .home-customers-section {
	padding: 72px 0 !important;
	background: #fff;
}

.stt-home-refresh .home-customers-section h2 {
	margin-bottom: 14px;
	color: #182335;
	font-size: 32px;
	font-weight: 650;
}

.stt-home-refresh .home-customers-section .max-w-3xl > p {
	color: #667085;
	font-size: 16px;
	line-height: 1.8;
}

.stt-home-refresh .home-customers-section .grid.grid-cols-2 {
	gap: 16px;
	margin-bottom: 40px;
}

.stt-home-refresh .home-customers-section .grid.grid-cols-2 > div {
	padding: 24px;
	border: 1px solid #e6edf5;
	border-radius: 16px;
	background: #f8faff;
}

.stt-home-refresh .home-customers-section .text-secondary {
	color: #2563eb;
	font-size: 36px;
	font-weight: 650;
}

.stt-home-refresh .home-customers-section .scroll-container {
	padding: 8px 0;
}

.stt-home-refresh .home-customers-section .scroll-track > div {
	margin: 0 8px;
	border: 1px solid #e6edf5;
	border-radius: 14px;
	background: #fff;
}

/* 页脚与浮动操作 */
.stt-home-refresh footer {
	border-color: #dce6f2;
	background: #eef3fa;
}

.stt-home-refresh footer > .container {
	max-width: 1200px;
	padding-top: 48px;
	padding-bottom: 32px;
}

.stt-home-refresh footer h4 {
	color: #182335;
	font-size: 15px;
	font-weight: 650;
}

.stt-home-refresh footer p,
.stt-home-refresh footer li,
.stt-home-refresh footer a {
	color: #667085;
	line-height: 1.75;
}

.stt-home-refresh footer a:hover {
	color: #2563eb;
}

.stt-home-refresh footer .border-t {
	border-color: #d7e1ee;
}

.stt-home-refresh #back-to-top {
	width: 48px;
	height: 48px;
	border: 1px solid rgba(255, 255, 255, 0.55);
	border-radius: 14px;
	background: #2563eb;
	box-shadow: 0 8px 24px rgba(37, 99, 235, 0.22);
}

/* 登录与业务弹层只做视觉统一，行为保持不变 */
.stt-home-refresh .modal {
	background: rgba(24, 35, 53, 0.4);
}

.stt-home-refresh .modal-content {
	padding: 24px;
	border-radius: 20px;
	box-shadow: 0 16px 48px rgba(26, 38, 74, 0.18);
}

.stt-home-refresh .modal-header,
.stt-home-refresh .modal-footer {
	border-color: #e6edf5;
}

.stt-home-refresh .modal-title {
	color: #182335;
	font-size: 20px;
	font-weight: 650;
}

.stt-home-refresh .modal-btn {
	min-height: 44px;
	padding: 0 18px;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 500;
}

.stt-home-refresh .cancel-btn {
	background: #f0f3fa;
	color: #2563eb;
}

.stt-home-refresh .confirm-btn {
	background: #2563eb;
	color: #fff;
}

@media (max-width: 1180px) {
	.stt-home-refresh .dingbutou nav,
	.stt-home-refresh .dingbutou > .container > .flex > .hidden.md\:block {
		display: none !important;
	}

	.stt-home-refresh #menu-toggle {
		display: flex !important;
	}

	.stt-home-refresh #mobile-menu:not(.hidden) {
		display: block !important;
	}

	.stt-home-refresh .home-download-panel > .flex {
		flex-direction: column;
	}

	.stt-home-refresh .home-download-panel .erkuai1,
	.stt-home-refresh .home-download-panel .erkuai2 {
		width: 100% !important;
	}

	.stt-home-refresh .home-download-panel .erkuai1 {
		min-height: 0;
	}
}

@media (max-width: 1023px) {
	.stt-home-refresh .hero h1 {
		font-size: 40px;
	}

	.stt-home-refresh .hero-content::after {
		background: linear-gradient(90deg, rgba(245, 249, 255, 0.97) 0%, rgba(245, 249, 255, 0.9) 44%, rgba(245, 249, 255, 0.42) 72%, rgba(245, 249, 255, 0.08) 100%);
	}

	.stt-home-refresh .hero-actions {
		width: min(620px, calc(100vw - 48px));
	}

	.stt-home-refresh .home-quick-actions {
		width: calc(100% - 32px);
	}

	.stt-home-refresh .home-quick-action > a > div:last-child > div:last-child {
		display: none;
	}

	.stt-home-refresh .home-library-layout {
		width: calc(100% - 32px);
		padding: 16px;
	}

	.stt-home-refresh .home-library-layout .zuoceyiji {
		width: 100% !important;
	}

	.stt-home-refresh .home-library-layout .zuoceyiji > div {
		position: static;
	}

	.stt-home-refresh .erjikuang {
		max-width: 100% !important;
	}
}

@media (max-width: 767px) {
	.stt-home-refresh .dingbutou,
	.stt-home-refresh .dingbutou > .container > .flex {
		height: 64px;
	}

	.stt-home-refresh .dingbutou > .container {
		padding-right: 16px;
		padding-left: 16px;
	}

	.stt-home-refresh .dingbutou a[title="返回首页"] img {
		width: 108px !important;
	}

	.stt-home-refresh .hero {
		min-height: 500px;
		margin-top: 64px;
		padding: 0 !important;
	}

	.stt-home-refresh .hero > .container,
	.stt-home-refresh .carousel-container,
	.stt-home-refresh .carousel-track,
	.stt-home-refresh .carousel-item,
	.stt-home-refresh .hero-content {
		height: 500px !important;
	}

	.stt-home-refresh .hero-content {
		min-height: 500px;
		background-position: 58% center !important;
		background-size: auto 100% !important;
	}

	.stt-home-refresh .hero-content::before {
		background: linear-gradient(90deg, rgba(246, 250, 255, 0.92) 0%, rgba(246, 250, 255, 0.62) 64%, rgba(246, 250, 255, 0.08) 100%);
	}

	.stt-home-refresh .hero-content::after {
		background: linear-gradient(180deg, rgba(245, 249, 255, 0.14) 0%, rgba(245, 249, 255, 0.28) 52%, rgba(245, 249, 255, 0.88) 100%);
	}

	.stt-home-refresh .hero-content-xia {
		padding: 42px 20px 150px;
	}

	.stt-home-refresh .hero h1 {
		max-width: 94%;
		margin-bottom: 12px;
		font-size: clamp(28px, 8vw, 34px);
		line-height: 1.22;
	}

	.stt-home-refresh .mobile-title-break {
		display: inline;
	}

	.stt-home-refresh .hero p {
		max-width: 92%;
		font-size: 14px;
		line-height: 1.65;
	}

	.stt-home-refresh .hero-actions {
		top: auto;
		bottom: 48px;
		left: 20px !important;
		width: calc(100% - 40px);
		padding: 0;
	}

	.stt-home-refresh .search-container {
		margin-bottom: 0;
	}

	.stt-home-refresh .search-container input {
		height: 60px;
		padding-right: 132px !important;
		padding-left: 18px !important;
		font-size: 15px;
	}

	.stt-home-refresh .search-btn {
		top: 6px !important;
		right: 6px;
		min-width: 112px;
		min-height: 48px;
		padding: 0 16px;
		font-size: 14px;
	}

	.stt-home-refresh .search-recommend {
		left: 18px !important;
		width: calc(100% - 148px) !important;
		height: 60px;
		font-size: 15px !important;
		line-height: 60px !important;
	}

	.stt-home-refresh .recommend-list,
	.stt-home-refresh .recommend-item {
		height: 60px;
		line-height: 60px;
	}

	.stt-home-refresh .hero-stats {
		display: none !important;
	}

	.stt-home-refresh .carousel-indicators {
		bottom: 18px;
	}

	.stt-home-refresh .home-quick-actions {
		display: none !important;
	}

	.stt-home-refresh .home-download-section {
		padding: 20px 16px 24px;
	}

	.stt-home-refresh .home-download-panel > .flex {
		gap: 16px;
	}

	.stt-home-refresh .home-download-panel .erkuai1,
	.stt-home-refresh .home-download-panel .erkuai2 {
		min-height: 0;
		padding: 24px 20px !important;
		border-radius: 18px;
	}

	.stt-home-refresh .home-download-panel .erkuai1 ul {
		columns: 1;
	}

	.stt-home-refresh .home-download-panel .jian17 {
		gap: 8px;
		flex-wrap: wrap;
	}

	.stt-home-refresh .youcetu {
		width: 100%;
		padding: 2px 0 8px;
		flex-direction: row !important;
		align-items: stretch;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
	}

	.stt-home-refresh .youcietuxia {
		min-width: 214px !important;
		margin-bottom: 0;
		scroll-snap-align: start;
	}

	.stt-home-refresh .home-library-layout {
		width: calc(100% - 32px);
		margin-bottom: 24px !important;
		padding: 12px;
		gap: 16px;
		border-radius: 20px;
	}

	.stt-home-refresh .home-library-layout #category-list {
		max-height: 270px;
	}

	.stt-home-refresh #zhongjianqu > .bg-white > .p-4 {
		padding: 4px 4px 12px;
	}

	.stt-home-refresh #erjilist {
		padding-right: 4px;
		padding-left: 4px;
	}

	.stt-home-refresh #zhongjianqu .xianshi {
		gap: 14px;
	}

	.stt-home-refresh .tikujieguo > .relative > img {
		height: auto !important;
		aspect-ratio: 16 / 9;
	}

	.stt-home-refresh .home-feature-section {
		padding: 20px 0 !important;
	}

	.stt-home-refresh .home-feature-section > .container {
		padding-right: 16px;
		padding-left: 16px;
	}

	.stt-home-refresh .home-feature-section .section-header {
		margin-bottom: 18px;
	}

	.stt-home-refresh .home-feature-section .section-title {
		font-size: 24px;
	}

	.stt-home-refresh .home-feature-section .import-container,
	.stt-home-refresh .home-feature-section > .container > .flex {
		gap: 28px;
		padding: 22px;
		border-radius: 20px;
	}

	.stt-home-refresh .home-feature-section .import-content > h3,
	.stt-home-refresh .home-feature-section .lg\:w-1\/2 > h3 {
		font-size: 22px;
	}

	.stt-home-refresh .home-feature-section .import-types {
		grid-template-columns: 1fr;
	}

	.stt-home-refresh .home-customers-section {
		padding: 48px 0 !important;
	}

	.stt-home-refresh .home-customers-section h2 {
		font-size: 26px;
	}

	.stt-home-refresh .home-customers-section .grid.grid-cols-2 {
		gap: 10px;
	}

	.stt-home-refresh .home-customers-section .grid.grid-cols-2 > div {
		padding: 18px 10px;
	}

	.stt-home-refresh .home-customers-section .text-secondary {
		font-size: 28px;
	}

	.stt-home-refresh footer > .container {
		padding: 36px 20px 24px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.stt-home-refresh *,
	.stt-home-refresh *::before,
	.stt-home-refresh *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}

/*
 * 设计稿结构校正版
 * APP／下载区按设计图使用“较宽 APP 卡＋较窄下载卡”的布局，
 * 不再沿用旧页面 40%／60% 的内容比例。
 */
.stt-home-refresh .home-download-section {
	padding-top: 0;
}

.stt-home-refresh .home-download-grid {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr);
	gap: 16px;
	align-items: stretch;
}

.stt-home-refresh .home-download-grid > .home-app-card,
.stt-home-refresh .home-download-grid > .home-download-card {
	width: auto !important;
	min-width: 0;
	min-height: 396px;
	padding: 22px !important;
	border: 1px solid #e6edf5;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 4px 16px rgba(74, 91, 160, 0.06);
}

.stt-home-refresh .home-app-card {
	position: relative;
	display: flex !important;
	align-items: stretch !important;
	flex-direction: column;
	overflow: hidden;
	isolation: isolate;
	text-align: left;
	background: linear-gradient(112deg, #ffffff 0%, #ffffff 54%, #f7fbff 76%, #eef7ff 100%);
}

.stt-home-refresh .home-app-card::after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 16px;
	right: -52px;
	width: 52%;
	height: 88%;
	background:
		radial-gradient(circle at 50% 46%, rgba(104, 189, 255, 0.22) 0, rgba(207, 234, 255, 0.16) 48%, rgba(255, 255, 255, 0) 74%);
	pointer-events: none;
}

.stt-home-refresh .home-app-header {
	position: relative;
	z-index: 1;
	flex: 0 0 auto;
}

.stt-home-refresh .home-app-title-line {
	display: flex;
	align-items: center;
	gap: 12px;
}

.stt-home-refresh .home-app-title-line h3,
.stt-home-refresh .home-download-header h3 {
	margin: 0;
	color: #182335;
	font-size: 20px !important;
	font-weight: 650;
	line-height: 1.35;
}

.stt-home-refresh .home-app-title-line .version-badge {
	display: inline-flex;
	min-height: 24px;
	align-items: center;
	padding: 2px 9px;
	border-radius: 6px;
	background: #fff6e5;
	color: #a36212;
	font-size: 12px;
	font-weight: 600;
}

.stt-home-refresh .home-app-meta {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 4px;
	color: #667085;
	font-size: 12px;
	line-height: 20px;
}

.stt-home-refresh .home-app-meta span {
	padding-left: 12px;
	border-left: 1px solid #e6edf5;
}

.stt-home-refresh .home-app-content {
	position: static;
	display: block;
	min-height: 0;
	margin-top: 12px;
	padding-right: 42%;
	flex: 1 1 auto;
}

.stt-home-refresh .home-app-copy {
	min-width: 0;
}

.stt-home-refresh .home-app-intro {
	margin: 0 0 10px;
	color: #667085;
	font-size: 12px;
	line-height: 1.65;
}

.stt-home-refresh .home-app-copy ul {
	display: grid;
	gap: 6px;
}

.stt-home-refresh .home-app-copy li {
	display: flex;
	min-width: 0;
	align-items: flex-start;
	gap: 8px;
	color: #475467;
	font-size: 12px;
	line-height: 1.55;
}

.stt-home-refresh .home-app-copy li i {
	margin-top: 3px;
	color: #147d70;
	font-size: 12px;
}

.stt-home-refresh .home-app-preview {
	position: absolute;
	z-index: 0;
	top: 30px;
	right: 12px;
	bottom: 20px;
	display: flex;
	width: 45%;
	min-width: 220px;
	height: auto;
	align-items: center;
	justify-content: center;
	overflow: visible;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.stt-home-refresh .home-app-preview img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	transform: translateY(-7%) scale(1.28);
	transform-origin: center;
}

.stt-home-refresh .home-app-handwrite {
	position: absolute;
	z-index: 2;
	color: #2563eb;
	font-family: KaiTi, STKaiti, "Microsoft YaHei", sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.28;
	letter-spacing: 0.04em;
	white-space: nowrap;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.86);
	pointer-events: none;
}

.stt-home-refresh .home-app-handwrite::after {
	content: "";
	position: absolute;
	left: 12%;
	bottom: -7px;
	width: 82%;
	height: 10px;
	border-bottom: 1.5px solid currentColor;
	border-radius: 50%;
	transform: rotate(-4deg);
	opacity: 0.9;
}

.stt-home-refresh .home-app-handwrite-side {
	top: 52%;
	right: 0;
	transform: rotate(-8deg);
}

.stt-home-refresh .home-app-handwrite-bottom {
	left: 4%;
	bottom: 2px;
	transform: rotate(-7deg);
}

.stt-home-refresh .home-app-footer {
	position: relative;
	z-index: 1;
	display: flex;
	min-height: 48px;
	align-items: center;
	justify-content: flex-start;
	gap: 18px;
	margin-top: 10px;
	border: 0;
	background: transparent;
}

.stt-home-refresh .home-app-download-button {
	display: inline-flex;
	min-height: 44px;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 0 18px;
	border-radius: 999px;
	background: linear-gradient(135deg, #2d70e8 0%, #2563eb 100%);
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	box-shadow: 0 6px 14px rgba(37, 99, 235, 0.16);
}

.stt-home-refresh .home-app-download-button:hover {
	background: #1d4ed8;
	color: #fff;
	transform: translateY(-1px);
}

.stt-home-refresh .home-app-footer .jian17 {
	display: flex;
	width: auto;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	margin: 0 !important;
	padding: 0;
	border: 0;
	font-size: 12px;
}

.stt-home-refresh .home-app-footer .jian17 a {
	color: #2563eb;
	white-space: nowrap;
}

.stt-home-refresh .home-download-card {
	display: flex !important;
	align-items: stretch !important;
	justify-content: flex-start !important;
	flex-direction: column;
	gap: 0 !important;
}

.stt-home-refresh .home-download-header {
	flex: 0 0 auto;
	margin-bottom: 16px;
}

.stt-home-refresh .home-download-header p {
	margin-top: 4px;
	color: #667085;
	font-size: 12px;
	line-height: 20px;
}

.stt-home-refresh .home-download-options {
	display: grid;
	min-height: 0;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	align-items: stretch;
	flex: 1 1 auto;
}

.stt-home-refresh .home-download-option {
	position: relative;
	display: flex;
	min-width: 0 !important;
	min-height: 318px;
	align-items: center;
	justify-content: flex-start;
	padding: 88px 10px 12px !important;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid #e6edf5;
	border-radius: 16px !important;
	background: #fff;
	box-shadow: none !important;
}

.stt-home-refresh .home-download-option:hover {
	border-color: #c8d8ec;
	box-shadow: 0 8px 24px rgba(74, 91, 160, 0.09) !important;
	transform: translateY(-2px);
}

.stt-home-refresh .home-download-option .bg-container {
	height: 76px;
	padding: 12px;
	border-radius: 15px 15px 0 0;
}

.stt-home-refresh .home-download-spacer {
	display: none;
}

.stt-home-refresh .home-download-option h4 {
	margin: 0 0 5px;
	color: #182335;
	font-size: 15px;
	font-weight: 650;
	line-height: 1.4;
	text-align: center;
}

.stt-home-refresh .home-download-option > p {
	min-height: 36px;
	margin: 0 0 8px;
	color: #667085;
	font-size: 10px;
	line-height: 1.55;
	text-align: center;
}

.stt-home-refresh .home-download-qr {
	display: flex;
	width: 92px;
	height: 92px;
	align-items: center;
	justify-content: center;
	padding: 7px;
	border-radius: 10px;
	background: #f0f3fa;
}

.stt-home-refresh .home-download-qr img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain;
}

.stt-home-refresh .home-download-qr-miniapp {
	background: #fff;
}

.stt-home-refresh .home-download-scan {
	margin-top: 6px;
	color: #667085;
	font-size: 10px;
	line-height: 18px;
}

@media (min-width: 900px) and (max-width: 1180px) {
	.stt-home-refresh .home-download-grid {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
	}

	.stt-home-refresh .home-app-preview {
		top: 34px;
		right: 8px;
		bottom: 24px;
		height: auto;
	}

	.stt-home-refresh .home-download-grid > .home-app-card,
	.stt-home-refresh .home-download-grid > .home-download-card {
		width: auto !important;
		padding: 20px !important;
	}
}

@media (max-width: 899px) {
	.stt-home-refresh .home-download-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.stt-home-refresh .home-app-content {
		grid-template-columns: minmax(0, 1.15fr) minmax(180px, 0.85fr);
	}
}

@media (max-width: 767px) {
	/* 这些入口依赖桌面端能力，移动端不展示。 */
	.stt-home-refresh .home-quick-actions {
		display: none !important;
	}

	.stt-home-refresh .home-app-card,
	.stt-home-refresh .home-download-card {
		min-height: 0 !important;
		padding: 20px !important;
	}

	.stt-home-refresh .home-app-title-line {
		flex-wrap: wrap;
	}

	.stt-home-refresh .home-app-meta {
		align-items: flex-start;
		flex-direction: column;
		gap: 2px;
	}

	.stt-home-refresh .home-app-meta span {
		padding-left: 0;
		border-left: 0;
	}

	.stt-home-refresh .home-app-content {
		display: block;
		margin-top: 14px;
		padding-right: 0;
	}

	/* 产品预览属于展示内容，窄屏隐藏；下载入口和功能列表仍保留。 */
	.stt-home-refresh .home-app-preview {
		display: none;
	}

	.stt-home-refresh .home-app-intro {
		margin-bottom: 8px;
	}

	.stt-home-refresh .home-app-copy ul {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
	}

	.stt-home-refresh .home-app-copy li {
		min-height: 54px;
		padding: 8px 9px;
		border: 1px solid #eaf0f8;
		border-radius: 11px;
		background: #f8fbff;
		font-size: 11px;
		line-height: 1.55;
	}

	.stt-home-refresh .home-app-footer {
		align-items: stretch;
		flex-direction: column;
	}

	.stt-home-refresh .home-app-download-button {
		width: 100%;
	}

	.stt-home-refresh .home-app-footer .jian17 {
		width: 100%;
		justify-content: space-between;
	}

	/* 三个平台纵向完整展示，避免移动端横向滑动。 */
	.stt-home-refresh .home-download-options {
		display: grid !important;
		width: 100%;
		padding: 0;
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
		overflow: visible;
		scroll-snap-type: none;
	}

	.stt-home-refresh .home-download-option {
		display: grid;
		width: 100%;
		min-width: 0 !important;
		min-height: 116px;
		padding: 14px !important;
		grid-template-columns: 54px minmax(0, 1fr) 72px;
		grid-template-rows: auto auto auto;
		column-gap: 12px;
		row-gap: 2px;
		align-items: center;
		flex: none;
		scroll-snap-align: none;
	}

	.stt-home-refresh .home-download-option .bg-container {
		position: relative !important;
		top: auto !important;
		width: 54px;
		height: 54px;
		padding: 0;
		grid-column: 1;
		grid-row: 1 / 4;
		border-radius: 14px;
		background-position: center !important;
		background-size: cover !important;
	}

	.stt-home-refresh .home-download-option .bg-container > div {
		display: none;
	}

	.stt-home-refresh .home-download-option h4 {
		margin: 0;
		grid-column: 2;
		grid-row: 1;
		align-self: end;
		font-size: 15px;
		text-align: left;
	}

	.stt-home-refresh .home-download-option > p {
		min-height: 0;
		margin: 0;
		grid-column: 2;
		grid-row: 2;
		align-self: center;
		font-size: 10px;
		text-align: left;
	}

	.stt-home-refresh .home-download-qr {
		width: 72px;
		height: 72px;
		grid-column: 3;
		grid-row: 1 / 4;
	}

	.stt-home-refresh .home-download-scan {
		margin: 0;
		grid-column: 2;
		grid-row: 3;
		align-self: start;
		text-align: left;
	}
}

@media (max-width: 430px) {
	.stt-home-refresh .home-app-copy li:nth-child(n + 7) {
		display: none;
	}

	.stt-home-refresh .home-download-option {
		min-width: 0 !important;
		grid-template-columns: 50px minmax(0, 1fr) 68px;
		column-gap: 10px;
	}

	.stt-home-refresh .home-download-option .bg-container {
		width: 50px;
		height: 50px;
	}

	.stt-home-refresh .home-download-qr {
		width: 68px;
		height: 68px;
	}
}

@media (max-width: 350px) {
	.stt-home-refresh .home-app-copy ul {
		grid-template-columns: minmax(0, 1fr);
	}

	.stt-home-refresh .home-download-grid > .home-download-card {
		padding: 16px !important;
	}

	.stt-home-refresh .home-download-option {
		min-height: 104px;
		grid-template-columns: 44px minmax(0, 1fr) 62px;
		column-gap: 8px;
	}

	.stt-home-refresh .home-download-option .bg-container {
		width: 44px;
		height: 44px;
	}

	.stt-home-refresh .home-download-option > p {
		display: none;
	}

	.stt-home-refresh .home-download-option h4 {
		font-size: 14px;
	}

	.stt-home-refresh .home-download-qr {
		width: 62px;
		height: 62px;
	}
}

/*
 * 桌面端核心能力区：
 * 保留 AI 导入为重点卡，其余三项使用开放式图文分区，
 * 避免连续四张同权重大白卡造成“卡片堆叠”。
 */
@media (min-width: 900px) {
	.stt-home-refresh #xuanfujieshao,
	.stt-home-refresh .home-feature-practice,
	.stt-home-refresh #kaoshijieshao {
		padding: 0 !important;
		border-top: 1px solid #e6edf5;
	}

	.stt-home-refresh #xuanfujieshao,
	.stt-home-refresh #kaoshijieshao {
		background: #fff !important;
	}

	.stt-home-refresh .home-feature-practice {
		background: #f5f8fc !important;
	}

	.stt-home-refresh #xuanfujieshao > .container > .flex,
	.stt-home-refresh .home-feature-practice > .container > .flex,
	.stt-home-refresh #kaoshijieshao > .container > .flex {
		padding: 72px 12px;
		gap: clamp(48px, 6vw, 88px);
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
	}

	.stt-home-refresh #xuanfujieshao .relative.z-10.rounded-2xl,
	.stt-home-refresh .home-feature-practice .relative.z-10.rounded-2xl,
	.stt-home-refresh #kaoshijieshao .relative.z-10.rounded-2xl {
		overflow: hidden;
		border: 1px solid #dce8f6;
		border-radius: 24px;
		background: linear-gradient(145deg, #f7fbff 0%, #eef5ff 100%);
		box-shadow: 0 14px 36px rgba(74, 91, 160, 0.1);
	}

	.stt-home-refresh #xuanfujieshao .filter.blur-xl,
	.stt-home-refresh .home-feature-practice .filter.blur-xl,
	.stt-home-refresh #kaoshijieshao .filter.blur-xl {
		display: none;
	}

	.stt-home-refresh #xuanfujieshao .lg\:w-1\/2 > h3,
	.stt-home-refresh .home-feature-practice .lg\:w-1\/2 > h3,
	.stt-home-refresh #kaoshijieshao .lg\:w-1\/2 > h3 {
		margin-bottom: 16px;
		font-size: 30px;
		line-height: 1.35;
	}

	.stt-home-refresh #xuanfujieshao ul.space-y-4,
	.stt-home-refresh .home-feature-practice ul.space-y-4,
	.stt-home-refresh #kaoshijieshao ul.space-y-4 {
		gap: 0;
		margin-top: 20px;
	}

	.stt-home-refresh #xuanfujieshao ul.space-y-4 > li,
	.stt-home-refresh .home-feature-practice ul.space-y-4 > li,
	.stt-home-refresh #kaoshijieshao ul.space-y-4 > li {
		min-height: 50px;
		margin-top: 0 !important;
		padding: 12px 0;
		border-bottom: 1px solid #e6edf5;
		border-radius: 0;
		background: transparent;
	}

	.stt-home-refresh #xuanfujieshao ul.space-y-4 > li:last-child,
	.stt-home-refresh .home-feature-practice ul.space-y-4 > li:last-child,
	.stt-home-refresh #kaoshijieshao ul.space-y-4 > li:last-child {
		border-bottom: 0;
	}

	.stt-home-refresh #xuanfujieshao ul.space-y-4 > li .rounded-full,
	.stt-home-refresh .home-feature-practice ul.space-y-4 > li .rounded-full,
	.stt-home-refresh #kaoshijieshao ul.space-y-4 > li .rounded-full {
		margin-top: 1px;
	}
}

/*
 * 2026-09-30 网页规范对齐：
 * 强化键盘可用性、锚点定位和内容分区，并减轻 APP／下载区的卡片嵌套感。
 */
.stt-home-refresh #xuanfujieshao,
.stt-home-refresh .home-feature-practice,
.stt-home-refresh #kaoshijieshao,
.stt-home-refresh .home-download-section,
.stt-home-refresh .home-library-layout {
	scroll-margin-top: 88px;
}

.stt-home-refresh a:focus-visible,
.stt-home-refresh button:focus-visible,
.stt-home-refresh input:focus-visible {
	outline: 3px solid rgba(37, 99, 235, 0.24);
	outline-offset: 3px;
}

.stt-home-refresh .home-download-section {
	padding-bottom: 48px;
}

.stt-home-refresh .home-download-grid {
	gap: 20px;
}

.stt-home-refresh .home-download-option {
	border-color: transparent;
	background: #f8faff;
}

.stt-home-refresh .home-download-option:hover {
	border-color: #c8d8ec;
	background: #fff;
}

.stt-home-refresh .home-download-option .bg-container {
	background-color: #eef4ff;
}

@media (max-width: 767px) {
	.stt-home-refresh .home-download-section {
		padding-top: 24px;
		padding-bottom: 32px;
	}

	.stt-home-refresh .home-app-card,
	.stt-home-refresh .home-download-card {
		border-radius: 20px;
	}

	.stt-home-refresh .home-download-option {
		border: 1px solid #e6edf5;
		background: #f8faff;
		box-shadow: none !important;
	}

	.stt-home-refresh .home-library-layout {
		margin-top: 4px;
	}
}

/*
 * 2026-10-09 功能插画融合：
 * 搜题、练习与在线考试使用透明柔边素材，靠近文案的一侧自然淡出。
 */
.stt-home-refresh #xuanfujieshao .relative.z-10.rounded-2xl,
.stt-home-refresh .home-feature-practice .relative.z-10.rounded-2xl,
.stt-home-refresh #kaoshijieshao .relative.z-10.rounded-2xl {
	overflow: visible;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.stt-home-refresh #xuanfujieshao .relative.z-10.rounded-2xl img,
.stt-home-refresh .home-feature-practice .relative.z-10.rounded-2xl img,
.stt-home-refresh #kaoshijieshao .relative.z-10.rounded-2xl img {
	display: block;
	width: 112%;
	max-width: none;
	height: auto;
	filter: drop-shadow(0 16px 28px rgba(37, 99, 235, 0.07));
}

.stt-home-refresh #xuanfujieshao .relative.z-10.rounded-2xl img,
.stt-home-refresh #kaoshijieshao .relative.z-10.rounded-2xl img {
	margin-left: -6%;
	-webkit-mask-image: radial-gradient(ellipse 96% 94% at 46% 50%, #000 78%, rgba(0, 0, 0, 0.94) 88%, transparent 100%);
	mask-image: radial-gradient(ellipse 96% 94% at 46% 50%, #000 78%, rgba(0, 0, 0, 0.94) 88%, transparent 100%);
}

.stt-home-refresh .home-feature-practice .relative.z-10.rounded-2xl img {
	margin-left: -6%;
	-webkit-mask-image: radial-gradient(ellipse 96% 94% at 54% 50%, #000 78%, rgba(0, 0, 0, 0.94) 88%, transparent 100%);
	mask-image: radial-gradient(ellipse 96% 94% at 54% 50%, #000 78%, rgba(0, 0, 0, 0.94) 88%, transparent 100%);
}

.stt-home-refresh #xuanfujieshao .filter.blur-xl,
.stt-home-refresh .home-feature-practice .filter.blur-xl,
.stt-home-refresh #kaoshijieshao .filter.blur-xl {
	display: none;
}

@media (min-width: 900px) {
	.stt-home-refresh #xuanfujieshao > .container > .flex,
	.stt-home-refresh .home-feature-practice > .container > .flex,
	.stt-home-refresh #kaoshijieshao > .container > .flex {
		gap: clamp(24px, 3vw, 44px);
	}
}

@media (max-width: 899px) {
	.stt-home-refresh #xuanfujieshao .relative.z-10.rounded-2xl img,
	.stt-home-refresh .home-feature-practice .relative.z-10.rounded-2xl img,
	.stt-home-refresh #kaoshijieshao .relative.z-10.rounded-2xl img {
		width: 100%;
		margin-left: 0;
	}
}