/* ══ 越南足球绿松石清爽主题覆盖 v2 ══ */
/* 全局变量覆盖 */
:root {
  --primary:   #00A96C !important;
  --primary-dark: #007A4D !important;
  --primary-light: #4CD9A0 !important;
  --accent:    #FF6B35 !important;
  --accent-dark: #D44110 !important;
  --bg:        #F0FAF4 !important;
  --card:      #FFFFFF !important;
  --text:      #1A1A2E !important;
  --text2:     #3D5A4C !important;
  --text3:     #8FAD9E !important;
  --border:    #D8EFE3 !important;
  --radius:    12px !important;
  --radius-sm: 8px !important;
  --shadow:    0 2px 8px rgba(0,169,108,0.07) !important;
  --shadow-md: 0 4px 16px rgba(0,169,108,0.10) !important;
  --shadow-lg: 0 8px 32px rgba(0,169,108,0.12) !important;
  --hover:     translateY(-3px) !important;
  --transition: all .2s ease !important;
  --container: 1200px !important;
  --m7-bg: #F0FAF4 !important;
  --m7-bg2: #FFFFFF !important;
  --m7-bg3: #F0FAF4 !important;
  --m7-border: #D8EFE3 !important;
  --m7-text: #1A1A2E !important;
  --m7-text2: #3D5A4C !important;
  --m7-text3: #8FAD9E !important;
  --m7-green: #00A96C !important;
  --m7-accent: #00A96C !important;
}

/* ── Body ── */
body {
  background: #F0FAF4 !important;
  color: #1A1A2E !important;
}

/* ── Header ── */
#vf-header {
  background: linear-gradient(135deg, #00593B 0%, #007A4D 100%) !important;
  border-bottom: 3px solid #00A96C !important;
  box-shadow: 0 4px 20px rgba(0,122,77,0.25) !important;
}

.vf-header-top { background: #00593B !important; }

.vf-logo-icon {
  background: linear-gradient(135deg, #00A96C, #007A4D) !important;
  box-shadow: 0 4px 14px rgba(0,169,108,0.4) !important;
}

.vf-logo-title { color: #ffffff !important; }
.vf-logo-sub { color: #4CD9A0 !important; }

/* ── Nav ── */
#vf-nav { background: #ffffff !important; border-bottom: 1px solid #D8EFE3 !important; box-shadow: 0 2px 8px rgba(0,169,108,0.05) !important; }

.vf-nav-list li a {
  color: #3D5A4C !important;
  border-bottom: 3px solid transparent !important;
}

.vf-nav-list li a:hover,
.vf-nav-list li a.active {
  color: #00A96C !important;
  border-bottom-color: #00A96C !important;
  background: rgba(0,169,108,0.04) !important;
}

.vf-nav-dropdown > .vf-submenu {
  background: #ffffff !important;
  border: 1px solid #D8EFE3 !important;
  box-shadow: 0 8px 32px rgba(0,169,108,0.12) !important;
}

.vf-nav-dropdown > .vf-submenu li a { color: #3D5A4C !important; }
.vf-nav-dropdown > .vf-submenu li a:hover { color: #00A96C !important; background: rgba(0,169,108,0.04) !important; }

/* ── Links ── */
a { color: #00A96C !important; }
a:hover { color: #007A4D !important; }

/* ── Cards ── */
.card, .vf-card {
  background: #ffffff !important;
  border: 1px solid #D8EFE3 !important;
  box-shadow: 0 2px 8px rgba(0,169,108,0.07) !important;
}

.vf-card:hover {
  border-color: #00A96C !important;
  box-shadow: 0 4px 16px rgba(0,169,108,0.10) !important;
  transform: translateY(-3px) !important;
}

.vf-card-title { color: #00593B !important; }

/* ── Module Cards ── */
.vf-module-card {
  background: #ffffff !important;
  border: 1px solid #D8EFE3 !important;
}

.vf-module-card:hover {
  border-color: #00A96C !important;
  box-shadow: 0 4px 16px rgba(0,169,108,0.10) !important;
}

.vf-module-card::before {
  background: linear-gradient(90deg, #00A96C, #007A4D) !important;
}

.vf-module-name { color: #00593B !important; }

/* ── Buttons ── */
.vf-btn {
  background: #00A96C !important;
  color: #ffffff !important;
}

.vf-btn:hover {
  background: #007A4D !important;
  box-shadow: 0 4px 12px rgba(0,169,108,0.3) !important;
}

.vf-btn.vf-btn-ghost {
  background: rgba(255,255,255,0.12) !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
}

.vf-btn.vf-btn-accent { background: #FF6B35 !important; }
.vf-btn.vf-btn-accent:hover { background: #D44110 !important; }

/* ── Filter Bar ── */
.vf-filter-bar {
  background: #ffffff !important;
  border: 1px solid #D8EFE3 !important;
}

.vf-input, .vf-select {
  background: #F0FAF4 !important;
  border-color: #D8EFE3 !important;
  color: #1A1A2E !important;
}

.vf-input:focus, .vf-select:focus { border-color: #00A96C !important; background: #ffffff !important; }

/* ── Section header ── */
.section-head .h, .live-section-head .h { color: #1A1A2E !important; }
.section-head .more, .live-section-head .more { color: #00A96C !important; }
.section-head .more:hover, .live-section-head .more:hover { color: #007A4D !important; }

/* ── Table ── */
.vf-table-wrap { border-color: #D8EFE3 !important; }

.vf-table thead tr {
  background: linear-gradient(135deg, #00593B, #007A4D) !important;
}

.vf-table th { color: rgba(255,255,255,0.9) !important; }
.vf-table td { border-bottom-color: #D8EFE3 !important; color: #1A1A2E !important; }
.vf-table tbody tr:hover { background: rgba(0,169,108,0.03) !important; }
.vf-table .rank { color: #3D5A4C !important; }
.vf-table .pts { color: #00A96C !important; }

/* ── Stat boxes ── */
.vf-stat-box {
  background: #ffffff !important;
  border-color: #D8EFE3 !important;
  border-left-color: #00A96C !important;
}

.vf-stat-box .num { color: #00A96C !important; }
.vf-stat-box .lbl { color: #8FAD9E !important; }

.vf-stat-pill { background: #F0FAF4 !important; }
.vf-stat-pill .val { color: #00593B !important; }
.vf-stat-pill .lbl { color: #8FAD9E !important; }

/* ── Fixture/Player cards ── */
.vf-fixture-card {
  background: #ffffff !important;
  border-color: #D8EFE3 !important;
}

.vf-player-card {
  background: #ffffff !important;
  border-color: #D8EFE3 !important;
}

/* ── Country cards ── */
.vf-country-card {
  background: #ffffff !important;
  border-color: #D8EFE3 !important;
}

.vf-country-card:hover {
  background: rgba(0,169,108,0.03) !important;
  border-color: #00A96C !important;
}

/* ── Tags ── */
.vf-tag {
  background: rgba(0,169,108,0.08) !important;
  border-color: #D8EFE3 !important;
  color: #00A96C !important;
}

/* ── Spinner ── */
.vf-spinner { border-color: #D8EFE3 !important; border-top-color: #00A96C !important; }

/* ── Pagination ── */
.vf-page-btn {
  background: #ffffff !important;
  border-color: #D8EFE3 !important;
  color: #3D5A4C !important;
}

.vf-page-btn:hover:not(:disabled) { border-color: #00A96C !important; color: #00A96C !important; }

/* ── m7比分行 (PC) ── */
.m7-wrap, .m7-layout { background: #F0FAF4 !important; }

.m7-row {
  background: #ffffff !important;
  border-bottom: 1px solid #D8EFE3 !important;
}

.m7-row:hover { background: rgba(0,169,108,0.02) !important; }

.m7-lg-head {
  background: #F0FAF4 !important;
  border-left: 3px solid #00A96C !important;
}

.m7-lg-head a { color: #00593B !important; }
.m7-lg-head span { color: #8FAD9E !important; }

.m7-col-status { border-right: 1px solid #D8EFE3 !important; color: #8FAD9E !important; }
.m7-col-status.live-st { color: #00A96C !important; font-weight: 700 !important; }

.m7-col-time { border-right: 1px solid #D8EFE3 !important; color: #3D5A4C !important; }

.m7-team-home, .m7-team-away { background: transparent !important; }
.m7-tname { color: #1A1A2E !important; }
.m7-tname.win { color: #00593B !important; font-weight: 800 !important; }
.m7-tname.lose { color: #8FAD9E !important; }

.m7-score {
  border-left: 1px solid #D8EFE3 !important;
  border-right: 1px solid #D8EFE3 !important;
  background: #F0FAF4 !important;
}

.m7-sc { color: #00593B !important; }
.m7-sc.live { color: #00A96C !important; }
.m7-ht { color: #8FAD9E !important; }

.m7-half { border-right: 1px solid #D8EFE3 !important; color: #8FAD9E !important; }

.m7-analyze a {
  background: #F0FAF4 !important;
  border-color: #D8EFE3 !important;
  color: #3D5A4C !important;
}

.m7-analyze a:hover { color: #00A96C !important; border-color: #00A96C !important; }

/* ── m7控制栏 ── */
.m7-ctrl { border-bottom: 1px solid #D8EFE3 !important; background: #F0FAF4 !important; }

.m7-date-btn {
  background: #ffffff !important;
  color: #3D5A4C !important;
  border: 1px solid #D8EFE3 !important;
}

.m7-date-btn:hover, .m7-date-btn.act {
  background: #00A96C !important;
  color: #ffffff !important;
  border-color: #00A96C !important;
}

.m7-date-input { background: #ffffff !important; border-color: #D8EFE3 !important; color: #1A1A2E !important; }
.m7-refresh-info { color: #8FAD9E !important; }

.m7-refresh-info button {
  background: #ffffff !important;
  border-color: #D8EFE3 !important;
  color: #3D5A4C !important;
}

.m7-refresh-info button:hover { background: #00A96C !important; color: #ffffff !important; }

.m7-league-tabs { border-bottom: 1px solid #D8EFE3 !important; background: #F0FAF4 !important; }

/* ── m7 Sidebar ── */
.m7-sidebar { background: transparent !important; }

.m7-sb-card { background: #ffffff !important; border: 1px solid #D8EFE3 !important; }

.m7-sb-head {
  background: #F0FAF4 !important;
  border-bottom: 1px solid #D8EFE3 !important;
  color: #00593B !important;
}

.m7-sb-row { border-bottom: 1px solid #D8EFE3 !important; }
.m7-sb-row .tn { color: #1A1A2E !important; }
.m7-sb-row .tv { color: #3D5A4C !important; }
.m7-sb-row .pts { color: #00A96C !important; }
.m7-sb-row .rk { color: #8FAD9E !important; }
.m7-empty { color: #8FAD9E !important; }

/* ── m7手机端行 ── */
.m7-mob-row {
  background: #ffffff !important;
  border-bottom: 1px solid #D8EFE3 !important;
}

.m7-mob-row:hover { background: rgba(0,169,108,0.02) !important; }
.m7-mob-st { border-right: 1px solid #D8EFE3 !important; color: #00A96C !important; }
.m7-mob-st.ft { color: #8FAD9E !important; }
.m7-mob-st.ns { color: #3D5A4C !important; }
.m7-mob-home, .m7-mob-away { color: #1A1A2E !important; }
.m7-mob-home.win, .m7-mob-away.win { color: #00593B !important; font-weight: 800 !important; }

.m7-mob-sc {
  border-left: 1px solid #D8EFE3 !important;
  border-right: 1px solid #D8EFE3 !important;
  color: #00593B !important;
  background: #F0FAF4 !important;
}

.m7-mob-sc.live { color: #00A96C !important; }

.m7-mob-pt a {
  background: #F0FAF4 !important;
  border-color: #D8EFE3 !important;
  color: #3D5A4C !important;
}

/* ── 首页即时比分行 ── */
#home-live { border: 1px solid #D8EFE3 !important; border-radius: var(--radius) !important; overflow: hidden !important; }

.home-fix-row {
  background: #ffffff !important;
  border-bottom: 1px solid #D8EFE3 !important;
}

.home-fix-row:hover { background: rgba(0,169,108,0.02) !important; }

.hfr-st { border-right: 1px solid #D8EFE3 !important; color: #8FAD9E !important; }
.hfr-st.live { color: #00A96C !important; font-weight: 700 !important; }

.hfr-time { border-right: 1px solid #D8EFE3 !important; color: #3D5A4C !important; }

.hfr-tname { color: #1A1A2E !important; }
.hfr-tname.win { color: #00593B !important; }

.hfr-score {
  border-left: 1px solid #D8EFE3 !important;
  border-right: 1px solid #D8EFE3 !important;
  background: #F0FAF4 !important;
}

.hfr-sc { color: #00593B !important; }
.hfr-sc.live { color: #00A96C !important; }
.hfr-ht { color: #8FAD9E !important; }

/* ── live-dot 颜色 ── */
.live-dot { background: #FF1744 !important; }
.live-badge { background: #FF1744 !important; }
.live-badge::before { background: #fff !important; }

/* ── 统一内联样式覆盖：消除深色主题残留 ── */
.vf-card { background: #ffffff !important; color: #1A1A2E !important; }
.vf-card h2, .vf-card h3, .vf-card h4 { color: #00593B !important; }
.vf-card td { background: #ffffff !important; color: #1A1A2E !important; border-bottom-color: #D8EFE3 !important; }
.vf-card tr:hover td { background: rgba(0,169,108,0.02) !important; }
.vf-card th { background: linear-gradient(135deg, #00593B, #007A4D) !important; color: #ffffff !important; }
.vf-card a { color: #00A96C !important; }

.vf-sr { background: #F0FAF4 !important; }
.vf-sr .pn, .vf-sr .cn { color: #1A1A2E !important; }
.vf-cr { background: #F0FAF4 !important; }
.vf-cr .cn { color: #1A1A2E !important; }

/* ── 深色背景内联覆盖 ── */
[style*="background:#052e16"],
[style*="background:#051e10"],
[style*="background:#1a2e1a"] {
  background: #F0FAF4 !important;
}

/* ── 统一m7深色主题为浅色 ── */
.m7-row { color: #1A1A2E !important; }
.m7-row:hover { background: rgba(0,169,108,0.02) !important; }
.m7-lg-head a { color: #00593B !important; }
.m7-mob-home, .m7-mob-away { color: #1A1A2E !important; }
.m7-mob-home.win, .m7-mob-away.win { color: #00593B !important; font-weight: 800 !important; }

/* ── Nav icons ── */
.vf-nav-list li a .nav-icon { font-size: 14px !important; display: inline-block; width: 16px; text-align: center !important; }

/* ── Footer ── */
#vf-footer { background: #00593B !important; }
.vf-footer-desc { color: rgba(255,255,255,0.55) !important; }
.vf-footer-links a { color: rgba(255,255,255,0.55) !important; }
.vf-footer-links a:hover { color: #ffffff !important; }
.vf-footer-bottom { border-top-color: rgba(255,255,255,0.08) !important; color: rgba(255,255,255,0.4) !important; }
.vf-footer-heading { color: #4CD9A0 !important; }
.vf-footer-tag { background: rgba(255,255,255,0.07) !important; color: rgba(255,255,255,0.6) !important; border-color: rgba(255,255,255,0.1) !important; }
.vf-footer-tag:hover { background: #00A96C !important; border-color: #00A96C !important; color: #fff !important; }

/* ── Page Hero ── */
.vf-hero-banner { background: linear-gradient(135deg, #00593B 0%, #007A4D 100%) !important; }
.vf-hero-sub { color: rgba(255,255,255,0.65) !important; }
.vf-hero-label { color: #4CD9A0 !important; }
.vf-page-hero { background: linear-gradient(135deg, #00593B 0%, #007A4D 100%) !important; border-bottom: 3px solid #00A96C !important; }
.vf-page-title { color: #ffffff !important; }
.vf-page-desc { color: rgba(255,255,255,0.7) !important; }
.vf-breadcrumb a { color: rgba(255,255,255,0.6) !important; }
.vf-breadcrumb a:hover { color: #4CD9A0 !important; }

/* ── 统一内联背景覆盖 ── */
.live-hero { background: #F0FAF4 !important; }
.live-portal { background: #F0FAF4 !important; }
.live-strip { background: #F0FAF4 !important; }
.live-video-section { background: #F0FAF4 !important; }
.vf-main { background: #F0FAF4 !important; }

/* ── Slider ── */
.live-slide .shade { background: linear-gradient(transparent, rgba(0,0,0,0.75)) !important; }
.live-slide .meta .title { color: #ffffff !important; }
.live-slide .meta .comp { color: rgba(255,255,255,0.75) !important; }
.live-slide .play { background: rgba(0,169,108,0.85) !important; }
.live-slide:hover .play { background: #00A96C !important; }

/* ── Video cards ── */
.live-video-card .v-play { background: rgba(255,107,53,0.85) !important; }
.live-video-card:hover .v-play { background: #FF6B35 !important; }
.live-video-card .v-league { background: rgba(0,0,0,0.65) !important; color: #fff !important; }

/* ── Section foot ── */
.live-section-head {
  background: var(--card) !important;
  border: 1px solid var(--border) !important;
  border-bottom: none !important;
}

.live-section-foot {
  background: var(--card) !important;
  border: 1px solid var(--border) !important;
  border-top: none !important;
}

/* ── League strip ── */
.league-strip-card:hover {
  background: #00A96C !important;
  border-color: #00A96C !important;
  color: #fff !important;
}

/* ── Strip card ── */
.live-strip-card:hover {
  border-color: #00A96C !important;
  transform: translateY(-3px) !important;
}

.live-strip-card:hover .k { color: #00A96C !important; }

/* ── Team/player card hover ── */
.live-team-card:hover {
  background: #00A96C !important;
  border-color: #00A96C !important;
  color: #fff !important;
}

.live-team-card:hover .live-team-name { color: #fff !important; }
.live-team-card:hover .live-team-league { color: rgba(255,255,255,0.75) !important; }

/* ── News card hover ── */
.live-news-card:hover {
  background: #ffffff !important;
  border-color: #00A96C !important;
}

/* ── Sidebar video ── */
.live-side-vid:hover { background: rgba(0,169,108,0.03) !important; }

/* ── Fixture row ── */
.vf-fix-row:hover { background: rgba(0,169,108,0.03) !important; }
.vf-fix-row.is-live { background: rgba(255,23,68,0.03) !important; border-left: 3px solid #FF1744 !important; }

/* ── Standing row ── */
.standing-row:hover { background: rgba(0,169,108,0.03) !important; }

/* ── Modal ── */
.slider-modal { background: rgba(0,0,0,0.82) !important; }
.slider-modal-title { background: rgba(0,0,0,0.6) !important; color: rgba(255,255,255,0.9) !important; }
.slider-modal-close { background: rgba(0,0,0,0.6) !important; }
.slider-modal-close:hover { background: rgba(0,0,0,0.8) !important; }

/* ── Chip ── */
.live-chip.ghost:hover {
  background: #00A96C !important;
  border-color: #00A96C !important;
  color: #fff !important;
}

/* ── Video grid ── */
.live-video-grid {
  background: var(--card) !important;
  border: 1px solid var(--border) !important;
  border-top: none !important;
}

.live-video-section .live-section-head {
  background: var(--card) !important;
  border: 1px solid var(--border) !important;
  border-bottom: none !important;
}

.live-video-section .live-section-foot {
  background: var(--card) !important;
  border: 1px solid var(--border) !important;
  border-top: none !important;
}

/* ── Ticker ── */
.vf-ticker span { color: rgba(255,255,255,0.92) !important; }

/* ── Hero title accent ── */
.live-hero-title .accent { color: #00A96C !important; }

/* ── Fixture score ── */
.vf-fix-score.live-score { color: #FF1744 !important; }
.vf-fix-time.live-time { color: #FF1744 !important; }
.vf-fix-status.live-st { color: #FF1744 !important; }

/* ── Strip card k ── */
.live-strip-card .k { color: #00A96C !important; }
