/**
 * 响应式
 */

@media (max-width: 1080px) {
	.hy-article-layout {
		grid-template-columns: minmax(0, 1fr) 280px;
	}

	.hy-article-toc {
		display: none;
	}

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

	.hy-insights-layout {
		grid-template-columns: 1fr;
	}

	.hy-demo-terminal__body {
		grid-template-columns: 180px minmax(0, 1fr);
	}

	.hy-demo-terminal__panel {
		grid-column: 1 / -1;
	}
}

@media (max-width: 880px) {
	/* 移动端导航 */
	.hy-nav-toggle {
		display: flex;
	}

	.hy-nav {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: #fff;
		border-top: 1px solid var(--hy-border);
		box-shadow: var(--hy-shadow-lg);
		max-height: 75vh;
		overflow-y: auto;
	}

	.hy-nav.is-open {
		display: block;
	}

	.hy-menu {
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		padding: 8px 0;
	}

	.hy-menu > .hy-menu-item > a {
		padding: 14px 24px;
	}

	.hy-menu > .hy-menu-item > a::after {
		display: none;
	}

	.hy-submenu {
		position: static;
		opacity: 1;
		visibility: visible;
		transform: none;
		box-shadow: none;
		border: 0;
		border-radius: 0;
		background: var(--hy-bg-tint);
		display: none;
	}

	.hy-menu-item.menu-item-has-children.is-open > .hy-submenu {
		display: block;
	}

	.hy-submenu a {
		padding: 11px 40px;
	}

	.hy-navbar__inner {
		height: auto;
		padding-top: 12px;
		padding-bottom: 12px;
		flex-wrap: wrap;
	}

	.hy-navbar__actions .hy-btn-ghost {
		display: none;
	}

	/* 布局塌缩 */
	.hy-cards-3 {
		grid-template-columns: 1fr;
	}

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

	.hy-hero--home {
		padding: 72px 0 64px;
	}

	.hy-hero__inner {
		flex-direction: column;
		align-items: flex-start;
	}

	.hy-hero__title {
		font-size: 38px;
	}

	.hy-metal-layout {
		grid-template-columns: 1fr;
	}

	.hy-metal-side {
		position: static;
	}

	.hy-article-layout {
		grid-template-columns: 1fr;
	}

	.hy-article-side {
		position: static;
	}

	.hy-insights-topics {
		grid-template-columns: 1fr;
	}

	.hy-about-grid {
		grid-template-columns: 1fr;
	}

	.hy-chart-wrap {
		height: 280px;
	}
}

@media (max-width: 560px) {
	.hy-section {
		padding: 48px 0;
	}

	.hy-section-title {
		font-size: 26px;
	}

	.hy-cards-4 {
		grid-template-columns: 1fr;
	}

	.hy-market-grid {
		grid-template-columns: 1fr;
	}

	.hy-article-grid {
		grid-template-columns: 1fr;
	}

	.hy-hero--metal .hy-hero__title {
		font-size: 34px;
	}

	.hy-hero--page .hy-hero__title,
	.hy-hero--article .hy-hero__title,
	.hy-article-title {
		font-size: 28px !important;
	}

	.hy-article-nav {
		grid-template-columns: 1fr;
	}

	.hy-demo-terminal__body {
		grid-template-columns: 1fr;
	}

	.hy-chart-block {
		padding: 18px 16px;
	}

	.hy-tool {
		padding: 22px 20px;
	}

	.hy-footer__grid {
		grid-template-columns: 1fr !important;
	}
}