*,
			*::before,
			*::after {
				box-sizing: border-box;
				margin: 0;
				padding: 0;
			}

			:root {
				--ink: #1d1d1f;
				--ink-muted: #6e6e73;
				--ink-faint: #aeaeb2;
				--paper: #ffffff;
				--paper-warm: #f5f5f7;
				--accent: #3fda66;
				--accent-light: #e8f0fb;
				--gold: #3fda66;
				--border: rgba(0, 0, 0, 0.08);
				--border-strong: rgba(0, 0, 0, 0.18);
				--nav-h: 52px;
			}

			html {
				scroll-behavior: smooth;
			}

			body {
				font-family: -apple-system,'黑体', 'DM Sans', BlinkMacSystemFont, 'SF Pro Text', sans-serif;
				background: var(--paper);
				color: var(--ink);
				font-size: 17px;
				line-height: 1.6;
				overflow-x: hidden;
			}

			/* ── NAV ── */
			nav {
				position: fixed;
				top: 0;
				left: 0;
				right: 0;
				height: var(--nav-h);
				background: rgba(2, 12, 20, 0.92);
				backdrop-filter: saturate(180%) blur(20px);
				-webkit-backdrop-filter: saturate(180%) blur(20px);
				border-bottom: 0.5px solid rgba(0, 180, 216, 0.15);
				z-index: 100;
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 0 44px;
			}

			.nav-logo {
				font-family: 'DM Sans', sans-serif;
				font-size: 13px;
				font-weight: 500;
				letter-spacing: 0.01em;
				color: rgba(255, 255, 255, 0.75);
				text-decoration: none;
				line-height: 1.3;
			}

			.nav-logo strong {
				display: block;
				font-size: 14px;
				color: #ffffff;
				font-weight: 600;
				letter-spacing: 0.02em;
			}

			.nav-links {
				display: flex;
				gap: 32px;
				list-style: none;
				align-items: center;
			}

			.nav-links a {
				font-size: 13px;
				font-weight: 400;
				letter-spacing: 0em;
				text-transform: none;
				color: rgba(255, 255, 255, 0.7);
				text-decoration: none;
				transition: color 0.2s;
			}

			.nav-links a:hover {
				color: #ffffff;
			}

			.nav-cta {
				background: #3fda66 !important;
				color: #ffffff !important;
				padding: 7px 16px;
				border-radius: 980px;
				font-size: 13px;
				letter-spacing: 0em;
				transition: background 0.2s !important;
			}

			.nav-cta:hover {
				background: #0077ed !important;
			}

			/* ── HERO ── */
			.hero {
				min-height: 100vh;
				padding-top: var(--nav-h);
				display: grid;
				grid-template-columns: 0.5fr 1fr;
				position: relative;
				overflow: hidden;
			}

			.hero-left {
				padding: 80px 40px 80px 40px;
				display: flex;
				flex-direction: column;
				justify-content: flex-end;
				position: relative;
				border-right: 0.5px solid var(--border);
			}

			.hero-eyebrow {
				font-family: 'DM Sans', sans-serif;
				font-size: 12px;
				letter-spacing: 0.05em;
				text-transform: uppercase;
				color: var(--accent);
				margin-bottom: 28px;
				font-weight: 500;
			}

			.hero-title {
				font-family: 'DM Sans', sans-serif;
				font-size: clamp(48px, 6vw, 70px);
				font-weight: 700;
				line-height: 1.0;
				color: var(--ink);
				margin-bottom: 8px;
				letter-spacing: -0.03em;
			}

			.hero-title em {
				font-style: italic;
				color: var(--accent);
			}

			.hero-subtitle {
				font-family: 'DM Sans', sans-serif;
				font-size: clamp(17px, 2vw, 21px);
				font-weight: 400;
				color: var(--ink-muted);
				line-height: 1.5;
				margin-bottom: 48px;
				letter-spacing: -0.01em;
			}

			.hero-meta {
				display: flex;
				flex-direction: column;
				gap: 12px;
				margin-bottom: 48px;
			}

			.hero-meta-row {
				display: flex;
				align-items: baseline;
				gap: 16px;
			}

			.meta-label {
				font-family: 'DM Sans', sans-serif;
				font-size: 11px;
				letter-spacing: 0.02em;
				text-transform: none;
				color: var(--ink-faint);
				min-width: 64px;
				font-weight: 500;
			}

			.meta-value {
				font-size: 14px;
				font-weight: 400;
				color: var(--ink);
			}

			.hero-cta-group {
				display: flex;
				gap: 12px;
				flex-wrap: wrap;
			}

			.btn-primary {
				display: inline-block;
				background: var(--accent);
				color: #ffffff;
				font-family: 'DM Sans', sans-serif;
				font-size: 15px;
				font-weight: 400;
				letter-spacing: 0em;
				text-transform: none;
				text-decoration: none;
				padding: 12px 26px;
				border-radius: 980px;
				transition: background 0.2s;
				cursor: pointer;
			}

			.btn-primary:hover {
				background: #0077ed;
			}

			.btn-ghost {
				display: inline-block;
				background: transparent;
				color: var(--accent);
				font-family: 'DM Sans', sans-serif;
				font-size: 15px;
				font-weight: 400;
				letter-spacing: 0em;
				text-transform: none;
				text-decoration: none;
				padding: 12px 26px;
				border: 1px solid var(--accent);
				border-radius: 980px;
				transition: background 0.2s, color 0.2s;
			}

			.btn-ghost:hover {
				background: var(--accent);
				color: #fff;
			}

			.hero-right {
				background: #030d18;
				padding: 80px 40px 80px 60px;
				display: flex;
				flex-direction: column;
				justify-content: flex-end;
				position: relative;
				overflow: hidden;
			}

			.hero-right-img {
				background-image: url('../images/threeBg.jpg');
				position: absolute;
				inset: 0;
				background-size: cover;
				background-position: right top;
				opacity: 0.55;
				mix-blend-mode: lighten;
			}

			.hero-year {
				font-size: 180px;
				font-weight: 300;
				color: rgba(245, 243, 238, 0.06);
				line-height: 1;
				position: absolute;
				bottom: -20px;
				right: -10px;
				letter-spacing: -0.05em;
				pointer-events: none;
				user-select: none;
			}

			.hero-right-content {
				position: relative;
				z-index: 1;
			}

			.hero-theme {
				font-family: 'DM Sans', sans-serif;
				font-size: 12px;
				font-style: normal;
				color: rgba(92, 225, 240, 0.8);
				letter-spacing: 0.05em;
				text-transform: uppercase;
				margin-bottom: 16px;
				font-weight: 500;
			}

			.hero-theme-main {
				font-family: 'DM Sans', sans-serif;
				font-size: clamp(30px, 4vw, 48px);
				font-weight: 700;
				color: #ffffff;
				line-height: 1.1;
				margin-bottom: 40px;
				letter-spacing: -0.02em;
			}

			.hero-theme-main em {
				display: block;
				font-style: normal;
				font-weight: 300;
				color: rgba(92, 225, 240, 0.7);
			}

			.hero-stats {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 1px;
				background: rgba(245, 243, 238, 0.1);
				margin-top: 40px;
			}

			.stat-cell {
				background: rgba(5, 15, 25, 0.75);
				padding: 24px;
				transition: background 0.2s;
				backdrop-filter: blur(4px);
				border: 0.5px solid rgba(0, 180, 216, 0.15);
			}

			.stat-cell:hover {
				background: rgba(0, 80, 120, 0.55);
			}

			.stat-number {
				font-family: 'DM Sans', sans-serif;
				font-size: 36px;
				font-weight: 700;
				color: #5ce1f0;
				line-height: 1;
				margin-bottom: 6px;
				letter-spacing: -0.02em;
			}

			.stat-label {
				font-family: 'DM Sans', sans-serif;
				font-size: 11px;
				letter-spacing: 0.01em;
				color: rgba(255, 255, 255, 0.4);
			}

			/* ── SECTION BASE ── */
			section {
				padding: 100px 40px;
			}

			.section-header {
				display: flex;
				align-items: baseline;
				gap: 24px;
				margin-bottom: 60px;
				padding-bottom: 20px;
				border-bottom: 0.5px solid var(--border);
			}
			.section-header em{
	            font-style: normal;
			}

			.section-num {
				font-family: 'DM Sans', sans-serif;
				font-size: 11px;
				color: var(--accent);
				letter-spacing: 0.05em;
				font-weight: 500;
			}

			.section-title {
				font-family: 'DM Sans', sans-serif;
				font-size: clamp(24px, 3vw, 36px);
				font-weight: 700;
				color: var(--ink);
				letter-spacing: -0.02em;
			}

			.section-subtitle {
				font-family: 'DM Sans', sans-serif;
				font-size: 11px;
				letter-spacing: 0.04em;
				text-transform: uppercase;
				color: var(--ink-faint);
				margin-left: auto;
				font-weight: 500;
			}

			/* ── ABOUT ── */
			.about {
				background: var(--paper);
				border-top: 0.5px solid var(--border);
				border-bottom: 0.5px solid var(--border);
			}

			.about-grid {
				display: grid;
				grid-template-columns: 2fr 3fr;
				gap: 80px;
				align-items: start;
			}

			.about-intro {
				font-family: 'DM Sans', sans-serif;
				font-size: 21px;
				font-weight: 600;
				line-height: 1.45;
				color: var(--ink);
				letter-spacing: -0.01em;
			}

			.about-body {
				font-size: 15px;
				color: var(--ink-muted);
				line-height: 1.8;
			}

			.about-body p+p {
				margin-top: 20px;
			}

			.about-tags {
				display: flex;
				flex-wrap: wrap;
				gap: 8px;
				margin-top: 32px;
			}

			.tag {
				font-family: 'DM Sans', sans-serif;
				font-size: 11px;
				letter-spacing: 0.02em;
				text-transform: none;
				color: var(--accent);
				background: var(--accent-light);
				border: none;
				padding: 5px 14px;
				border-radius: 980px;
			}

			/* ── PROGRAM ── */
			.program-tracks {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 1px;
				background: var(--border);
				margin-bottom: 80px;
			}

			.track-card {
				background: var(--paper);
				padding: 40px 32px;
				transition: background 0.2s;
			}

			.track-card:hover {
				background: var(--paper-warm);
			}

			.track-num {
				font-family: 'DM Sans', sans-serif;
				font-size: 11px;
				letter-spacing: 0.05em;
				color: var(--accent);
				margin-bottom: 20px;
				font-weight: 500;
			}

			.track-num {
				font-size: 10px;
				letter-spacing: 0.15em;
				color: var(--accent);
				margin-bottom: 20px;
			}

			.track-title {
				font-size: 24px;
				font-weight: 400;
				color: var(--ink);
				margin-bottom: 12px;
				line-height: 1.2;
			}

			.track-body {
				font-size: 13px;
				color: var(--ink-muted);
				line-height: 1.7;
			}

			.track-divider {
				width: 24px;
				height: 1px;
				background: var(--border-strong);
				margin: 20px 0;
			}

			/* ── AGENDA ── */
			.agenda {
				background: var(--paper);
				border-top: 0.5px solid var(--border);
				border-bottom: 0.5px solid var(--border);
			}

			.day-block {
				margin-bottom: 60px;
			}

			.day-label {
				display: flex;
				align-items: baseline;
				gap: 20px;
				margin-bottom: 24px;
				height: 48px
			}

			.day-num {
				/* font-family: 'Cormorant Garamond', serif; */
				font-size: 48px;
				font-weight: 300;
				color: var(--ink);
				line-height: 1;
			}

			.day-info {
				font-size: 14px;
				letter-spacing: 0.12em;
				color: var(--ink-muted);
				line-height: 1.6;
			}

			.agenda-table {
				width: 100%;
				border-collapse: collapse;
			}

			.agenda-table tr {
				border-bottom: 0.5px solid var(--border);
				transition: background 0.15s;
			}

			.agenda-table tr:hover {
				background: rgba(26, 26, 24, 0.03);
			}

			.agenda-table td {
				padding: 16px 20px;
				vertical-align: top;
			}

			.tableFixed {
				display: flex;
				justify-content: space-between;
				padding: 16px;
				border-bottom: 0.5px solid var(--border)
			}

			.tableFixed .agenda-left {
				width: 30%;
				flex-shrink: 0;
			}

			.tableFixed .agenda-title-cell {
				width: 60%;
				flex-shrink: 0;
			}

			.tableFixed .agenda-left .agenda-type {
				width: 100%
			}

			.tableFixed .agenda-left .agenda-time {
				margin-bottom: 20px
			}

			.agenda-time {
				font-size: 14px;
				letter-spacing: 0.1em;
				color: var(--ink-faint);
				white-space: nowrap;
				width: 120px;
			}

			.agenda-type {
				font-size: 13px;
				letter-spacing: 0.12em;
				text-transform: uppercase;
				color: var(--ink-faint);
				width: 180px;
			}

			.agenda-title-cell {
				font-size: 14px;
				color: var(--ink);
			}

			.agenda-desc {
				font-size: 12px;
				color: var(--ink-muted);
				margin-top: 4px;
				line-height: 1.6;
			}

			.badge {
				display: inline-block;
				font-size: 9px;
				letter-spacing: 0.12em;
				text-transform: uppercase;
				padding: 3px 8px;
				margin-top: 8px;
			}

			.badge-keynote {
				background: var(--accent-light);
				color: var(--accent);
			}

			.badge-industry {
				background: #e8f0e8;
				color: #3a6a3a;
			}

			.badge-academic {
				background: #e8e8f4;
				color: #3a3a7a;
			}

			.badge-epic {
				background: #f0ece0;
				color: var(--gold);
			}

			.badge-indie {
				background: #f4e8e8;
				color: #8a3a3a;
			}

			.badge-all-day {
				background: #e8ece8;
				color: #4a5a4a;
			}

			/* ── EXHIBITIONS ── */
			.exhibitions-grid {
				display: grid;
				grid-template-columns: 1fr 2fr;
				gap: 1px;
				background: var(--border);
			}

			.exhibition-left {
				background: #030d18;
				padding: 60px 40px;
				display: flex;
				flex-direction: column;
				justify-content: flex-end;
				position: relative;
				overflow: hidden;
			}

			.exhibition-period {
				font-size: 15px;
				font-style: italic;
				color: rgba(0, 180, 216, 0.6);
				margin-bottom: 12px;
			}

			.exhibition-dates {
				font-size: 30px;
				font-weight: 300;
				color: #e0f7ff;
				line-height: 1.1;
				margin-bottom: 20px;
			}

			.exhibition-open {
				font-size: 10px;
				letter-spacing: 0.2em;
				text-transform: uppercase;
				color: #3fda66;
			}

			.exhibition-items {
				background: var(--paper);
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 1px;
				background: var(--border);
			}

			.exhibition-item {
				background: var(--paper);
				padding: 32px;
				transition: background 0.2s;
			}

			.exhibition-item:hover {
				background: var(--paper-warm);
			}

			.exhibition-item-num {
				font-size: 10px;
				letter-spacing: 0.12em;
				color: var(--accent);
				margin-bottom: 16px;
			}

			.exhibition-item-title {
				font-size: 20px;
				font-weight: 400;
				color: var(--ink);
				margin-bottom: 6px;
				line-height: 1.3;
			}

			.exhibition-item-sub {
				font-size: 11px;
				letter-spacing: 0.1em;
				text-transform: uppercase;
				color: var(--ink-faint);
			}

			/* ── SUBMISSIONS ── */
			.submissions {
				border-top: 0.5px solid var(--border);
			}

			.submissions-grid {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 1px;
				background: var(--border);
			}

			.submission-track {
				background: var(--paper);
				padding: 48px 40px;
			}

			.submission-track-label {
				font-size: 10px;
				letter-spacing: 0.15em;
				text-transform: uppercase;
				color: var(--accent);
				margin-bottom: 20px;
			}

			.submission-track-title {
				font-size: 32px;
				font-weight: 300;
				color: var(--ink);
				margin-bottom: 20px;
				line-height: 1.2;
			}

			.submission-track-body {
				font-size: 14px;
				color: var(--ink-muted);
				line-height: 1.7;
				margin-bottom: 32px;
			}

			/* ── ORGANIZERS ── */
			.organizers {
				background: #030d18;
				border-top: 0.5px solid rgba(245, 243, 238, 0.1);
			}

			.organizers .section-title {
				color: #e0f7ff;
			}

			.organizers .section-num {
				color: #3fda66;
			}

			.organizers .section-subtitle {
				color: #3fda66;
			}

			.organizers .section-header {
				border-bottom-color: rgba(0, 180, 216, 0.15);
			}

			.org-grid {
				display: grid;
				grid-template-columns: repeat(4, 1fr);
				gap: 1px;
				background: rgba(110, 110, 110, 0.4);
			}

			.org-card {
				/* background: #030d18; */
				padding: 40px 32px;
				transition: background 0.2s;
			}

			.org-card:hover {
				background: #041526;
			}

			.org-role {
				font-size: 9px;
				letter-spacing: 0.18em;
				text-transform: uppercase;
				color: #3fda66;
				margin-bottom: 16px;
			}

			.org-name {
				font-size: 18px;
				font-weight: 400;
				color: #e0f7ff;
				margin-bottom: 8px;
				line-height: 1.3;
			}

			.org-name-cn {
				font-size: 13px;
				font-style: italic;
				color: #3fda66;
			}

			/* ── FOOTER ── */
			footer {
				background: #030d18;
				border-top: 0.5px solid rgba(0, 180, 216, 0.12);
				padding: 60px 40px 40px;
				display: grid;
				grid-template-columns: 2fr 1fr 1fr;
				gap: 60px;
			}

			.footer-brand {
				font-size: 20px;
				font-weight: 300;
				color: #e0f7ff;
				margin-bottom: 12px;
			}

			.footer-tagline {
				font-size: 13px;
				color: #3fda66;
				line-height: 1.7;
			}

			.footer-col-title {
				/* font-family: 'DM Mono', monospace; */
				font-size: 9px;
				letter-spacing: 0.18em;
				text-transform: uppercase;
				color: #3fda66;
				margin-bottom: 20px;
			}

			.footer-links {
				list-style: none;
				display: flex;
				flex-direction: column;
				gap: 10px;
			}

			.footer-links a {
				font-size: 13px;
				color: #3fda66;
				text-decoration: none;
				transition: color 0.2s;
			}

			.footer-links a:hover {
				color: #5ce1f0;
			}

			.footer-bottom {
				background: #020c14;
				border-top: 0.5px solid rgba(63, 218, 102, 0.08);
				padding: 20px 40px;
				display: flex;
				justify-content: space-between;
				align-items: center;
			}

			.footer-copy {
				font-size: 10px;
				letter-spacing: 0.1em;
				color: #3fda66;
			}

			/* ── DIVIDER ── */
			.divider {
				width: 100%;
				height: 0.5px;
				background: var(--border);
			}

			/* ── SCROLL FADE ── */
			.fade-in {
				opacity: 0;
				transform: translateY(20px);
				transition: opacity 0.7s ease, transform 0.7s ease;
			}

			.fade-in.visible {
				opacity: 1;
				transform: translateY(0);
			}

			/* ── TICKER ── */
			.ticker-wrap {
				background: #020c14;
				overflow: hidden;
				height: 36px;
				border-bottom: 0.5px solid rgba(0, 180, 216, 0.1);
				display: flex;
				align-items: center;
			}

			.ticker-track {
				display: flex;
				animation: ticker 30s linear infinite;
				white-space: nowrap;
			}

			.ticker-item {
				font-size: 10px;
				letter-spacing: 0.15em;
				text-transform: uppercase;
				color: rgba(255, 255, 255, 0.7);
				padding: 0 48px;
				flex-shrink: 0;
			}

			.ticker-sep {
				color: rgba(255, 255, 255, 0.3);
				padding: 0 8px;
			}

			.organizers {
				padding: 100px 40px
			}

			@keyframes ticker {
				from {
					transform: translateX(0);
				}

				to {
					transform: translateX(-50%);
				}
			}
			.pcshow{
				display: block;
			}
			.webshow{
				display: none;
			}

			/* ── RESPONSIVE ── */
			@media (max-width: 900px) {
				.pcshow{
					display: none;
				}
				.webshow{
					display: block;
				}
				.footer-bottom{
					flex-wrap: wrap;
				}
				.footer-copy{
					width: 100%;
					display: block;
					margin-bottom: 10px;
				}
				.organizers {
					padding: 50px 20px
				}

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

				.hero-right {
					min-height: 400px;
				}

				.hero-year {
					font-size: 120px;
				}

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

				.program-tracks {
					grid-template-columns: 1fr;
				}

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

				.exhibition-items {
					grid-template-columns: 1fr;
				}

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

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

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

				nav {
					padding: 0 20px;
				}

				.nav-links {
					display: none;
				}

				section {
					padding: 60px 20px;
				}

				.hero-left {
					padding: 60px 20px;
				}

				.hero-right {
					padding: 40px 20px;
				}

				.partner-logo-cell.dark-bg {
					max-width: 100% !important
				}
			}

			/* BILINGUAL */
			.bi-label {
				display: flex;
				flex-direction: column;
				gap: 2px;
			}

			.bi-cn {
				font-size: 13px;
				line-height: 1.4;
			}

			.bi-en {
				font-size: 10px;
				letter-spacing: 0.12em;
				text-transform: uppercase;
				opacity: 0.55;
			}

			.section-title-bi {
				display: flex;
				flex-direction: column;
				gap: 4px;
			}

			.section-title-bi .cn {
				font-size: clamp(22px, 2.5vw, 34px);
				font-weight: 300;
				color: var(--ink);
			}

			.section-title-bi .en {
				font-size: clamp(28px, 3vw, 44px);
				font-weight: 300;
				color: var(--ink);
				letter-spacing: 0.01em;
			}

			.theme-interpretation {
				padding: 60px 40px;
				background: #1a1a18;
				border-top: 0.5px solid rgba(245, 243, 238, 0.08);
				position: relative;
				overflow: hidden;
			}

			.theme-interp-inner {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 48px;
				max-width: 1200px;
			}

			.theme-interp-text {
				font-size: 14px;
				line-height: 1.9;
			}

			.theme-interp-text.cn {
				color: rgba(220, 245, 255, 0.9);
				font-size: 14px;
			}

			.theme-interp-text.en {
				color: #3fda66;
				font-size: 13px;
			}

			@media(max-width:900px) {
				.theme-interp-inner {
					grid-template-columns: 1fr;
				}
			}


			.speakers-section {
				background: var(--paper);
				padding: 100px 40px 0;
				border-top: 0.5px solid var(--border);
			}

			.speakers-grid {
				display: grid;
				gap: 1px;
				background: var(--border);
				margin-bottom: 48px;
			}

			.speaker-card {
				background: var(--paper);
				padding: 36px 28px;
				transition: background 0.2s;
				display: flex;
				flex-direction: column;
			}

			.speaker-card:hover {
				background: var(--paper-warm);
			}

			.speaker-avatar {
				width: 72px;
				height: 72px;
				border-radius: 50%;
				background: #030d18;
				border: 1px solid rgba(0, 180, 216, 0.3);
				display: flex;
				align-items: center;
				justify-content: center;
				margin-bottom: 20px;
				overflow: hidden;
			}

			.speaker-avatar.tbd {
				background: var(--paper-warm);
				border: 1px dashed var(--border-strong);
			}

			.speaker-type {
				font-size: 9px;
				letter-spacing: 0.2em;
				text-transform: uppercase;
				color: var(--accent);
				margin-bottom: 12px;
			}

			.speaker-name-en {
				font-size: 24px;
				font-weight: 400;
				color: var(--ink);
				line-height: 1.15;
				margin-bottom: 2px;
			}

			.speaker-name-cn {
				font-size: 18px;
				font-style: italic;
				color: var(--ink-muted);
				margin-bottom: 14px;
			}

			.speaker-role {
				font-size: 12px;
				color: var(--ink-muted);
				line-height: 1.65;
				margin-bottom: 16px;
				padding-bottom: 16px;
				border-bottom: 0.5px solid var(--border);
			}

			.speaker-bio-cn {
				font-size: 13px;
				color: var(--ink);
				line-height: 1.85;
				margin-bottom: 12px;
			}

			.speaker-bio-en {
				font-size: 12px;
				color: var(--ink-faint);
				line-height: 1.8;
				flex: 1;
			}

			.speaker-tbd-label {
				font-size: 11px;
				letter-spacing: 0.15em;
				color: var(--ink-faint);
				margin-top: 12px;
			}

			/* PARTNERS */
			.partners-section {
				padding: 80px 40px;
				background: var(--paper-warm);
				border-top: 0.5px solid var(--border);
			}

			.partners-category {
				margin-bottom: 48px;
			}

			.partners-category-label {
				font-size: 10px;
				letter-spacing: 0.2em;
				text-transform: uppercase;
				color: var(--ink-faint);
				margin-bottom: 20px;
				padding-bottom: 12px;
				border-bottom: 0.5px solid var(--border);
			}

			.partners-logos {
				display: flex;
				flex-wrap: wrap;
				gap: 1px;
				background: var(--border);
			}

			.partner-logo-cell {
				background: var(--paper);
				display: flex;
				align-items: center;
				justify-content: center;
				padding: 20px 32px;
				height: 90px;
				flex: 1;
				min-width: 140px;
				transition: background 0.2s;
			}

			.partner-logo-cell:hover {
				background: white;
			}

			.partner-logo-cell img {
				max-height: 70px;
				max-width: 150px;
				width: auto;
				height: auto;
				transition: 0.3s;
				/* object-fit: contain; filter: grayscale(100%) contrast(0.75); opacity: 0.65; transition: filter 0.3s, opacity 0.3s; */
			}

			.partner-logo-cell:hover img {
				filter: none;
				opacity: 1;
				transform: scale(1.2);
			}

			.partner-logo-cell.dark-bg {
				background: #fff;
			}

			/* .partner-logo-cell.dark-bg:hover { background: #1c1c18; } */
			.partner-logo-cell.dark-bg img {
				/* filter: grayscale(100%) brightness(2.5); 
  opacity: 0.7;*/
			}

			.partner-logo-cell.dark-bg:hover img {
				filter: none;
				opacity: 1;
			}
			.pcTable {
				display: flex;
				gap: 30px;
			}
			.pcTable>div{
				flex: 1
			}
			
			.webTable {
				display: none;
			}
			.logos{
				height:40px
			}

			@media (max-width: 900px) {
				.speakers-grid {
					grid-template-columns: 1fr !important;
				}

				.speakers-section {
					padding: 50px 20px 0
				}

				.partners-logos {
					flex-direction: column;
				}

				#exhibitions .section-title {
					width: 50%;
					flex-shrink: 0;
				}

				#exhibitions .section-subtitle {
					width: 35%;
					flex-shrink: 0;
				}

				.pcTable {
					flex-wrap:wrap
				}

				.webTable {
					display: none;
				}
				.agenda-time{
					width:20%	
				}
				.agenda-type{
					width:25%
				}
				.agenda-table td{
					padding:10px
				}
			}

/* =========================================================
   CGS 2026 — VISUAL SYSTEM REFRESH
   Source Han Sans / neutral UI / controlled green accent
   ========================================================= */
:root {
	--ink: #111211;
	--ink-muted: #646762;
	--ink-faint: #969994;
	--paper: #ffffff;
	--paper-warm: #ffffff;
	--accent: #3fda66;
	--accent-light: rgba(63, 218, 102, 0.10);
	--gold: #3fda66;
	--border: rgba(17, 18, 17, 0.12);
	--border-strong: rgba(17, 18, 17, 0.28);
	--black: #080908;
	--nav-h: 64px;
}

/* =========================================================
   2026-08-21 CONTENT AND PARTNER REFINEMENTS
   ========================================================= */
.ticker-wrap {
	border-bottom: 0 !important;
}

.nav-links a {
	white-space: nowrap;
}

@media (min-width: 901px) {
	.speakers-grid[style*="repeat(3,1fr)"] .speaker-role {
		height: 112px;
	}
}

.organizers .section-title,
.partners-section .section-title {
	width: 100% !important;
}

.organizers .section-title em,
.partners-section .section-title em {
	display: inline-block !important;
	margin: 0 0 0 10px !important;
}

.partners-section,
.partners-logos,
.partner-logo-cell,
.partner-logo-cell.dark-bg,
.partner-logo-cell:hover,
.partner-logo-cell.dark-bg:hover {
	background: #ffffff !important;
}

.partners-logos {
	gap: 0 !important;
	border-top: 1px solid var(--border);
	border-left: 1px solid var(--border);
}

.partner-logo-cell,
.partner-logo-cell.dark-bg {
	overflow: hidden;
	border-right: 1px solid var(--border);
	border-bottom: 1px solid var(--border);
	transition: none !important;
}

.partner-logo-cell img,
.partner-logo-cell:hover img,
.partner-logo-cell.dark-bg img,
.partner-logo-cell.dark-bg:hover img {
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain;
	filter: none !important;
	opacity: 1 !important;
	transform: none !important;
	transition: none !important;
}

.partner-logo-cell img[src^="data:image"] {
	filter: none !important;
}

.footer-brand,
.footer-tagline,
.footer-col-title,
.footer-links a,
.footer-links a:hover,
.footer-copy {
	color: var(--accent) !important;
}

html { background: var(--black); }

body,
body * {
	font-family: "Source Han Sans SC", "Noto Sans CJK SC", "Noto Sans SC", sans-serif !important;
}

body {
	background: var(--paper);
	color: var(--ink);
	font-weight: 400;
	letter-spacing: 0;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

nav {
	height: var(--nav-h);
	padding: 0 clamp(20px, 3.5vw, 56px);
	background: rgba(8, 9, 8, 0.88);
	border-bottom-color: rgba(255, 255, 255, 0.12);
	backdrop-filter: blur(18px) saturate(120%);
	-webkit-backdrop-filter: blur(18px) saturate(120%);
}

.nav-logo { color: rgba(255, 255, 255, 0.62); }
.nav-logo strong { color: #fff; }
.nav-links a { color: rgba(255, 255, 255, 0.68); }
.nav-links a:hover { color: #fff; }
.nav-cta,
.btn-primary {
	background: var(--accent) !important;
	color: #071008 !important;
	border: 1px solid var(--accent) !important;
	border-radius: 2px !important;
	font-weight: 600 !important;
}
.nav-cta:hover,
.btn-primary:hover {
	background: #fff !important;
	border-color: #fff !important;
	color: var(--black) !important;
}
.logos { filter: grayscale(1) brightness(3); }

.ticker-wrap {
	background: var(--black);
	border-bottom-color: rgba(255, 255, 255, 0.1);
}
.ticker-item { color: rgba(255, 255, 255, 0.52); }

/* Full-screen artwork with a restrained information overlay */
.hero {
	min-height: calc(100svh - var(--nav-h) - 36px);
	display: block;
	position: relative;
	background: var(--black);
}
.hero::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(0,0,0,.42) 0%, rgba(0,0,0,.08) 42%, rgba(0,0,0,0) 70%);
	pointer-events: none;
}
.hero-visual {
	position: absolute;
	inset: 0;
	background-image: url('../images/hero-main-v3.png');
	background-size: cover;
	background-position: right top;
}
.hero-left {
	position: absolute;
	z-index: 2;
	top: clamp(28px, 5vh, 64px);
	left: clamp(24px, 4vw, 64px);
	width: min(480px, calc(100vw - 48px));
	padding: clamp(24px, 3vw, 40px);
	display: block;
	background: rgba(7, 8, 7, 0.64);
	border: 1px solid rgba(255,255,255,.18);
	box-shadow: 0 20px 70px rgba(0,0,0,.28);
	backdrop-filter: blur(16px) saturate(105%);
	-webkit-backdrop-filter: blur(16px) saturate(105%);
}
.hero-right { display: none; }
.hero-kicker {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .14em;
	color: var(--accent);
	margin-bottom: 18px;
}
.hero-subtitle {
	font-size: clamp(20px, 2.1vw, 29px);
	line-height: 1.3;
	font-weight: 600;
	color: #fff;
	margin-bottom: 30px;
}
.hero-subtitle span {
	display: block;
	margin-top: 7px;
	font-size: 12px;
	line-height: 1.55;
	font-weight: 400;
	color: rgba(255,255,255,.58);
}
.hero-meta { gap: 0; margin-bottom: 30px; }
.hero-meta-row {
	display: grid;
	grid-template-columns: 52px 1fr;
	gap: 16px;
	padding: 13px 0;
	border-top: 1px solid rgba(255,255,255,.14);
}
.hero-meta-row:last-child { border-bottom: 1px solid rgba(255,255,255,.14); }
.meta-label { min-width: 0; color: var(--accent); }
.meta-value { color: #fff; font-size: 14px; }
.meta-value small {
	display: block;
	font-size: 11px;
	line-height: 1.5;
	font-weight: 400;
	color: rgba(255,255,255,.52);
	margin-top: 4px;
}
.hero-cta-group { gap: 9px; }
.hero-cta-group .btn-primary,
.hero-cta-group .btn-ghost { padding: 11px 16px; font-size: 12px; }
.hero-cta-group .btn-ghost {
	color: #fff;
	border-color: rgba(255,255,255,.45);
	border-radius: 2px;
}
.hero-cta-group .btn-ghost:hover { background: #fff; color: var(--black); border-color: #fff; }

.quote-panel {
	position: relative;
	padding: clamp(72px, 10vw, 150px) max(24px, calc((100vw - 1400px) / 2));
	background:
		linear-gradient(90deg, rgba(5,7,5,.96), rgba(5,7,5,.82)),
		url('../images/hero-aux-v2.png') center / cover;
	border-top: 1px solid rgba(255,255,255,.1);
}
.quote-panel p { max-width: 900px; }

section {
	padding: clamp(76px, 8vw, 120px) max(24px, calc((100vw - 1400px) / 2));
}
.section-header {
	gap: 24px;
	margin-bottom: clamp(42px, 5vw, 68px);
	padding-bottom: 18px;
	border-bottom: 1px solid var(--border);
}
.section-title {
	font-size: clamp(27px, 3vw, 42px);
	font-weight: 650;
	letter-spacing: -.035em;
}
.section-title em {
	display: inline-block;
	font-size: .48em !important;
	font-weight: 400;
	letter-spacing: .04em;
	color: var(--ink-faint);
	margin-left: 10px;
}
.section-subtitle { color: var(--ink-faint); }

.about,
#program,
.agenda,
.speakers-section,
#exhibitions,
.submissions { background: #ffffff !important; }
.agenda,
.agenda-table,
.agenda-table tr,
.agenda-table.tableFixed {
	background-color: #ffffff !important;
}
.partners-section { background: var(--paper-warm) !important; }
.track-card,
.speaker-card,
.exhibition-item,
.partner-logo-cell { background: rgba(255,255,255,.7); }
.track-card:hover,
.speaker-card:hover,
.exhibition-item:hover { background: #fff; }
.speaker-avatar {
	background: var(--black);
	border-color: rgba(17,18,17,.18);
}
.track-num,
.exhibition-item-num,
.speaker-type { color: var(--accent); }
.program-tracks,
.speakers-grid,
.exhibitions-grid,
.exhibition-items,
.partners-logos { background: var(--border); }

.theme-interpretation {
	background: var(--black);
	padding: clamp(76px, 8vw, 120px) max(24px, calc((100vw - 1400px) / 2));
}
.theme-interp-inner { max-width: 1400px; position: relative; z-index: 1; gap: clamp(36px, 6vw, 90px); }
.theme-interp-text.cn { color: rgba(255,255,255,.86); }
.theme-interp-text.en { color: rgba(255,255,255,.48); }

.badge,
.badge-keynote,
.badge-industry,
.badge-academic,
.badge-epic,
.badge-indie,
.badge-all-day {
	background: var(--accent-light);
	color: var(--ink);
}
.exhibition-left,
.organizers,
footer,
.footer-bottom { background: var(--black); }
.exhibition-period,
.exhibition-open,
.organizers .section-num,
.organizers .section-subtitle,
.org-role,
.footer-col-title { color: var(--accent); }
.exhibition-dates,
.organizers .section-title,
.org-name,
.footer-brand { color: #fff; }
.organizers .section-header,
footer,
.footer-bottom { border-color: rgba(255,255,255,.12); }
.org-grid { background: rgba(255,255,255,.14); }
.org-card:hover { background: rgba(255,255,255,.06); }
.org-name-cn,
.footer-tagline,
.footer-links a,
.footer-copy { color: rgba(255,255,255,.52); }
.footer-links a:hover { color: #fff; }

/* Submission system */
.submissions { border-top: 1px solid var(--border); }
.submission-deadline {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	padding: 20px 0;
	margin-top: -32px;
	margin-bottom: 28px;
	border-bottom: 1px solid var(--border-strong);
}
.submission-deadline span { font-size: 11px; letter-spacing: .08em; color: var(--ink-muted); }
.submission-deadline strong {
	display: block;
	font-size: clamp(16px, 1.6vw, 22px);
	font-weight: 600;
	text-align: left;
}
.submissions-grid {
	align-items: start;
	gap: 20px;
	background: transparent;
}
.submission-track {
	padding: clamp(24px, 3vw, 42px);
	background: #fff !important;
	border: 1px solid var(--border);
}
.submission-track-label { color: var(--accent); margin-bottom: 18px; font-weight: 700; }
.submission-track-title { font-size: clamp(26px, 2.4vw, 36px); font-weight: 650; letter-spacing: -.025em; }
.submission-track-title small { display: block; margin-top: 6px; font-size: .45em; font-weight: 400; color: var(--ink-muted); }
.submission-track-body { color: var(--ink); line-height: 1.8; }
.submission-track-body > span { display: block; margin-top: 12px; font-size: 12px; line-height: 1.7; color: var(--ink-muted); }
.submission-detail { border-top: 1px solid var(--border); }
.submission-detail:last-of-type { border-bottom: 1px solid var(--border); }
.submission-detail summary {
	position: relative;
	list-style: none;
	cursor: pointer;
	padding: 18px 38px 18px 0;
	font-size: 14px;
	font-weight: 600;
	color: var(--ink);
}
.submission-detail summary::-webkit-details-marker { display: none; }
.submission-detail summary span { margin-left: 8px; font-size: 11px; font-weight: 400; color: var(--ink-muted); }
.submission-detail summary::after {
	content: "+";
	position: absolute;
	right: 2px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
	font-weight: 300;
	color: var(--accent);
}
.submission-detail[open] summary::after { content: "−"; }
.detail-content {
	padding: 24px;
	margin-bottom: 16px;
	background: #ffffff;
	color: var(--ink-muted);
}
.detail-content h4 { margin: 0 0 8px; font-size: 14px; font-weight: 650; color: var(--ink); }
.detail-content h4:not(:first-child) { margin-top: 26px; }
.detail-content h4 span { font-size: 11px; font-weight: 400; color: var(--ink-muted); margin-left: 5px; }
.detail-content p,
.detail-content li { font-size: 12px; line-height: 1.8; }
.detail-content ul { padding-left: 18px; }
.topics-list { columns: 2; column-gap: 24px; }
.detail-content a { color: var(--ink); text-decoration-color: var(--accent); text-underline-offset: 3px; }
.detail-content .notice { margin-top: 20px; padding-left: 12px; border-left: 2px solid var(--accent); color: var(--ink); }
.resource-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.resource-links a { padding: 9px 12px; border: 1px solid rgba(63,218,102,.52); text-decoration: none; background: rgba(255,255,255,.5); }
.submission-button { margin-top: 28px; padding: 12px 20px; font-size: 12px; }
.submission-footer { margin-top: 20px; padding: clamp(24px, 3vw, 40px); background: var(--black); color: #fff; }
.submission-timeline { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; background: rgba(255,255,255,.16); margin-bottom: 28px; }
.submission-timeline div { padding: 18px; background: var(--black); }
.submission-timeline span { display: block; margin-bottom: 6px; font-size: 10px; color: var(--accent); }
.submission-timeline strong { display: block; font-size: 14px; font-weight: 500; }
.submission-footer > p { max-width: 1050px; font-size: 11px; line-height: 1.8; color: rgba(255,255,255,.5); }

@media (max-width: 900px) {
	:root { --nav-h: 56px; }
	nav { padding: 0 18px; }
	.nav-logo { font-size: 0; padding-left: 8px !important; }
	.nav-logo strong { font-size: 13px; }
	.logos { height: 34px; }
	.ticker-wrap { height: 30px; }
	.ticker-item { font-size: 9px; padding: 0 28px; }
	.hero {
		min-height: 0;
		display: flex;
		flex-direction: column;
		background: var(--black);
	}
	.hero::after { display: none; }
	.hero-visual {
		position: relative;
		inset: auto;
		height: clamp(190px, 49vw, 330px);
		flex: 0 0 auto;
		background-size: cover;
		background-position: right top;
	}
	.hero-left {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		padding: 30px 20px 34px;
		background: var(--black);
		border: 0;
		border-top: 1px solid rgba(255,255,255,.12);
		box-shadow: none;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
	}
	.hero-subtitle { font-size: 22px; margin-bottom: 24px; }
	.hero-meta { margin-bottom: 24px; }
	.hero-cta-group { display: grid; grid-template-columns: 1fr 1fr; }
	.hero-cta-group a { text-align: center; }
	.quote-panel { padding: 72px 20px; }
	section,
	.theme-interpretation { padding: 64px 20px; }
	.section-header { display: block; margin-bottom: 40px; }
	.section-title { width: 100% !important; }
	.section-title em { display: block; margin: 8px 0 0; }
	.section-subtitle { display: block; margin: 14px 0 0; line-height: 1.6; }
	.submission-deadline { display: block; margin-top: -18px; }
	.submission-deadline strong { display: block; margin-top: 8px; }
	.submissions-grid { grid-template-columns: 1fr; }
	.submission-track { padding: 24px 18px; }
	.topics-list { columns: 1; }
	.detail-content { padding: 20px 16px; }
	.submission-timeline { grid-template-columns: 1fr 1fr; }
	.submission-timeline div { min-height: 82px; }
	.pcTable { display: none; }
	.webTable { display: block; }
	.agenda-table.tableFixed { display: flex; }
	footer { padding: 56px 20px 36px; }
	.footer-bottom { padding: 18px 20px; }
}

@media (max-width: 520px) {
	.hero-visual { height: 48vw; min-height: 176px; }
	.hero-cta-group { grid-template-columns: 1fr; }
	.hero-cta-group .btn-primary,
	.hero-cta-group .btn-ghost { width: 100%; }
	.submission-timeline { grid-template-columns: 1fr; }
	.resource-links { display: grid; }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.ticker-track { animation: none; }
	.fade-in { opacity: 1; transform: none; transition: none; }
}

/* =========================================================
   CGS 2026 — BLACK CANVAS / HOVER HERO
   ========================================================= */
:root {
	--ink: #f4f5f2;
	--ink-muted: #a8aca7;
	--ink-faint: #747a74;
	--paper: #080908;
	--paper-warm: #080908;
	--accent-light: rgba(63, 218, 102, 0.12);
	--border: rgba(255, 255, 255, 0.14);
	--border-strong: rgba(255, 255, 255, 0.28);
	--black: #080908;
}

html,
body {
	background: var(--black) !important;
	color: var(--ink);
}

.about,
#program,
.agenda,
.speakers-section,
#exhibitions,
.submissions,
.partners-section,
.agenda-table,
.agenda-table.tableFixed,
.agenda-table tr,
.agenda-table td,
.track-card,
.speaker-card,
.speaker-card:hover,
.speaker-avatar,
.speaker-avatar.tbd,
.exhibition-item,
.exhibition-item:hover,
.partner-logo-cell,
.partner-logo-cell.dark-bg,
.partner-logo-cell:hover,
.partner-logo-cell.dark-bg:hover,
.submission-track,
.detail-content,
.submission-timeline div {
	background: var(--black) !important;
}

.program-tracks,
.speakers-grid,
.exhibitions-grid,
.exhibition-items,
.partners-logos,
.org-grid,
.submissions-grid,
.submission-timeline {
	background-color: transparent !important;
}

.hero-right,
.resource-links a {
	background-color: var(--black) !important;
}

.track-divider {
	background-color: rgba(63, 218, 102, .28) !important;
}

.hero {
	margin-top: var(--nav-h);
	min-height: calc(100svh - var(--nav-h));
}

.hero::after {
	display: none !important;
}

.hero-left {
	top: auto;
	bottom: clamp(28px, 5vh, 56px);
	left: 50%;
	width: max-content;
	max-width: calc(100vw - 40px);
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	opacity: 0;
	transform: translate(-50%, 14px);
	pointer-events: none;
	transition: opacity .28s ease, transform .28s ease;
}

.hero-left > .hero-kicker,
.hero-left > .hero-subtitle,
.hero-left > .hero-meta {
	display: none !important;
}

.hero:hover .hero-left,
.hero:focus-within .hero-left {
	opacity: 1;
	transform: translate(-50%, 0);
}

.hero-cta-group {
	display: flex;
	justify-content: center;
	gap: 10px;
	pointer-events: auto;
}

.hero-cta-group .btn-primary,
.hero-cta-group .btn-ghost {
	min-width: 190px;
	padding: 13px 20px;
	text-align: center;
	background: rgba(8, 9, 8, .82);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.hero-cta-group .btn-primary {
	background: var(--accent) !important;
}

.partners-logos {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 0 !important;
	border: 0 !important;
}

.partner-logo-cell,
.partner-logo-cell.dark-bg {
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	height: 140px !important;
	padding: 28px !important;
	border: 1px solid var(--border) !important;
	margin: -1px 0 0 -1px;
}

.partner-logo-cell img,
.partner-logo-cell:hover img,
.partner-logo-cell.dark-bg img,
.partner-logo-cell.dark-bg:hover img {
	width: 180px !important;
	height: 72px !important;
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain !important;
	filter: grayscale(1) brightness(0) invert(1) !important;
	opacity: .88 !important;
	transform: none !important;
	transition: none !important;
}

@media (max-width: 900px) {
	.hero {
		margin-top: var(--nav-h);
		min-height: 0;
	}

	.hero-visual {
		height: auto;
		min-height: 0;
		aspect-ratio: 10620 / 4486;
		background-size: cover;
		background-position: right top;
	}

	.hero-left,
	.hero:hover .hero-left,
	.hero:focus-within .hero-left {
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		width: 100%;
		max-width: none;
		padding: 24px 20px 30px;
		background: var(--black);
		border: 0;
		opacity: 1;
		transform: none;
		pointer-events: auto;
	}

	.hero-cta-group {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.hero-cta-group .btn-primary,
	.hero-cta-group .btn-ghost {
		min-width: 0;
	}

	.partners-logos {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.partner-logo-cell,
	.partner-logo-cell.dark-bg {
		height: 112px !important;
		padding: 22px !important;
	}
}

/* =========================================================
   GREEN NAVIGATION AND SECTION TITLES
   ========================================================= */
nav {
	border-bottom: 0 !important;
}

.logos {
	filter: brightness(0) saturate(100%) invert(75%) sepia(62%) saturate(637%) hue-rotate(80deg) brightness(92%) contrast(88%) !important;
}

.nav-logo,
.nav-logo strong,
.nav-links a,
.nav-links a:hover {
	color: var(--accent) !important;
}

.nav-links .nav-cta,
.nav-links .nav-cta:hover {
	color: var(--black) !important;
}

.section-title,
.organizers .section-title,
.partners-section .section-title {
	color: var(--accent) !important;
}

.section-title em,
.organizers .section-title em,
.partners-section .section-title em {
	color: inherit !important;
}

.wuhu-logo-old {
	display: none !important;
}

.partner-logo-cell.dark-bg img.wuhu-logo-new,
.partner-logo-cell.dark-bg:hover img.wuhu-logo-new {
  filter: none !important;
  opacity: 1 !important;
}

/* =========================================================
   READING MEASURE / GRAPHIK / SPEAKER PORTRAIT
   ========================================================= */
@font-face {
	font-family: "Graphik";
	src: local("Graphik Regular"), local("Graphik-Regular"), local("Graphik");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: "Graphik";
	src: local("Graphik Medium"), local("Graphik-Medium");
	font-style: normal;
	font-weight: 500;
	font-display: swap;
}

@font-face {
	font-family: "Graphik";
	src: local("Graphik Semibold"), local("Graphik-Semibold");
	font-style: normal;
	font-weight: 600;
	font-display: swap;
}

@font-face {
	font-family: "Graphik";
	src: local("Graphik Bold"), local("Graphik-Bold");
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}

body,
body * {
	font-family: "Graphik", "Source Han Sans SC", "Noto Sans CJK SC", "Noto Sans SC", sans-serif !important;
}

/* Long-form copy stays near 30–35 CJK glyphs or 45–70 Latin characters per line. */
.about-body,
.submission-track-body,
.detail-content p,
.detail-content ul:not(.topics-list),
.detail-content ol,
.submission-footer > p,
#agenda .section-subtitle,
.footer-tagline {
	max-inline-size: 32em;
}

.theme-interp-text.cn {
	max-inline-size: 32em;
}

.theme-interp-text.en {
	max-inline-size: 56ch;
}

.about-body,
.theme-interp-text,
.submission-track-body,
.detail-content p,
.detail-content li,
.submission-footer > p,
.speaker-bio-cn,
.speaker-bio-en,
.track-body,
#agenda .section-subtitle {
	line-height: 1.7 !important;
}

#agenda .section-subtitle {
	margin-left: 0;
	text-transform: none;
}

.about-body p {
	font-size: clamp(15px, 1.2vw, 17px) !important;
}

.theme-interp-text.cn,
.theme-interp-text.en {
	font-size: clamp(15px, 1.15vw, 17px) !important;
}

.track-body > span:first-child {
	font-size: 14px !important;
}

.track-body > span:last-child,
.speaker-bio-en,
.submission-track-body > span {
	font-size: 13px !important;
}

.speaker-bio-cn,
.detail-content p,
.detail-content li {
	font-size: 14px !important;
}

.submission-track-body {
	font-size: 15px !important;
}

#agenda .section-subtitle {
	font-size: 13px !important;
}

.speaker-avatar.speaker-avatar-photo {
	width: 112px;
	height: 112px;
	border-radius: 0;
	background: transparent !important;
	border: 0;
	overflow: visible;
}

.speakers-grid[style*="repeat(3,1fr)"] .speaker-avatar {
	width: 112px;
	height: 112px;
	flex: 0 0 112px;
}

.speakers-grid[style*="repeat(3,1fr)"] .speaker-avatar:not(.speaker-avatar-photo) svg {
	width: 72px;
	height: 72px;
}

.speaker-avatar-photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* About: two readable language columns after removing the slogan block. */
.about-copy-grid {
	display: grid;
	grid-template-columns: minmax(0, 32em) minmax(0, 56ch);
	justify-content: space-between;
	align-items: start;
	gap: clamp(40px, 7vw, 108px);
}

.about-copy-grid .about-body {
	width: 100%;
}

.about-body-cn {
	max-inline-size: 32em;
}

.about-body-en {
	max-inline-size: 56ch;
}

.about-copy-grid .about-body p {
	margin-top: 0 !important;
}

.about-copy-grid .about-body p + p {
	margin-top: 18px !important;
}

/* Speaker imagery follows the exact text column width and remains square. */
.speakers-grid[style*="repeat(3,1fr)"] .speaker-avatar,
.speaker-avatar.speaker-avatar-photo {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	max-width: 100%;
	flex: none;
	border-radius: 0;
}

.speaker-avatar.speaker-avatar-photo {
	overflow: hidden;
}

.speaker-avatar-photo img {
	object-fit: contain;
}

/* Keep every keynote image in the same half-width square slot. */
.speakers-grid[style*="repeat(3,1fr)"] .speaker-avatar {
	width: 50%;
	max-width: 50%;
	align-self: flex-start;
	border: 0.5px solid var(--accent) !important;
}

/* Shared horizontal alignment system for numbered sections 1–9. */
:root {
	--section-gutter: max(40px, calc((100vw - 1400px) / 2));
}

#about,
.theme-interpretation,
#program,
#agenda,
#speakers,
#exhibitions,
#submissions,
#organizers,
#partners {
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	margin-right: 0;
	margin-left: 0;
	padding-right: var(--section-gutter) !important;
	padding-left: var(--section-gutter) !important;
}

/* Remove the hairline edges between all numbered section canvases. */
#about,
.theme-interpretation,
#program,
#agenda,
#speakers,
#exhibitions,
#submissions,
#organizers,
#partners {
	border-top: 0 !important;
	border-right: 0 !important;
	border-bottom: 0 !important;
	border-left: 0 !important;
}

/* Notes use the same conventional marker in Chinese and English. */
.submission-footer > p::before,
.submission-footer-en::before {
	content: "* ";
	color: var(--accent);
}

/* Category labels stay typographic; logo cells provide the structure. */
.partners-category-label {
	padding-bottom: 0 !important;
	border-bottom: 0 !important;
}

/* Let spacing and background shifts separate the major sections. */
.section-header,
.quote-panel,
.submissions {
	border-top: 0 !important;
	border-bottom: 0 !important;
}

/* Navigation identity stays neutral white against the black header. */
nav .logos {
	filter: grayscale(1) brightness(4) !important;
}

nav .nav-logo,
nav .nav-logo strong {
	color: #ffffff !important;
}

/* Bilingual submission content. */
.submission-deadline strong small,
.submission-timeline strong small,
.submission-footer-en,
.detail-content .detail-en,
.detail-content li > span {
	display: block;
	margin-top: 5px;
	font-size: 0.88em;
	font-weight: 400;
	font-style: normal;
	line-height: 1.65;
	color: var(--ink-muted);
}

.submission-deadline strong small {
	font-size: 0.62em;
}

.submission-footer-en {
	margin-top: 10px;
	color: rgba(255, 255, 255, 0.56);
}

.detail-content li {
	break-inside: avoid;
	margin-bottom: 10px;
}

.topics-list li > span {
	margin-top: 2px;
}

.submission-timeline span {
	line-height: 1.45;
}

@media (max-width: 900px) {
	:root {
		--section-gutter: 24px;
	}

	.about-copy-grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.about-body-cn,
	.about-body-en {
		max-inline-size: 100%;
	}

	.about-body,
	.theme-interp-text.cn,
	.theme-interp-text.en,
	.submission-track-body,
	.detail-content p,
	.detail-content ul:not(.topics-list),
	.detail-content ol,
	.submission-footer > p,
	#agenda .section-subtitle,
	.footer-tagline {
		max-inline-size: 100%;
	}

	.speakers-grid[style*="repeat(3,1fr)"] .speaker-avatar {
		width: min(50%, 220px);
		max-width: min(50%, 220px);
	}
}

@media (max-width: 520px) {
	:root {
		--section-gutter: 20px;
	}

	.hero-visual {
		height: auto;
		min-height: 0;
	}

	.hero-cta-group {
		grid-template-columns: 1fr;
	}

	.partners-logos {
		grid-template-columns: 1fr;
	}
}

/* =========================================================
   INTERACTIVE HERO — background / green brush / icons / type
   ========================================================= */
.hero-dynamic {
	position: absolute;
	inset: 0;
	overflow: hidden;
	isolation: isolate;
	background: #000 !important;
	touch-action: pan-y;
}

.hero-dynamic-bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: right center;
	user-select: none;
	pointer-events: none;
}

.hero-p5-layer {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
}

.hero-p5-layer canvas {
	display: block;
	width: 100% !important;
	height: 100% !important;
}

.hero-type-layer {
	position: absolute;
	inset: 0;
	z-index: 3;
	overflow: hidden;
	pointer-events: none;
}

.hero-type-panel {
	position: absolute;
	inset: 0;
	overflow: hidden;
	will-change: transform;
}

.hero-type-panel-left {
	clip-path: inset(0 50% 0 0);
}

.hero-type-panel-right {
	clip-path: inset(0 0 0 50%);
}

.hero-type-image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	user-select: none;
	pointer-events: none;
}

.hero-type-exclusion {
	position: absolute;
	display: block;
	pointer-events: none;
}

.exclusion-location { left: 23%; top: 1%; width: 30%; height: 30%; }
.exclusion-event { left: 0; top: 33%; width: 37%; height: 29%; }
.exclusion-left-theme { left: 0; top: 62%; width: 33%; height: 38%; }
.exclusion-right-theme { left: 61%; top: 0; width: 39%; height: 44%; }
.exclusion-campus { left: 61%; top: 43%; width: 39%; height: 36%; }
.exclusion-right-footer { left: 50%; top: 76%; width: 50%; height: 24%; }

.hero-left {
	z-index: 6;
}

@media (max-width: 900px) {
	.hero {
		display: flex;
		flex-direction: column;
	}

	.hero-dynamic {
		position: relative !important;
		inset: auto !important;
		width: 100%;
		height: min(72svh, 720px) !important;
		min-height: 520px !important;
		aspect-ratio: auto !important;
		flex: 0 0 auto;
	}

	.hero-dynamic-bg {
		object-position: right center;
	}

	.hero-type-image {
		object-fit: contain;
		object-position: center;
	}

	.hero-type-panel-left {
		transform: none;
		transform-origin: left center;
	}

	.hero-type-panel-right {
		transform: none;
		transform-origin: right center;
	}
}

@media (max-width: 520px) {
	.hero-dynamic {
		height: 68svh !important;
		min-height: 500px !important;
	}

	.hero-type-panel-left {
		transform: none;
	}

	.hero-type-panel-right {
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.hero-p5-layer canvas {
		opacity: .9;
	}
}

/* Balance the compact GANG mark against the other media partner logo. */
.partner-logo-cell.media-logo-gang {
	padding: 18px !important;
}

.partner-logo-cell.media-logo-gang img,
.partner-logo-cell.media-logo-gang:hover img {
	width: 250px !important;
	height: 92px !important;
	max-width: calc(100% - 16px) !important;
	max-height: calc(100% - 8px) !important;
	transform: scale(1.65) !important;
}

/* PDF revision 0823: give the horizontal WUHU mark more visual weight. */
.partner-logo-cell.dark-bg img.wuhu-logo-new,
.partner-logo-cell.dark-bg:hover img.wuhu-logo-new {
	width: 250px !important;
	height: 92px !important;
	max-width: calc(100% - 12px) !important;
	max-height: calc(100% - 8px) !important;
	transform: scale(1.18) !important;
}

/* =========================================================
   2026-08-25 — bilingual grid and PDF content refinements
   ========================================================= */

/* Preserve the supplied line breaks and image proportions in the hero. */
.quote-copy {
	width: 100%;
	max-width: none;
}

.quote-cn {
	font-size: min(4vw, 58px) !important;
	line-height: 1.18 !important;
	letter-spacing: -0.04em;
}

.quote-cn span {
	display: block;
	white-space: nowrap;
}

.quote-en {
	margin-top: clamp(16px, 2.4vw, 34px) !important;
	font-size: min(1.7vw, 24px) !important;
	line-height: 1.35 !important;
	white-space: nowrap;
	text-align: left !important;
}

/* Every numbered section uses one common outer grid. */
.about-copy-grid,
.theme-interp-inner {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	width: 100%;
	max-width: none !important;
	gap: clamp(32px, 5vw, 80px) !important;
}

.about-copy-grid .about-body,
.about-body-cn,
.about-body-en,
.theme-interp-text.cn,
.theme-interp-text.en {
	width: 100%;
	max-inline-size: none !important;
}

/* Chinese body copy is justified with a ragged final line. */
.about-body-cn p,
.theme-interp-text.cn,
.track-body > span:first-child,
.speaker-role,
.speaker-bio-cn,
.speaker-roster-list article p,
.submission-track-body,
.detail-content p,
.detail-content li,
.exhibition-item-address,
.org-name,
.org-committee-row p,
.submission-footer > p {
	text-align: justify;
	text-align-last: left;
}

/* English copy always remains left aligned. */
[lang="en"],
.about-body-en p,
.theme-interp-text.en,
.track-body > span:last-child,
.speaker-bio-en,
.exhibition-item-sub,
.org-name-cn,
.submission-footer-en {
	text-align: left !important;
	text-align-last: left !important;
}

/* Agenda intro and both language tables share the same column geometry. */
#agenda .section-header {
	display: block;
}

#agenda .section-title {
	width: 100% !important;
}

.agenda-intro {
	width: 100% !important;
	max-width: none !important;
	margin: 28px 0 0 !important;
}

.agenda-intro p {
	width: 100%;
	max-width: none;
	margin: 0;
	text-transform: none;
	text-align: left;
}

.agenda-intro p + p {
	margin-top: 10px;
}

.pcTable {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(28px, 4vw, 64px) !important;
}

.pcTable > div {
	min-width: 0;
}

.agenda-table {
	width: 100%;
	table-layout: fixed;
}

.agenda-table .agenda-time {
	width: 18% !important;
}

.agenda-table .agenda-type {
	width: 28% !important;
}

.agenda-table .agenda-title-cell {
	width: 54% !important;
}

/* Green labels at the requested secondary-heading level. */
.speakers-section > p[style*="font-size:10px"] {
	font-size: 14px !important;
}

.submission-track-label,
.partners-category-label,
.exhibition-item-num {
	font-size: 14px !important;
}

.org-role {
	font-size: clamp(15px, 1.35vw, 20px) !important;
}

/* Newly supplied speaker roster. */
.speaker-roster {
	display: grid;
	gap: clamp(34px, 5vw, 72px);
	margin: 0 0 clamp(64px, 8vw, 110px);
	padding-right: 28px;
	padding-left: 28px;
}

/* Match the roster and its labels to the keynote-card text edge. */
.speaker-section-label {
	box-sizing: border-box;
	padding-right: 28px;
	padding-left: 28px;
}

/* Two remaining keynote speakers share the row evenly. */
.keynote-speakers-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

/* Preserve the portrait's optical size from the previous three-column version. */
@media (min-width: 901px) {
	.speakers-grid.keynote-speakers-grid .speaker-avatar {
		width: 33.333%;
		max-width: 33.333%;
	}
}

.speaker-roster-group h3 {
	margin: 0 0 22px;
	font-size: clamp(18px, 1.8vw, 27px);
	font-weight: 600;
	color: var(--accent);
}

.speaker-roster-group h3 span {
	display: inline;
	margin-left: 8px;
	font-size: 0.72em;
	font-weight: 500;
}

.speaker-roster-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(24px, 3vw, 46px);
}

.speaker-roster-list article {
	min-width: 0;
}

.featured-speaker-photo {
	display: block;
	width: min(110px, 25vw);
	height: auto;
	aspect-ratio: 1 / 1;
	margin: 0 0 16px;
	object-fit: contain;
	border: 0.5px solid var(--accent);
}

.speaker-roster-list strong {
	display: block;
	margin-bottom: 9px;
	font-size: clamp(17px, 1.4vw, 22px);
	font-weight: 600;
}

.speaker-roster-list article p {
	margin: 0;
	font-size: clamp(13px, 1vw, 15px);
	line-height: 1.65;
	color: var(--ink-muted);
}

.speaker-roster-list article p span {
	display: block;
	margin-top: 5px;
	font-size: 0.9em;
}

/* Exhibition addresses introduced in the revision PDF. */
.exhibition-item-address {
	margin-top: 14px;
	font-size: clamp(12px, 1vw, 14px);
	line-height: 1.55;
	color: var(--ink);
}

.exhibition-item-address span {
	display: block;
	margin-top: 3px;
	color: var(--ink-muted);
}

/* Submission dates and their bilingual notes are deliberately prominent. */
.submission-timeline div {
	padding: clamp(22px, 2.6vw, 36px) !important;
}

.submission-timeline span {
	font-size: clamp(13px, 1.05vw, 16px) !important;
}

.submission-timeline strong {
	font-size: clamp(21px, 2vw, 30px) !important;
}

.submission-footer > p {
	width: 100%;
	max-inline-size: none !important;
}

/* Full organization roster from the revision PDF. */
.org-committee {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(28px, 4vw, 54px) clamp(32px, 5vw, 76px);
	padding: clamp(54px, 7vw, 96px) 32px;
}

.org-committee-row h3 {
	margin: 0 0 12px;
	font-size: clamp(15px, 1.35vw, 20px);
	font-weight: 600;
	color: var(--accent);
}

.org-committee-row h3 span {
	display: inline;
	margin-left: 7px;
	font-size: 0.72em;
}

.org-role {
	font-size: clamp(15px, 1.35vw, 20px);
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: normal;
	text-transform: none;
}

.org-role span {
	display: inline;
	font-size: 0.72em;
}

.org-committee-row p {
	margin: 0;
	font-size: clamp(14px, 1.1vw, 17px);
	line-height: 1.7;
}

.org-committee-row p span {
	display: block;
	margin-top: 5px;
	font-size: 0.88em;
	color: var(--ink-muted);
}

.org-support-units {
	grid-column: 1 / -1;
}

.org-support-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(24px, 4vw, 64px);
}

.org-support-list p {
	min-width: 0;
}

.org-support-list strong {
	display: block;
	margin-bottom: 10px;
	font-size: 0.92em;
	font-weight: 600;
	color: var(--accent);
}

.org-support-list strong span {
	display: inline;
	margin: 0 0 0 6px;
	font-size: 0.82em;
	color: var(--accent);
}

/* IEG and 37 Interactive have a larger intrinsic mark; optically reduce them only. */
.partner-logo-cell img.partner-logo-ieg,
.partner-logo-cell:hover img.partner-logo-ieg {
	width: 132px !important;
	height: 54px !important;
	max-width: 72% !important;
	max-height: 72% !important;
	transform: none !important;
}

.partner-logo-cell img.partner-logo-37,
.partner-logo-cell:hover img.partner-logo-37 {
	width: 138px !important;
	height: 56px !important;
	max-width: 75% !important;
	max-height: 75% !important;
	transform: none !important;
}

/* Desktop hero actions are twice the previous visual scale. */
@media (min-width: 901px) {
	.hero-cta-group .btn-primary,
	.hero-cta-group .btn-ghost {
		min-width: 380px !important;
		padding: 26px 40px !important;
		font-size: 24px !important;
	}
}

@media (max-width: 900px) {
	.about-copy-grid,
	.theme-interp-inner {
		grid-template-columns: 1fr !important;
		gap: 32px !important;
	}

	.keynote-speakers-grid {
		grid-template-columns: 1fr !important;
	}

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

	.speaker-roster-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.org-committee {
		grid-template-columns: 1fr;
	}

	.org-support-list {
		grid-template-columns: 1fr;
	}

	.hero-cta-group .btn-primary,
	.hero-cta-group .btn-ghost {
		min-width: 0 !important;
		padding: 20px 24px !important;
		font-size: clamp(16px, 4vw, 22px) !important;
	}
}

@media (max-width: 520px) {
	.quote-cn {
		font-size: 4vw !important;
	}

	.quote-en {
		font-size: 1.7vw !important;
	}

	.speaker-roster-list {
		grid-template-columns: 1fr;
	}

	.submission-timeline div {
		min-height: 0;
	}
}

/* Partner logo optical normalization.
   The three Tencent marks define the reference envelope. Files whose artwork
   contains unusually generous transparent margins receive a small optical
   compensation, while all original aspect ratios remain untouched. */
#partners .partners-logos .partner-logo-cell img,
#partners .partners-logos .partner-logo-cell:hover img,
#partners .partners-logos .partner-logo-cell img.partner-logo-ieg,
#partners .partners-logos .partner-logo-cell:hover img.partner-logo-ieg,
#partners .partners-logos .partner-logo-cell img.partner-logo-37,
#partners .partners-logos .partner-logo-cell:hover img.partner-logo-37,
#partners .partners-logos .partner-logo-cell.dark-bg img.wuhu-logo-new,
#partners .partners-logos .partner-logo-cell.dark-bg:hover img.wuhu-logo-new,
#partners .partners-logos .partner-logo-cell.media-logo-gang img,
#partners .partners-logos .partner-logo-cell.media-logo-gang:hover img {
	width: 180px !important;
	height: 72px !important;
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain !important;
	transform: none !important;
	transform-origin: center center !important;
}

/* Optical corrections are based on the visible (non-transparent) artwork,
   not the exported PNG canvas. */
#partners .partners-logos .partner-logo-cell img[src$="yxkx.png"],
#partners .partners-logos .partner-logo-cell:hover img[src$="yxkx.png"] {
	transform: scale(1.06) !important;
}

#partners .partners-logos .partner-logo-cell img[src$="leihuo.png"],
#partners .partners-logos .partner-logo-cell:hover img[src$="leihuo.png"] {
	transform: scale(1.06) !important;
}

#partners .partners-logos .partner-logo-cell img[src$="37.png"],
#partners .partners-logos .partner-logo-cell:hover img[src$="37.png"] {
	transform: scale(0.8) !important;
}

#partners .partners-logos .partner-logo-cell img[src$="iqoo-logo-rgb.png"],
#partners .partners-logos .partner-logo-cell:hover img[src$="iqoo-logo-rgb.png"] {
	transform: scale(4) !important;
}

#partners .partners-logos .partner-logo-cell img[src$="cm.png"],
#partners .partners-logos .partner-logo-cell:hover img[src$="cm.png"] {
	transform: scale(1.35) !important;
}

#partners .partners-logos .partner-logo-cell img[src$="sf.png"],
#partners .partners-logos .partner-logo-cell:hover img[src$="sf.png"] {
	transform: scale(1.06) !important;
}

#partners .partners-logos .partner-logo-cell.dark-bg img.wuhu-logo-new[src$="wuhu-logo.png"],
#partners .partners-logos .partner-logo-cell.dark-bg:hover img.wuhu-logo-new[src$="wuhu-logo.png"] {
  transform: scale(1.07) !important;
}

#partners .partners-logos .partner-logo-cell img[src$="gono.png"],
#partners .partners-logos .partner-logo-cell:hover img[src$="gono.png"] {
	transform: scale(0.94) !important;
}

#partners .partners-logos .partner-logo-cell img[src$="kuro-games.png"],
#partners .partners-logos .partner-logo-cell:hover img[src$="kuro-games.png"] {
	transform: scale(1.15) !important;
}

@media (max-width: 520px) {
	#partners .partners-logos .partner-logo-cell img,
	#partners .partners-logos .partner-logo-cell:hover img,
	#partners .partners-logos .partner-logo-cell img.partner-logo-ieg,
	#partners .partners-logos .partner-logo-cell:hover img.partner-logo-ieg,
	#partners .partners-logos .partner-logo-cell img.partner-logo-37,
	#partners .partners-logos .partner-logo-cell:hover img.partner-logo-37,
	#partners .partners-logos .partner-logo-cell.dark-bg img.wuhu-logo-new,
	#partners .partners-logos .partner-logo-cell.dark-bg:hover img.wuhu-logo-new,
	#partners .partners-logos .partner-logo-cell.media-logo-gang img,
	#partners .partners-logos .partner-logo-cell.media-logo-gang:hover img {
		width: 164px !important;
		height: 66px !important;
	}
}

/* 2026-08-26 presentation revisions. */
.track-status {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 0.45em;
	padding: 0.18em 0.55em 0.2em;
	border: 1px solid currentColor;
	font-size: 0.62em;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	vertical-align: 0.16em;
	white-space: nowrap;
}

.track-status-open,
.track-status-connect {
	background: var(--accent);
	border-color: var(--accent);
	color: #050706;
}

.track-status:hover,
.track-status:focus-visible {
	background: var(--accent);
	border-color: var(--accent);
	color: #050706;
}

/* The deadline should read as one information block without a rule below it. */
.submission-deadline {
	border-bottom: 0 !important;
}

/* Keep bilingual agenda labels legible inside the existing grid columns. */
.agenda-table .agenda-type,
.agenda-table .agenda-title-cell {
	overflow-wrap: anywhere;
	word-break: normal;
}

/* Exhibition English category labels match the English venue line. */
.exhibition-item-sub {
	font-size: clamp(12px, 1vw, 14px);
	line-height: 1.55;
	letter-spacing: 0;
	text-transform: none;
	color: var(--ink-muted);
}

/* Match the two speaker hierarchy labels requested in the revision deck. */
.speaker-section-label {
	font-family: inherit !important;
	font-size: clamp(18px, 1.8vw, 27px) !important;
	font-weight: 600 !important;
	letter-spacing: 0 !important;
	line-height: 1.3;
}

@media (min-width: 901px) {
	.submission-timeline span {
		white-space: nowrap;
	}
}