/* Preview-only visual themes. The homepage DOM, content, images and section order stay unchanged. */

body.theme-01 {
  --theme-outer: #dfe8f1;
  --theme-bg: #f8fbfe;
  --theme-surface: #ffffff;
  --theme-card: #ffffff;
  --theme-soft: #edf4fa;
  --theme-text: #0b2947;
  --theme-body: #3d556d;
  --theme-muted: #71849a;
  --theme-line: #cddbe8;
  --theme-accent: #0068b8;
  --theme-accent-2: #1789d1;
  --theme-deep: #062d52;
  --theme-deep-2: #084a7e;
  --theme-topbar: #062d52;
  --theme-header: rgba(255, 255, 255, .98);
  --theme-hero: #eaf3fa;
  --theme-hero-overlay: linear-gradient(90deg, #f8fcff 0%, rgba(248,252,255,.95) 42%, rgba(231,242,250,.52) 72%, rgba(231,242,250,.82) 100%);
  --theme-hero-opacity: .15;
  --theme-card-metal: linear-gradient(140deg, #eef6fc, #ffffff 72%);
  --theme-card-wood: linear-gradient(140deg, #edf7f4, #ffffff 72%);
  --theme-alt: #edf4fa;
  --theme-applications: linear-gradient(#f8fbfe, #edf4fa);
  --theme-proof: linear-gradient(90deg, #062d52, #0068b8);
  --theme-inquiry: #062d52;
  --theme-footer: #042644;
  --theme-form: rgba(255,255,255,.98);
  --theme-input: #f2f6fa;
  --theme-input-text: #243e58;
  --theme-radius: 3px;
  --theme-shadow: 0 14px 34px rgba(16, 64, 103, .10);
  --theme-font: "Segoe UI", "Microsoft YaHei", Arial, sans-serif;
  --theme-image-filter: none;
}

body.theme-02 {
  --theme-outer: #0d1217;
  --theme-bg: #151c23;
  --theme-surface: #1b242d;
  --theme-card: #202a34;
  --theme-soft: #19222b;
  --theme-text: #edf3f6;
  --theme-body: #c1ccd4;
  --theme-muted: #8f9eaa;
  --theme-line: #34424e;
  --theme-accent: #4f98b6;
  --theme-accent-2: #6db2cd;
  --theme-deep: #0b1015;
  --theme-deep-2: #263845;
  --theme-topbar: #090d11;
  --theme-header: rgba(20, 27, 34, .99);
  --theme-hero: #18212a;
  --theme-hero-overlay: linear-gradient(90deg, rgba(17,23,29,.98) 0%, rgba(17,23,29,.91) 43%, rgba(24,34,43,.58) 72%, rgba(17,23,29,.88) 100%);
  --theme-hero-opacity: .20;
  --theme-card-metal: linear-gradient(140deg, #202b35, #182129 72%);
  --theme-card-wood: linear-gradient(140deg, #1c2b2c, #182129 72%);
  --theme-alt: #11181f;
  --theme-applications: linear-gradient(#151c23, #11181f);
  --theme-proof: linear-gradient(90deg, #0b1015, #294a59);
  --theme-inquiry: #0d141b;
  --theme-footer: #090e13;
  --theme-form: #202a34;
  --theme-input: #141c23;
  --theme-input-text: #e3ebef;
  --theme-radius: 2px;
  --theme-shadow: 0 18px 36px rgba(0, 0, 0, .26);
  --theme-font: Bahnschrift, "Segoe UI", "Microsoft YaHei", sans-serif;
  --theme-image-filter: saturate(.82) contrast(1.04);
}

body.theme-03 {
  --theme-outer: #d9dad8;
  --theme-bg: #f2f2ef;
  --theme-surface: #fbfbf8;
  --theme-card: #ffffff;
  --theme-soft: #e8e9e6;
  --theme-text: #242a2e;
  --theme-body: #515b61;
  --theme-muted: #727b80;
  --theme-line: #cfd2cf;
  --theme-accent: #c85416;
  --theme-accent-2: #e16b25;
  --theme-deep: #252b2f;
  --theme-deep-2: #454d52;
  --theme-topbar: #252b2f;
  --theme-header: #fbfbf8;
  --theme-hero: #e7e9e8;
  --theme-hero-overlay: linear-gradient(90deg, rgba(249,249,246,.98) 0%, rgba(249,249,246,.93) 43%, rgba(233,235,233,.42) 72%, rgba(233,235,233,.82) 100%);
  --theme-hero-opacity: .18;
  --theme-card-metal: linear-gradient(135deg, #eeeeea, #ffffff 70%);
  --theme-card-wood: linear-gradient(135deg, #ecefe9, #ffffff 70%);
  --theme-alt: #e8e9e6;
  --theme-applications: linear-gradient(#f2f2ef, #e8e9e6);
  --theme-proof: linear-gradient(90deg, #252b2f, #c85416);
  --theme-inquiry: #252b2f;
  --theme-footer: #1d2225;
  --theme-form: #fbfbf8;
  --theme-input: #eeeeeb;
  --theme-input-text: #293033;
  --theme-radius: 0px;
  --theme-shadow: 0 10px 0 rgba(37, 43, 47, .08);
  --theme-font: "Arial Narrow", Bahnschrift, "Microsoft YaHei", sans-serif;
  --theme-image-filter: saturate(.88) contrast(1.05);
}

body.theme-04 {
  --theme-outer: #dfeae5;
  --theme-bg: #f5faf7;
  --theme-surface: #ffffff;
  --theme-card: #ffffff;
  --theme-soft: #eaf4ef;
  --theme-text: #133b2f;
  --theme-body: #45645b;
  --theme-muted: #718b82;
  --theme-line: #cee1d8;
  --theme-accent: #16775a;
  --theme-accent-2: #25956f;
  --theme-deep: #123c31;
  --theme-deep-2: #245b4d;
  --theme-topbar: #123c31;
  --theme-header: rgba(255,255,255,.98);
  --theme-hero: #e9f4ef;
  --theme-hero-overlay: linear-gradient(90deg, rgba(248,252,250,.98) 0%, rgba(248,252,250,.93) 43%, rgba(226,240,233,.48) 72%, rgba(226,240,233,.82) 100%);
  --theme-hero-opacity: .15;
  --theme-card-metal: linear-gradient(140deg, #eff6f3, #ffffff 72%);
  --theme-card-wood: linear-gradient(140deg, #e5f3ec, #ffffff 72%);
  --theme-alt: #eaf4ef;
  --theme-applications: linear-gradient(#f5faf7, #eaf4ef);
  --theme-proof: linear-gradient(90deg, #123c31, #16775a);
  --theme-inquiry: #123c31;
  --theme-footer: #0d3027;
  --theme-form: rgba(255,255,255,.98);
  --theme-input: #f0f6f3;
  --theme-input-text: #24473c;
  --theme-radius: 14px;
  --theme-shadow: 0 16px 36px rgba(25, 91, 70, .10);
  --theme-font: "Segoe UI", "Microsoft YaHei", Arial, sans-serif;
  --theme-image-filter: saturate(.92);
}

body.theme-05 {
  --theme-outer: #e3e1d8;
  --theme-bg: #f7f6f1;
  --theme-surface: #fffefa;
  --theme-card: #fffefa;
  --theme-soft: #efeee7;
  --theme-text: #102846;
  --theme-body: #4b5b6d;
  --theme-muted: #7c8389;
  --theme-line: #d8d3c4;
  --theme-accent: #8c6312;
  --theme-accent-2: #a97c24;
  --theme-deep: #0b2445;
  --theme-deep-2: #193b65;
  --theme-topbar: #0b2445;
  --theme-header: #fffefa;
  --theme-hero: #ecebe5;
  --theme-hero-overlay: linear-gradient(90deg, rgba(255,254,250,.99) 0%, rgba(255,254,250,.94) 43%, rgba(239,237,227,.48) 72%, rgba(239,237,227,.84) 100%);
  --theme-hero-opacity: .16;
  --theme-card-metal: linear-gradient(140deg, #f1f0ea, #fffefa 72%);
  --theme-card-wood: linear-gradient(140deg, #f0efe7, #fffefa 72%);
  --theme-alt: #efeee7;
  --theme-applications: linear-gradient(#f7f6f1, #efeee7);
  --theme-proof: linear-gradient(90deg, #0b2445, #8c6312);
  --theme-inquiry: #0b2445;
  --theme-footer: #081c35;
  --theme-form: #fffefa;
  --theme-input: #f2f0e9;
  --theme-input-text: #263950;
  --theme-radius: 5px;
  --theme-shadow: 0 18px 40px rgba(15, 35, 61, .11);
  --theme-font: Georgia, "Microsoft YaHei", "Segoe UI", sans-serif;
  --theme-image-filter: saturate(.88) contrast(1.02);
}

body.theme-06 {
  --theme-outer: #e3e3e2;
  --theme-bg: #f7f7f6;
  --theme-surface: #ffffff;
  --theme-card: #ffffff;
  --theme-soft: #eeeeec;
  --theme-text: #2b2022;
  --theme-body: #5b5052;
  --theme-muted: #807476;
  --theme-line: #d7d0d1;
  --theme-accent: #b9222b;
  --theme-accent-2: #d33a42;
  --theme-deep: #2b2022;
  --theme-deep-2: #51363a;
  --theme-topbar: #b9222b;
  --theme-header: #ffffff;
  --theme-hero: #efeded;
  --theme-hero-overlay: linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.92) 43%, rgba(238,234,234,.43) 72%, rgba(238,234,234,.82) 100%);
  --theme-hero-opacity: .16;
  --theme-card-metal: linear-gradient(140deg, #f3eeee, #ffffff 72%);
  --theme-card-wood: linear-gradient(140deg, #f1efed, #ffffff 72%);
  --theme-alt: #eeeeec;
  --theme-applications: linear-gradient(#f7f7f6, #eeeeec);
  --theme-proof: linear-gradient(90deg, #2b2022, #b9222b);
  --theme-inquiry: #2b2022;
  --theme-footer: #21191a;
  --theme-form: #ffffff;
  --theme-input: #f4f1f1;
  --theme-input-text: #392d2f;
  --theme-radius: 0px;
  --theme-shadow: 0 12px 30px rgba(67, 31, 36, .10);
  --theme-font: "Segoe UI", "Microsoft YaHei", Arial, sans-serif;
  --theme-image-filter: saturate(.86) contrast(1.04);
}

body.theme-07 {
  --theme-outer: #d9e8e9;
  --theme-bg: #f3fbfb;
  --theme-surface: #ffffff;
  --theme-card: #ffffff;
  --theme-soft: #e5f2f3;
  --theme-text: #073d42;
  --theme-body: #46666a;
  --theme-muted: #4f6f72;
  --theme-line: #c9dfe1;
  --theme-accent: #087d84;
  --theme-accent-2: #16979e;
  --theme-deep: #063d43;
  --theme-deep-2: #155c61;
  --theme-topbar: #063d43;
  --theme-header: rgba(255,255,255,.98);
  --theme-hero: #e3f1f2;
  --theme-hero-overlay: linear-gradient(90deg, rgba(248,253,253,.98) 0%, rgba(248,253,253,.93) 43%, rgba(220,239,240,.46) 72%, rgba(220,239,240,.82) 100%);
  --theme-hero-opacity: .13;
  --theme-card-metal: linear-gradient(140deg, #eaf6f6, #ffffff 72%);
  --theme-card-wood: linear-gradient(140deg, #e6f3ef, #ffffff 72%);
  --theme-alt: #e5f2f3;
  --theme-applications: linear-gradient(#f7fcfc, #e8f4f4);
  --theme-proof: linear-gradient(90deg, #063d43, #087d84);
  --theme-inquiry: linear-gradient(115deg, #063d43, #0b6e74);
  --theme-footer: #042f34;
  --theme-form: rgba(255,255,255,.98);
  --theme-input: #eef7f7;
  --theme-input-text: #244b4f;
  --theme-radius: 10px;
  --theme-shadow: 0 14px 36px rgba(8, 89, 95, .075);
  --theme-font: "Segoe UI", "Microsoft YaHei", Arial, sans-serif;
  --theme-image-filter: saturate(.88) contrast(1.02);
}

body.theme-08 {
  --theme-outer: #d7d8d8;
  --theme-bg: #f4f4f2;
  --theme-surface: #fafaf8;
  --theme-card: #fafaf8;
  --theme-soft: #e9e9e6;
  --theme-text: #1f272d;
  --theme-body: #515c63;
  --theme-muted: #7a8388;
  --theme-line: #c8ccce;
  --theme-accent: #315f7d;
  --theme-accent-2: #467b9c;
  --theme-deep: #1b252c;
  --theme-deep-2: #35434d;
  --theme-topbar: #1b252c;
  --theme-header: #fafaf8;
  --theme-hero: #e7e8e8;
  --theme-hero-overlay: linear-gradient(90deg, rgba(250,250,248,.99) 0%, rgba(250,250,248,.94) 43%, rgba(228,230,230,.42) 72%, rgba(228,230,230,.82) 100%);
  --theme-hero-opacity: .10;
  --theme-card-metal: linear-gradient(140deg, #ededeb, #fafaf8 72%);
  --theme-card-wood: linear-gradient(140deg, #ebedeb, #fafaf8 72%);
  --theme-alt: #e9e9e6;
  --theme-applications: linear-gradient(#f4f4f2, #e9e9e6);
  --theme-proof: linear-gradient(90deg, #1b252c, #315f7d);
  --theme-inquiry: #1b252c;
  --theme-footer: #141c21;
  --theme-form: #fafaf8;
  --theme-input: #ededeb;
  --theme-input-text: #2f393f;
  --theme-radius: 0px;
  --theme-shadow: none;
  --theme-font: Bahnschrift, "Arial Narrow", "Microsoft YaHei", sans-serif;
  --theme-image-filter: grayscale(1) contrast(1.08);
}

body.theme-09 {
  --theme-outer: #dde1d6;
  --theme-bg: #f3f5ef;
  --theme-surface: #fbfcf8;
  --theme-card: #fbfcf8;
  --theme-soft: #e8ede2;
  --theme-text: #27351f;
  --theme-body: #55614e;
  --theme-muted: #798373;
  --theme-line: #d0dac6;
  --theme-accent: #4f712f;
  --theme-accent-2: #6d8d4d;
  --theme-deep: #26371f;
  --theme-deep-2: #45593a;
  --theme-topbar: #26371f;
  --theme-header: rgba(251,252,248,.98);
  --theme-hero: #e8ece1;
  --theme-hero-overlay: linear-gradient(90deg, rgba(251,252,248,.98) 0%, rgba(251,252,248,.93) 43%, rgba(227,233,218,.46) 72%, rgba(227,233,218,.82) 100%);
  --theme-hero-opacity: .15;
  --theme-card-metal: linear-gradient(140deg, #eef1e9, #fbfcf8 72%);
  --theme-card-wood: linear-gradient(140deg, #e4ebdc, #fbfcf8 72%);
  --theme-alt: #e8ede2;
  --theme-applications: linear-gradient(#f3f5ef, #e8ede2);
  --theme-proof: linear-gradient(90deg, #26371f, #4f712f);
  --theme-inquiry: #26371f;
  --theme-footer: #1e2c19;
  --theme-form: #fbfcf8;
  --theme-input: #eef1e9;
  --theme-input-text: #34422e;
  --theme-radius: 15px;
  --theme-shadow: 0 18px 38px rgba(53, 83, 37, .11);
  --theme-font: "Segoe UI", "Microsoft YaHei", Arial, sans-serif;
  --theme-image-filter: saturate(.82) sepia(.05);
}

body.theme-10 {
  --theme-outer: #06111a;
  --theme-bg: #091923;
  --theme-surface: #102530;
  --theme-card: #122a36;
  --theme-soft: #0d212b;
  --theme-text: #e6f3f4;
  --theme-body: #b8ced1;
  --theme-muted: #809da1;
  --theme-line: #284550;
  --theme-accent: #0799a2;
  --theme-accent-2: #19afb7;
  --theme-deep: #061723;
  --theme-deep-2: #123946;
  --theme-topbar: #041018;
  --theme-header: rgba(8, 24, 34, .99);
  --theme-hero: #0b1c27;
  --theme-hero-overlay: linear-gradient(90deg, rgba(7,20,29,.98) 0%, rgba(7,20,29,.91) 43%, rgba(10,31,42,.56) 72%, rgba(7,20,29,.87) 100%);
  --theme-hero-opacity: .18;
  --theme-card-metal: linear-gradient(140deg, #102a36, #0c202a 72%);
  --theme-card-wood: linear-gradient(140deg, #102e2e, #0c202a 72%);
  --theme-alt: #07151e;
  --theme-applications: linear-gradient(#091923, #07151e);
  --theme-proof: linear-gradient(90deg, #061723, #096975);
  --theme-inquiry: #061723;
  --theme-footer: #041119;
  --theme-form: #102530;
  --theme-input: #091a24;
  --theme-input-text: #e0edef;
  --theme-radius: 14px;
  --theme-shadow: 0 20px 44px rgba(0, 0, 0, .28);
  --theme-font: Aptos, "Segoe UI", "Microsoft YaHei", sans-serif;
  --theme-image-filter: saturate(.82) contrast(1.05);
}

body[class^="theme-"] {
  --white: var(--theme-surface);
  --ink: var(--theme-text);
  --body: var(--theme-body);
  --muted: var(--theme-muted);
  --line: var(--theme-line);
  --soft: var(--theme-soft);
  --radius: var(--theme-radius);
  --shadow: var(--theme-shadow);
  --blue-950: var(--theme-deep);
  --blue-900: var(--theme-deep-2);
  --blue-800: var(--theme-accent);
  --blue-700: var(--theme-accent-2);
  --green-700: var(--theme-accent);
  --font: var(--theme-font);
  background: var(--theme-outer);
  color: var(--theme-text);
}

body[class^="theme-"] .page { background: var(--theme-bg); }
body[class^="theme-"] .button:not(.header-cta) { border-color: var(--theme-accent); border-radius: var(--theme-radius); }
body[class^="theme-"] .button.primary:not(.header-cta) { background: var(--theme-accent); box-shadow: none; color: #ffffff; }
body[class^="theme-"] .button.light:not(.header-cta) { color: var(--theme-deep); background: rgba(255,255,255,.92); }
body[class^="theme-"] .section-title { color: var(--theme-text); }
body[class^="theme-"] .section-title::after { border-radius: var(--theme-radius); background: var(--theme-accent); }
body[class^="theme-"] .section-intro,
body[class^="theme-"] .en { color: var(--theme-muted); }

body[class^="theme-"] .hero { background: var(--theme-hero); border-color: var(--theme-line); }
body[class^="theme-"] .hero::before { opacity: var(--theme-hero-opacity); filter: var(--theme-image-filter); }
body[class^="theme-"] .hero::after { background: var(--theme-hero-overlay); }
body[class^="theme-"] .hero-copy h1 { color: var(--theme-text); }
body[class^="theme-"] .hero-copy p { color: var(--theme-body); }
body[class^="theme-"] .hero-machines img,
body[class^="theme-"] .core-image { filter: var(--theme-image-filter); }

body[class^="theme-"] .core-card { --core-accent: var(--theme-accent); --core-accent-strong: var(--theme-text); background: var(--theme-card-metal); border-color: var(--theme-line); border-radius: var(--theme-radius); box-shadow: var(--theme-shadow); }
body[class^="theme-"] .core-card.wood { --core-accent: var(--theme-accent); --core-accent-strong: var(--theme-text); background: var(--theme-card-wood); }
body[class^="theme-"] .core-content .kicker,
body[class^="theme-"] .core-card.wood .kicker,
body[class^="theme-"] .case-type,
body[class^="theme-"] .case-card.wood .case-type { color: var(--theme-accent); }
body[class^="theme-"] .core-content p { color: var(--theme-body); }
body[class^="theme-"] .core-action--secondary { color: var(--theme-accent); background: var(--theme-card); }

body[class^="theme-"] .benefit-strip { background: var(--theme-soft); border-color: var(--theme-line); border-radius: var(--theme-radius); }
body[class^="theme-"] .benefit { border-color: var(--theme-line); }
body[class^="theme-"] .benefit-mark { border-color: var(--theme-accent); border-radius: var(--theme-radius); color: var(--theme-accent); }
body[class^="theme-"] .benefit small { color: var(--theme-muted); }

body[class^="theme-"] .applications { background: var(--theme-applications); }
body[class^="theme-"] .support { background: var(--theme-alt); }
body[class^="theme-"] .news { background: var(--theme-bg); }
body[class^="theme-"] .application-card,
body[class^="theme-"] .support-card,
body[class^="theme-"] .case-card,
body[class^="theme-"] .news-card { background: var(--theme-card); border-color: var(--theme-line); border-radius: var(--theme-radius); box-shadow: var(--theme-shadow); color: var(--theme-text); }
body[class^="theme-"] .application-card img,
body[class^="theme-"] .support-card img,
body[class^="theme-"] .case-card img,
body[class^="theme-"] .news-card img { filter: var(--theme-image-filter); }
body[class^="theme-"] .support-card img { background: var(--theme-card); }
body[class^="theme-"] .support-card div { border-color: var(--theme-line); }
body[class^="theme-"] .application-card span,
body[class^="theme-"] .support-card small,
body[class^="theme-"] .case-card p,
body[class^="theme-"] .news-meta { color: var(--theme-muted); }
body[class^="theme-"] .news-card p { color: var(--theme-body); }

body[class^="theme-"] .proof-strip { background: var(--theme-proof); border-radius: var(--theme-radius); }
body[class^="theme-"] .inquiry { background: var(--theme-inquiry); }
body[class^="theme-"] .inquiry::before { filter: var(--theme-image-filter); }
body[class^="theme-"] .inquiry-points span::before { color: var(--theme-accent-2); }
body[class^="theme-"] .form { background: var(--theme-form); border: 1px solid var(--theme-line); border-radius: var(--theme-radius); box-shadow: var(--theme-shadow); }
body[class^="theme-"] .form label { color: var(--theme-text); }
body[class^="theme-"] .form input,
body[class^="theme-"] .form textarea { border-color: var(--theme-line); border-radius: var(--theme-radius); color: var(--theme-input-text); background: var(--theme-input); }
body[class^="theme-"] .form input::placeholder,
body[class^="theme-"] .form textarea::placeholder { color: var(--theme-muted); opacity: 1; }
body[class^="theme-"] .form button { border-radius: var(--theme-radius); background: var(--theme-accent); color: #ffffff; }
body[class^="theme-"] .sidebar-item { background: var(--theme-accent); border-radius: var(--theme-radius); box-shadow: var(--theme-shadow); }
body[class^="theme-"] .sidebar-item:hover { background: var(--theme-deep-2); }

body.theme-02 .hero-machines,
body.theme-10 .hero-machines { isolation: isolate; background: #e9eef0; border: 1px solid var(--theme-line); border-radius: var(--theme-radius); }
body.theme-02 .core-card,
body.theme-10 .core-card { background: linear-gradient(90deg, #202b35 0%, #182129 46%, #e9eef0 46%, #e9eef0 100%); }
body.theme-02 .core-card.wood,
body.theme-10 .core-card.wood { background: linear-gradient(90deg, #1c2b2c 0%, #182129 46%, #e9eef0 46%, #e9eef0 100%); }
body.theme-02 .hero-machines img,
body.theme-10 .hero-machines img,
body.theme-02 .core-image,
body.theme-10 .core-image { mix-blend-mode: multiply; }
body.theme-02 .application-card img,
body.theme-02 .support-card img,
body.theme-02 .case-card img,
body.theme-02 .news-card img,
body.theme-10 .application-card img,
body.theme-10 .support-card img,
body.theme-10 .case-card img,
body.theme-10 .news-card img { background: #e9eef0; }
body.theme-05 .button.primary,
body.theme-05 .form button { color: #ffffff; }
body.theme-07 .form input::placeholder,
body.theme-07 .form textarea::placeholder { color: #666666; font-weight: 500; opacity: 1; }
body.theme-07 .form input,
body.theme-07 .form textarea { border-color: #e0e3e8; }
body.theme-08 .application-card,
body.theme-08 .support-card,
body.theme-08 .case-card,
body.theme-08 .news-card,
body.theme-08 .core-card { border-width: 1px; }