:root {
  --ddhy-brand: #0d8a66;
  --ddhy-brand-strong: #087052;
  --ddhy-brand-soft: #e8f6f1;
  --ddhy-brand-faint: #f4faf7;
  --ddhy-ink: #17251f;
  --ddhy-text: #34473f;
  --ddhy-muted: #74837d;
  --ddhy-line: #e2e9e6;
  --ddhy-bg: #f4f7f6;
  --ddhy-panel: #ffffff;
  --ddhy-danger: #d84a4a;
  --ddhy-warning: #c98216;
  --ddhy-radius-sm: 10px;
  --ddhy-radius-md: 14px;
  --ddhy-radius-lg: 20px;
  --ddhy-shadow-sm: 0 3px 12px rgba(22, 51, 41, .045);
  --ddhy-shadow-md: 0 12px 34px rgba(22, 51, 41, .07);
  --ddhy-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}

.ddhy-icon {
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  flex: 0 0 auto;
  overflow: visible;
  vertical-align: -.18em;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ddhy-icon * {
  vector-effect: non-scaling-stroke;
}

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