/* ========================================================================
   responsive.css — 响应式断点
   桌面优先：≥1280 完整 / 768–1279 平板 / <768 移动
   ======================================================================== */

/* ---------------- 平板 (1024–1279) ---------------- */
@media (max-width: 1279px) {
	.hero-inner {
		grid-template-columns: 1fr;
		gap: 48px;
	}

	.hero-copy {
		max-width: none;
	}

	.hero-visual {
		justify-content: flex-start;
	}

	.brand-stack {
		max-width: 380px;
		margin: 0 auto;
	}

	.value-grid {
		grid-template-columns: 1fr;
	}

	.formats-layout {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.industries-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.stats-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.posts-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.content-layout {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.footer-top {
		grid-template-columns: 1fr;
		gap: 40px;
	}
}

/* ---------------- 中等 (768–1023) ---------------- */
@media (max-width: 1023px) {
	.section {
		padding: 80px 0;
	}

	.cta-section {
		padding: 64px 0 96px;
	}

	.hero {
		padding: 140px 0 72px;
	}

	/* 导航折叠 */
	.primary-nav {
		position: fixed;
		top: 72px;
		left: 0;
		right: 0;
		background: rgba(227, 227, 227, 0.98);
		backdrop-filter: blur(20px);
		-webkit-backdrop-filter: blur(20px);
		border-bottom: 1px solid var(--c-line);
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.4s var(--ease);
		flex: none;
		justify-content: flex-start;
	}

	.primary-nav.is-open {
		max-height: 80vh;
		overflow-y: auto;
	}

	.primary-nav .nav-list {
		flex-direction: column;
		align-items: stretch;
		gap: 4px;
		padding: 16px 24px;
	}

	.primary-nav .nav-list > li > a {
		padding: 14px 16px;
		font-size: 16px;
	}

	.nav-toggle {
		display: flex;
	}

	.header-cta .btn:not(.nav-toggle) {
		display: none;
	}

	.industries-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.archive-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.footer-cols {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* ---------------- 移动 (<768) ---------------- */
@media (max-width: 767px) {
	.container {
		padding: 0 20px;
	}

	.section {
		padding: 64px 0;
	}

	.hero {
		padding: 120px 0 56px;
	}

	.hero-actions {
		flex-direction: column;
		align-items: stretch;
	}

	.hero-actions .btn {
		width: 100%;
		justify-content: center;
	}

	.hero-trust {
		flex-wrap: wrap;
		gap: 16px;
	}

	.trust-item strong {
		font-size: 22px;
	}

	.brand-stack {
		height: 380px;
	}

	.brand-card {
		padding: 22px;
	}

	.brands-wall {
		padding: 40px 0;
	}

	.wall-logo {
		padding: 10px 18px;
		gap: 8px;
	}

	.value-card {
		padding: 28px;
		min-height: auto;
	}

	.value-card-illu {
		display: none;
	}

	.formats-preview {
		min-height: 380px;
	}

	.format-pane {
		grid-template-columns: 1fr;
		padding: 24px;
		gap: 20px;
	}

	.industries-grid {
		grid-template-columns: 1fr;
	}

	.stats-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
	}

	.stat-item {
		padding: 24px 12px;
	}

	.cta-card {
		padding: 48px 24px;
	}

	.cta-actions {
		flex-direction: column;
	}

	.cta-actions .btn {
		width: 100%;
	}

	.footer-cols {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.footer-bottom {
		flex-direction: column;
		align-items: flex-start;
	}

	.posts-grid {
		grid-template-columns: 1fr;
	}

	.archive-grid {
		grid-template-columns: 1fr;
	}

	.sidebar {
		position: static;
	}

	.comment-list .children {
		padding-left: 16px;
	}

	.page-hero {
		padding: 120px 0 48px;
	}

	.content-area {
		padding: 56px 0;
	}

	.content-layout {
		gap: 32px;
	}

	.entry-content {
		font-size: 16px;
		line-height: 1.85;
	}

	.entry-content h2 {
		font-size: 20px;
	}

	.entry-content h3 {
		font-size: 17px;
	}

	.entry-content blockquote {
		padding: 14px 20px;
	}

	.entry-content pre {
		padding: 16px;
		font-size: 13px;
	}

	.page-title {
		font-size: 24px;
	}

	.entry-meta {
		gap: 8px;
		font-size: 12px;
	}

	.widget {
		padding: 18px;
	}

	.comment-respond {
		padding: 20px;
	}

	.comment-body {
		padding: 16px 18px;
	}

	.related-posts {
		margin-top: 40px;
		padding-top: 28px;
	}

	.related-title {
		font-size: 18px;
	}

	.comments-area {
		margin-top: 40px;
		padding-top: 28px;
	}

	.comments-title {
		font-size: 18px;
	}

	.comment-form {
		gap: 14px;
	}
}

/* ---------------- 小屏 (<420) ---------------- */
@media (max-width: 419px) {
	.hero-title {
		font-size: 38px;
	}

	.section-title {
		font-size: 30px;
	}

	.stats-grid {
		grid-template-columns: 1fr;
	}

	.brand-stack {
		height: 360px;
	}

	.page-title {
		font-size: 21px;
	}

	.entry-content h2 {
		font-size: 18px;
	}

	.entry-content h3 {
		font-size: 16px;
	}

	.archive-card-body {
		padding: 16px;
	}

	.comment-body {
		padding: 14px;
	}

	.comment-respond {
		padding: 16px;
	}

	.widget {
		padding: 14px;
	}
}

/* ---------------- 减少动画偏好 ---------------- */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}

	[data-reveal] {
		opacity: 1;
		transform: none;
	}
}