/* Memtrove — memtrove.app
 * One stylesheet for every page. Variables share names with the app tokens (handoff/tokens.css);
 * --mt-site-* are web-only. Theme: system by default; site.js sets [data-theme="light"|"dark"] on <html>.
 * Breakpoints: desktop >= 1024px · tablet 640–1023px · mobile < 640px.
 * Generated by tools/gen-web.js from the same rule table as the .dc.html frames. */

:root {
  --mt-background: #F8F7F5;
  --mt-chrome: #EFEEEB;
  --mt-card: #FFFFFF;
  --mt-field: #FFFFFF;
  --mt-border: #E2E0DB;
  --mt-border-strong: #D6D4CF;
  --mt-foreground: #1A1A1C;
  --mt-foreground-2: #3A3835;
  --mt-foreground-3: #4A4845;
  --mt-muted-foreground: #64625E;
  --mt-faint-foreground: #8A8781;
  --mt-segmented-bg: #E2E0DB;
  --mt-segmented-selected: #FFFFFF;
  --mt-segmented-selected-fg: #1A1A1C;
  --mt-primary: #8C6516;
  --mt-primary-hover: #7A580F;
  --mt-primary-pressed: #6A4C0C;
  --mt-on-primary: #FFFFFF;
  --mt-selected: #F3EAD6;
  --mt-selected-meta: #5C574D;
  --mt-selected-text: #3A3835;
  --mt-highlight: #F1DFB0;
  --mt-highlight-text: #1A1A1C;
  --mt-hit-selected: #1A1A1C;
  --mt-hit-underline: #8C6516;
  --mt-ring: #2F6496;
  --mt-ring-halo: rgba(47,100,150,.22);
  --mt-success: #23784A;
  --mt-warning: #B57A12;
  --mt-warning-text: #7A5208;
  --mt-warning-track: #E8D09A;
  --mt-warning-bg: #F7EFDC;
  --mt-error: #B5372B;
  --mt-error-text: #9A2C21;
  --mt-error-bg: #F8E7E4;
  --mt-button-secondary: #FFFFFF;
  --mt-button-secondary-hover: #F2F1EE;
  --mt-button-secondary-pressed: #E8E6E2;
  --mt-button-secondary-border: #D6D4CF;
  --mt-row-hover: #EFEEEB;
  --mt-progress-track: #E2E0DB;
  --mt-progress-bar: #64625E;
  --mt-control-on: #3A3835;
  --mt-control-off: #D6D4CF;
  --mt-switch-knob: #FFFFFF;
  --mt-chip-bg: #E2E0DB;
  --mt-code-bg: #EFEEEB;
  --mt-scrim: rgba(248,247,245,.6);
  --mt-shadow-window: 0 0 0 .5px rgba(0,0,0,.22),0 24px 60px rgba(0,0,0,.16);
  --mt-shadow-popover: 0 0 0 .5px rgba(0,0,0,.2),0 10px 30px rgba(0,0,0,.18);
  --mt-font: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
  --mt-font-mono: ui-monospace, 'SF Mono', Menlo, monospace;
  --mt-space-2: 2px;
  --mt-space-4: 4px;
  --mt-space-6: 6px;
  --mt-space-8: 8px;
  --mt-space-10: 10px;
  --mt-space-12: 12px;
  --mt-space-14: 14px;
  --mt-space-16: 16px;
  --mt-space-20: 20px;
  --mt-space-24: 24px;
  --mt-space-32: 32px;
  --mt-space-40: 40px;
  --mt-radius-xs: 4px;
  --mt-radius-sm: 5px;
  --mt-radius-control: 6px;
  --mt-radius-row: 8px;
  --mt-radius-field: 9px;
  --mt-radius-card: 10px;
  --mt-radius-window: 12px;
  --mt-radius-panel: 14px;
  --mt-radius-pill: 999px;
  --mt-size-toolbar: 48px;
  --mt-size-toolbar-narrow: 44px;
  --mt-size-footer: 28px;
  --mt-size-footer-actions: 34px;
  --mt-size-search-field: 40px;
  --mt-size-search-field-narrow: 34px;
  --mt-size-button: 26px;
  --mt-size-button-sm: 24px;
  --mt-size-button-lg: 30px;
  --mt-size-input: 28px;
  --mt-size-list-width: 360px;
  --mt-size-settings-sidebar: 200px;
  --mt-size-quick-panel-width: 680px;
  --mt-focus: 0 0 0 2px var(--mt-background), 0 0 0 4px var(--mt-ring);
  --mt-focus-field: 0 0 0 1px var(--mt-ring), 0 0 0 3px var(--mt-ring-halo);
  --mt-duration-hover: 120ms;
  --mt-duration-press: 60ms;
  --mt-duration-popover: 160ms;
  --mt-duration-expand: 240ms;
  --mt-duration-spinner: 1000ms;
  --mt-ease: cubic-bezier(.2,.8,.2,1);
  --mt-disabled-opacity: .45;
}
[data-theme="dark"] {
  --mt-background: #141416;
  --mt-chrome: #1D1D20;
  --mt-card: #1D1D20;
  --mt-field: #1D1D20;
  --mt-border: #2E2E33;
  --mt-border-strong: #3A3A40;
  --mt-foreground: #EDECE8;
  --mt-foreground-2: #CFCDD1;
  --mt-foreground-3: #B9B7BC;
  --mt-muted-foreground: #9C9AA0;
  --mt-faint-foreground: #75737A;
  --mt-segmented-bg: #141416;
  --mt-segmented-selected: #3A3A40;
  --mt-segmented-selected-fg: #EDECE8;
  --mt-primary: #D4A74E;
  --mt-primary-hover: #E0B865;
  --mt-primary-pressed: #C0953F;
  --mt-on-primary: #141416;
  --mt-selected: #2D271B;
  --mt-selected-meta: #B3A88F;
  --mt-selected-text: #CFCDD1;
  --mt-highlight: #4A3D1E;
  --mt-highlight-text: #F0D28E;
  --mt-hit-selected: #F0D28E;
  --mt-hit-underline: #D4A74E;
  --mt-ring: #8DB3D8;
  --mt-ring-halo: rgba(141,179,216,.3);
  --mt-success: #5DBB7E;
  --mt-warning: #E0A33A;
  --mt-warning-text: #E0A33A;
  --mt-warning-track: #5C4418;
  --mt-warning-bg: #2A2214;
  --mt-error: #E5675B;
  --mt-error-text: #F08A80;
  --mt-error-bg: #2E1A18;
  --mt-button-secondary: #2A2A2F;
  --mt-button-secondary-hover: #323238;
  --mt-button-secondary-pressed: #3A3A40;
  --mt-button-secondary-border: #3A3A40;
  --mt-row-hover: #1D1D20;
  --mt-progress-track: #2E2E33;
  --mt-progress-bar: #9C9AA0;
  --mt-control-on: #B9B7BC;
  --mt-control-off: #3A3A40;
  --mt-switch-knob: #FFFFFF;
  --mt-chip-bg: #2E2E33;
  --mt-code-bg: #101012;
  --mt-scrim: rgba(20,20,22,.6);
  --mt-shadow-window: 0 0 0 .5px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.06),0 24px 60px rgba(0,0,0,.35);
  --mt-shadow-popover: 0 0 0 .5px rgba(0,0,0,.6),0 10px 30px rgba(0,0,0,.5);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --mt-background: #141416;
    --mt-chrome: #1D1D20;
    --mt-card: #1D1D20;
    --mt-field: #1D1D20;
    --mt-border: #2E2E33;
    --mt-border-strong: #3A3A40;
    --mt-foreground: #EDECE8;
    --mt-foreground-2: #CFCDD1;
    --mt-foreground-3: #B9B7BC;
    --mt-muted-foreground: #9C9AA0;
    --mt-faint-foreground: #75737A;
    --mt-segmented-bg: #141416;
    --mt-segmented-selected: #3A3A40;
    --mt-segmented-selected-fg: #EDECE8;
    --mt-primary: #D4A74E;
    --mt-primary-hover: #E0B865;
    --mt-primary-pressed: #C0953F;
    --mt-on-primary: #141416;
    --mt-selected: #2D271B;
    --mt-selected-meta: #B3A88F;
    --mt-selected-text: #CFCDD1;
    --mt-highlight: #4A3D1E;
    --mt-highlight-text: #F0D28E;
    --mt-hit-selected: #F0D28E;
    --mt-hit-underline: #D4A74E;
    --mt-ring: #8DB3D8;
    --mt-ring-halo: rgba(141,179,216,.3);
    --mt-success: #5DBB7E;
    --mt-warning: #E0A33A;
    --mt-warning-text: #E0A33A;
    --mt-warning-track: #5C4418;
    --mt-warning-bg: #2A2214;
    --mt-error: #E5675B;
    --mt-error-text: #F08A80;
    --mt-error-bg: #2E1A18;
    --mt-button-secondary: #2A2A2F;
    --mt-button-secondary-hover: #323238;
    --mt-button-secondary-pressed: #3A3A40;
    --mt-button-secondary-border: #3A3A40;
    --mt-row-hover: #1D1D20;
    --mt-progress-track: #2E2E33;
    --mt-progress-bar: #9C9AA0;
    --mt-control-on: #B9B7BC;
    --mt-control-off: #3A3A40;
    --mt-switch-knob: #FFFFFF;
    --mt-chip-bg: #2E2E33;
    --mt-code-bg: #101012;
    --mt-scrim: rgba(20,20,22,.6);
    --mt-shadow-window: 0 0 0 .5px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.06),0 24px 60px rgba(0,0,0,.35);
    --mt-shadow-popover: 0 0 0 .5px rgba(0,0,0,.6),0 10px 30px rgba(0,0,0,.5);
  }
}
/* Type (size/line-height weight) — EN | ZH */
/* meta              11.5px/1.4 400                 | 12px/1.5 400 */
/* small             12px/1.45 400                  | 12.5px/1.6 400 */
/* snippet           12.5px/1.5 400                 | 12.5px/1.65 400 */
/* body              13px/1.5 400                   | 13px/1.65 400 */
/* label-strong      13px/1.4 600                   | 13px/1.5 600 */
/* title             15px/1.4 600                   | 15px/1.45 600 */
/* search            16px/1.3 400 (narrow 15px)     | 16px/1.3 400 */
/* quick-search      20px/1.3 400                   | 20px/1.3 400 */
/* onboarding-title  24px/1.25 600 · -0.01em        | 24px/1.3 600 */
/* section-label     11.5px 600 · +0.02em           | 12px 600 */

:root {
  --mt-site-inset:#EFEEEB;
  --mt-site-raised:#FFFFFF;
}

[data-theme="dark"] {
  --mt-site-inset:#141416;
  --mt-site-raised:#232327;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --mt-site-inset:#141416;
    --mt-site-raised:#232327;
  }
}

/* ---------- base ---------- */

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

html {
  color-scheme:light dark;
  -webkit-text-size-adjust:100%;
  scroll-padding-top:80px;
}

[data-theme="light"] {
  color-scheme:light;
}

[data-theme="dark"] {
  color-scheme:dark;
}

img, svg {
  max-width:100%;
}

a {
  color:var(--mt-foreground);
}

:focus-visible {
  outline:none;
  box-shadow:var(--mt-focus);
  border-radius:var(--mt-radius-control);
}

.mt-search:focus-within {
  box-shadow:var(--mt-focus-field);
}

.mt-search-input:focus-visible {
  box-shadow:none;
}

.mt-search-input::placeholder {
  color:var(--mt-muted-foreground);
  opacity:1;
}

.mt-prose li::marker {
  color:var(--mt-muted-foreground);
}

.mt-toc-m-sum::-webkit-details-marker {
  display:none;
}

.mt-btn--soon, .mt-btn[aria-disabled="true"] {
  pointer-events:none;
}

.mt-btn--primary:active {
  background:var(--mt-primary-pressed);
}

.mt-btn--secondary:active {
  background:var(--mt-button-secondary-pressed);
}

.mt-menu[hidden] {
  display:none;
}

/* Theme-paired images: put both <img> in the markup. */

.mt-only-dark {
  display:none !important;
}

[data-theme="dark"] .mt-only-dark {
  display:block !important;
}

[data-theme="dark"] .mt-only-light {
  display:none !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .mt-only-dark { display: block !important; }
  :root:not([data-theme="light"]) .mt-only-light { display: none !important; }
}

/* Theme toggle icon: .mt-theme-ic--moon shows in light, --sun in dark */

.mt-theme-ic--sun {
  display:none;
}

[data-theme="dark"] .mt-theme-ic--sun {
  display:block;
}

[data-theme="dark"] .mt-theme-ic--moon {
  display:none;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .mt-theme-ic--sun { display: block; }
  :root:not([data-theme="light"]) .mt-theme-ic--moon { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; scroll-behavior: auto !important; }
}

/* ---------- components ---------- */

.mt-page {
  margin:0;
  background:var(--mt-background);
  color:var(--mt-foreground);
  font-family:var(--mt-font);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

:lang(zh) .mt-page {
  line-height:1.75;
}

.mt-ic {
  flex:none;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.mt-wrap {
  max-width:1120px;
  margin:0 auto;
  padding:0 32px;
}

.mt-spacer {
  flex:1;
  min-width:0;
}

.mt-nav {
  position:sticky;
  top:0;
  z-index:10;
  background:var(--mt-background);
  border-bottom:1px solid var(--mt-border);
}

.mt-nav-in {
  height:64px;
  display:flex;
  align-items:center;
  gap:28px;
}

.mt-logo {
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--mt-foreground);
  text-decoration:none;
  font-size:17px;
  font-weight:650;
  letter-spacing:-.01em;
  flex:none;
}

.mt-logo-mark {
  display:block;
  flex:none;
}

.mt-nav-links {
  display:flex;
  align-items:center;
  gap:2px;
}

.mt-nav-link {
  padding:6px 10px;
  border-radius:8px;
  color:var(--mt-foreground-2);
  text-decoration:none;
  font-size:14.5px;
  white-space:nowrap;
}

.mt-nav-link:hover {
  background:var(--mt-chrome);
  color:var(--mt-foreground);
}

.mt-nav-link--on {
  color:var(--mt-foreground);
  font-weight:600;
}

.mt-nav-right {
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:6px;
}

.mt-nav-lang {
  display:flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:8px;
  color:var(--mt-foreground-2);
  text-decoration:none;
  font-size:14px;
  white-space:nowrap;
}

.mt-nav-lang:hover {
  background:var(--mt-chrome);
  color:var(--mt-foreground);
}

.mt-icon-btn {
  width:36px;
  height:36px;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--mt-foreground-2);
  background:transparent;
  border:0;
  padding:0;
  cursor:pointer;
  flex:none;
}

.mt-icon-btn:hover {
  background:var(--mt-chrome);
  color:var(--mt-foreground);
}

.mt-menu {
  border-top:1px solid var(--mt-border);
  background:var(--mt-background);
  padding:4px 16px 20px;
  display:flex;
  flex-direction:column;
}

.mt-menu-link {
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:52px;
  border-bottom:1px solid var(--mt-border);
  color:var(--mt-foreground);
  text-decoration:none;
  font-size:17px;
}

.mt-menu-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:52px;
  border-bottom:1px solid var(--mt-border);
  font-size:15px;
  color:var(--mt-foreground-3);
}

.mt-menu-cta {
  display:flex;
  flex-direction:column;
  gap:10px;
  padding-top:20px;
}

.mt-muted-ic {
  display:flex;
  color:var(--mt-muted-foreground);
  flex:none;
}

.mt-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  height:44px;
  padding:0 20px;
  border-radius:10px;
  font-family:inherit;
  font-size:15px;
  font-weight:600;
  line-height:1;
  white-space:nowrap;
  text-decoration:none;
  border:0;
  cursor:pointer;
  box-sizing:border-box;
  flex:none;
  transition:background-color var(--mt-duration-hover) var(--mt-ease);
}

.mt-btn--sm {
  height:36px;
  padding:0 14px;
  border-radius:8px;
  font-size:14px;
}

.mt-btn--primary {
  background:var(--mt-primary);
  color:var(--mt-on-primary);
}

.mt-btn--primary:hover {
  background:var(--mt-primary-hover);
}

.mt-btn--secondary {
  background:var(--mt-button-secondary);
  color:var(--mt-foreground);
  box-shadow:inset 0 0 0 1px var(--mt-button-secondary-border);
}

.mt-btn--secondary:hover {
  background:var(--mt-button-secondary-hover);
}

.mt-btn--soon {
  background:var(--mt-chrome);
  color:var(--mt-foreground-3);
  box-shadow:inset 0 0 0 1px var(--mt-border-strong);
  cursor:default;
  font-weight:500;
}

.mt-btn--full {
  width:100%;
}

.mt-mail-link {
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--mt-foreground-2);
  font-size:15px;
  text-decoration:underline;
  text-decoration-color:var(--mt-border-strong);
  text-underline-offset:3px;
  padding:0 4px;
}

.mt-mail-link:hover {
  color:var(--mt-foreground);
  text-decoration-color:var(--mt-foreground);
}

.mt-h1 {
  margin:0;
  font-size:56px;
  line-height:1.08;
  font-weight:700;
  letter-spacing:-.025em;
  text-wrap:balance;
}

:lang(zh) .mt-h1 {
  letter-spacing:0;
  line-height:1.22;
}

.mt-h1--page {
  font-size:48px;
}

.mt-h2 {
  margin:0;
  font-size:38px;
  line-height:1.15;
  font-weight:700;
  letter-spacing:-.02em;
  text-wrap:balance;
}

:lang(zh) .mt-h2 {
  letter-spacing:0;
  line-height:1.3;
}

.mt-h3 {
  margin:0;
  font-size:17px;
  line-height:1.4;
  font-weight:650;
}

.mt-lead {
  margin:0;
  font-size:19px;
  line-height:1.6;
  color:var(--mt-foreground-3);
  text-wrap:pretty;
  max-width:640px;
}

:lang(zh) .mt-lead {
  line-height:1.75;
}

.mt-kicker {
  margin:0;
  font-size:13px;
  line-height:1.3;
  font-weight:600;
  color:var(--mt-muted-foreground);
  letter-spacing:.04em;
  display:flex;
  align-items:center;
  gap:8px;
}

:lang(zh) .mt-kicker {
  letter-spacing:.02em;
}

.mt-fine {
  margin:0;
  font-size:13.5px;
  line-height:1.5;
  color:var(--mt-muted-foreground);
}

.mt-badge {
  display:inline-flex;
  align-items:center;
  height:22px;
  padding:0 8px;
  border-radius:6px;
  background:var(--mt-chip-bg);
  color:var(--mt-foreground-2);
  font-size:12.5px;
  font-weight:600;
  letter-spacing:0;
  white-space:nowrap;
}

.mt-code {
  font-family:var(--mt-font-mono);
  font-size:.88em;
  background:var(--mt-code-bg);
  border-radius:5px;
  padding:.1em .4em;
}

.mt-kbd {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:28px;
  height:28px;
  padding:0 8px;
  box-sizing:border-box;
  border-radius:6px;
  background:var(--mt-card);
  box-shadow:inset 0 0 0 1px var(--mt-border-strong),0 1px 0 var(--mt-border-strong);
  font-family:var(--mt-font);
  font-size:13.5px;
  font-weight:500;
  color:var(--mt-foreground);
  line-height:1;
}

.mt-hero {
  padding:88px 0 0;
}

.mt-hero-text {
  max-width:760px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:20px;
}

.mt-actions {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  padding-top:8px;
}

.mt-hero-stage {
  margin-top:56px;
  padding:64px 32px;
  border-radius:24px;
  background:var(--mt-chrome);
  display:flex;
  justify-content:center;
}

.mt-shot {
  display:block;
  max-width:100%;
  height:auto;
  border-radius:12px;
  box-shadow:var(--mt-shadow-window);
}

.mt-shot--hero {
  width:880px;
}

.mt-shot--quick {
  width:600px;
  border-radius:13px;
  box-shadow:var(--mt-shadow-popover);
}

.mt-section {
  padding:120px 0;
}

.mt-section--band {
  background:var(--mt-chrome);
  border-top:1px solid var(--mt-border);
  border-bottom:1px solid var(--mt-border);
}

.mt-section--rule {
  border-top:1px solid var(--mt-border);
}

.mt-sec-head {
  display:flex;
  flex-direction:column;
  gap:14px;
  max-width:720px;
  margin-bottom:56px;
}

.mt-sec-head--tight {
  margin-bottom:0;
}

.mt-split {
  display:grid;
  grid-template-columns:minmax(0,5fr) minmax(0,7fr);
  gap:64px;
  align-items:center;
}

.mt-split--top {
  align-items:start;
}

.mt-stage {
  border-radius:20px;
  background:var(--mt-chrome);
  padding:56px 40px;
  display:flex;
  justify-content:center;
  align-items:center;
}

.mt-keys-list {
  margin:32px 0 0;
  padding:0;
  list-style:none;
  display:flex;
  flex-direction:column;
  border-top:1px solid var(--mt-border);
}

.mt-keys-row {
  display:flex;
  align-items:center;
  gap:16px;
  padding:11px 0;
  border-bottom:1px solid var(--mt-border);
  font-size:15px;
  color:var(--mt-foreground-2);
}

.mt-keys {
  display:flex;
  gap:4px;
  width:104px;
  flex:none;
}

.mt-grid3 {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.mt-fcard {
  display:flex;
  flex-direction:column;
  border-radius:16px;
  background:var(--mt-card);
  box-shadow:inset 0 0 0 1px var(--mt-border);
  overflow:hidden;
}

.mt-fcard-vis {
  height:188px;
  box-sizing:border-box;
  background:var(--mt-site-inset);
  border-bottom:1px solid var(--mt-border);
  padding:20px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
  overflow:hidden;
}

.mt-fcard-body {
  padding:20px 22px 24px;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.mt-fcard-p {
  margin:0;
  font-size:15px;
  line-height:1.6;
  color:var(--mt-foreground-3);
  text-wrap:pretty;
}

:lang(zh) .mt-fcard-p {
  line-height:1.75;
}

.mt-mini-field {
  display:flex;
  align-items:center;
  gap:8px;
  height:36px;
  padding:0 12px;
  border-radius:9px;
  background:var(--mt-field);
  box-shadow:0 0 0 1px var(--mt-border-strong);
  font-size:13.5px;
  line-height:1.3;
  color:var(--mt-foreground);
  white-space:nowrap;
  overflow:hidden;
  flex:none;
}

.mt-mini-row {
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:9px 12px;
  border-radius:8px;
  background:var(--mt-field);
  box-shadow:0 0 0 1px var(--mt-border);
  font-size:13px;
  line-height:1.45;
  flex:none;
  min-width:0;
}

.mt-mini-line {
  display:flex;
  align-items:center;
  gap:8px;
  height:34px;
  padding:0 12px;
  border-radius:8px;
  background:var(--mt-field);
  box-shadow:0 0 0 1px var(--mt-border);
  font-size:13px;
  line-height:1.3;
  white-space:nowrap;
  overflow:hidden;
  flex:none;
}

.mt-mini-title {
  font-weight:600;
  color:var(--mt-foreground);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  min-width:0;
}

.mt-mini-name {
  color:var(--mt-foreground);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  min-width:0;
}

.mt-mini-meta {
  display:flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  line-height:1.4;
  color:var(--mt-muted-foreground);
  white-space:nowrap;
  min-width:0;
}

.mt-mini-snip {
  font-size:12.5px;
  color:var(--mt-foreground-3);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.mt-mini-chips {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.mt-hl {
  background:var(--mt-highlight);
  color:var(--mt-highlight-text);
  border-radius:2px;
  padding:0 1px;
}

.mt-chip {
  display:inline-flex;
  align-items:center;
  gap:4px;
  height:22px;
  padding:0 8px;
  border-radius:6px;
  background:var(--mt-chip-bg);
  font-size:12.5px;
  font-weight:500;
  color:var(--mt-foreground);
  white-space:nowrap;
  flex:none;
}

.mt-reason {
  display:inline-flex;
  align-items:center;
  gap:4px;
  white-space:nowrap;
  flex:none;
  font-size:12px;
  color:var(--mt-muted-foreground);
}

.mt-seg {
  display:flex;
  padding:2px;
  border-radius:7px;
  background:var(--mt-segmented-bg);
  box-shadow:inset 0 0 0 1px var(--mt-border);
  font-size:12.5px;
  align-self:flex-start;
  flex:none;
}

.mt-seg-i {
  padding:3px 12px;
  border-radius:5px;
  color:var(--mt-foreground-3);
  white-space:nowrap;
}

.mt-seg-i--on {
  background:var(--mt-segmented-selected);
  color:var(--mt-segmented-selected-fg);
  font-weight:600;
  box-shadow:0 1px 2px rgba(0,0,0,.12);
}

.mt-mini-toc {
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:6px;
  border-radius:10px;
  background:var(--mt-field);
  box-shadow:0 0 0 1px var(--mt-border);
  font-size:13px;
  line-height:1.4;
  flex:none;
}

.mt-mini-toc-i {
  display:flex;
  gap:12px;
  padding:5px 8px;
  border-radius:6px;
  color:var(--mt-foreground-3);
  white-space:nowrap;
}

.mt-mini-toc-i--on {
  background:var(--mt-chrome);
  color:var(--mt-foreground);
  font-weight:600;
}

.mt-mini-toc-text {
  padding:2px 8px 4px 8px;
  font-size:12.5px;
  line-height:1.55;
  color:var(--mt-foreground-3);
}

.mt-cmd {
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-top:28px;
  padding:12px 14px;
  border-radius:10px;
  background:var(--mt-code-bg);
  font-family:var(--mt-font-mono);
  font-size:13px;
  line-height:1.55;
  color:var(--mt-foreground-2);
  overflow-wrap:anywhere;
}

.mt-note {
  display:flex;
  gap:12px;
  margin-top:16px;
  padding:16px 18px;
  border-radius:12px;
  box-shadow:inset 0 0 0 1px var(--mt-border-strong);
  font-size:14.5px;
  line-height:1.6;
  color:var(--mt-foreground-2);
}

:lang(zh) .mt-note {
  line-height:1.75;
}

.mt-note-body {
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}

.mt-note-title {
  font-weight:600;
  color:var(--mt-foreground);
}

.mt-convo {
  border-radius:20px;
  background:var(--mt-card);
  box-shadow:inset 0 0 0 1px var(--mt-border);
  padding:28px;
  display:flex;
  flex-direction:column;
  gap:14px;
}

.mt-who {
  font-size:12.5px;
  font-weight:600;
  color:var(--mt-muted-foreground);
}

.mt-msg-user-wrap {
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:6px;
}

.mt-msg-user {
  max-width:80%;
  padding:11px 16px;
  border-radius:16px 16px 4px 16px;
  background:var(--mt-chip-bg);
  font-size:15px;
  line-height:1.55;
  color:var(--mt-foreground);
}

.mt-tool {
  display:flex;
  flex-direction:column;
  gap:3px;
  padding:10px 14px;
  border-radius:10px;
  background:var(--mt-site-inset);
  box-shadow:inset 0 0 0 1px var(--mt-border);
  font-size:13px;
  line-height:1.45;
  color:var(--mt-muted-foreground);
  min-width:0;
}

.mt-tool-h {
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--mt-foreground-2);
  font-weight:600;
}

.mt-tool-d {
  font-family:var(--mt-font-mono);
  font-size:12px;
  color:var(--mt-muted-foreground);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  padding-left:22px;
}

.mt-msg-ai {
  display:flex;
  flex-direction:column;
  gap:10px;
  font-size:15px;
  line-height:1.65;
  color:var(--mt-foreground);
  padding-top:4px;
}

:lang(zh) .mt-msg-ai {
  line-height:1.8;
}

.mt-msg-p {
  margin:0;
}

.mt-cite {
  margin:0;
  padding:6px 0 6px 14px;
  border-left:2px solid var(--mt-border-strong);
  color:var(--mt-foreground-3);
  font-size:14px;
  line-height:1.6;
}

.mt-cite-src {
  display:block;
  margin-top:2px;
  font-size:12.5px;
  color:var(--mt-muted-foreground);
}

.mt-grid4 {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}

.mt-pcard {
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:24px;
  border-radius:16px;
  background:var(--mt-site-raised);
  box-shadow:inset 0 0 0 1px var(--mt-border);
}

.mt-pcard-ic {
  width:40px;
  height:40px;
  border-radius:10px;
  background:var(--mt-chip-bg);
  color:var(--mt-foreground-2);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:6px;
}

.mt-plist {
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:8px;
  font-size:15px;
  line-height:1.5;
  color:var(--mt-foreground-3);
}

.mt-plist-i {
  display:flex;
  gap:10px;
  align-items:flex-start;
}

.mt-plist-n {
  flex:none;
  width:20px;
  height:20px;
  border-radius:50%;
  box-shadow:inset 0 0 0 1px var(--mt-border-strong);
  font-size:11.5px;
  font-weight:600;
  line-height:20px;
  text-align:center;
  color:var(--mt-muted-foreground);
  margin-top:1px;
}

.mt-pfoot {
  margin:28px 0 0;
  display:flex;
  align-items:flex-start;
  gap:10px;
  max-width:880px;
  font-size:15px;
  line-height:1.6;
  color:var(--mt-foreground-3);
}

:lang(zh) .mt-pfoot {
  line-height:1.75;
}

.mt-link {
  color:var(--mt-foreground);
  text-decoration:underline;
  text-decoration-color:var(--mt-border-strong);
  text-underline-offset:3px;
}

.mt-link:hover {
  text-decoration-color:var(--mt-foreground);
}

.mt-prices {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:24px;
  max-width:880px;
}

.mt-price {
  display:flex;
  flex-direction:column;
  gap:20px;
  padding:32px;
  border-radius:20px;
  background:var(--mt-card);
  box-shadow:inset 0 0 0 1px var(--mt-border);
}

.mt-price--main {
  box-shadow:inset 0 0 0 1px var(--mt-border-strong),0 1px 2px rgba(0,0,0,.05);
}

.mt-price-name {
  margin:0;
  font-size:15px;
  font-weight:600;
  color:var(--mt-foreground-2);
}

.mt-price-amt {
  display:flex;
  align-items:baseline;
  gap:8px;
}

.mt-price-num {
  font-size:48px;
  line-height:1;
  font-weight:700;
  letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;
}

.mt-price-unit {
  font-size:15px;
  color:var(--mt-muted-foreground);
}

.mt-checks {
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:10px;
  font-size:15px;
  line-height:1.5;
  color:var(--mt-foreground-2);
}

.mt-check {
  display:flex;
  gap:10px;
  align-items:flex-start;
}

.mt-check-ic {
  display:flex;
  flex:none;
  margin-top:2px;
  color:var(--mt-muted-foreground);
}

.mt-price-foot {
  margin-top:auto;
  padding-top:4px;
}

.mt-terms {
  margin:24px 0 0;
  max-width:880px;
  font-size:15px;
  line-height:1.65;
  color:var(--mt-foreground-3);
  text-wrap:pretty;
}

:lang(zh) .mt-terms {
  line-height:1.8;
}

.mt-faq {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:56px;
}

.mt-faq-i {
  padding:24px 0;
  border-top:1px solid var(--mt-border);
  display:flex;
  flex-direction:column;
  gap:8px;
}

.mt-faq-q {
  margin:0;
  font-size:17px;
  line-height:1.4;
  font-weight:600;
}

.mt-faq-a {
  margin:0;
  font-size:15.5px;
  line-height:1.65;
  color:var(--mt-foreground-3);
  text-wrap:pretty;
}

:lang(zh) .mt-faq-a {
  line-height:1.8;
}

.mt-footer {
  border-top:1px solid var(--mt-border);
  padding:48px 0 40px;
  font-size:14px;
  color:var(--mt-muted-foreground);
}

.mt-footer-top {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:32px;
  padding-bottom:32px;
  border-bottom:1px solid var(--mt-border);
}

.mt-footer-brand {
  display:flex;
  flex-direction:column;
  gap:10px;
}

.mt-footer-links {
  display:flex;
  flex-wrap:wrap;
  gap:8px 24px;
}

.mt-footer-link {
  color:var(--mt-foreground-2);
  text-decoration:none;
}

.mt-footer-link:hover {
  color:var(--mt-foreground);
  text-decoration:underline;
}

.mt-footer-bottom {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding-top:24px;
  flex-wrap:wrap;
}

.mt-footer-meta {
  display:flex;
  align-items:center;
  gap:20px;
  flex-wrap:wrap;
}

.mt-footer-lang {
  display:flex;
  align-items:center;
  gap:8px;
}

.mt-footer-lang-a {
  color:var(--mt-foreground-2);
  text-decoration:none;
}

.mt-footer-lang-a:hover {
  color:var(--mt-foreground);
  text-decoration:underline;
}

.mt-footer-lang-a--on {
  color:var(--mt-foreground);
  font-weight:600;
}

.mt-tseg {
  display:inline-flex;
  padding:2px;
  border-radius:8px;
  background:var(--mt-segmented-bg);
  box-shadow:inset 0 0 0 1px var(--mt-border);
}

.mt-tseg-i {
  height:28px;
  padding:0 10px;
  border-radius:6px;
  display:inline-flex;
  align-items:center;
  font-size:13px;
  color:var(--mt-foreground-3);
  border:0;
  background:transparent;
  font-family:inherit;
  cursor:pointer;
  white-space:nowrap;
}

.mt-tseg-i--on {
  background:var(--mt-segmented-selected);
  color:var(--mt-segmented-selected-fg);
  font-weight:600;
  box-shadow:0 1px 2px rgba(0,0,0,.12);
}

.mt-doc {
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:64px;
  padding:56px 0 120px;
}

.mt-toc {
  position:sticky;
  top:96px;
  align-self:start;
  display:flex;
  flex-direction:column;
  gap:28px;
  font-size:14px;
}

.mt-toc-h {
  margin:0 0 6px;
  padding:0 10px;
  font-size:12.5px;
  font-weight:600;
  color:var(--mt-muted-foreground);
  letter-spacing:.02em;
}

.mt-toc-list {
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:1px;
}

.mt-toc-a {
  display:block;
  padding:5px 10px;
  border-radius:6px;
  color:var(--mt-foreground-3);
  text-decoration:none;
  line-height:1.4;
}

.mt-toc-a:hover {
  background:var(--mt-chrome);
  color:var(--mt-foreground);
}

.mt-toc-a--sub {
  padding-left:22px;
  font-size:13.5px;
}

.mt-toc-a--on {
  background:var(--mt-chrome);
  color:var(--mt-foreground);
  font-weight:600;
}

.mt-doc-tabs {
  display:none;
}

.mt-doc-tab {
  padding:6px 12px;
  border-radius:7px;
  font-size:14px;
  line-height:1.4;
  color:var(--mt-foreground-3);
  text-decoration:none;
  white-space:nowrap;
}

.mt-doc-tab--on {
  background:var(--mt-segmented-selected);
  color:var(--mt-segmented-selected-fg);
  font-weight:600;
  box-shadow:0 1px 2px rgba(0,0,0,.12);
}

.mt-doc-head {
  display:flex;
  flex-direction:column;
  gap:12px;
  padding-bottom:28px;
  margin-bottom:32px;
  border-bottom:1px solid var(--mt-border);
}

.mt-updated {
  margin:0;
  display:flex;
  align-items:center;
  gap:6px;
  font-size:13.5px;
  line-height:1.4;
  color:var(--mt-muted-foreground);
}

.mt-toc-m {
  display:none;
}

.mt-toc-m-sum {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 14px;
  font-size:15px;
  font-weight:600;
  cursor:pointer;
  list-style:none;
}

.mt-prose {
  max-width:720px;
  font-size:16.5px;
  line-height:1.7;
  color:var(--mt-foreground-2);
}

:lang(zh) .mt-prose {
  line-height:1.85;
}

.mt-prose h1 {
  margin:0;
  font-size:40px;
  line-height:1.15;
  font-weight:700;
  letter-spacing:-.02em;
  color:var(--mt-foreground);
}

:lang(zh) .mt-prose h1 {
  letter-spacing:0;
  line-height:1.3;
}

.mt-prose h2 {
  margin:56px 0 16px;
  font-size:26px;
  line-height:1.3;
  font-weight:700;
  letter-spacing:-.01em;
  color:var(--mt-foreground);
  scroll-margin-top:88px;
}

:lang(zh) .mt-prose h2 {
  letter-spacing:0;
}

.mt-prose h3 {
  margin:36px 0 10px;
  font-size:19px;
  line-height:1.4;
  font-weight:650;
  color:var(--mt-foreground);
  scroll-margin-top:88px;
}

.mt-prose p {
  margin:0 0 16px;
  text-wrap:pretty;
}

.mt-prose ul, .mt-prose ol {
  margin:0 0 16px;
  padding-left:24px;
}

.mt-prose li {
  margin:4px 0;
  padding-left:4px;
}

.mt-prose a {
  color:var(--mt-foreground);
  text-decoration:underline;
  text-decoration-color:var(--mt-border-strong);
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

.mt-prose a:hover {
  text-decoration-color:var(--mt-foreground);
}

.mt-prose strong {
  font-weight:600;
  color:var(--mt-foreground);
}

.mt-prose code {
  font-family:var(--mt-font-mono);
  font-size:.86em;
  background:var(--mt-code-bg);
  border-radius:5px;
  padding:.15em .4em;
  color:var(--mt-foreground);
}

.mt-prose kbd {
  font-family:var(--mt-font);
  font-size:.85em;
  padding:.1em .45em;
  border-radius:5px;
  background:var(--mt-card);
  box-shadow:inset 0 0 0 1px var(--mt-border-strong),0 1px 0 var(--mt-border-strong);
  color:var(--mt-foreground);
}

.mt-prose pre {
  margin:0 0 20px;
  padding:16px 18px;
  border-radius:10px;
  background:var(--mt-code-bg);
  overflow-x:auto;
  font-family:var(--mt-font-mono);
  font-size:13.5px;
  line-height:1.6;
  color:var(--mt-foreground-2);
}

.mt-prose pre code {
  background:none;
  padding:0;
  border-radius:0;
  font-size:inherit;
  color:inherit;
}

.mt-prose blockquote {
  margin:0 0 20px;
  padding:14px 18px;
  border-radius:10px;
  background:var(--mt-chrome);
  color:var(--mt-foreground-2);
}

.mt-prose blockquote p {
  margin:0;
}

.mt-prose table {
  width:100%;
  border-collapse:collapse;
  margin:0 0 24px;
  font-size:15px;
  line-height:1.5;
}

.mt-prose th {
  text-align:left;
  font-weight:600;
  color:var(--mt-foreground);
  padding:10px 20px 10px 0;
  border-bottom:1px solid var(--mt-border-strong);
  font-size:14px;
}

.mt-prose td {
  padding:10px 20px 10px 0;
  border-bottom:1px solid var(--mt-border);
  vertical-align:top;
}

.mt-prose hr {
  border:0;
  border-top:1px solid var(--mt-border);
  margin:48px 0;
}

.mt-prose > :first-child {
  margin-top:0;
}

.mt-dl-hero {
  padding:72px 0 64px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:48px;
  align-items:end;
  border-bottom:1px solid var(--mt-border);
}

.mt-dl-text {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:16px;
}

.mt-dl-meta {
  margin:4px 0 0;
  padding:0;
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:8px 20px;
  font-size:14px;
  line-height:1.4;
  color:var(--mt-muted-foreground);
}

.mt-dl-meta-i {
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.mt-dl-actions {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:12px;
  min-width:240px;
  padding-top:0;
}

.mt-steps {
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.mt-step {
  display:flex;
  flex-direction:column;
  gap:14px;
}

.mt-step-vis {
  height:248px;
  box-sizing:border-box;
  border-radius:16px;
  background:var(--mt-chrome);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:24px;
}

.mt-step-h {
  display:flex;
  align-items:center;
  gap:10px;
}

.mt-step-n {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  border-radius:50%;
  background:var(--mt-chip-bg);
  font-size:13px;
  font-weight:600;
  color:var(--mt-foreground-2);
  flex:none;
}

.mt-file-tile {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  font-size:13px;
  color:var(--mt-foreground-2);
}

.mt-file-ic {
  width:88px;
  height:88px;
  border-radius:20px;
  background:var(--mt-card);
  box-shadow:inset 0 0 0 1px var(--mt-border-strong);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--mt-foreground-3);
}

.mt-file-name {
  font-family:var(--mt-font-mono);
  font-size:12.5px;
  color:var(--mt-foreground);
}

.mt-dmg {
  width:100%;
  max-width:340px;
  border-radius:8px;
  overflow:hidden;
  background:#EFEEEB;
  box-shadow:var(--mt-shadow-window);
}

.mt-dmg-bar {
  height:20px;
  display:flex;
  align-items:center;
  gap:5px;
  padding:0 8px;
  border-bottom:1px solid #E2E0DB;
}

.mt-dmg-dot {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#D6D4CF;
}

.mt-dmg-body {
  position:relative;
  aspect-ratio:660/400;
  background:#F6F5F2 center/cover no-repeat;
}

.mt-dmg-item {
  position:absolute;
  top:31.5%;
  width:19.4%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  font-size:10px;
  color:#1A1A1C;
}

.mt-dmg-folder {
  width:100%;
  aspect-ratio:1;
  border-radius:12%;
  background:#D9DDE3;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#64625E;
}

.mt-rel {
  display:grid;
  grid-template-columns:200px minmax(0,1fr);
  gap:48px;
  padding:40px 0;
  border-top:1px solid var(--mt-border);
}

.mt-rel-v {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
}

.mt-rel-num {
  font-size:22px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:-.01em;
  font-variant-numeric:tabular-nums;
}

.mt-rel-date {
  font-size:14px;
  line-height:1.4;
  color:var(--mt-muted-foreground);
}

.mt-nf {
  min-height:560px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:18px;
  padding:96px 0;
}

.mt-nf-code {
  margin:0;
  font-family:var(--mt-font-mono);
  font-size:14px;
  letter-spacing:.08em;
  color:var(--mt-muted-foreground);
}

.mt-search {
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  max-width:480px;
  height:48px;
  margin:12px 0 0;
  padding:0 6px 0 16px;
  box-sizing:border-box;
  border-radius:12px;
  background:var(--mt-field);
  box-shadow:inset 0 0 0 1px var(--mt-border-strong);
  color:var(--mt-muted-foreground);
}

.mt-search--focus {
  box-shadow:var(--mt-focus-field);
}

.mt-search-input {
  flex:1;
  min-width:0;
  height:100%;
  border:0;
  padding:0;
  background:transparent;
  font-family:inherit;
  font-size:16px;
  color:var(--mt-foreground);
  outline:none;
}

.mt-nf-links {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
  padding-top:4px;
}

.mt-show-m {
  display:none;
}

/* ---------- tablet: 640–1023px ---------- */

@media (max-width: 1023px) {
  .mt-nav-in {
    gap:16px;
  }
  .mt-h1 {
    font-size:46px;
  }
  .mt-h1--page {
    font-size:40px;
  }
  .mt-h2 {
    font-size:32px;
  }
  .mt-hero {
    padding:64px 0 0;
  }
  .mt-hero-stage {
    margin-top:40px;
    padding:32px 24px;
    border-radius:20px;
  }
  .mt-section {
    padding:88px 0;
  }
  .mt-split {
    grid-template-columns:minmax(0,1fr);
    gap:40px;
  }
  .mt-stage {
    padding:40px 24px;
  }
  .mt-grid3 {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
  }
  .mt-grid4 {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .mt-faq {
    grid-template-columns:minmax(0,1fr);
  }
  .mt-doc {
    grid-template-columns:minmax(0,1fr);
    gap:0;
    padding:40px 0 88px;
  }
  .mt-toc {
    display:none;
  }
  .mt-doc-tabs {
    display:flex;
    gap:2px;
    margin-bottom:28px;
    padding:2px;
    border-radius:9px;
    background:var(--mt-segmented-bg);
    box-shadow:inset 0 0 0 1px var(--mt-border);
    width:max-content;
    max-width:100%;
    overflow-x:auto;
    box-sizing:border-box;
  }
  .mt-toc-m {
    display:block;
    margin:0 0 32px;
    border-radius:10px;
    box-shadow:inset 0 0 0 1px var(--mt-border);
  }
  .mt-dl-hero {
    grid-template-columns:minmax(0,1fr);
    gap:28px;
    padding:56px 0 48px;
  }
  .mt-dl-actions {
    align-items:flex-start;
    min-width:0;
  }
  .mt-steps {
    grid-template-columns:minmax(0,1fr);
    gap:40px;
  }
  .mt-step-vis {
    height:auto;
    min-height:220px;
  }
  .mt-rel {
    grid-template-columns:minmax(0,1fr);
    gap:16px;
    padding:32px 0;
  }
}

/* ---------- mobile: < 640px ---------- */

@media (max-width: 639px) {
  .mt-wrap {
    padding:0 16px;
  }
  .mt-nav-in {
    height:56px;
    gap:12px;
  }
  .mt-nav-links {
    display:none;
  }
  .mt-nav-lang {
    display:none;
  }
  .mt-btn--block {
    width:100%;
  }
  .mt-mail-link {
    justify-content:center;
    height:40px;
  }
  .mt-h1 {
    font-size:34px;
  }
  .mt-h1--page {
    font-size:32px;
  }
  .mt-h2 {
    font-size:27px;
  }
  .mt-lead {
    font-size:17px;
  }
  .mt-hero {
    padding:40px 0 0;
  }
  .mt-hero-text {
    gap:16px;
  }
  .mt-actions {
    flex-direction:column;
    align-items:stretch;
    width:100%;
  }
  .mt-hero-stage {
    margin-top:32px;
    padding:16px 12px;
    border-radius:16px;
  }
  .mt-shot {
    border-radius:8px;
  }
  .mt-shot--quick {
    border-radius:8px;
  }
  .mt-section {
    padding:64px 0;
  }
  .mt-sec-head {
    margin-bottom:32px;
    gap:12px;
  }
  .mt-stage {
    padding:16px 12px;
    border-radius:14px;
  }
  .mt-grid3 {
    grid-template-columns:minmax(0,1fr);
    gap:16px;
  }
  .mt-convo {
    padding:16px;
    border-radius:14px;
  }
  .mt-msg-user {
    max-width:92%;
  }
  .mt-grid4 {
    grid-template-columns:minmax(0,1fr);
    gap:12px;
  }
  .mt-pcard {
    padding:20px;
  }
  .mt-prices {
    grid-template-columns:minmax(0,1fr);
    gap:16px;
  }
  .mt-price {
    padding:24px;
    border-radius:16px;
  }
  .mt-faq-i {
    padding:20px 0;
  }
  .mt-footer {
    padding:32px 0;
  }
  .mt-footer-top {
    flex-direction:column;
    gap:20px;
    padding-bottom:24px;
  }
  .mt-footer-bottom {
    flex-direction:column;
    align-items:flex-start;
  }
  .mt-doc {
    padding:24px 0 64px;
  }
  .mt-prose h1 {
    font-size:30px;
  }
  .mt-prose h2 {
    margin:44px 0 12px;
    font-size:22px;
  }
  .mt-prose h3 {
    margin:28px 0 8px;
    font-size:18px;
  }
  .mt-prose table {
    display:block;
    overflow-x:auto;
    white-space:nowrap;
  }
  .mt-dl-hero {
    padding:40px 0;
  }
  .mt-step-vis {
    padding:16px;
  }
  .mt-nf {
    min-height:0;
    padding:64px 0;
  }
  .mt-hide-m {
    display:none;
  }
  .mt-show-m {
    display:flex;
  }
}

/* ---- build.mjs 追加：设计稿里只写在内联 style、site.css 没覆盖到的规则 ---- */
.mt-dmg-body > img { position:absolute; inset:0; width:100%; height:100%; display:block; }
.mt-dmg-item:nth-of-type(1) { left:15.3%; }
.mt-dmg-item:nth-of-type(2) { left:65.3%; }
.mt-dmg-item > img { width:100%; display:block; }

/* 首发价：原价划掉、首发价在后；下面一行写截止日期 */
.mt-price-was { font-size:.55em; font-weight:400; color:var(--mt-muted-foreground); margin-right:.35em; vertical-align:.35em; }
.mt-launch { margin:.35em 0 0; font-size:13px; color:var(--mt-primary); }

/* 感谢页 */
.mt-thanks { text-align:left; max-width:680px; margin-inline:0; align-items:flex-start; width:100%; }
.mt-thanks [data-pay] { width:100%; }
.mt-thanks [data-pay="failed"] .mt-nf-links { margin-top:1.4em; }
.mt-thanks .mt-lead { margin-top:.6em; }
.mt-thanks .mt-nf-links { justify-content:flex-start; }
.mt-thanks-steps { margin:1.2em 0 1.6em; padding-left:1.3em; line-height:1.9; }
.mt-thanks .mt-fine { margin-top:1.4em; }
.mt-thanks .mt-fine a { text-decoration:underline; }

/* ---- build.mjs 追加：官网统计的同意横幅 ---- */
.mt-consent {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 50;
  max-width: 560px;
  margin: 0 auto;
  padding: 16px 20px;
  border: 1px solid var(--mt-border);
  border-radius: 14px;
  background: var(--mt-card);
  color: var(--mt-foreground);
  box-shadow: 0 8px 30px rgba(0, 0, 0, .12);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
  font-size: 14px;
  line-height: 1.5;
}
.mt-consent[hidden] { display: none; }
.mt-consent p { margin: 0; flex: 1 1 260px; }
.mt-consent a { color: inherit; }
.mt-consent-actions { display: flex; gap: 8px; }

/* ---- build.mjs 追加：反馈表单 ---- */
.mt-fb { max-width: 640px; margin: 0 auto; padding: 64px 0 96px; }
.mt-form { display: flex; flex-direction: column; gap: 18px; margin-top: 32px; }
.mt-form-row { display: flex; flex-direction: column; gap: 6px; font-size: 14px; font-weight: 500; color: var(--mt-foreground); }
.mt-form input, .mt-form select, .mt-form textarea {
  font: inherit;
  font-weight: 400;
  font-size: 15px;
  color: var(--mt-foreground);
  background: var(--mt-field);
  border: 1px solid var(--mt-border-strong);
  border-radius: 10px;
  padding: 10px 12px;
  width: 100%;
  box-sizing: border-box;
}
.mt-form textarea { resize: vertical; min-height: 140px; line-height: 1.5; }
.mt-form input:focus, .mt-form select:focus, .mt-form textarea:focus {
  outline: none;
  border-color: var(--mt-ring);
  box-shadow: 0 0 0 3px var(--mt-ring-halo);
}
.mt-form button[disabled] { opacity: .6; }
.mt-form-msg { margin: 0; padding: 12px 14px; border-radius: 10px; background: var(--mt-selected); color: var(--mt-foreground); }
.mt-form-msg--err { background: var(--mt-warning-bg); color: var(--mt-warning-text); }
.mt-form-msg[hidden] { display: none; }
.mt-shots { display: flex; flex-wrap: wrap; gap: 10px; }
.mt-shots:empty { display: none; }
.mt-shot-thumb { position: relative; width: 120px; height: 80px; border: 1px solid var(--mt-border); border-radius: 8px; overflow: hidden; background: var(--mt-chrome); }
.mt-shot-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mt-shot-thumb button {
  position: absolute; top: 4px; right: 4px; width: 22px; height: 22px; border-radius: 11px; border: 0;
  background: rgba(0, 0, 0, .6); color: #fff; font-size: 15px; line-height: 22px; cursor: pointer; padding: 0;
}
.mt-shots-pick { align-self: flex-start; cursor: pointer; }
.mt-form-hint { font-weight: 400; font-size: 13px; color: var(--mt-muted-foreground); }
.mt-form-hint--err { color: var(--mt-warning-text); }
.mt-form-hint[hidden] { display: none; }

/* ---- 页面外框：body 默认有 8px 外边距、html/body 没有底色，四周露出一圈浏览器白底；
   macOS 回弹滚动拉出来的区域也是白的，弹回后顶部留下一条缝。去掉外边距，底色跟随外观 ---- */
html, body {
  margin: 0;
  background: var(--mt-background);
}