:root {
  --r-corner-small: 12px;
  --r-corner-medium: 18px;
  --r-corner-large: 26px;
}

/* 全站文字框与可交互控件 */
:where(input, textarea, select) {
  border-radius: var(--r-corner-medium) !important;
}

:where(a) {
  border-radius: var(--r-corner-small);
}

:where(button, [role="button"]) {
  border-radius: 999px !important;
}

/* 内容区中承担“框体”职责的组件统一使用 R 角。 */
:where(
  .glass-panel,
  .reading-panel,
  .callout,
  .exchange-analogy,
  .matching-result,
  .ranking-wrap,
  .platform-heading,
  .metric-stack,
  .platform-copy,
  .source-links,
  .reserve-board,
  .security-stamp,
  .network-list-shell,
  .network-table-head,
  .network-explainer,
  .network-rule,
  .feature-grid,
  .feature-grid > div,
  .flow-compare > *,
  .peg-grid > *,
  .use-list > *,
  [class*="-panel "],
  [class$="-panel"],
  [class*="-card "],
  [class$="-card"],
  [class*="-box "],
  [class$="-box"],
  [class*="-tile "],
  [class$="-tile"],
  [class*="-notice "],
  [class$="-notice"],
  [class*="-banner "],
  [class$="-banner"],
  [class*="-summary "],
  [class$="-summary"],
  [class*="-sheet "],
  [class$="-sheet"],
  [class*="-modal "],
  [class$="-modal"],
  [class*="-dialog "],
  [class$="-dialog"],
  [class*="-drawer "],
  [class$="-drawer"],
  [class*="-shell "],
  [class$="-shell"],
  [class*="-board "],
  [class$="-board"],
  [class*="-result "],
  [class$="-result"],
  [class*="-rule "],
  [class$="-rule"]
) {
  border-radius: var(--r-corner-large) !important;
}

/* 分组框需要裁切内部背景，圆角才不会被方形子元素覆盖。 */
:where(.ranking-wrap, .feature-grid, .network-list-shell) {
  overflow: hidden;
}

/* 小型标签和信息条使用略小的圆角，避免视觉过胖。 */
:where(
  .callout,
  .matching-result,
  .network-table-head,
  .network-rule,
  .decentralized-features > p,
  .matching-demo > div,
  .exchange-flow > span,
  .exchange-flow > b,
  .exchange-example-row > span,
  .use-list > *,
  .flow-compare > *,
  [class*="-tag "],
  [class$="-tag"],
  [class*="-badge "],
  [class$="-badge"],
  [class*="-chip "],
  [class$="-chip"]
) {
  border-radius: var(--r-corner-small) !important;
}

/* 原本的圆形图标、币种标识和头像继续保持正圆。 */
:where(
  [class*="-icon "],
  [class$="-icon"],
  [class*="-logo "],
  [class$="-logo"],
  [class*="-avatar "],
  [class$="-avatar"],
  .brand-mark,
  .footer-mark
) {
  border-radius: 50% !important;
}