@charset "UTF-8";

/* ============================================================
   IIPC 官方网站 - 响应式样式 v3
   断点：1199 / 991 / 767 / 479
   适配非对称Hero、编辑卡片、2×2亮点网格
   ============================================================ */

/* === 1199px — 平板横屏 === */
@media (max-width: 1199px) {
	.container {
		padding: 0 26px;
	}

	/* Hero */
	.hero-title {
		font-size: 46px;
	}

	/* 数据统计 */
	.stat-item {
		padding: 44px 20px 38px;
	}
	.stat-item::before {
		font-size: 100px;
	}
	.stat-number {
		font-size: 44px;
	}

	/* 区块 */
	.section-title {
		font-size: 36px;
	}
	.section-header {
		margin-bottom: 60px;
	}

	/* 亮点 — 2×2 → 2×2 不变 */
	.highlights {
		padding: 120px 0;
	}
	.highlight-card {
		padding: 44px 32px 40px;
	}

	/* 倒计时 */
	.countdown {
		padding: 80px 0;
	}
	.countdown-number {
		width: 90px;
		height: 90px;
	}
	.countdown-digit {
		font-size: 40px;
	}

	/* 关于 */
	.about-summary-grid {
		gap: 52px;
	}
	.about-summary {
		padding: 100px 0;
	}

	/* 新闻 */
	.news-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	/* 页脚 */
	.footer-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	/* 内页 */
	.format-grid {
		grid-template-columns: repeat(3, 1fr);
	}
	.format-card {
		padding: 40px 18px 36px;
	}
	.audience-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.content-grid-4 {
		grid-template-columns: repeat(2, 1fr);
	}
	.service-panel-inner {
		grid-template-columns: 1fr;
		gap: 32px;
	}
	.contact-grid {
		grid-template-columns: 1fr;
	}
}

/* === 991px — 平板竖屏 === */
@media (max-width: 991px) {
	.container {
		padding: 0 22px;
	}

	.topbar {
		display: none;
	}
	/* 顶部栏 */
	.topbar-grid {
		right: 22px;
		font-size: 13px;
		height: 41px;
	}
	.topbar-left {
		font-size: 13px;
		height: 41px;
		line-height: 41px;
	}
	.topbar-globe-icon {
		width: 18px;
		height: 18px;
	}
	.topbar-lang-btn {
		font-size: 13px;
	}
	.topbarli {
		height: 36px;
		line-height: 36px;
	}
	.topbarli ul li a {
		font-size: 12px;
		padding: 0 14px;
	}

	/* 头部 */
	.header-inner {
		height: 100px;
	}
	.header-logo img {
		height: 60px;
	}
	.header-logo-zh {
		font-size: 18px;
	}
	.nav {
		display: none;
	}
	.hamburger {
		display: flex;
	}
	.header-actions .header-lang {
		display: none;
	}
	.header-actions .btn {
		padding: 9px 18px;
		font-size: 12px;
	}

	/* Hero */
	.hero {
		min-height: 80vh;
	}
	.hero-content {
		text-align: center;
	}
	.hero-title {
		font-size: 38px;
	}
	.hero-title-en {
		font-size: 13px;
	}
	.hero-kicker {
		font-size: 10px;
		letter-spacing: 4px;
		margin-bottom: 24px;
		padding: 5px 16px;
	}
	.hero-location {
		margin-bottom: 32px;
		justify-content: center;
	}
	.hero-buttons {
		justify-content: center;
	}
	.hero-buttons .btn-lg {
		padding: 14px 28px;
		font-size: 13px;
	}
	.hero-scroll {
		bottom: 14px;
	}
	.hero-nav {
		bottom: 36px;
	}
	.hero-arrow {
		width: 48px;
		height: 60px;
		font-size: 32px;
	}
	.hero-arrow-prev {
		left: 2px;
	}
	.hero-arrow-next {
		right: 2px;
	}

	/* 数据统计 */
	.stats-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.stat-item:nth-child(2n) {
		border-right: none;
	}
	.stat-item:nth-child(1),
	.stat-item:nth-child(2) {
		border-bottom: 1px solid var(--c-border-light);
	}
	.stat-item::before {
		font-size: 90px;
	}
	.stat-number {
		font-size: 40px;
	}
	.stat-item {
		padding: 38px 18px 32px;
	}

	/* 区块 */
	.section-title {
		font-size: 30px;
	}
	.section-subtitle {
		font-size: 14px;
	}
	.section-header {
		margin-bottom: 48px;
	}

	/* 亮点 — 仍2×2，但卡片收缩 */
	.highlights {
		padding: 100px 0;
	}
	.highlight-card {
		padding: 36px 24px 32px;
	}
	.highlight-card::before {
		font-size: 42px;
		top: 20px;
		right: 24px;
	}
	.highlight-card h3 {
		font-size: 16px;
	}
	.highlight-card p {
		font-size: 13px;
	}
	.highlight-icon {
		width: 40px;
		height: 40px;
		margin-bottom: 22px;
	}
	.highlight-icon svg {
		width: 22px;
		height: 22px;
	}

	/* 倒计时 */
	.countdown {
		padding: 70px 0;
	}
	.countdown-number {
		width: 72px;
		height: 72px;
	}
	.countdown-digit {
		font-size: 32px;
	}
	.countdown-separator {
		font-size: 28px;
		padding-bottom: 22px;
	}
	.countdown-label {
		font-size: 12px;
	}

	/* 关于 */
	.about-summary {
		padding: 80px 0;
	}
	.about-summary-grid {
		grid-template-columns: 1fr;
		gap: 44px;
	}
	.about-summary-visual {
		height: 280px;
	}

	/* 新闻 */
	.news-preview {
		padding: 80px 0;
	}
	.news-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	/* 行动号召 */
	.cta {
		padding: 110px 0;
	}
	.cta h2 {
		font-size: 34px;
	}

	/* 页脚 */
	.footer {
		padding: 60px 0 0;
	}
	.footer-grid {
		grid-template-columns: 1fr 1fr;
		gap: 36px;
	}

	/* Inner Pages */
	.page-banner {
		padding: 120px 0 56px;
	}
	.page-banner-title {
		font-size: 34px;
	}
	.page-content {
		padding: 56px 0;
	}
	.content-grid-2 {
		grid-template-columns: 1fr;
	}
	.content-grid-3 {
		grid-template-columns: repeat(2, 1fr);
	}
	.content-grid-4 {
		grid-template-columns: repeat(2, 1fr);
	}

	/* 形式卡片 */
	.format-grid {
		grid-template-columns: repeat(3, 1fr);
	}
	.format-card {
		padding: 32px 16px;
	}
	.format-card[data-n]::before {
		font-size: 38px;
		top: 18px;
		right: 20px;
	}
	.format-icon {
		width: 48px;
		height: 48px;
		margin-bottom: 18px;
	}
	.format-icon svg {
		width: 24px;
		height: 24px;
	}
	.value-list {
		grid-template-columns: 1fr;
	}
	.audience-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	/* 日程 */
	.schedule-item {
		flex-direction: column;
		gap: 6px;
	}
	.schedule-time {
		min-width: auto;
	}

	/* 服务 */
	.service-panel-inner {
		padding: 32px;
	}

	/* 新闻 */
	.news-layout {
		grid-template-columns: 1fr;
	}
	.news-sidebar {
		display: none;
	}

	/* 联系 */
	.contact-grid {
		grid-template-columns: 1fr;
	}
}

/* === 767px — 手机 === */
@media (max-width: 767px) {
	.container {
		padding: 0 18px;
	}
	.topbar {
		display: none;
	}
	/* 顶部栏 */
	.topbar-grid {
		right: 18px;
		font-size: 12px;
		height: 41px;
	}
	.topbar-left {
		font-size: 12px;
		height: 41px;
		line-height: 41px;
	}
	.topbar-globe-icon {
		width: 16px;
		height: 16px;
	}
	.topbar-lang-btn {
		font-size: 12px;
	}
	.topbarli {
		height: 30px;
		line-height: 30px;
	}
	.topbarli ul li a {
		font-size: 11px;
		padding: 0 10px;
	}
	.topbarli ul li:first-child {
		display: none;
	}

	/* 头部 */
	.header-inner {
		height: 72px;
	}
	.header-logo img {
		height: 40px;
	}
	.header-logo-zh {
		font-size: 18px;
	}
	.header-actions .btn {
		padding: 7px 14px;
		font-size: 11px;
	}

	/* Hero */
	.hero {
		min-height: 75vh;
	}
	.hero-content {
		padding-top: 8px;
	}
	.hero-title {
		font-size: 28px;
	}
	.hero-title-en {
		font-size: 12px;
		letter-spacing: 1px;
	}
	.hero-kicker {
		font-size: 9px;
		letter-spacing: 3px;
		margin-bottom: 20px;
		padding: 4px 14px;
	}
	.hero-location {
		font-size: 12px;
		margin-bottom: 28px;
	}
	.hero-buttons {
		flex-direction: column;
		align-items: center;
		width: 100%;
	}
	.hero-buttons .btn {
		width: 100%;
		max-width: 280px;
	}
	.hero-buttons .btn-lg {
		padding: 13px 24px;
		font-size: 13px;
	}
	.hero-nav {
		bottom: 24px;
	}
	.hero-arrow {
		display: none;
	}
	.hero-scroll {
		bottom: 10px;
	}

	/* 数据统计 */
	.stats-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.stat-item {
		padding: 28px 14px 24px;
	}
	.stat-item:nth-child(2n) {
		border-right: none;
	}
	.stat-item:nth-child(1),
	.stat-item:nth-child(2) {
		border-bottom: 1px solid var(--c-border-light);
	}
	.stat-item::before {
		font-size: 70px;
	}
	.stat-number {
		font-size: 32px;
	}
	.stat-label {
		font-size: 11px;
	}

	/* 区块 */
	.section-title {
		font-size: 26px;
	}
	.section-subtitle {
		font-size: 13px;
	}
	.section-label {
		font-size: 9px;
		letter-spacing: 4px;
	}
	.section-header {
		margin-bottom: 40px;
	}

	/* 亮点 — 2×2 → 单列 */
	.highlights {
		padding: 80px 0;
	}
	.highlights-grid {
		grid-template-columns: 1fr;
	}
	.highlight-card {
		padding: 32px 22px 28px;
	}
	.highlight-card::before {
		font-size: 38px;
		top: 16px;
		right: 20px;
	}
	.highlight-card h3 {
		font-size: 15px;
	}
	.highlight-card p {
		font-size: 13px;
	}
	.highlight-icon {
		width: 36px;
		height: 36px;
		margin-bottom: 18px;
	}
	.highlight-icon svg {
		width: 20px;
		height: 20px;
	}

	/* 倒计时 */
	.countdown {
		padding: 60px 0;
	}
	.countdown-grid {
		gap: 12px;
	}
	.countdown-number {
		width: 70px;
		height: 70px;
		border-radius: var(--r-md);
	}
	.countdown-digit {
		font-size: 32px;
	}
	.countdown-separator {
		font-size: 22px;
		padding-bottom: 18px;
	}
	.countdown-label {
		font-size: 11px;
		margin-top: 8px;
	}

	/* 关于 */
	.about-summary {
		padding: 70px 0;
	}
	.about-summary-visual {
		height: 220px;
		border-radius: var(--r-lg);
	}
	.about-summary-visual-inner .en {
		font-size: 34px;
	}
	.about-summary-visual-inner .zh {
		font-size: 18px;
		letter-spacing: 5px;
	}
	.about-summary-text p {
		font-size: 14px;
	}

	/* 新闻 */
	.news-preview {
		padding: 70px 0;
	}
	.news-card-image {
		height: 160px;
	}
	.news-card-image--fallback {
		display: none;
	}
	.news-card-title {
		font-size: 15px;
	}
	.news-card-body {
		padding: 22px;
	}

	/* 行动号召 */
	.cta {
		padding: 90px 0;
	}
	.cta h2 {
		font-size: 28px;
	}
	.cta p {
		font-size: 14px;
		margin-bottom: 36px;
	}

	/* 页脚 */
	.footer {
		padding: 48px 0 0;
	}
	.footer-grid {
		grid-template-columns: 1fr;
		gap: 28px;
	}
	.footer-col h4 {
		margin-bottom: 14px;
	}
	.footer-bottom {
		font-size: 10px;
	}

	/* Inner Pages */
	.page-banner {
		padding: 110px 0;
	}
	.page-banner-title {
		font-size: 28px;
	}
	.page-banner-subtitle {
		font-size: 13px;
	}
	.page-content {
		padding: 44px 0;
	}
	.page-section {
		margin-bottom: 48px;
	}
	.content-grid-2,
	.content-grid-3,
	.content-grid-4 {
		grid-template-columns: 1fr;
	}

	/* 形式卡片 */
	.format-grid {
		grid-template-columns: 1fr;
	}
	.format-card {
		padding: 28px 22px;
	}
	.format-card[data-n]::before {
		font-size: 34px;
		top: 14px;
		right: 18px;
	}
	.audience-grid {
		grid-template-columns: 1fr;
	}
	.audience-card {
		padding: 24px 22px;
	}
	.value-item {
		padding: 16px;
	}

	/* 日程 */
	.schedule-tabs {
		gap: 5px;
		margin-bottom: 40px;
	}
	.schedule-tab {
		padding: 11px 20px;
		font-size: 12px;
	}
	.schedule-item {
		padding: 22px 0;
	}
	.schedule-detail h4 {
		font-size: 15px;
	}

	/* Organization */
	.org-card-header {
		flex-direction: column;
		text-align: center;
	}
	.org-honors {
		grid-template-columns: 1fr;
	}

	/* 服务 */
	.service-tabs {
		gap: 6px;
	}
	.service-tab {
		padding: 13px 20px;
		font-size: 13px;
		flex: 1;
		text-align: center;
	}
	.service-panel-inner {
		padding: 24px 20px;
	}

	/* News cards */
	.news-card-h {
		flex-direction: column;
	}
	.news-card-h-thumb {
		width: 100%;
		height: 180px;
		min-height: auto;
	}
	.news-card-h-body {
		padding: 18px 20px;
	}
	.news-card-h.no-thumb .news-card-h-body {
		padding-left: 20px;
	}
	.news-card-h.no-thumb .news-card-h-body::before {
		top: 18px;
		height: calc(100% - 36px);
	}

	/* 联系 */
	.contact-form .form-row {
		grid-template-columns: 1fr;
	}
	.contact-form-card {
		padding: 28px 20px;
	}
	.contact-info-card {
		padding: 24px 20px;
	}

	/* 组织机构 */
	.org-card-body {
		padding: 24px 20px;
	}
}

/* === 479px — 小屏手机 === */
@media (max-width: 479px) {
	.container {
		padding: 0 14px;
	}
	.topbar-grid {
		right: 14px;
		font-size: 11px;
		height: 41px;
	}
	.topbar-left {
		font-size: 11px;
		height: 41px;
		line-height: 41px;
	}
	.topbar-globe-icon {
		width: 14px;
		height: 14px;
	}
	.topbar-lang-btn {
		font-size: 11px;
	}
	.topbarli {
		display: none;
	}
	.header-inner {
		height: 62px;
	}
	.header-logo img {
		height: 32px;
	}
	.header-logo-zh {
		font-size: 18px;
	}
	.hero {
		min-height: 70vh;
	}
	.hero-title {
		font-size: 24px;
	}
	.hero-title-en {
		font-size: 11px;
	}
	.hero-kicker {
		font-size: 9px;
		letter-spacing: 2px;
		margin-bottom: 16px;
		padding: 4px 12px;
	}
	.hero-location {
		font-size: 11px;
		margin-bottom: 24px;
	}
	.hero-buttons .btn-lg {
		padding: 12px 20px;
		font-size: 12px;
	}
	.hero-nav {
		bottom: 18px;
	}
	.hero-scroll {
		display: none;
	}
	.stat-item {
		padding: 22px 10px 20px;
	}
	.stat-item::before {
		font-size: 56px;
	}
	.stat-number {
		font-size: 26px;
	}
	.stat-label {
		font-size: 10px;
	}

	.section-title {
		font-size: 22px;
	}
	.cta {
		padding: 70px 0;
	}
	.cta h2 {
		font-size: 24px;
	}
	.cta p {
		font-size: 13px;
	}
	.countdown {
		padding: 48px 0;
	}
	.countdown-grid {
		gap: 8px;
	}
	.countdown-number {
		width: 70px;
		height: 70px;
	}
	.countdown-digit {
		font-size: 32px;
	}
	.countdown-separator {
		font-size: 18px;
		padding-bottom: 14px;
	}
	.countdown-header {
		margin-bottom: 32px;
	}
	.page-banner-title {
		font-size: 24px;
	}
	.btn {
		padding: 9px 18px;
		font-size: 12px;
	}
	.btn-lg {
		padding: 13px 24px;
		font-size: 13px;
	}
	.schedule-tabs {
		flex-direction: column;
		align-items: stretch;
	}
	.schedule-tab {
		width: 100%;
		text-align: center;
	}
	.service-tabs {
		flex-direction: column;
	}
	.service-tab {
		width: 100%;
	}
}

/* === 桌面端隐藏移动导航 === */
@media (min-width: 992px) {
	.mobile-nav,
	.mobile-nav-overlay {
		display: none;
	}
}

/* === 平板隐藏 Hero 网格线（性能优化） === */
@media (max-width: 991px) {
	.hero-grid-lines {
		display: none;
	}
}

/* === 降级方案：不支持 backdrop-filter === */
@supports not (backdrop-filter: blur(1px)) {
	.header {
		background: rgba(255, 255, 255, 0.98);
	}
	.header.header-transparent {
		background: rgba(6, 13, 26, 0.95);
	}
	.header.header-transparent.scrolled {
		background: rgba(255, 255, 255, 0.98);
	}
}