/* =============================================================
   ForexStar — iOS Dark Theme v4 (Grouped Settings Style)
   Single-file CSS to be linked by all 55+ pages.
   Targets both main.css (V4) and v5-theme.css (V5/V6) variable systems.
   ============================================================= */

/* =============================================================
   1. CSS Variable Overrides — main.css (V4 pages)
   ============================================================= */
:root {
  --bg: #0d1f35;
  --text: #ffffff;
  --text1: #ffffff;
  --text2: #8e8e93;
  --text3: #6e6e73;
  --card: #152238;
  --border: #2c2c2e;
  --muted: #6e6e73;
  --blue: #0a84ff;
  --red: #ff453a;
  --green: #30d158;
  --header-bg: #152238;
  --sidebar-bg: #152238;
  --sidebar-text: #ffffff;
  --sidebar-active: #0a84ff;
  --input-bg: #152238;
  --input-border: #3a3a3c;
  --input-text: #ffffff;
  --hover: #2c2c2e;
  --active: #3a3a3c;
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.4);
}

/* =============================================================
   2. CSS Variable Overrides — v5-theme.css (V5/V6 pages)
   ============================================================= */
:root {
  --v5-bg: #0d1f35;
  --v5-text: #ffffff;
  --v5-text-secondary: #8e8e93;
  --v5-text-muted: #6e6e73;
  --v5-card: #152238;
  --v5-card-hover: #2c2c2e;
  --v5-border: #2c2c2e;
  --v5-accent: #0a84ff;
  --v5-accent-hover: #409cff;
  --v5-red: #ff453a;
  --v5-green: #30d158;
  --v5-nav-bg: #152238;
  --v5-nav-text: #ffffff;
  --v5-nav-active: #0a84ff;
  --v5-input-bg: #152238;
  --v5-input-border: #3a3a3c;
  --v5-input-text: #ffffff;
  --v5-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  --v5-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.4);
  --v5-gradient-1: #0d1f35;
  --v5-gradient-2: #152238;
}

/* =============================================================
   3. Global Foundation
   ============================================================= */
html {
  background: #0d1f35;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background: #0d1f35;
  color: #ffffff;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text",
               "PingFang SC", "Helvetica Neue", sans-serif;
}

/* =============================================================
   4. Navigation Bars
   ============================================================= */
.fx-nav,
.navbar,
.topbar,
.header,
[class*="nav"]:not(.tab-nav-content):not(.nav-link):not(.nav-item),
[class*="header"],
[class*="topbar"] {
  background: #152238;
  border-bottom: 1px solid #2c2c2e;
}

.fx-nav a,
.navbar a,
.topbar a,
.header a,
[class*="nav"] a {
  color: #ffffff;
}

.fx-nav a:hover,
.navbar a:hover,
.topbar a:hover {
  color: #0a84ff;
}

/* Active nav item highlight */
.nav-active,
[class*="nav"].active,
[class*="nav-item"].active,
[class*="nav-link"].active,
.sidebar .active {
  color: #0a84ff;
}

/* =============================================================
   5. Cards — iOS Grouped Style
   ============================================================= */
.card,
.v5-card,
.mon-card,
.setting-group,
.widget,
.panel,
[class*="card"]:not(.overview-card),
[class*="widget"],
[class*="panel"] {
  background: #152238;
  border: 1px solid #2c2c2e;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.card:hover,
.v5-card:hover,
[class*="card"]:hover {
  background: #2c2c2e;
}

/* Group body for iOS grouped-table cells inside cards */
.group-body,
[class*="group-body"],
.list-group,
[class*="list-group"] {
  background: #152238;
  border-radius: 12px;
  overflow: hidden;
}

/* Group header (section title) */
.group-header,
[class*="group-header"],
.section-title,
[class*="section-title"] {
  color: #8e8e93;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: -0.08px;
}

/* =============================================================
   6. Table / Cell Rows — iOS Grouped Table Style
   ============================================================= */
table {
  background: #152238;
  border-collapse: separate;
  border-spacing: 0;
}

thead {
  background: #152238;
}

tbody {
  background: #152238;
}

tr {
  background: #152238;
  border-bottom: 0.5px solid #2c2c2e;
}

tr:last-child {
  border-bottom: none;
}

tr:hover {
  background: #2c2c2e;
}

td,
th {
  color: #ffffff;
  border-color: #2c2c2e;
  padding: 12px 16px;
  vertical-align: middle;
}

th {
  color: #8e8e93;
  font-weight: 500;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: -0.08px;
}

/* Table inside cards gets cleaner treatment */
.card table,
.v5-card table,
.mon-card table,
[class*="card"] table {
  border-radius: 12px;
  overflow: hidden;
}

/* =============================================================
   7. Input Fields
   ============================================================= */
input,
textarea,
select {
  background: #152238;
  color: #ffffff;
  border: 1px solid #3a3a3c;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 15px;
  font-family: inherit;
  transition: border-color 0.15s ease;
}

input:focus,
textarea:focus,
select:focus {
  border-color: #0a84ff;
  outline: none;
  box-shadow: 0 0 0 3px rgba(10, 132, 255, 0.2);
}

input::placeholder,
textarea::placeholder {
  color: #6e6e73;
}

[class*="input"],
[class*="Input"] {
  background: #152238;
  color: #ffffff;
  border: 1px solid #3a3a3c;
}

/* =============================================================
   8. Buttons
   ============================================================= */
button,
.btn,
[class*="btn"],
[class*="button"] {
  background: #0a84ff;
  color: #ffffff;
  border: none;
  border-radius: 10px;
  padding: 10px 20px;
  font-size: 15px;
  font-weight: 500;
  font-family: inherit;
  cursor: pointer;
  transition: background 0.15s ease, opacity 0.15s ease;
}

button:hover,
.btn:hover,
[class*="btn"]:hover,
[class*="button"]:hover {
  background: #409cff;
}

button:active,
.btn:active,
[class*="btn"]:active,
[class*="button"]:active {
  opacity: 0.85;
}

/* Secondary / ghost buttons */
.btn-secondary,
.btn-outline,
.btn-ghost,
[class*="btn-secondary"],
[class*="btn-outline"],
[class*="btn-ghost"] {
  background: transparent;
  border: 1px solid #3a3a3c;
  color: #ffffff;
}

.btn-secondary:hover,
.btn-outline:hover,
.btn-ghost:hover,
[class*="btn-secondary"]:hover,
[class*="btn-outline"]:hover,
[class*="btn-ghost"]:hover {
  background: #2c2c2e;
  border-color: #48484a;
}

/* Destructive / danger */
.btn-danger,
.btn-destructive,
[class*="btn-danger"],
[class*="btn-destructive"] {
  background: #ff453a;
  color: #ffffff;
}

.btn-danger:hover,
.btn-destructive:hover,
[class*="btn-danger"]:hover,
[class*="btn-destructive"]:hover {
  background: #ff6961;
}

/* =============================================================
   9. Up / Down — Chinese Convention (Red Up, Green Down)
   ============================================================= */
.up,
.rise,
.positive,
.bullish,
.text-up,
.text-red,
.gain,
.price-up,
[class*="up" i],
[class*="rise" i],
[class*="positive" i],
[class*="bullish" i],
[class*="text-up" i],
[class*="gain" i] {
  color: #ff453a;
}

.down,
.fall,
.negative,
.bearish,
.text-down,
.text-green,
.loss,
.price-down,
[class*="down" i]:not(.dropdown):not(.drop-down),
[class*="fall" i],
[class*="negative" i],
[class*="bearish" i],
[class*="text-down" i],
[class*="loss" i] {
  color: #30d158;
}

/* Badge backgrounds for up/down */
.badge.up,
.badge.rise,
.cell-badge.up,
.overview-badge.up,
.tag.up,
[class*="badge"][class*="up"],
[class*="tag"][class*="up"] {
  background: #ff453a;
  color: #ffffff;
}

.badge.down,
.badge.fall,
.cell-badge.down,
.overview-badge.down,
.tag.down,
[class*="badge"][class*="down"],
[class*="tag"][class*="down"] {
  background: #30d158;
  color: #ffffff;
}

/* =============================================================
   10. Links
   ============================================================= */
a {
  color: #0a84ff;
  text-decoration: none;
}

a:hover {
  color: #409cff;
}

a:active {
  opacity: 0.7;
}

/* =============================================================
   11. Dividers / Separators
   ============================================================= */
hr,
.divider,
.separator,
[class*="divider" i],
[class*="separator" i] {
  border-color: #2c2c2e;
  border-style: solid;
}

hr {
  border-width: 0.5px 0 0 0;
  margin: 16px 0;
}

/* =============================================================
   12. Scrollbars — iOS Style
   ============================================================= */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #0d1f35;
}

::-webkit-scrollbar-thumb {
  background: #3a3a3c;
  border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
  background: #48484a;
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #3a3a3c #0d1f35;
}

/* =============================================================
   13. Selection
   ============================================================= */
::selection {
  background: rgba(10, 132, 255, 0.3);
  color: #ffffff;
}

/* =============================================================
   14. Tab Bars / Bottom Navigation
   ============================================================= */
.tab-bar,
[class*="tab-bar"],
.bottom-nav,
[class*="bottom-nav"] {
  background: rgba(28, 28, 30, 0.92);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-top: 0.5px solid #2c2c2e;
}

.tab-item,
[class*="tab-item"] {
  color: #8e8e93;
}

.tab-item.active,
[class*="tab-item"].active {
  color: #0a84ff;
}

/* =============================================================
   15. Sidebar
   ============================================================= */
.sidebar,
[class*="sidebar"] {
  background: #152238;
  color: #ffffff;
  border-right: 1px solid #2c2c2e;
}

.sidebar a,
.sidebar .nav-item,
[class*="sidebar"] a,
[class*="sidebar"] .nav-item {
  color: #ffffff;
}

.sidebar a:hover,
[class*="sidebar"] a:hover {
  background: #2c2c2e;
}

.sidebar a.active,
.sidebar .active,
[class*="sidebar"] .active {
  color: #0a84ff;
}

/* =============================================================
   16. Dropdowns & Popovers
   ============================================================= */
.dropdown,
.dropdown-menu,
.popover,
.tooltip,
[class*="dropdown"],
[class*="popover"],
[class*="tooltip"] {
  background: #152238;
  border: 1px solid #2c2c2e;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  color: #ffffff;
}

/* =============================================================
   17. Modal / Dialog
   ============================================================= */
.modal,
.dialog,
[class*="modal"],
[class*="dialog"] {
  background: #152238;
  border: 1px solid #2c2c2e;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
  color: #ffffff;
}

.modal-overlay,
.modal-backdrop,
[class*="modal-overlay"],
[class*="modal-backdrop"] {
  background: rgba(0, 0, 0, 0.5);
}

/* =============================================================
   18. Toggle / Switch (iOS Style)
   ============================================================= */
.toggle,
.switch,
[class*="toggle"],
[class*="switch"] {
  background: #3a3a3c;
  border-radius: 16px;
}

.toggle.active,
.switch.active,
[class*="toggle"].active,
[class*="switch"].active {
  background: #30d158;
}

/* =============================================================
   19. Charts / Canvas
   ============================================================= */
canvas,
.chart-container,
[class*="chart"] {
  background: transparent;
}

/* Dark chart grid lines */
.chart-grid line,
.chart-grid path,
[class*="chart"] line,
[class*="chart"] path {
  stroke: #2c2c2e;
}

/* =============================================================
   20. Code / Pre / Monospace
   ============================================================= */
code,
pre,
kbd,
samp {
  background: #2c2c2e;
  color: #ffffff;
  border-radius: 6px;
}

code {
  padding: 2px 6px;
  font-size: 0.9em;
}

pre {
  padding: 16px;
  border: 1px solid #3a3a3c;
  overflow-x: auto;
  line-height: 1.5;
}

/* =============================================================
   21. Status Indicators / Labels
   ============================================================= */
.label,
.tag,
.badge,
[class*="label"],
[class*="tag"]:not([class*="price"]),
[class*="badge"] {
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  padding: 2px 8px;
}

/* Neutral label */
.label-default,
.tag-default,
.badge-default {
  background: #3a3a3c;
  color: #ffffff;
}

/* =============================================================
   22. Alerts / Notifications
   ============================================================= */
.alert,
.notification,
.toast,
[class*="alert"],
[class*="notification"],
[class*="toast"] {
  border-radius: 12px;
  padding: 14px 16px;
}

.alert-info,
.notification-info {
  background: rgba(10, 132, 255, 0.12);
  border: 1px solid rgba(10, 132, 255, 0.3);
  color: #ffffff;
}

.alert-success,
.notification-success {
  background: rgba(48, 209, 88, 0.12);
  border: 1px solid rgba(48, 209, 88, 0.3);
  color: #ffffff;
}

.alert-warning,
.notification-warning {
  background: rgba(255, 214, 10, 0.12);
  border: 1px solid rgba(255, 214, 10, 0.3);
  color: #ffffff;
}

.alert-error,
.alert-danger,
.notification-error {
  background: rgba(255, 69, 58, 0.12);
  border: 1px solid rgba(255, 69, 58, 0.3);
  color: #ffffff;
}

/* =============================================================
   23. Progress Bars
   ============================================================= */
progress,
.progress,
[class*="progress"] {
  background: #3a3a3c;
  border-radius: 8px;
  height: 6px;
  border: none;
  overflow: hidden;
}

progress::-webkit-progress-bar {
  background: #3a3a3c;
  border-radius: 8px;
}

progress::-webkit-progress-value {
  background: #0a84ff;
  border-radius: 8px;
}

progress::-moz-progress-bar {
  background: #0a84ff;
  border-radius: 8px;
}

/* =============================================================
   24. Inline Style Overrides — handle hardcoded styles
   ============================================================= */

/*
   Explicitly override known hardcoded dark backgrounds
   that conflict with our theme. Only target elements with
   solid color backgrounds (not images, not gradients).
*/
div[style*="background-color:#000"],
div[style*="background-color: #000"],
div[style*="background-color:black"],
div[style*="background:#000"],
div[style*="background: #000"],
div[style*="background:black"],
section[style*="background-color:#000"],
section[style*="background:#000"],
main[style*="background-color:#000"],
main[style*="background:#000"],
header[style*="background-color:#000"],
header[style*="background:#000"] {
  background-color: #0d1f35 !important;
}

div[style*="background-color:#1a1a2e"],
div[style*="background:#1a1a2e"],
div[style*="background-color:#0f0f23"],
div[style*="background:#0f0f23"],
div[style*="background-color:#121212"],
div[style*="background:#121212"] {
  background-color: #0d1f35 !important;
}

div[style*="color:#ccc"],
div[style*="color: #ccc"],
span[style*="color:#ccc"],
span[style*="color: #ccc"] {
  color: #8e8e93 !important;
}

div[style*="color:#aaa"],
div[style*="color: #aaa"],
span[style*="color:#aaa"],
span[style*="color: #aaa"] {
  color: #6e6e73 !important;
}

/* =============================================================
   25. Print Styles — keep it readable
   ============================================================= */
@media print {
  html,
  body {
    background: #ffffff !important;
    color: #000000 !important;
  }

  .card,
  .v5-card,
  [class*="card"] {
    background: #ffffff !important;
    border: 1px solid #cccccc !important;
    box-shadow: none !important;
  }
}

/* =============================================================
   26. Reduced Motion
   ============================================================= */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* =============================================================
   27. Responsive Desktop Border
   Adds subtle side borders on wider screens for a phone-app feel.
   ============================================================= */
@media (min-width: 431px) {
  .app,
  .app-container,
  .phone-frame {
    border-left: 1px solid #1a1f2b;
    border-right: 1px solid #1a1f2b;
  }
}

/* =============================================================

/* =============================================================
   Launchpad Exclusion — restore original V5 dark theme
   ============================================================= */

/* Reset html/body direct properties */
html:has(body.launchpad-active),
body.launchpad-active {
  background: #f0f2f5 !important;
  color: #1a1a2e !important;
}

/* Reset CSS custom properties — Light theme for Launchpad */
body.launchpad-active {
  --bg: #f0f2f5 !important;
  --bg1: #ffffff !important;
  --bg2: #e4e6eb !important;
  --bg3: #d8dae0 !important;
  --text: #1a1a2e !important;
  --text1: #2d3748 !important;
  --text2: #4a5568 !important;
  --text3: #718096 !important;
  --muted: #a0aec0 !important;
  --card: #ffffff !important;
  --border: #e2e8f0 !important;
  --border2: #cbd5e0 !important;
  --blue: #3182ce !important;
  --cyan: #00a3c4 !important;
  --teal: #319795 !important;
  --gold: #c8a84e !important;
  --gold2: #d4af37 !important;
  --accent: #c8a84e !important;
  --primary: #c8a84e !important;
  --red: #e53e3e !important;
  --green: #38a169 !important;
  --amber: #dd6b20 !important;
  --header-bg: rgba(15,23,42,.95) !important;
  --sidebar-bg: #111827 !important;
  --sidebar-text: #e0d8c0 !important;
  --sidebar-active: #c8a84e !important;
  --input-bg: #1a2332 !important;
  --input-border: #334155 !important;
  --input-text: #e0d8c0 !important;
  --hover: #1a2332 !important;
  --active: #273548 !important;
  --shadow: 0 1px 6px rgba(0,0,0,.3) !important;
  --shadow-lg: 0 4px 14px rgba(0,0,0,.4) !important;
  --v5-bg: #0d1f35 !important;
  --v5-text: #e0d8c0 !important;
  --v5-text-secondary: #8a8270 !important;
  --v5-text-muted: #64748b !important;
  --v5-card: #111827 !important;
  --v5-card-hover: #1a2332 !important;
  --v5-border: #334155 !important;
  --v5-accent: #c8a84e !important;
  --v5-accent-hover: #d4af37 !important;
  --v5-red: #ef4444 !important;
  --v5-green: #22c55e !important;
  --v5-nav-bg: #111827 !important;
  --v5-nav-text: #e0d8c0 !important;
  --v5-nav-active: #c8a84e !important;
  --v5-input-bg: #1a2332 !important;
  --v5-input-border: #334155 !important;
  --v5-input-text: #e0d8c0 !important;
  --v5-shadow: 0 1px 6px rgba(0,0,0,.3) !important;
  --v5-shadow-lg: 0 4px 14px rgba(0,0,0,.4) !important;
  --v5-gradient-1: #0d1f35 !important;
  --v5-gradient-2: #1a2332 !important;
}

body.launchpad-active section,
body.launchpad-active div,
body.launchpad-active main,
body.launchpad-active header {
  color: inherit !important;
  background: inherit !important;
}
body.launchpad-active .card,
body.launchpad-active [class*="card"] {
  background: var(--card, #111827) !important;
  border-color: var(--border, #334155) !important;
}
body.launchpad-active .header,
body.launchpad-active .navbar {
  background: rgba(15,23,42,.95) !important;
  border-bottom: 1px solid #334155 !important;
}


/* =============================================================

/* =============================================================
   Full Screen Content — hide all chrome, maximize data display
   ============================================================= */

/* Hide iOS navbar */
.ios-navbar,
.ios-nav-actions,
.ios-nav-back,
.ios-nav-title {
  display: none !important;
}

/* Hide iOS tab bar */
.ios-tabbar,
.ios-tab {
  display: none !important;
}

/* Hide old header */
.header {
  display: none !important;
}

/* Hide old bottom tabs */
.bottom-tabs {
  display: none !important;
}

/* Hide more overlay/panel */
.more-overlay,
.more-panel {
  display: none !important;
}

/* Hide home button */
.home-btn,
#homeBtn {
  display: none !important;
}

/* Maximize app body to full viewport */
.app-body {
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 100vh !important;
  min-height: 100vh !important;
  max-height: 100vh !important;
  overflow: auto !important;
}

/* Remove body padding/margin */
body {
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

/* Ensure main content takes full height */
.page {
  display: none !important;
}
.page.active {
  display: block !important;
  height: 100vh !important;
  min-height: 100vh !important;
  max-height: 100vh !important;
  overflow: auto !important;
  padding: 8px !important;
}
section.page {
  height: 100vh !important;
  min-height: 100vh !important;
  max-height: 100vh !important;
  overflow: auto !important;
  padding: 8px !important;
}


/* Hide auth overlay */
#auth-overlay {
  display: none !important;
}

/* Hide any remaining title/navigation elements */
.ios-nav-title,
[class*='nav-title'],
[class*='title-bar'],
.page-header,
.page-title {
  display: none !important;
}

/* Hide ticker / marquee / news bar */
.header-ticker,
.header-news-bar,
.news-bar,
.news-bar-inner,
[class*='ticker'],
[class*='news-bar'],
[class*='marquee'] {
  display: none !important;
}

/* Home button — iOS dark style, bottom-right */
.home-btn,
#homeBtn {
  display: flex !important;
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(28, 28, 30, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 0.5px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1000;
  transition: transform 0.2s, opacity 0.2s;
}
.home-btn:hover,
#homeBtn:hover {
  transform: scale(1.08);
  background: rgba(44, 44, 46, 0.9);
}
.home-btn img,
#homeBtn img {
  width: 20px;
  height: 20px;
  filter: invert(1);
  opacity: 0.85;
}

/* Home button override — iOS blue glass */
.home-btn,
#homeBtn {
  background: rgba(229, 192, 123, 0.65) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
}
.home-btn:hover,
.home-btn svg, #homeBtn svg, #lp-home-btn svg { stroke: #0d1f35 !important; }
#homeBtn:hover {
  background: rgba(229, 192, 123, 0.85) !important;
}

/* =============================================================
   Navy Blue + Gold 全局覆盖
   ============================================================= */

/* 覆盖所有硬编码深色文字为金色 */
body, .header h1, .card-header, h1, h2, h3, h4 {
  color: #e5c07b !important;
}

/* 表格和文字 */
.table td, table td, td, .table th, table th, th,
label, .loading, p, span, div, li {
  color: #e5c07b !important;
}

/* 次要文字用浅金 */
.text-muted, .text-muted *,
[style*="color:var(--text-muted)"],
[style*="color:#6b7280"],
[style*="color:#9ca3af"] {
  color: #c8a84e !important;
}

/* 卡片和容器 navy 背景 */
.card, [class*="card"] {
  background: #152238 !important;
  border-color: rgba(229,192,123,.15) !important;
}

/* 表格边框 */
.table td, .table th, table td, table th {
  border-color: rgba(229,192,123,.1) !important;
}

/* 输入框/选择框 */
select, input, textarea {
  background: #152238 !important;
  color: #e5c07b !important;
  border-color: rgba(229,192,123,.2) !important;
}

/* 保留涨跌颜色 */
.up { color: #98c379 !important; }
.down { color: #e06c75 !important; }