/* Shulex 中文主站统一设计 tokens。
 * 基线：智能服务台（product-helpdesk.html）
 * Hallmark · pre-emit critique: P5 H4 E4 S4 R5 V4
 */
:root {
  --shx-color-ink: #101828;
  --shx-color-muted: #667085;
  --shx-color-subtle: #98a2b3;
  --shx-color-line: #dfe5ef;
  --shx-color-surface: #ffffff;
  --shx-color-soft: #f5f7fb;
  --shx-color-blue: #315dff;
  --shx-color-blue-hover: #2449dc;
  --shx-color-navy: #10192b;
  --shx-color-success: #237b61;
  --shx-color-warning: #b7791f;
  --shx-color-danger: #c2414b;
  --shx-radius-sm: 8px;
  --shx-radius-md: 14px;
  --shx-radius-lg: 20px;
  --shx-shadow-card: 0 14px 34px rgba(32, 49, 88, .07);
  --shx-shadow-float: 0 24px 64px rgba(31, 48, 84, .13);
  --shx-content-max: 1240px;
  --shx-gutter: clamp(20px, 5vw, 80px);
  --shx-section-gap: clamp(76px, 10vw, 132px);
  --shx-font-sans: var(--site-font-sans);
}

html, body { overflow-x: clip; }
body { color: var(--shx-color-ink); font-family: var(--shx-font-sans); }

/* Shared readable defaults; page-specific compositions remain untouched. */
.subpage :is(h1, h2, h3, h4),
.home-page :is(h1, h2, h3, h4) { font-style: normal; overflow-wrap: anywhere; }
.subpage :is(p, li),
.home-page :is(p, li) { line-height: 1.75; }
.subpage :is(button, a),
.home-page :is(button, a) { -webkit-tap-highlight-color: transparent; }

@media (max-width: 700px) {
  .subpage :is(h1, h2) { max-width: 100%; }
  /* Short control labels stay on one line. Cards wrapped in a link inherit this
     too, which froze their prose into a single overflowing row on phones, so
     block content inside a control wraps normally again. */
  .subpage :is(button, a) { white-space: nowrap; }
  .subpage :is(button, a) :is(p, h1, h2, h3, h4, h5, h6, li, blockquote) { white-space: normal; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}