/* ================================================================================
 * 主题 token（CSS 变量）
 *   :root  = 浅色（默认），.theme_dark = 深色（挂在 <html> 上）
 *   组件一律引用 var(--ovo-*)，不再逐条写 .theme_light/.theme_dark 两版
 * ================================================================================ */
:root {
  --ovo-head-bg: #000;
  --ovo-head-fg: #888;
  --ovo-head2-bg: #d3d3d3;
  --ovo-head2-fg: #444;
  --ovo-body-bg: #fff;
  --ovo-body-fg: #888;

  --ovo-font: #333;
  --ovo-font2: #666;
  --ovo-font3: #666;
  --ovo-font4: #222;
  --ovo-font5: #888;
  --ovo-font6: #aaa;
  --ovo-font7: #333;

  --ovo-1-bg: #88888822; --ovo-1-fg: #888;
  --ovo-2-bg: #88888833; --ovo-2-fg: #888;
  --ovo-3-bg: #88888844; --ovo-3-fg: #888;
  --ovo-4-bg: #88888855; --ovo-4-fg: #888;
  --ovo-5-bg: #88888866; --ovo-5-fg: #777;
  --ovo-6-bg: #88888877; --ovo-6-fg: #666;
  --ovo-7-bg: #88888811; --ovo-7-fg: #888;

  --ovo-101: #8888881d;
  --ovo-102: #ffffff;
  --ovo-103: #88888816;
  --ovo-104: #eeeeee; --ovo-104-fg: #333;
  --ovo-105: #00000022; --ovo-105-fg: #333;
  --ovo-106: #00000011; --ovo-106-fg: #333;
  --ovo-icon1: #fff;

  --ovo-text-border: #ddd;
  --ovo-text-fg: #666;

  --ovo-btn-bw: 1px;
  --ovo-btn-pad: 5px 5px;
  --ovo-btn-bg: #42b983;
  --ovo-btn-fg: #fff;
  --ovo-btn-hover: #4ed498;

  --ovo-tip-bg: #eee;
  --ovo-tip-fg: #333;
  --ovo-tip-shadow: #aaa;

  --ovo-link: #42b983;
  --ovo-link-visited: #42b98388;

  --ovo-wiki-fg: #333;
  --ovo-wiki-a: #009f44;
  --ovo-wiki-cite-fg: #000;
  --ovo-wiki-table-bg: transparent;
  --ovo-wiki-table-bd: transparent;

  --ovo-layer-bg: #44444466;
  --ovo-layer-bg-dark: #000000cc;
  --ovo-layer-fill: #fff;

  --ovo-nav-bg: #f6f6f6;
  --ovo-nav-fg: #333;
  --ovo-nav-bd: #e3e3e3;
  --ovo-nav-home-bg: #fff;
  --ovo-nav-shadow: #ccc;
  --ovo-menu-bg: #fff;
  --ovo-menu-row-bd: #eee;

  --ovo-divider: #eee;
  --ovo-float-bg: #fff;
  --ovo-float-fg: #999;

  --ovo-num-bg: #eee;
  --ovo-num-bd: #fff;
  --ovo-num-hover: #e6e6e6;
  --ovo-num-active: #99efc4;
  --ovo-num-ok-bg: #99efc4;
  --ovo-num-ok-fg: #247d51;

  --ovo-chart-score-bg: #85e2b8;
  --ovo-catitem-bg: #93f1c6;
  --ovo-catitem-fg: #167b4e;

  --ovo-input-bg: #f8f8f8;

  --ovo-sel-bg: #fff;

  /* article */
  --ovo-article-fg: #333;
  --ovo-article-b: #000;
  --ovo-cmt0-bd: #ccc; --ovo-cmt0-fg: #555;
  --ovo-cmt1-bg: #0000000a; --ovo-cmt1-fg: #888; --ovo-cmt1-bd: #bbb;
  --ovo-cmt2-bg: #ffe7e7; --ovo-cmt2-fg: inherit; --ovo-cmt2-bd: #ffe7e7;
  --ovo-cmt3-bg: #cffde8; --ovo-cmt3-fg: inherit; --ovo-cmt3-bd: #cffde8;
  --ovo-cmt4-bg: #f4f4f4; --ovo-cmt4-fg: #666; --ovo-cmt4-bd: #f4f4f4;
  --ovo-cmt5-bg: transparent; --ovo-cmt5-fg: #666; --ovo-cmt5-bd: #999;
  --ovo-code-bg: rgba(245, 245, 245, 0.98); --ovo-code-bd: #eaeaea;
  --ovo-codeline-fg: #bbb; --ovo-codeline-bd: #dedede;
  --ovo-h123-fg: #222;
  --ovo-hljs-fg: #383a42;
  --ovo-table-head-bg: #f4f4f4; --ovo-table-bd: #e0e0e0; --ovo-table-head-fg: inherit;
  --ovo-code-scroll-track: #f5f5f5; --ovo-code-scroll-thumb: #cccccc; --ovo-code-scroll-bd: #555555;

  /* charts */
  --ovo-up: #fa6882;
  --ovo-down: #bbb;
  --ovo-axis: #ccc;
  --ovo-chart-bg: #ffffffaa;
  --ovo-chart-fg1: #666;
  --ovo-chart-fg2: #333;

  /* pull-to-refresh */
  --ovo-refresh-bg: #eee;

  /* 组件级 token（原 .theme_light/.theme_dark 双写收敛） */
  --ovo-error-bg: #e20d52;
  --ovo-error-shadow: 0 0 51px 0 #8a0000a6;
  --ovo-info-bg: #0cc178;
  --ovo-info-shadow: 0 0 51px 0 #008a7aa6;
  --ovo-match-bg: transparent;
  --ovo-match-fg: red;
  --ovo-indexk-bg: #00000088;
  --ovo-indexk-fg: #fff;
  --ovo-accent-bg: #42b983;
  --ovo-accent-fg: #fff;
  --ovo-accent-hover-bg: #42b9831a;
  --ovo-out-fg: #ccc;
  --ovo-label-fg: #aaaaaacc;
  --ovo-inputel-fg: inherit;
  --ovo-headrow-bg: #0000000e;
  --ovo-tablerow-hover: #0000000c;
  --ovo-sticky-th-bg: #f1f1f1;
  --ovo-sticky-td-bg: #ffffff;
  --ovo-tabletd-fg: #333;
  --ovo-nodata-fg: #ccc;
  --ovo-time-fg: #888;
  --ovo-dialog-bg: #ffffff;
  --ovo-dialog-shadow: 0 0 50px 0 #00000033;
  --ovo-dialog-fg: inherit;
  --ovo-dialog-top-bg: #f8f8f8;
  --ovo-dialog-top-bd: solid 0.5px #eee;
  --ovo-itemselected-bg: #00000011;
  --ovo-iconhover-bg: #88888822;
  --ovo-clsname-fg: #666;
  --ovo-checked-fg: #666;
  --ovo-radio-sel-fg: #666;
  --ovo-pre-b-fg: #6f6f6f;
  --ovo-curmarker-bg: #00000011;
  --ovo-cm-bg: #f5f5f5;
  --ovo-cm-fg: #333;
  --ovo-cm-dialog-bg: #d0d0d0;
  --ovo-cm-cursor: #1d6e6e;
  --ovo-cm-cursor-zh: #555;
  --ovo-cm-cursor-fat: #888;
  --ovo-cm-selected-bg: #88888866;
  --ovo-cm-selected-fg: #111;
  --ovo-cm-search-fg: #fff;
  --ovo-cm-search-bg: #000;
  --ovo-cm-gutter-bg: #ddd;
  --ovo-cm-linenum-fg: #00000055;
  --ovo-menu-shadow: 0 0 5px 0 #88888833;
  --ovo-chat-fg: #333;
  --ovo-chatinput-fg: #333;
  --ovo-send-fg: #333;
  --ovo-caret: #ff1994;
  --ovo-markertip-fg: #666;
  --ovo-txtmatch-fg: #bbb;
  --ovo-al-block-fg: #666;
  --ovo-al-time-fg: #aaa;
  --ovo-al-title-fg: #333;
  --ovo-al-titleh-fg: #333;
  --ovo-al-icon-fg: #aaa;
  --ovo-al-selected-fg: #555;
  --ovo-al-viewtitle-fg: #333;
  --ovo-al-listpart-bg: #88888822;
  --ovo-al-titleicon-fg: #88888888;
  --ovo-snap-video-shadow: #ccc;
}
.theme_dark {
  --ovo-head-bg: #162023;
  --ovo-head-fg: #888;
  --ovo-head2-bg: #162023;
  --ovo-head2-fg: #bbb;
  --ovo-body-bg: #2a373a; /*#2a373a;*/
  --ovo-body-fg: #888;

  --ovo-font: #aaa;
  --ovo-font2: #888;
  --ovo-font3: #aaa;
  --ovo-font4: #bbb;
  --ovo-font5: #666;
  --ovo-font6: #888;
  --ovo-font7: #bbb;

  --ovo-1-bg: #162023; --ovo-1-fg: #888;
  --ovo-2-bg: #182c2f; --ovo-2-fg: #888;
  --ovo-3-bg: #2a373a; --ovo-3-fg: #888;
  --ovo-4-bg: #324145; --ovo-4-fg: #888;
  --ovo-5-bg: #38494c; --ovo-5-fg: #999;
  --ovo-6-bg: #495c60; --ovo-6-fg: #aaa;
  --ovo-7-bg: #162023; --ovo-7-fg: #888;

  --ovo-101: #233135;
  --ovo-102: #182c2f;
  --ovo-103: #2a373add;
  --ovo-104: #182c2f; --ovo-104-fg: #888;
  --ovo-105: #ffffff22; --ovo-105-fg: #888;
  --ovo-106: #ffffff11; --ovo-106-fg: #888;
  --ovo-icon1: #2a373a;

  --ovo-text-border: #88888866;
  --ovo-text-fg: #aaa;

  --ovo-btn-bw: 0px;
  --ovo-btn-pad: 6px 5px;
  --ovo-btn-bg: #ffffff22;
  --ovo-btn-fg: #ffffff88;
  --ovo-btn-hover: #ffffff33;

  --ovo-tip-bg: #000000aa;
  --ovo-tip-fg: #999;
  --ovo-tip-shadow: #88888888;

  --ovo-wiki-fg: #aaa;
  --ovo-wiki-a: #42b983;
  --ovo-wiki-cite-fg: #bbb;
  --ovo-wiki-table-bg: #426f5f11;
  --ovo-wiki-table-bd: #426f5f55;

  --ovo-layer-bg: #00000055;
  --ovo-layer-bg-dark: #000000cc;
  --ovo-layer-fill: #2a373a;

  --ovo-nav-bg: #162023;
  --ovo-nav-fg: #aaa;
  --ovo-nav-bd: #2a373a;
  --ovo-nav-home-bg: #162023;
  --ovo-nav-shadow: #333;
  --ovo-menu-bg: #182c2f;
  --ovo-menu-row-bd: #ffffff15;

  --ovo-divider: #ffffff1a;
  --ovo-float-bg: #324145;
  --ovo-float-fg: #aaa;

  --ovo-num-bg: #324145;
  --ovo-num-bd: #182c2f;
  --ovo-num-hover: #3d4f53;
  --ovo-num-active: #3f7d5e;
  --ovo-num-ok-bg: #3f7d5e;
  --ovo-num-ok-fg: #daf6e8;

  --ovo-chart-score-bg: #3f7d5e;
  --ovo-catitem-bg: #3f7d5e;
  --ovo-catitem-fg: #daf6e8;

  --ovo-input-bg: #182c2f;

  --ovo-sel-bg: #88888822;

  /* article */
  --ovo-article-fg: #a0a0a0;
  --ovo-article-b: #bbb;
  --ovo-cmt0-bd: #888; --ovo-cmt0-fg: #999;
  --ovo-cmt1-bg: #ffffff11; --ovo-cmt1-fg: #999; --ovo-cmt1-bd: #888;
  --ovo-cmt2-bg: #5f4141; --ovo-cmt2-fg: #aaa; --ovo-cmt2-bd: #5f4141;
  --ovo-cmt3-bg: #3d5246; --ovo-cmt3-fg: #aaa; --ovo-cmt3-bd: #3d5246;
  --ovo-cmt4-bg: #384447; --ovo-cmt4-fg: #aaa; --ovo-cmt4-bd: #384447;
  --ovo-cmt5-bg: transparent; --ovo-cmt5-fg: #aaa; --ovo-cmt5-bd: #888;
  --ovo-code-bg: #00000022; --ovo-code-bd: #444;
  --ovo-codeline-fg: #666; --ovo-codeline-bd: #444;
  --ovo-h123-fg: #bbb;
  --ovo-hljs-fg: #aaa;
  --ovo-table-head-bg: #21242577; --ovo-table-bd: #50585a; --ovo-table-head-fg: #909090;
  --ovo-code-scroll-track: #ffffff00; --ovo-code-scroll-thumb: #ffffff16; --ovo-code-scroll-bd: transparent;

  /* charts */
  --ovo-up: #fa6882;
  --ovo-down: #888;
  --ovo-axis: #666;
  --ovo-chart-bg: #00000066;
  --ovo-chart-fg1: #ccc;
  --ovo-chart-fg2: #ccc;

  /* pull-to-refresh */
  --ovo-refresh-bg: #324145;

  /* 组件级 token（原 .theme_light/.theme_dark 双写收敛） */
  --ovo-error-bg: #e20d52;
  --ovo-error-shadow: none;
  --ovo-info-bg: #129b64;
  --ovo-info-shadow: none;
  --ovo-match-bg: #efff63aa;
  --ovo-match-fg: #e90a0a;
  --ovo-indexk-bg: #ffffff88;
  --ovo-indexk-fg: #000;
  --ovo-accent-bg: #42b983;
  --ovo-accent-fg: #2a373a;
  --ovo-accent-hover-bg: #58d89f;
  --ovo-out-fg: #555;
  --ovo-label-fg: #777;
  --ovo-inputel-fg: #aaa;
  --ovo-headrow-bg: #ffffff11;
  --ovo-tablerow-hover: #ffffff0c;
  --ovo-sticky-th-bg: #384447;
  --ovo-sticky-td-bg: #2a373a;
  --ovo-tabletd-fg: #aaa;
  --ovo-nodata-fg: #666;
  --ovo-time-fg: #333;
  --ovo-dialog-bg: #2a373a;
  --ovo-dialog-shadow: 0 0 50px 0 #ffffff11;
  --ovo-dialog-fg: #a0a0a0;
  --ovo-dialog-top-bg: #0f1213;
  --ovo-dialog-top-bd: none;
  --ovo-itemselected-bg: #ffffff11;
  --ovo-iconhover-bg: #ffffff11;
  --ovo-clsname-fg: #bbb;
  --ovo-checked-fg: #aaa;
  --ovo-radio-sel-fg: #aaa;
  --ovo-pre-b-fg: #ababab;
  --ovo-curmarker-bg: #ffffff11;
  --ovo-cm-bg: #254b5050;
  --ovo-cm-fg: #bbb;
  --ovo-cm-dialog-bg: #182c2f;
  --ovo-cm-cursor: #32c5c5;
  --ovo-cm-cursor-zh: #ccc;
  --ovo-cm-cursor-fat: #ccc;
  --ovo-cm-selected-bg: #aaa;
  --ovo-cm-selected-fg: #bbb;
  --ovo-cm-search-fg: #000;
  --ovo-cm-search-bg: #32c5c5;
  --ovo-cm-gutter-bg: #182c2f9e;
  --ovo-cm-linenum-fg: #ffffff40;
  --ovo-menu-shadow: 0 0 0.5px 0 #88888833;
  --ovo-chat-fg: #aaa;
  --ovo-chatinput-fg: #ddd;
  --ovo-send-fg: #888;
  --ovo-caret: #ffff00;
  --ovo-markertip-fg: #999;
  --ovo-txtmatch-fg: #777;
  --ovo-al-block-fg: #888;
  --ovo-al-time-fg: #666;
  --ovo-al-title-fg: #999;
  --ovo-al-titleh-fg: #bbb;
  --ovo-al-icon-fg: #666;
  --ovo-al-selected-fg: #aaa;
  --ovo-al-viewtitle-fg: #bbb;
  --ovo-al-listpart-bg: #182c2f;
  --ovo-al-titleicon-fg: #ffffff4a;
  --ovo-snap-video-shadow: #333;
}

/* ================================================================================
 * 主题变体：继承某个基础主题，只覆盖个别 token（未写的全部继承基础主题）
 *   - 由 mixins/common.js 的 applyThemeClass 按平台自动叠加，例如
 *     <html class="theme_dark theme_dark_phone">
 *   - 新增变体照抄格式即可，例如 .theme_dark.theme_dark_oled { --ovo-body-bg: #000; }
 * ================================================================================ */
.theme_dark.theme_dark_phone {
  --ovo-body-bg: #1f2d30;
}