/* BeiMeiMac: original composition, a restrained ice-blue and violet palette. */
:root, html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #03050a;
  --bg-1: #080d17;
  --bg-2: #0d1523;
  --bg-3: #142137;
  --bg-4: #1c2c46;
  --paper: #03050a;
  --paper-deep: #080d17;
  --paper-soft: #0c1423;
  --card: #0a111e;
  --ink: #f1f6ff;
  --ink-2: #c3d0e5;
  --text: #f1f6ff;
  --text-2: #b4c1d5;
  --text-3: #8898b1;
  --muted: #a0afc5;
  --faint: #8898b1;
  --dim: #29354b;
  --line: rgba(155, 184, 229, .13);
  --line-2: rgba(160, 191, 238, .26);
  --line-strong: rgba(160, 191, 238, .26);
  --line-ui: #557090;
  --blue: #72d9ff;
  --blue-h: #a5eaff;
  --link: #8adfff;
  --ice: #8adfff;
  --green: #80dded;
  --green-deep: #b6edff;
  --green-soft: rgba(100, 204, 255, .12);
  --brass: #b5adff;
  --brass-soft: rgba(151, 133, 255, .11);
  --on-dark: #06101b;
  --grad: linear-gradient(105deg, #f4f9ff 4%, #a2e6ff 52%, #aaa0ff 100%);
  --future-grid: rgba(119, 180, 238, .045);
  --future-halo: rgba(88, 174, 255, .12);
  --bm-cyan-rgb: 117, 216, 255;
  --bm-violet-rgb: 151, 132, 255;
  --bm-surface: linear-gradient(145deg, rgba(20, 33, 56, .58), rgba(7, 12, 23, .96) 66%);
  --bm-shadow: 0 22px 70px -40px rgba(0, 0, 0, .8);
}

html[data-theme="light"] {
  color-scheme: light;
  --bg: #f8faff;
  --bg-1: #ffffff;
  --bg-2: #edf3fc;
  --bg-3: #e1ebfa;
  --bg-4: #d5e1f3;
  --paper: #f8faff;
  --paper-deep: #edf3fc;
  --paper-soft: #f0f5fe;
  --card: #ffffff;
  --ink: #111f37;
  --ink-2: #344967;
  --text: #111f37;
  --text-2: #465b78;
  --text-3: #63728a;
  --muted: #526784;
  --faint: #63728a;
  --line: rgba(42, 79, 130, .13);
  --line-2: rgba(42, 79, 130, .27);
  --line-strong: rgba(42, 79, 130, .27);
  --line-ui: #7b90ae;
  --blue: #2067d9;
  --blue-h: #165ac5;
  --link: #1e5ebd;
  --ice: #396fc5;
  --green: #2067d9;
  --green-deep: #174da5;
  --green-soft: #e8f1ff;
  --brass: #6955aa;
  --brass-soft: #f0ecff;
  --on-dark: #ffffff;
  --grad: linear-gradient(105deg, #163c70, #2867ba 55%, #7551b5);
  --future-halo: rgba(68, 134, 232, .12);
  --bm-surface: linear-gradient(145deg, #fff, #f2f6ff);
  --bm-shadow: 0 22px 70px -40px rgba(30, 63, 118, .2);
}

body { background: var(--bg); color: var(--text); }
::selection { background: rgba(116, 189, 255, .3); color: var(--text); }
:where(a, button, input, select, textarea, summary):focus-visible {
  outline: 2px solid var(--ice);
  outline-offset: 4px;
}

/* Navigation remains in the original coordinate space above the WebGL stage. */
html[data-theme="dark"] .top,
html[data-theme="dark"] .top.scrolled,
html[data-theme="dark"] .bar {
  background: rgba(4, 8, 16, .88);
  border-bottom: 1px solid rgba(159, 187, 237, .16);
  backdrop-filter: saturate(140%) blur(20px);
  -webkit-backdrop-filter: saturate(140%) blur(20px);
  box-shadow: 0 8px 35px -25px rgba(116, 188, 255, .35);
}
html[data-theme="light"] .top,
html[data-theme="light"] .top.scrolled,
html[data-theme="light"] .bar {
  background: rgba(250, 252, 255, .94);
  border-bottom-color: var(--line);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
.top .logo, footer .logo { letter-spacing: -.025em; }
.top .logo svg { color: var(--ice); filter: drop-shadow(0 0 6px rgba(117, 216, 255, .22)); }
.top .nav a { transition: color .2s ease, text-shadow .2s ease; }
.top .nav a:hover { color: var(--ice); text-shadow: 0 0 20px rgba(117, 216, 255, .25); }
.theme-toggle, .motion-toggle, .lang-btn {
  border-color: var(--line);
  border-radius: 10px;
  background: rgba(129, 175, 235, .025);
}
.lang-menu { background: var(--bg-1); border-color: var(--line-2); box-shadow: 0 16px 60px #0005; }
.lang-menu li:hover, .lang-menu li:focus-visible { background: var(--bg-3); }
.top .btn.btn-sheen {
  background: linear-gradient(125deg, #315aaf, #4d49b6);
  border: 1px solid rgba(152, 188, 255, .35);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 5px 26px -12px rgba(129, 160, 255, .6);
  border-radius: 10px;
  color: #f4f8ff !important;
}
.top .btn.btn-sheen:hover { background: linear-gradient(125deg, #3d6bc4, #6457c8); }

/* Preserve hero geometry, camera, timings, labels and original responsive sizing. */
.h3d { --h3d-sg: #83e5ff; --h3d-cn: #a398ff; }
.h3d h1 em {
  background-image: linear-gradient(100deg, #fff 10%, #bdefff 52%, #c2b8ff 100%);
}
.h3d-pill {
  border-color: rgba(130, 194, 255, .24);
  background: linear-gradient(110deg, rgba(56, 112, 157, .1), rgba(82, 68, 139, .06));
  box-shadow: inset 0 1px 0 rgba(220, 242, 255, .04), 0 0 24px -14px rgba(117, 216, 255, .35);
}
.h3d-more { transition: color .2s ease, border-color .2s ease; }
.h3d-more:hover { color: #bceaff; }
.h3d-sub { color: #a9b4c7; }
.h3d-frame i { border-color: rgba(151, 180, 237, .36); }
.h3d-facts b { color: #edf7ff; }

/* Fine, luminous chapter edges connect the existing scrolling chapters. */
html[data-theme="dark"] main.journey-ready > .chapter-section,
html[data-theme="dark"] main.journey-ready > .chapter-section.chapter-alternate,
html[data-theme="dark"] main.journey-ready > .chapter-section.statement {
  border: 1px solid rgba(151, 184, 240, .13);
  border-radius: 16px;
  background: radial-gradient(ellipse at 16% 0%, rgba(76, 126, 217, .075), transparent 55%),
    linear-gradient(145deg, #080d17, #050811 72%);
  box-shadow: var(--bm-shadow), inset 0 1px 0 rgba(193, 218, 255, .045);
}
html[data-theme="dark"] main.journey-ready > .chapter-section.chapter-alternate {
  background: radial-gradient(ellipse at 90% 10%, rgba(137, 107, 235, .07), transparent 55%),
    linear-gradient(150deg, #0a0e19, #050811 76%);
}
html[data-theme="dark"] main.journey-ready > .chapter-section.chapter-entered {
  border-top-color: rgba(145, 191, 255, .3);
}
html[data-theme="light"] main.journey-ready > .chapter-section,
html[data-theme="light"] main.journey-ready > .chapter-section.chapter-alternate,
html[data-theme="light"] main.journey-ready > .chapter-section.statement {
  background: var(--bm-surface);
  border-top: 1px solid var(--line);
}
.section-bridge .section-cue { border: 1px solid var(--line); background: var(--bg); }
.section-bridge .cue-next small { color: var(--ice); }
.kicker, .trio .n, .feature-tag { color: var(--ice); }
.h2, .sx-h { text-wrap: pretty; }
.trio h3 { letter-spacing: -.02em; }
.trio p { color: var(--text-2); }
.trio .n { display: inline-block; padding-bottom: 9px; border-bottom: 1px solid var(--line-2); }
.disclaim { color: var(--text-3); }
.feature-machine::before {
  background: radial-gradient(ellipse at 50% 58%, rgba(101, 151, 245, .2), rgba(141, 111, 233, .06) 45%, transparent 72%);
}
.feature-node .feature-tag { letter-spacing: .065em; }
.feature-tiers { color: var(--text-2); }
html[data-theme="dark"] .feature-terminal.term,
html[data-theme="dark"] .mh-card,
html[data-theme="dark"] .tile {
  background: linear-gradient(140deg, #0d1625, #060b13);
  border-color: rgba(145, 178, 229, .2);
  box-shadow: inset 0 1px 0 rgba(192, 220, 255, .04), 0 12px 45px -30px #000c;
}
.specs { border-color: var(--line); }
.spec .val { letter-spacing: -.035em; }
.spec .val:not(:has(svg)) { color: var(--text); }

/* Original three-card comparison, with two machines above it. */
#home-models { gap: 5px; }
#home-models button {
  min-width: 0;
  color: var(--text-2);
  border-radius: 8px;
  transition: background .2s ease, box-shadow .2s ease, color .2s ease;
}
#home-models button small { color: var(--text-3); }
#home-models button[aria-pressed="true"] {
  background: linear-gradient(125deg, rgba(76, 138, 207, .17), rgba(124, 101, 206, .1)) !important;
  color: var(--text) !important;
  box-shadow: inset 0 0 0 1px rgba(134, 204, 255, .4), 0 4px 15px -12px #8cdfff;
}
#home-models button[aria-pressed="true"] small { color: var(--text-2); }
#home-plans .plan {
  position: relative;
  overflow: hidden;
  background: var(--bm-surface);
  border: 1px solid var(--line-2);
  border-radius: 16px;
  box-shadow: inset 0 1px 0 rgba(202, 222, 255, .035), var(--bm-shadow);
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
#home-plans .plan.hot {
  background: radial-gradient(ellipse at 50% -15%, rgba(105, 158, 248, .18), transparent 60%), var(--bm-surface);
  border-color: rgba(143, 200, 255, .5);
  box-shadow: inset 0 1px 0 rgba(197, 232, 255, .2), 0 16px 65px -37px rgba(96, 152, 255, .3);
}
#home-plans .plan:hover {
  transform: translateY(-4px);
  border-color: rgba(143, 200, 255, .56);
  box-shadow: inset 0 1px 0 rgba(202, 222, 255, .09), 0 24px 65px -35px rgba(54, 97, 163, .42);
}
#home-plans .plan h3 { font-size: 21px; letter-spacing: -.035em; padding-right: 48px; }
#home-plans .plan .badge {
  border: 1px solid rgba(152, 188, 255, .25);
  background: rgba(110, 160, 235, .1);
  color: var(--ice);
  font-size: 11px;
  box-shadow: none;
}
#home-plans .plan .price .num { font-variant-numeric: tabular-nums; letter-spacing: -.045em; }
#home-plans .plan .inc li::before { color: var(--ice); }
#home-plans .plan .btn {
  border-radius: 9px;
  color: #06101b !important;
  background: linear-gradient(110deg, #b5eaff, #9bb5ff);
  border: 1px solid rgba(204, 231, 255, .45);
  box-shadow: 0 8px 28px -18px rgba(118, 179, 255, .5);
}
#home-plans .plan .btn.ghost {
  color: var(--text) !important;
  background: rgba(123, 166, 226, .035);
  border-color: var(--line-2);
  box-shadow: none;
}
#home-plans .plan .btn:hover { border-color: var(--ice); filter: brightness(1.08); }
.bm-plan-kind { color: var(--ice); font-size: 11px; letter-spacing: .09em; text-transform: uppercase; }
.bm-reference { color: var(--text-3); font-size: 12px; line-height: 1.7; }
.bm-reference del, .bm-reference s { text-decoration-color: var(--text-3); margin-right: 8px; }
.bm-reference strong, .bm-reference b, .bm-reference .deal { color: var(--ice); font-weight: 500; }
.bm-billing {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3px;
  padding: 3px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--bg);
}
.bm-billing button {
  min-height: 36px;
  padding: 6px 8px;
  border: 1px solid transparent;
  border-radius: 5px;
  color: var(--text-3);
  background: transparent;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}
.bm-billing button[aria-pressed="true"] { color: var(--ice); background: var(--bg-3); border-color: var(--line-2); }
.bm-billing.bm-billing-caption { display: flex; align-items: center; min-height: 44px; padding: 9px 0; border-color: transparent; background: transparent; color: var(--text-3); font-size: 12px; }
.bm-annual-note { margin: 0; color: var(--text-2); font-size: 12px; line-height: 1.75; }
.plan-availability { color: var(--text-3); font-size: 12px; }
#home-plans .plan-availability.waiting { color: var(--text-3); }
html[data-theme="light"] #home-plans .plan.hot {
  background: radial-gradient(ellipse at 50% -15%, rgba(105, 158, 248, .13), transparent 60%), #fff;
  border-color: rgba(56, 106, 194, .4);
}
html[data-theme="light"] #home-plans .plan .btn { color: #fff !important; background: linear-gradient(110deg, #286bc3, #6658b9); }
html[data-theme="light"] #home-plans .plan .btn.ghost { color: var(--text) !important; background: #f4f7ff; }

/* Existing accordion and delivery layout, with quieter chrome. */
.steps4 li { border-color: var(--line); }
.steps4 .n, .steps4 .who { color: var(--ice); }
.steps4 li:after { background: linear-gradient(90deg, #85dfff, #a197ff); box-shadow: 0 0 16px rgba(137, 179, 255, .2); }
html[data-theme="dark"] .acc { border-color: var(--line); background: transparent; }
.acc summary { transition: color .25s ease; }
.acc summary:hover, .acc details[open] > summary { color: var(--ice); }
.acc details { border-color: var(--line); }
.acc .ans { color: var(--text-2); }
html[data-theme="dark"] .finale {
  background: radial-gradient(ellipse at 50% 110%, rgba(109, 116, 224, .16), transparent 65%), #050913;
}
.finale h2 { background: var(--grad); color: transparent; -webkit-background-clip: text; background-clip: text; }
.finale .btn { background: linear-gradient(110deg, #b5eaff, #9bb5ff); color: #06101b !important; }
footer { border-top-color: var(--line); background: var(--bg); }
footer .logo { color: var(--text); }
footer a:hover { color: var(--ice); }
footer p, footer .fine { color: var(--text-3); }

/* Public information and the local request form use the same visual language. */
body.bm-document { font-family: "Avenir Next", "PingFang SC", "Microsoft YaHei", sans-serif; }
body.bm-document::before { display: none; }
body.bm-document .site-header { background: rgba(5, 9, 17, .92); border-color: var(--line); }
html[data-theme="light"] body.bm-document .site-header { background: rgba(250, 252, 255, .94); }
body.bm-document .brand { letter-spacing: -.035em; color: var(--text); }
body.bm-document .brand svg { color: var(--ice); }
body.bm-document .site-actions .btn,
body.bm-document .btn--green { color: #06101b; background: linear-gradient(110deg, #b5eaff, #9bb5ff); border-color: rgba(180, 220, 255, .4); }
body.bm-document .page-hero {
  background: radial-gradient(ellipse at 85% 0%, rgba(108, 115, 216, .09), transparent 60%);
  border-color: var(--line);
}
body.bm-document .page-hero h1 { letter-spacing: -.04em; }
body.bm-document .prose h2 { letter-spacing: -.025em; }
body.bm-document .toc a:hover, body.bm-document .toc a.on { color: var(--ice); border-left-color: var(--ice); }
body.bm-document .prose .callout { border-color: var(--ice); background: var(--bg-2); }
body.bm-document .site-footer { background: var(--bg-1); border-color: var(--line); }
body.bm-document .footer-bar .wrap { padding-bottom: 24px; }
body.bm-document .site-footer .wrap { grid-template-columns: 1.3fr 1fr 1fr; }
.bm-subpage { min-height: 60vh; }
.bm-contact { padding-block: clamp(45px, 6vw, 85px) clamp(65px, 7vw, 110px); }
.bm-contact-layout { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(32px, 6vw, 90px); align-items: start; }
.bm-contact-layout > * { min-width: 0; }
.bm-contact-layout h2 { margin-bottom: 18px; font-size: clamp(28px, 3vw, 42px); line-height: 1.3; letter-spacing: -.035em; }
.bm-contact-layout p { color: var(--text-2); line-height: 1.85; }
.bm-contact-layout .kicker { color: var(--ice); }
.bm-contact-layout ul { display: grid; gap: 14px; margin-top: 28px; color: var(--text-2); }
.bm-contact-layout li { padding-left: 16px; position: relative; }
.bm-contact-layout li::before { content: ""; position: absolute; width: 4px; height: 4px; border-radius: 50%; left: 0; top: .8em; background: var(--ice); box-shadow: 0 0 10px rgba(117, 216, 255, .3); }
#bm-request {
  padding: clamp(22px, 3vw, 36px);
  border: 1px solid var(--line-2);
  border-radius: 18px;
  background: var(--bm-surface);
  box-shadow: var(--bm-shadow), inset 0 1px 0 rgba(199, 224, 255, .06);
}
.bm-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 18px; }
.bm-field { display: grid; gap: 8px; font-size: 13px; color: var(--text-2); min-width: 0; }
.bm-field-full, .bm-form-grid > .full { grid-column: 1 / -1; }
.bm-field > span { color: var(--text-2); }
#bm-request input, #bm-request select, #bm-request textarea {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 46px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid var(--line-2);
  border-radius: 8px;
  color: var(--text);
  background: var(--bg);
  font: inherit;
  font-size: 14px;
  line-height: 1.5;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, .08);
  transition: border-color .2s ease, box-shadow .2s ease;
}
#bm-request input:focus, #bm-request select:focus, #bm-request textarea:focus { border-color: var(--ice); box-shadow: 0 0 0 3px rgba(117, 216, 255, .08); }
#bm-request textarea { resize: vertical; min-height: 128px; }
#bm-request :is(input, textarea)::placeholder { color: var(--text-3); opacity: .85; }
#bm-request select:disabled { opacity: .6; cursor: not-allowed; }
#bm-request .btn { width: 100%; min-height: 48px; border-radius: 9px; background: linear-gradient(110deg, #b5eaff, #9bb5ff); color: #06101b; border: 1px solid rgba(200, 231, 255, .35); }
#bm-quote { margin-block: 24px; padding: 18px; border: 1px solid rgba(115, 180, 239, .26); border-radius: 10px; color: var(--text); background: linear-gradient(110deg, rgba(93, 170, 223, .08), rgba(126, 103, 207, .07)); font-size: 14px; line-height: 1.8; white-space: pre-line; }
#bm-quote strong, #bm-quote b { color: var(--ice); font-size: 21px; font-variant-numeric: tabular-nums; }
.bm-status, #bm-request-status { margin-top: 14px; font-size: 13px; line-height: 1.75; color: var(--ice); }
#bm-request .fine, .bm-form-note { margin-top: 12px; font-size: 12px; color: var(--text-3); line-height: 1.75; }
.bm-status:empty, #bm-request-status:empty { display: none; }
#bm-request [hidden] { display: none !important; }

/* The public support pages use the same homepage navigation, not the old shell. */
.bm-document-content { max-width: 980px; margin-top: clamp(34px, 5vw, 60px); }
.bm-document-content > section.faq-card {
  display: block;
  position: relative;
  inset: auto;
  width: auto;
  height: auto;
  margin: 0;
  padding: 30px 0;
  border: 0;
  border-top: 1px solid var(--line);
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  transform: none;
}
.bm-document-content > section.faq-card h2 { margin: 0 0 14px; font-size: clamp(20px, 2.2vw, 25px); line-height: 1.5; letter-spacing: -.025em; color: var(--text); }
.bm-document-content > section.faq-card p { max-width: 56em; margin: 0; font-size: 16px; line-height: 1.9; color: var(--text-2); }
.bm-document-content > section.faq-card p + p { margin-top: 12px; }
.bm-document-content > section.faq-card .more { margin-top: 14px; }
body.bm-document footer > .wrap { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, .8fr) minmax(0, 1fr); gap: 30px 40px; }
body.bm-document footer .footer-brand p { max-width: 28em; margin-top: 14px; font-size: 14px; line-height: 1.8; }
body.bm-document footer h4 { margin-bottom: 14px; color: var(--text); font-size: 13px; font-weight: 600; }
body.bm-document footer ul { display: grid; gap: 8px; list-style: none; font-size: 14px; color: var(--text-2); }
body.bm-document footer .footer-contact p { font-size: 13px; line-height: 1.8; }
body.bm-document footer .legal, body.bm-document footer .copyright { grid-column: 1 / -1; font-size: 12px; line-height: 1.85; }
body.bm-document footer .legal { border-top: 1px solid var(--line); padding-top: 22px; }
body.bm-document footer .copyright { margin-top: -15px; }

/* Reuse the compact contact dock for local configuration and connection help. */
html body .contact-float {
  --ink: #edf5ff;
  --ink-2: #c3d0e5;
  --muted: #98aac6;
  --line: rgba(150, 189, 247, .2);
  --line-strong: rgba(150, 189, 247, .3);
  --green: #8bdbff;
  --green-deep: #b2e8ff;
  --paper-deep: #101d31;
  --paper-soft: #0c1627;
  padding: 6px;
  gap: 3px;
  border-radius: 17px;
}
html body .contact-float::before {
  background: linear-gradient(140deg, rgba(15, 29, 50, .91), rgba(10, 13, 29, .94));
  border: 1px solid rgba(147, 190, 251, .26);
  box-shadow: inset 0 1px 0 rgba(204, 229, 255, .07), 0 14px 45px -18px rgba(0, 0, 0, .8), 0 0 35px -23px rgba(117, 172, 255, .6);
  backdrop-filter: saturate(140%) blur(22px);
  -webkit-backdrop-filter: saturate(140%) blur(22px);
}
html body .contact-float .contact-float__btn,
html body .contact-float .contact-float__btn:visited {
  color: #e8f1ff;
  background: transparent;
  border: 0;
  border-radius: 11px;
  padding: 6px 12px 6px 6px;
  box-shadow: none;
}
html body .contact-float .contact-float__btn:hover,
html body .contact-float .contact-float__btn:active {
  color: #fff;
  background: rgba(129, 173, 235, .1);
  border: 0;
  box-shadow: none;
}
html body .contact-float .contact-float__btn:focus-visible { outline-color: #8bdbff; outline-offset: 2px; }
html body .contact-float .contact-float__btn--tg svg {
  color: #b8eeff;
  background: linear-gradient(150deg, #254c72, #18374e);
  box-shadow: inset 0 0 0 1px rgba(119, 214, 255, .3), 0 0 17px -8px rgba(112, 209, 255, .6);
}
html body .contact-float .contact-float__btn--wechat svg {
  color: #d0c4ff;
  background: linear-gradient(150deg, #473c79, #292847);
  box-shadow: inset 0 0 0 1px rgba(182, 157, 255, .3), 0 0 17px -8px rgba(153, 131, 255, .5);
}
html body .contact-float .contact-float__btn span::after { color: #97a9c3; font-size: 10.5px; line-height: 1.4; margin-top: 3px; }
html body .contact-float .contact-float__btn.contact-float__btn--tg span::after { content: "整理你的需求"; }
html body .contact-float .contact-float__btn.contact-float__btn--wechat span::after { content: "网易 UU 远程"; }
html[lang^="en"] body .contact-float .contact-float__btn.contact-float__btn--tg span::after { content: "Build your setup"; }
html[lang^="en"] body .contact-float .contact-float__btn.contact-float__btn--wechat span::after { content: "NetEase UU Remote"; }

@media (max-width: 1100px) {
  .bm-contact-layout { gap: 32px; }
  body.bm-document .site-header .wrap { gap: 12px; }
}
@media (max-width: 760px) {
  html[data-theme="dark"] main.journey-ready > .chapter-section,
  html[data-theme="dark"] main.journey-ready > .chapter-section.chapter-alternate,
  html[data-theme="dark"] main.journey-ready > .chapter-section.statement { border-radius: 12px; }
  .top .logo { white-space: nowrap; }
  .bm-contact-layout { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  body.bm-document .site-footer .wrap { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  body.bm-document footer > .wrap { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  .bm-document-content > section.faq-card { padding-block: 24px; }
  .bm-document-content > section.faq-card p { font-size: 15px; }
  #bm-request { padding: 24px 20px; }
  .bm-form-grid { gap: 18px 14px; }
}
@media (max-width: 480px) {
  .top .wrap { gap: 7px !important; }
  .top .logo { font-size: 18px; gap: 6px; }
  .top .logo svg { width: 18px; height: 18px; }
  .top .btn { padding-inline: 11px; }
  .theme-toggle, .lang-btn { width: 38px; min-height: 40px; height: 40px; }
  .motion-toggle { min-height: 40px; padding-inline: 9px; }
  #home-models button { padding: 11px 8px; font-size: 14px; }
  #home-models button small { font-size: 11px; }
  #home-plans .plan { padding: 26px 22px; }
  #home-plans .plan h3 { font-size: 20px; }
  #home-plans .plan .price .num { font-size: 38px; }
  #home-plans .plan:hover { transform: none; }
  .bm-form-grid { grid-template-columns: minmax(0, 1fr); }
  .bm-field-full, .bm-form-grid > .full { grid-column: auto; }
  body.bm-document .brand { font-size: 19px; }
  body.bm-document .site-actions .btn { font-size: 13px; padding: 10px 13px; }
  #bm-quote { padding: 15px; }
}
@media (max-width: 640px) {
  html body .contact-float { padding: 5px; gap: 5px; border-radius: 999px; }
  html body .contact-float .contact-float__btn.contact-float__btn--tg,
  html body .contact-float .contact-float__btn.contact-float__btn--wechat { width: 42px; height: 42px; padding: 0; border-radius: 50%; }
  html body .contact-float .contact-float__btn svg { width: 42px; height: 42px; padding: 10px; }
  html body .contact-float .contact-float__btn span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}
@media (prefers-reduced-motion: reduce) {
  #home-plans .plan, .top .nav a, #home-models button, #bm-request input, #bm-request select, #bm-request textarea { transition: none; }
  #home-plans .plan:hover { transform: none; }
}

/* Avoid a repeated English region caption in the original bilingual 3D label. */
html[lang="en"] .h3d-lbl.sg small { display: none; }