/*
 * Bestnove runtime theme
 *
 * 页面风格总结：
 * - 整体是移动端阅读/短剧 H5，底色克制，内容区以白色卡片和轻边框承载。
 * - 主品牌色用于底部导航高亮、按钮、付费/福利强调和部分标签。
 * - 字体使用系统无衬线，字号层级偏紧凑，适合信息密度较高的内容列表。
 * - 卡片圆角中等，阴影很轻，主要靠留白、色块和图标区分模块。
 *
 * 发布后可直接修改 /srv/www/oversea-h5/brand-theme.css 调整基础风格。
 */
:root {
  --brand-primary: #9875fb;
  --brand-primary-soft: #f4f1ff;
  --brand-bg-global: #f6f7f9;
  --brand-bg-card: #ffffff;
  --brand-text-primary: #32353a;
  --brand-text-secondary: #65686f;
  --brand-text-tertiary: #9296a0;
  --brand-text-inverse: #ffffff;
  --brand-border: #f3f5fa;
  --brand-radius-card: 12px;
  --brand-radius-button: 999px;
  --brand-font-family: -apple-system, BlinkMacSystemFont, "SF UI Text", "Helvetica Neue", Arial, sans-serif;
}

html,
body {
  background: var(--brand-bg-global);
  color: var(--brand-text-primary);
  font-family: var(--brand-font-family);
}

#loading {
  background: var(--brand-bg-card) !important;
}

#loading__text {
  color: var(--brand-text-secondary);
}

button,
.btn,
[class*="button"] {
  border-radius: var(--brand-radius-button);
}

.card,
[class*="card"],
[class*="Card"] {
  border-radius: var(--brand-radius-card);
}