:root {
  --annotation-font-size: 12px;
  --annotation-font-weight: 600;
  --annotation-line-height: 1.65;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body,
button,
input,
select,
textarea {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

small,
.brand span,
.top-brand span,
.side-brand span,
.pb-brand .tag,
.side-title,
.side-products-title,
.side-note,
.hero-stage span,
.hero-rule p,
.stat small,
.step p,
.formula span,
.model p,
.model .price span,
.field small,
.panel-head p,
.notice,
.payment-box p,
.payment-meta,
.payment-instruction,
.balance small,
.progress-copy,
.progress-percent span,
.progress-step span:last-child,
.status-history summary,
.history-item,
.calc-head p,
.calc-selection span,
.calc-hint,
.calc-kpi span,
.calc-threshold,
.calc-time small,
.calc-time span,
.calc-disclaimer,
.calc-policy span,
.calc-target-card span,
.calc-target-card small,
.reward-tier span,
.reward-tier small,
.reward-tier-current,
.model-selected-label,
.reward-plan,
.compute-reward-plan,
.side-copy,
.overview-tool > span,
.overview-tool > p,
.overview-tool .rail-action span,
.wallet-section-head p,
.wallet-pay-note,
.package-card > p,
.package-list,
.model-option .model-meta,
.key-scope,
.key-count,
.key-group,
.info-card p,
.info-link,
.compute-flow-step,
.compute-history div,
.msg,
.empty p,
[class*="-hint"],
[class*="-note"],
[class*="-meta"],
[class*="-caption"],
[class*="-helper"] {
  font-size: var(--annotation-font-size) !important;
  font-weight: var(--annotation-font-weight) !important;
  line-height: var(--annotation-line-height) !important;
  opacity: 1;
}

.nav-title,
.nav-item small,
.info-title,
.doc-step b,
.docs-code-head,
.wallet-summary-card span,
.wallet-amount span,
.package-badge,
.package-price small,
.model-option .model-name,
.model-tags i,
.mini span,
.stat-card span,
.wallet-note,
.info-card span,
.side-card p,
.brand small,
.side-item small,
.doc-card .tag,
.nav-item .soon-tag,
.compute-mode,
.compute-flow-step span,
.layer-flow,
label,
.kpi .k,
.info-card .k,
.empty .soon-badge,
.hero-eyebrow,
.rule-mark,
.btn-sm,
.stat::before,
.step-num,
.model small,
.quote-row,
.payment-address code,
th,
td,
.status,
.mode-badge,
.progress-dot,
.calc-rate,
.calc-time b,
.calc-status {
  font-size: var(--annotation-font-size) !important;
  font-weight: var(--annotation-font-weight) !important;
  line-height: var(--annotation-line-height) !important;
}

.model.selected::after,
.reward-tier.active::after {
  content: none !important;
  display: none !important;
}

.model-selected-label,
.reward-tier-current {
  position: absolute;
  top: 10px;
  right: 10px;
  display: none;
  padding: 3px 7px;
  border: 1px solid rgba(45, 214, 163, .32);
  border-radius: 999px;
  background: rgba(12, 54, 46, .88);
  color: #8ce4c4;
  font-style: normal;
}

.model.selected .model-selected-label,
.reward-tier.active .reward-tier-current {
  display: inline-flex;
}

.reward-plan,
.compute-reward-plan {
  display: inline-block;
  margin-top: 5px;
  color: #7fdac0;
}

@media (max-width: 640px) {
  :root {
    --annotation-font-size: 12px;
  }
}