/* Shared visual contract for static pages and Canvas. */
/* BEGIN-SHARED-TOKENS */
:root {
  --wscm-bg: #070B08;
  --wscm-bg-deep: #040705;
  --wscm-surface: #0D1711;
  --wscm-surface-raised: #132119;
  --wscm-surface-elevated: #18271D;
  --wscm-border: rgba(201,255,218,.16);
  --wscm-border-strong: rgba(0,255,65,.46);
  --wscm-text: #F4FFF8;
  --wscm-muted: #A9B8AE;
  --wscm-subtle: #7F8D84;
  --wscm-brand: #00FF41;
  --wscm-brand-rgb: 0,255,65;
  --wscm-brand-hover: #33FF66;
  --wscm-price: #00FF41;
  --wscm-brand-ink: #04160D;
  --wscm-warning: #FF9A2B;
  --wscm-warning-ink: #2B1600;
  --wscm-danger: #F47A7A;
  --wscm-overlay: rgba(2,4,5,.86);
  --wscm-focus: rgba(0,255,65,.36);
  --wscm-radius-sm: 6px;
  --wscm-radius-md: 9px;
  --wscm-radius-lg: 14px;
  --wscm-control-h: 42px;
  --wscm-shadow-card: 0 10px 32px rgba(0,0,0,.28);
  --wscm-shadow-modal: 0 24px 90px rgba(0,0,0,.68);
}
/* END-SHARED-TOKENS */

:root {
  --wscm-font-sans: "Noto Sans SC", "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
  --wscm-font-size-sm: 12px;
  --wscm-font-size-md: 14px;
  --wscm-font-size-lg: 18px;
  --wscm-radius-control: var(--wscm-radius-md);
  --wscm-radius-card: var(--wscm-radius-md);
  --wscm-radius-dialog: var(--wscm-radius-lg);
  --wscm-shadow-control: 0 1px 6px rgba(0,0,0,.35);
  --wscm-shadow-dialog: var(--wscm-shadow-modal);
  --wscm-control-h-lg: 46px;
}

:root {
  --cyan: var(--wscm-brand);
  --green: var(--wscm-brand);
  --green-dark: #008F25;
  --green-soft: #06350F;
  --panel: var(--wscm-surface);
  --panel-2: var(--wscm-surface-raised);
  --text: var(--wscm-text);
  --muted: var(--wscm-muted);
  --line: var(--wscm-border);
  --violet: var(--wscm-brand);
}

.app-price {
  color: var(--wscm-price);
}
/* 2026-10-28：全站滚动条统一为「应用节点」抽屉那种亮灰细条（透明轨道，无白底）。 */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(214, 219, 222, .38) transparent;
}
*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
*::-webkit-scrollbar-track {
  background: transparent;
}
*::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(214, 219, 222, .38);
}
*::-webkit-scrollbar-thumb:hover {
  background: rgba(214, 219, 222, .58);
}
*::-webkit-scrollbar-corner {
  background: transparent;
}
*::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}