/* Three full-site themes; game canvas geometry and product content stay unchanged. */
html[data-site-theme="enterprise"] {
  --site-bg: #f5f7f8; --site-panel: #fff; --site-text: #20282b; --site-muted: #58676d;
  --site-line: #d8e1e4; --site-accent: #145cc5; --site-accent-2: #08756a;
  --site-nav: rgba(255,255,255,.96); --site-hero: #e5e9eb; --site-radius: 6px;
  --site-shadow: 0 8px 24px rgba(35,48,54,.06);
  --collection-image: url('/assets/themes/enterprise.webp');
  --collection-overlay: linear-gradient(90deg,rgba(247,250,250,.92),rgba(247,250,250,.76) 34%,rgba(247,250,250,.12) 66%,transparent);
  --collection-hero-text: #17282e; --collection-hero-muted: #344d58; --collection-hero-accent: #075d76;
  --collection-nav-text: #20282b; --collection-contact: #edf2f4;
}
html[data-site-theme="capability"] {
  --site-bg: #f2f5f5; --site-panel: #fff; --site-text: #202b30; --site-muted: #556b73;
  --site-line: #d1dce0; --site-accent: #08736d; --site-accent-2: #2461b0;
  --site-nav: rgba(14,21,23,.96); --site-hero: #111719; --site-radius: 2px;
  --site-shadow: none; --collection-image: url('/assets/themes/capability.webp');
  --collection-overlay: linear-gradient(90deg,rgba(6,12,14,.86),rgba(6,12,14,.72) 34%,rgba(6,12,14,.12) 66%,transparent);
  --collection-hero-text: #f3faf9; --collection-hero-muted: #d1e3df; --collection-hero-accent: #8ae8d4;
  --collection-nav-text: #f0f6f4; --collection-contact: #dfece9;
}
html[data-site-theme="dynamic"] {
  color-scheme: dark;
  --site-bg: #0c1112; --site-panel: #141d1e; --site-text: #edf8f5; --site-muted: #acc4c0;
  --site-line: #304442; --site-accent: #73e8cf; --site-accent-2: #ff9c88;
  --site-nav: rgba(10,17,18,.95); --site-hero: #071113; --site-radius: 8px;
  --site-shadow: 0 8px 30px rgba(0,0,0,.12); --collection-image: url('/assets/themes/dynamic.webp');
  --collection-overlay: linear-gradient(90deg,rgba(5,13,14,.91),rgba(5,13,14,.78) 34%,rgba(5,13,14,.18) 66%,transparent);
  --collection-hero-text: #f3fff9; --collection-hero-muted: #c5e6de; --collection-hero-accent: #73e8cf;
  --collection-nav-text: #edf8f5; --collection-contact: #172526;
}
html.site-theme-expanded {
  --text: var(--site-text); --muted: var(--site-muted); --line: var(--site-line);
  --panel: var(--site-panel); --accent: var(--site-accent); --accent-2: var(--site-accent-2);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif;
}
html.site-theme-expanded body {
  color: var(--site-text); background: var(--site-bg); font-family: inherit;
}
html.site-theme-expanded :is(h1,h2,h3,p,a,button,small,span) { letter-spacing: 0; }
html.site-theme-expanded :is(h1,h2,h3) { overflow-wrap: anywhere; }
html.site-theme-expanded .nav {
  background: var(--site-nav); color: var(--collection-nav-text); border-color: var(--site-line);
  box-shadow: none; backdrop-filter: blur(14px);
}
html.site-theme-expanded .nav :is(.brand,.nav-links,.nav-links > a,.nav-product-trigger > a) { color: var(--collection-nav-text); }
html.site-theme-expanded .support-link { border-radius: var(--site-radius); background: transparent; color: inherit; border-color: currentColor; }
html.site-theme-expanded .nav-product-panel {
  position: fixed; left: 50%; top: calc(var(--site-nav-height,58px) + 12px);
  width: min(1160px,calc(100vw - 40px)); grid-template-columns: repeat(4,minmax(0,1fr));
  border-color: var(--site-line); background: var(--site-panel); border-radius: var(--site-radius); box-shadow: var(--site-shadow);
}
html.site-theme-expanded .nav-game-trigger .nav-product-panel { width: min(1160px,calc(100vw - 40px)); grid-template-columns: repeat(2,minmax(0,1fr)); }
html.site-theme-expanded .nav-product-option {
  background: var(--site-bg); color: var(--site-text); border-color: var(--site-line); border-radius: var(--site-radius);
}
html.site-theme-expanded .nav-product-option :is(strong,small) { color: var(--site-text); }
html.site-theme-expanded .nav-product-option small { color: var(--site-muted); }
html.site-theme-expanded .nav-product-option .nav-product-number { background: var(--site-accent); border-radius: 4px; }
html.site-theme-expanded .nav-product-enter { color: var(--site-accent); }
html[data-site-theme="dynamic"] .nav-product-number { color: #0c2520; }
html.site-theme-expanded .collection-hero {
  position: relative; isolation: isolate; width: 100%; height: auto; min-height: 560px; max-height: none;
  display: flex; align-items: center; padding: 76px max(24px,calc((100% - 1160px) / 2));
  background: var(--collection-image) center/cover no-repeat var(--site-hero);
  color: var(--collection-hero-text); border: 0; border-radius: 0; overflow: hidden;
}
html.site-theme-expanded .home-hero { min-height: min(76vh,760px); }
html.site-theme-expanded .collection-hero:not(.home-hero)::before {
  content: ""; position: absolute; inset: 0; z-index: -1; background: var(--collection-overlay); pointer-events: none;
}
html.site-theme-expanded .rebuilt-hero::after { display: none; }
html.site-theme-expanded :is(.hero-media,.feature-detail-media) { display: none; }
html.site-theme-expanded .hero-overlay { display: none; }
html.site-theme-expanded .home-hero-media img,
html.site-theme-expanded .home-hero-media video { filter: none; opacity: 1; transform: none; object-position: center; }
html.site-theme-expanded .home-hero-overlay { background: var(--collection-overlay); }
html.site-theme-expanded :is(.home-brand-lockup,.rebuilt-hero-copy,.itsm-hero-copy,.hero-content,.feature-detail-copy,.about-hero-copy,.naigou-detail-copy) {
  position: relative; z-index: 3; width: min(760px,100%); max-width: 760px; margin: 0; padding: 0;
  border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; transform: none;
}
html.site-theme-expanded :is(.itsm-hero-copy,.hero-content)::before { display: none; }
html.site-theme-expanded .collection-hero h1 {
  margin: 0; color: var(--collection-hero-text); font-size: 64px; line-height: 1.12; font-weight: 750; text-shadow: none;
}
html.site-theme-expanded .home-brand-lockup h1 { font-size: 104px; line-height: 1.08; }
html.site-theme-expanded .about-hero-copy h1 { font-size: 52px; }
html.site-theme-expanded .home-brand-en { color: var(--collection-hero-accent); font-size: 27px; margin-top: 20px; }
html.site-theme-expanded .home-brand-caption { color: var(--collection-hero-muted); font-size: 14px; max-width: 640px; text-shadow: none; }
html.site-theme-expanded .collection-hero .lead {
  max-width: 650px; color: var(--collection-hero-muted); font-size: 18px; line-height: 1.85; margin-top: 24px;
}
html.site-theme-expanded .collection-hero :is(.rebuilt-eyebrow,.eyebrow,.section-kicker) {
  color: var(--collection-hero-accent); font-size: 13px; margin: 0 0 20px; font-weight: 750;
}
html.site-theme-expanded .itsm-preview { display: none; }
html.site-theme-expanded :is(.button,.rebuilt-button) {
  min-height: 46px; height: auto; padding: 12px 22px; border-radius: var(--site-radius);
  font-size: 15px; font-weight: 700; line-height: 1.4; box-shadow: none; white-space: normal;
}
html.site-theme-expanded :is(.button.primary,.rebuilt-button:not(.secondary)) {
  background: var(--site-accent); color: #fff; border: 1px solid var(--site-accent);
}
html[data-site-theme="dynamic"] :is(.button.primary,.rebuilt-button:not(.secondary)) { color: #0b2c25; }
html.site-theme-expanded :is(.button.secondary,.rebuilt-button.secondary) {
  color: var(--site-accent); background: transparent; border: 1px solid var(--site-line);
}
html.site-theme-expanded .collection-hero :is(.button.secondary,.rebuilt-button.secondary) {
  color: var(--collection-hero-text); border-color: currentColor; background: transparent;
}
html.site-theme-expanded :is(.core-carousel,.core-recommendation-slide,.core-carousel-controls) {
  background: var(--site-panel); color: var(--site-text); border-color: var(--site-line); border-radius: 0; box-shadow: none;
}
html.site-theme-expanded .core-recommendation-content h3 { color: var(--site-text); font-size: 34px; }
html.site-theme-expanded :is(.core-recommendation-content > p,.core-capabilities li,.core-recommendation-meta span + span) { color: var(--site-muted); }
html.site-theme-expanded :is(.core-capabilities li,.core-carousel-arrow) { background: var(--site-bg); color: var(--site-text); border-color: var(--site-line); border-radius: var(--site-radius); }
html.site-theme-expanded :is(.core-recommendation-meta,.core-carousel-dot.is-active,.section-kicker) { color: var(--site-accent); }
html.site-theme-expanded :is(.core-carousel-dot.is-active,.core-capabilities li::before) { background: var(--site-accent); }
html.site-theme-expanded :is(.home-product-card,.home-app-card,.pricing-card,.feature-card,.module-card,.features article,.rebuilt-item,.rebuilt-price,.hub-card,.game-panel,.game-frame-card,.game-tile) {
  background: var(--site-panel); color: var(--site-text); border-color: var(--site-line); border-radius: var(--site-radius); box-shadow: var(--site-shadow);
}
html.site-theme-expanded :is(.home-product-visual img,.home-app-card figure img,.core-recommendation-media img) { filter: none; }
html.site-theme-expanded :is(.home-product-visual,.home-app-card figure)::after { background: transparent; }
html.site-theme-expanded .home-product-badge { font-size: 11px; border-radius: 4px; background: rgba(9,18,22,.78); }
html.site-theme-expanded :is(.home-tags span,.pricing-note,.pricing-label) { background: transparent; color: var(--site-accent); border-color: var(--site-line); border-radius: 4px; }
html.site-theme-expanded :is(.pricing-card.featured,.pricing-card.featured:hover) { background: var(--site-panel); border-color: var(--site-accent); }
html.site-theme-expanded .pricing-badge { background: var(--site-accent); border-radius: 4px; color: #fff; }
html[data-site-theme="dynamic"] .pricing-badge { color: #0b2c25; }
html.site-theme-expanded :is(.pricing-price,.pricing-value,.pricing-list li::before) { color: var(--site-accent); }
html.site-theme-expanded :is(.pricing-sub,.pricing-footnote,.pricing-card-head p,.pricing-list li,.game-panel p,.site-scoreboard small) { color: var(--site-muted); }
html.site-theme-expanded :is(.intro h2,.features h3,.itsm-band h2,.apply-panel h2,.message-board h2,.home-contact-panel h2,.home-game-strip h2,.game-section-header h2) { color: var(--site-text); }
html.site-theme-expanded :is(.home-contact-panel,.home-game-strip,.itsm-band) {
  border: 0; border-radius: 0; background: var(--collection-contact); color: var(--site-text); box-shadow: none;
}
html.site-theme-expanded :is(.home-contact-panel,.home-game-strip) p:not(.section-kicker) { color: var(--site-muted); }
html.site-theme-expanded :is(.apply-panel,.message-board,.whitepaper-reader,.whitepaper-intro,.whitepaper-note,.whitepaper-facts) {
  background: var(--site-panel); color: var(--site-text); border-color: var(--site-line); border-radius: var(--site-radius); box-shadow: none;
}
html.site-theme-expanded :is(input,textarea,select,.itsm-band li,.message-list article) {
  color: var(--site-text); background: var(--site-panel); border-color: var(--site-line); border-radius: var(--site-radius);
}
html.site-theme-expanded :is(.footer,.site-footer) { color: var(--site-muted); background: var(--site-bg); border-color: var(--site-line); }
html.site-theme-expanded :is(.about-lead,.about-method,.download) { background: var(--site-bg); color: var(--site-text); border-radius: 0; box-shadow: none; }
html.site-theme-expanded :is(.about-lead,.about-method,.download) :is(h2,h3) { color: var(--site-text); }
html.site-theme-expanded :is(.about-lead,.about-method,.download) p:not(.section-kicker) { color: var(--site-muted); }
html.site-theme-expanded .naigou-app-shot { display: none; }
html.site-theme-expanded :is(a,button,input,textarea):focus-visible { outline: 3px solid var(--site-accent); outline-offset: 4px; }
html.site-theme-expanded :is(.matrix-rain,.vgs-visual) { display: none; }
html.site-theme-expanded .rebuilt-index { background: var(--site-accent); border-radius: var(--site-radius); }
html.site-theme-expanded body.tetris-game { --ink: var(--site-text); --mint: var(--site-accent); background-image: none; }
html.site-theme-expanded .tetris-game :is(.game-container,.info-panel,.controls,.game-over,.player,.statusbar,.toolbar,.stat,.nextbox) {
  background: var(--site-panel); color: var(--site-text); border-color: var(--site-line); border-radius: var(--site-radius); box-shadow: none;
}
html.site-theme-expanded .tetris-game :is(h1,h2,h3,.stat b,.controls b,.game-over p,.statusbar strong) { color: var(--site-text); }
html.site-theme-expanded .tetris-game :is(button,#startBtn,#pauseBtn,.toolbar button,.toolbar a) { background: var(--site-accent); color: #fff; border-color: var(--site-accent); border-radius: var(--site-radius); }
html[data-site-theme="dynamic"] .tetris-game :is(button,#startBtn,#pauseBtn,.toolbar button,.toolbar a) { color: #0b2c25; }
html.site-theme-expanded .tetris-game .game-board { border-color: var(--site-accent); }
html[data-site-theme="dynamic"] .rebuilt-index { color: #0b2c25; }
html[data-site-theme="capability"] :is(.home-product-card,.rebuilt-item,.hub-card) { border-top: 3px solid var(--site-accent); }
html[data-site-theme="dynamic"] .nav { border-bottom: 1px solid #4d7971; }
html[data-site-theme="dynamic"] :is(.button,.rebuilt-button,.home-product-card,.hub-card,.nav-product-option) { transition: transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
html[data-site-theme="dynamic"] :is(.button,.rebuilt-button):hover { transform: translateY(-3px); box-shadow: 0 4px 20px rgba(92,225,196,.18); }
html[data-site-theme="dynamic"] :is(.home-product-card,.hub-card,.nav-product-option):hover { border-color: var(--site-accent); }
.theme-data-flow { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; opacity: .62; }
html[data-site-theme="dynamic"][data-effects="on"] .collection-hero::after {
  content: ""; display: block; position: absolute; z-index: 2; left: 0; right: 0; top: -2px; height: 2px;
  background: rgba(133,255,214,.42); box-shadow: 0 0 16px rgba(84,237,206,.3); pointer-events: none; animation: theme-scan 8s linear infinite;
}
html[data-site-theme="dynamic"][data-effects="on"] .home-hero-media img { animation: theme-image-drift 18s ease-in-out infinite alternate; }
html[data-site-theme="dynamic"][data-effects="on"] .rebuilt-hero { animation: theme-background-drift 18s ease-in-out infinite alternate; }
.theme-reveal { opacity: 0; transform: translateY(20px); transition: opacity .65s ease var(--reveal-delay),transform .65s ease var(--reveal-delay); }
.theme-reveal.theme-in-view { opacity: 1; transform: none; }
@keyframes theme-scan { to { top: 100%; } }
@keyframes theme-image-drift { to { transform: scale(1.035); } }
@keyframes theme-background-drift { to { background-position: 53% center; } }
html[data-effects="off"] { scroll-behavior: auto; }
html[data-effects="off"] *, html[data-effects="off"] *::before, html[data-effects="off"] *::after { animation: none !important; transition: none !important; }
html[data-effects="off"] :is(.theme-data-flow,.matrix-rain,.vgs-visual) { display: none !important; }
html[data-effects="off"] .theme-reveal { opacity: 1; transform: none; }
@media (max-width:1100px) {
  html.site-theme-expanded .collection-hero { padding: 64px 32px; }
  html.site-theme-expanded .collection-hero h1 { font-size: 52px; }
  html.site-theme-expanded .home-brand-lockup h1 { font-size: 88px; }
}
@media (max-width:680px) {
  html.site-theme-expanded .collection-hero {
    min-height: 520px; padding: 60px 24px; background-position: 64% center;
  }
  html.site-theme-expanded .home-hero { min-height: min(76svh,620px); }
  html.site-theme-expanded .home-brand-lockup { transform: none !important; }
  html.site-theme-expanded .collection-hero h1 { font-size: 40px; }
  html.site-theme-expanded .about-hero-copy h1 { font-size: 40px; }
  html.site-theme-expanded .home-brand-lockup h1 { font-size: 54px; }
  html.site-theme-expanded .home-brand-en { font-size: 21px; }
  html.site-theme-expanded .home-brand-caption { font-size: 12px; }
  html.site-theme-expanded .home-brand-caption br { display: none; }
  html.site-theme-expanded .collection-hero .lead { font-size: 16px; }
  html.site-theme-expanded :is(.home-product-content h3,.hub-card-copy h3) { font-size: 23px; }
  html.site-theme-expanded :is(.home-contact-panel,.home-game-strip) { padding: 32px 24px; }
  html[data-site-theme="enterprise"] { --collection-overlay: linear-gradient(90deg,rgba(247,250,250,.91),rgba(247,250,250,.77) 55%,rgba(247,250,250,.5)); }
  html[data-site-theme="capability"],html[data-site-theme="dynamic"] { --collection-overlay: linear-gradient(90deg,rgba(5,13,14,.86),rgba(5,13,14,.78) 55%,rgba(5,13,14,.42)); }
}
@media (max-width:860px) {
  html.site-theme-expanded .nav { position: sticky; inset: auto; top: 0; display: grid; height: auto; padding: 12px 20px; gap: 8px; }
  html.site-theme-expanded .nav .brand span { display: inline; }
  html.site-theme-expanded .nav-links { max-width: none; width: 100%; overflow: visible; flex-wrap: wrap; white-space: normal; gap: 6px 16px; font-size: 13px; }
  html.site-theme-expanded .nav-product-trigger { height: auto; min-height: 30px; }
  html.site-theme-expanded :is(.nav-product-panel,.nav-game-trigger .nav-product-panel) { left: 14px; right: 14px; top: calc(var(--site-nav-height,124px) + 8px); width: auto; grid-template-columns: 1fr; max-height: calc(100svh - var(--site-nav-height,124px) - 32px); overflow-y: auto; }
  html.site-theme-expanded .nav-product-trigger:is(:hover,:focus-within) .nav-product-panel { transform: none; }
  html.site-theme-expanded .nav-product-option { min-height: 86px; padding: 14px; }
}
@media (prefers-reduced-motion:reduce) {
  html.site-theme-expanded *,html.site-theme-expanded *::before,html.site-theme-expanded *::after { animation: none !important; transition: none !important; }
  .theme-reveal { opacity: 1; transform: none; }
  .theme-data-flow { display: none; }
}
