/* ==========================================
   PC端全面重构 - 现代深色科技风 v2.0
   仅影响 width > 750px 的PC端
   包含：布局重构、排序功能、投注页优化
   ========================================== */

@media (min-width: 751px) {

/* ========== 全局重置 ========== */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
::selection { background: rgba(31,253,250,0.2); color: #fff; }

/* ========== 自定义滚动条 ========== */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: #0a0f1a; }
::-webkit-scrollbar-thumb { background: #1a2a4a; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #2a4a6a; }

/* ========== PC端头部导航 ========== */
.app-header.pc {
  background: linear-gradient(180deg, #0d1a2e 0%, #0f1e36 100%) !important;
  box-shadow: 0 2px 20px rgba(0,0,0,0.5), 0 1px 0 rgba(31,253,250,0.06) !important;
  height: 60px !important;
  position: sticky;
  top: 0;
  z-index: 100;
}
.app-header.pc::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(31,253,250,0.2), transparent);
  pointer-events: none;
}
.app-header.pc .logo img {
  height: 36px !important;
  filter: brightness(1.1) drop-shadow(0 0 6px rgba(31,253,250,0.1));
  transition: all 0.3s ease;
}
.app-header.pc .logo:hover img {
  transform: scale(1.05);
  filter: brightness(1.25) drop-shadow(0 0 10px rgba(31,253,250,0.2));
}
.app-header.pc .nav a {
  font-size: 13px !important;
  color: #6a7d9a !important;
  letter-spacing: 0.3px;
  position: relative;
  transition: all 0.25s ease;
  height: 60px !important;
  line-height: 60px !important;
}
.app-header.pc .nav a::after {
  content: '';
  position: absolute;
  bottom: 0; left: 50%;
  transform: translateX(-50%) scaleX(0);
  width: 20px; height: 2px;
  background: #1ffdfa;
  border-radius: 1px;
  transition: transform 0.25s ease;
  box-shadow: 0 0 6px rgba(31,253,250,0.3);
}
.app-header.pc .nav a:hover { color: #1ffdfa !important; }
.app-header.pc .nav a:hover::after { transform: translateX(-50%) scaleX(1); }

/* 用户名/余额按钮 */
.username-btn, .balance-btn {
  transition: all 0.2s ease;
  border-radius: 8px !important;
}
.username-btn:hover, .balance-btn:hover {
  background: rgba(31,253,250,0.05) !important;
}
.user-name .name { font-weight: 600; font-size: 13px; color: #bacef1; }
.user-balance .balance {
  font-weight: 700; color: #ffd700; font-size: 14px;
  text-shadow: 0 0 8px rgba(255,215,0,0.15);
}
.coin-icon { filter: drop-shadow(0 0 3px rgba(255,215,0,0.25)); }

/* 下拉菜单 */
.v-menu__content {
  background: #141c2e !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 28px rgba(0,0,0,0.5), 0 0 1px rgba(31,253,250,0.08) !important;
  overflow: hidden; margin-top: 4px;
}
.v-menu__content .account-info {
  background: linear-gradient(135deg, #16213e, #1a2540);
  padding: 14px; border-bottom: 1px solid rgba(255,255,255,0.04);
}
.v-menu__content .welcome { color: #bacef1; font-weight: 600; }
.v-menu__content .list-item {
  padding: 9px 14px; transition: all 0.2s ease;
  border-bottom: 1px solid rgba(255,255,255,0.02);
}
.v-menu__content .list-item:hover { background: rgba(31,253,250,0.04); }
.wallet-info {
  background: linear-gradient(135deg, #16213e, #1a2540);
  padding: 14px; border-bottom: 1px solid rgba(255,255,255,0.04);
}
.wallet-info-balance {
  font-size: 20px !important; font-weight: 800 !important;
  color: #ffd700 !important;
  text-shadow: 0 0 8px rgba(255,215,0,0.15);
}

/* 登录/注册按钮 */
.header-button.dark {
  border-radius: 10px !important;
  padding: 7px 20px !important;
  font-size: 13px !important;
  letter-spacing: 0.5px;
  border: 1px solid rgba(255,255,255,0.08) !important;
  transition: all 0.25s ease;
}
.header-button.dark:hover {
  border-color: rgba(31,253,250,0.3) !important;
  background: rgba(31,253,250,0.04) !important;
  transform: translateY(-1px);
  box-shadow: 0 3px 10px rgba(31,253,250,0.08);
}

/* ========== 三栏布局 ========== */
.app-content.pc {
  display: flex;
  min-height: calc(100vh - 60px);
}

/* ========== 左侧游戏筛选栏 ========== */
.game-filter {
  width: 130px !important; min-width: 130px !important;
  background: linear-gradient(180deg, #0f1825, #0a1018) !important;
  border-right: 1px solid rgba(31,253,250,0.03) !important;
  padding: 10px 0 !important;
}
.game-item {
  display: flex !important; align-items: center; gap: 7px;
  padding: 7px 10px !important; margin: 2px 5px !important;
  border-radius: 8px !important; transition: all 0.2s ease;
  border: 1px solid transparent; cursor: pointer;
  font-size: 12px;
}
.game-item:hover {
  background: rgba(31,253,250,0.04);
  border-color: rgba(31,253,250,0.06);
}
.game-item.game-item-active {
  background: linear-gradient(135deg, rgba(31,253,250,0.08), rgba(9,132,227,0.04)) !important;
  border-color: rgba(31,253,250,0.15) !important;
  box-shadow: 0 0 10px rgba(31,253,250,0.06);
}
.game-item .name {
  font-size: 12px; color: #6a7d9a;
  flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.game-item.game-item-active .name { color: #1ffdfa; font-weight: 600; }
.game-item .count {
  font-size: 10px; color: #4a5a6a;
  background: rgba(255,255,255,0.03); border-radius: 6px;
  padding: 1px 5px; min-width: 18px; text-align: center;
}
.game-item.game-item-active .count {
  background: rgba(31,253,250,0.08); color: #1ffdfa;
}

/* ========== 中间主内容区 ========== */
.router-view { flex: 1; min-width: 0; }

/* ========== 轮播Banner ========== */
.app-banner {
  border-radius: 12px !important; overflow: hidden;
  box-shadow: 0 4px 20px rgba(0,0,0,0.25), 0 0 1px rgba(31,253,250,0.06);
}
.app-banner .swiper-slide { border-radius: 12px; }

/* 新闻滚动 */
.txtScroll-top {
  border-radius: 8px; background: rgba(255,255,255,0.015);
  border: 1px solid rgba(255,255,255,0.03);
}

/* ========== Tab导航 ========== */
.v-tabs__bar.theme--dark {
  background-color: #111a2e !important;
  border-bottom: 1px solid rgba(255,255,255,0.04) !important;
  border-radius: 10px 10px 0 0;
}
.v-tabs__item { transition: all 0.25s ease; padding: 10px 14px !important; }
.v-tabs__item:hover { color: #1ffdfa !important; }
.v-tabs__item--active { color: #1ffdfa !important; }
.v-tabs__item--active .type-name { font-weight: 700; }
.v-tabs__slider {
  background-color: #1ffdfa !important; height: 2px !important;
  border-radius: 1px; box-shadow: 0 0 6px rgba(31,253,250,0.3);
}
.type-count {
  display: inline-block; min-width: 20px; height: 18px; line-height: 18px;
  text-align: center; background: rgba(31,253,250,0.08);
  border: 1px solid rgba(31,253,250,0.12); border-radius: 9px;
  font-size: 10px; color: #1ffdfa; margin-left: 5px;
  padding: 0 5px; font-weight: 600;
}

/* ========== 排序/筛选工具栏 ========== */
.pc-sort-bar {
  display: flex; align-items: center; justify-content: space-between;
  padding: 8px 14px; margin: 6px 0; border-radius: 8px;
  background: rgba(255,255,255,0.015); border: 1px solid rgba(255,255,255,0.03);
}
.pc-sort-bar .sort-label { font-size: 12px; color: #5a6a7a; margin-right: 6px; }
.pc-sort-bar .sort-btn {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 4px 12px; border-radius: 6px; font-size: 12px;
  color: #7a8daa; background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.04); cursor: pointer;
  transition: all 0.2s ease;
}
.pc-sort-bar .sort-btn:hover { background: rgba(31,253,250,0.04); border-color: rgba(31,253,250,0.1); color: #1ffdfa; }
.pc-sort-bar .sort-btn.active { background: rgba(31,253,250,0.06); border-color: rgba(31,253,250,0.15); color: #1ffdfa; }
.pc-sort-bar .sort-btn .arrow-up, .pc-sort-bar .sort-btn .arrow-down {
  font-size: 10px; line-height: 1;
}
.pc-sort-bar .match-total { font-size: 12px; color: #4a5a6a; }

/* ========== 赛事卡片重构 ========== */
.match-card {
  background: linear-gradient(135deg, #141c2e 0%, #111827 100%) !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,0.03);
  margin-bottom: 6px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}
.match-card:hover {
  border-color: rgba(31,253,250,0.1);
  box-shadow: 0 4px 20px rgba(0,0,0,0.2), 0 0 1px rgba(31,253,250,0.06);
  transform: translateY(-1px);
}
.match-card .match-status { font-size: 11px; }
.match-card .match-status strong { color: #4a5a6a; font-weight: 600; letter-spacing: 0.3px; }
.match-card .tournament-name { font-size: 12px; color: #6a7d9a; font-weight: 500; }
.match-card .league-tag {
  font-size: 10px !important; padding: 1px 6px !important;
  border-radius: 3px !important; letter-spacing: 0.5px;
  text-transform: uppercase; vertical-align: middle;
}

/* 赛事按钮 */
.match-card .match-button {
  border-radius: 6px; transition: all 0.2s ease; overflow: hidden;
}
.match-card .match-button:hover { background: rgba(31,253,250,0.03); }
.match-card .btn-contain { padding: 8px 12px; }
.match-card .team-logo {
  width: 28px !important; height: 28px !important;
  border-radius: 50%; border: 1.5px solid rgba(31,253,250,0.1);
  object-fit: cover; transition: all 0.2s ease;
}
.match-card:hover .team-logo {
  border-color: rgba(31,253,250,0.15);
  box-shadow: 0 0 6px rgba(31,253,250,0.06);
}
.match-card .odds-name { font-size: 12px !important; color: #a0b0c8 !important; font-weight: 500; }
.match-card .bet-odds {
  font-size: 14px !important; color: #ffd700 !important;
  font-weight: 800; text-shadow: 0 0 6px rgba(255,215,0,0.1);
  letter-spacing: 0.3px;
}
.match-card .left-score {
  font-weight: 800 !important; font-size: 16px !important;
  color: #1ffdfa !important; text-shadow: 0 0 8px rgba(31,253,250,0.15);
}
.match-card .default-status { color: #2a3548 !important; font-size: 13px; font-weight: 700; }
.match-card .game-icon {
  width: 20px !important; height: 20px !important;
  border-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}

/* 封盘锁 */
.odds-lock { filter: drop-shadow(0 0 3px rgba(255,75,75,0.25)); }

/* 已结束赛事 */
.match-card[style*="opacity"] { opacity: 0.5 !important; }

/* 日期显示 */
.match-schedule {
  padding: 10px 14px; background: rgba(255,255,255,0.015);
  border-radius: 8px; margin-bottom: 6px;
  border: 1px solid rgba(255,255,255,0.02);
}
.current-date { font-size: 13px; color: #a0b0c8; font-weight: 600; }
.full-time { letter-spacing: 0.8px; }
.day-week { color: #1ffdfa; margin-left: 6px; font-weight: 600; }

/* 空提示 */
.empty-match-tip {
  text-align: center; padding: 50px 20px;
  color: #2a3548; font-size: 13px;
  background: rgba(255,255,255,0.01);
  border-radius: 10px; border: 1px dashed rgba(255,255,255,0.04);
  margin: 16px 0;
}

/* ========== 右侧投注栏 ========== */
.bet-info {
  width: 260px !important; min-width: 260px !important;
  background: linear-gradient(180deg, #111a2e, #0d1420) !important;
  border-left: 1px solid rgba(255,255,255,0.03) !important;
}
.bet-info .v-tabs__bar.theme--dark {
  background-color: #0a0f1a !important; height: 46px;
  display: flex; align-items: center; justify-content: center;
  border-bottom: 1px solid rgba(255,255,255,0.03);
  font-size: 13px; font-weight: 600; color: #a0b0c8;
}
.empty-slip { text-align: center; padding: 40px 16px; }
.empty-bkg {
  width: 60px; height: 60px; margin: 0 auto 12px;
  background: rgba(31,253,250,0.03); border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  border: 2px dashed rgba(31,253,250,0.06);
}
.main-tip { font-size: 13px; color: #4a5a6a; margin-top: 10px; }
.sub-tip { font-size: 11px; color: #2a3548; margin-top: 4px; }

/* 投注记录 */
.history-list .read-more {
  padding: 10px 14px; margin: 5px 8px;
  background: rgba(255,255,255,0.015); border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.03);
  font-size: 11px; color: #6a7d9a; transition: all 0.2s ease;
}
.history-list .read-more:hover {
  background: rgba(31,253,250,0.02); border-color: rgba(31,253,250,0.06);
}

/* ========== 底部Footer ========== */
.app-footer.pc {
  background: linear-gradient(180deg, #0d1420 0%, #080c14 100%) !important;
  border-top: 1px solid rgba(255,255,255,0.03) !important;
  position: relative !important;
  width: 100% !important;
  order: 99; /* 确保在内容之后 */
  flex-shrink: 0;
}
.application--wrap {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100vh;
}
.app-footer.pc::before {
  content: ''; position: absolute; top: 0; left: 10%; right: 10%;
  height: 1px; background: linear-gradient(90deg, transparent, rgba(31,253,250,0.12), transparent);
}
.footer-games .nav-list-title { font-size: 13px; color: #a0b0c8; font-weight: 700; letter-spacing: 0.3px; }
.footer-games .nav-list-body a {
  color: #4a5a6a !important; font-size: 12px;
  transition: all 0.2s ease; padding: 2px 0;
}
.footer-games .nav-list-body a:hover { color: #1ffdfa !important; }
.footer-middle {
  background: rgba(255,255,255,0.008);
  border-top: 1px solid rgba(255,255,255,0.02);
  border-bottom: 1px solid rgba(255,255,255,0.02);
  padding: 16px 0 !important;
}
.payment-method { display: flex; align-items: center; gap: 8px; }
.payment-method img { height: 22px; opacity: 0.4; transition: opacity 0.2s ease; }
.payment-method img:hover { opacity: 0.7; }
.service-button {
  background: linear-gradient(135deg, #0585a1, #0984e3) !important;
  border-radius: 8px !important; font-size: 12px !important;
  padding: 7px 16px !important; transition: all 0.25s ease;
  box-shadow: 0 2px 8px rgba(5,133,161,0.15);
}
.service-button:hover {
  box-shadow: 0 4px 14px rgba(5,133,161,0.3); transform: translateY(-1px);
}
.footer-bottom { color: #1a2538 !important; font-size: 11px; padding: 10px 0 !important; }

/* ========== 弹窗美化 ========== */
.v-dialog {
  border-radius: 16px !important; overflow: hidden;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5), 0 0 1px rgba(31,253,250,0.06) !important;
  border: 1px solid rgba(255,255,255,0.04);
}
.v-dialog .card { background: linear-gradient(180deg, #141c2e, #0f1520) !important; }
.login-header {
  border-bottom: 1px solid rgba(255,255,255,0.04); padding: 16px 24px;
  background: linear-gradient(180deg, rgba(31,253,250,0.02), transparent);
}
.login-header .header-title { font-size: 18px; color: #fff; font-weight: 700; }
.close-icon { transition: transform 0.2s ease; }
.close-icon:hover { transform: rotate(90deg); }
.base-input .input-container {
  border-radius: 8px; transition: all 0.25s ease;
  border: 1px solid rgba(255,255,255,0.04);
}
.base-input .input-container:focus-within {
  border-color: rgba(31,253,250,0.25); box-shadow: 0 0 10px rgba(31,253,250,0.06);
}
.base-input input { font-size: 13px; color: #dde4ec; padding: 10px 14px; }
.base-button {
  border-radius: 10px !important; font-size: 14px; letter-spacing: 1.5px;
  font-weight: 700; transition: all 0.25s ease; padding: 12px !important;
}
.base-button:hover { transform: translateY(-1px); box-shadow: 0 4px 14px rgba(5,133,161,0.25); }
.base-button.taobao { background: linear-gradient(135deg, #0585a1, #0984e3) !important; }

/* ========== 用户中心页面 ========== */
.promotions-page { gap: 14px; }
.promotion-card {
  background: linear-gradient(135deg, #141c2e, #1a2540) !important;
  border: 1px solid rgba(255,255,255,0.04) !important;
  border-radius: 12px !important; overflow: hidden; transition: all 0.25s ease;
}
.promotion-card:hover {
  border-color: rgba(31,253,250,0.12); box-shadow: 0 6px 20px rgba(0,0,0,0.25);
  transform: translateY(-3px);
}
.promotion-img { border-radius: 12px 12px 0 0; }
.promotion-title { color: #a0b0c8 !important; font-size: 13px !important; }
.promotion-time { color: #4a5a6a !important; font-size: 11px !important; }
.card-footer {
  background: rgba(0,0,0,0.15) !important;
  border-top: 1px solid rgba(255,255,255,0.03);
}

/* ========== 消息提示 ========== */
#messageBox {
  background: rgba(10,15,26,0.9) !important;
  border: 1px solid rgba(31,253,250,0.12);
  border-radius: 8px !important;
  padding: 10px 24px !important; font-size: 13px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.35);
  backdrop-filter: blur(10px);
}

/* ========== 详情页布局 ========== */
.pc-detail-layout {
  display: flex; min-height: calc(100vh - 60px);
  background: linear-gradient(180deg, #0a0f1a 0%, #0d1220 100%);
}
.pc-detail-main {
  flex: 1; min-width: 0; max-width: 820px;
  margin: 0 auto; padding: 24px 16px 24px 28px;
}

/* 中间：投注单列 */
.pc-detail-betslip {
  width: 280px; min-width: 280px;
  background: linear-gradient(180deg, #111a2e, #0d1420);
  border-left: 1px solid rgba(255,255,255,0.03);
  border-right: 1px solid rgba(255,255,255,0.03);
  position: sticky; top: 60px;
  height: calc(100vh - 60px);
  overflow-y: auto; scrollbar-width: none;
  display: flex; flex-direction: column;
}
.pc-detail-betslip::-webkit-scrollbar { display: none; }

/* 投注单面板 */
.betslip-panel {
  display: flex; flex-direction: column; height: 100%;
}
.betslip-panel-header {
  padding: 14px 16px;
  background: linear-gradient(90deg, rgba(31,253,250,0.04), transparent);
  border-bottom: 1px solid rgba(255,255,255,0.04);
}
.betslip-panel-title {
  display: flex; align-items: center; gap: 8px;
  font-size: 14px; color: #bacef1; font-weight: 700;
}
.betslip-panel-footer {
  margin-top: auto;
  padding: 14px 16px;
  background: rgba(0,0,0,0.15);
  border-top: 1px solid rgba(255,255,255,0.04);
}
.betslip-summary {
  display: flex; justify-content: space-between;
  margin-bottom: 12px; font-size: 12px; color: #6a7d9a;
}
.betslip-summary .summary-row {
  display: flex; flex-direction: column; align-items: center; gap: 2px;
}

/* 呼吸灯特效 - PC端"未开始"状态 */
.pc-breath-wrap {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;
  width: 100%;
}
.pc-breath-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: #4fc3f7;
  box-shadow: 0 0 6px 2px rgba(79,195,247,0.5);
  animation: pcBreathPulse 1.5s ease-in-out infinite;
  margin-bottom: 2px;
}
@keyframes pcBreathPulse {
  0%, 100% { transform: scale(1); opacity: 1; box-shadow: 0 0 6px 2px rgba(79,195,247,0.5); }
  50% { transform: scale(1.8); opacity: 0.4; box-shadow: 0 0 14px 4px rgba(79,195,247,0.2); }
}
.pc-status-label {
  color: #4fc3f7; font-size: 13px; font-weight: 600;
  letter-spacing: 1px;
  animation: pcStatusGlow 2s ease-in-out infinite;
}
@keyframes pcStatusGlow {
  0%, 100% { text-shadow: 0 0 4px rgba(79,195,247,0.3); }
  50% { text-shadow: 0 0 12px rgba(79,195,247,0.6); }
}

/* PC端倒计时 */
.pc-countdown {
  text-align: center;
}

/* 详情页 - 赛事信息卡 */
.pc-detail-main .betting-page .betting-info {
  background: linear-gradient(180deg, #141c30 0%, #111828 100%) !important;
  border-radius: 14px !important;
  border: 1px solid rgba(31,253,250,0.06) !important;
  box-shadow: 0 6px 24px rgba(0,0,0,0.3), 0 0 1px rgba(31,253,250,0.08) !important;
  overflow: hidden;
  margin-bottom: 16px;
}
.pc-detail-main .betting-info::after { display: none; }

/* 赛事标题栏 */
.pc-detail-main .betting-info .info-title {
  background: linear-gradient(90deg, rgba(31,253,250,0.04), transparent) !important;
  border-bottom: 1px solid rgba(255,255,255,0.04) !important;
  padding: 12px 18px !important;
  justify-content: center !important;
}
.pc-detail-main .betting-info .info-title .league-tag {
  position: static !important;
  font-size: 11px !important;
  padding: 2px 10px !important;
  border-radius: 4px !important;
  letter-spacing: 0.5px;
}
.pc-detail-main .betting-info .info-title .tournament-name {
  font-size: 15px !important;
  color: #dde4ec !important;
  font-weight: 600 !important;
}

/* 对阵信息 */
.pc-detail-main .betting-info .info-team {
  padding: 20px 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 20px;
}
.pc-detail-main .betting-info .info-team .team-info {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px;
  flex: 1;
}
.pc-detail-main .betting-info .team-logo {
  width: 52px !important; height: 52px !important;
  border-radius: 50% !important;
  border: 2px solid rgba(31,253,250,0.12) !important;
  object-fit: cover;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  transition: all 0.3s ease;
}
.pc-detail-main .betting-info .team-logo:hover {
  border-color: rgba(31,253,250,0.25) !important;
  box-shadow: 0 4px 16px rgba(31,253,250,0.08);
}
.pc-detail-main .betting-info .team-name {
  font-size: 15px !important;
  color: #dde4ec !important;
  font-weight: 600 !important;
  text-align: center;
}

/* 比分区域 */
.pc-detail-main .betting-info .betting-status {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px;
  min-width: 160px;
}
.pc-detail-main .betting-info .status-live {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px;
}
.pc-detail-main .betting-info .score {
  font-size: 28px !important;
  font-weight: 900 !important;
  color: #1ffdfa !important;
  font-family: DIN, monospace !important;
  text-shadow: 0 0 12px rgba(31,253,250,0.2);
  line-height: 1;
  min-width: 30px;
  text-align: center;
}
.pc-detail-main .betting-info .vs-text {
  font-size: 16px !important;
  color: #4a5a6a !important;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 120px;
  text-align: center;
}

/* 详情页 - 玩法标题条 */
.pc-detail-main .betting-stage {
  border-radius: 10px 10px 0 0 !important;
  height: 38px !important;
  line-height: 38px !important;
  font-size: 13px !important;
  padding-left: 16px !important;
  margin-top: 16px;
  letter-spacing: 0.5px;
}

/* 详情页 - 玩法选项区 */
.pc-detail-main .betting-odds {
  border-radius: 0 0 12px 12px !important;
  border: 1px solid rgba(255,255,255,0.04) !important;
  border-top: none !important;
  background: linear-gradient(180deg, #141c2e 0%, #111827 100%) !important;
  padding: 16px !important;
}

/* 玩法组标题 */
.pc-detail-main .odds-group-title {
  margin-top: 8px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid rgba(255,255,255,0.04) !important;
}
.pc-detail-main .odds-group-title .title {
  font-size: 13px !important;
  color: #8a9ab8 !important;
  font-weight: 600 !important;
}

/* 胜负平3选项 */
.pc-detail-main .group-odds {
  display: flex !important;
  gap: 10px !important;
}
.pc-detail-main .group-odds .odds-btn {
  flex: 1 !important;
  margin: 0 !important;
}

/* 投注按钮 */
.pc-detail-main .match-card-button {
  background: linear-gradient(180deg, #1a2840 0%, #162035 100%) !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,0.04) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;
  height: auto !important;
  min-height: 48px;
  transition: all 0.25s ease;
  overflow: hidden;
}
.pc-detail-main .match-card-button:hover {
  border-color: rgba(31,253,250,0.15) !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.3), 0 0 1px rgba(31,253,250,0.06) !important;
  background: linear-gradient(180deg, #1e2e48 0%, #1a2640 100%) !important;
}
.pc-detail-main .button-dark-border {
  background: transparent !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  height: auto !important;
  padding: 10px 12px;
}
.pc-detail-main .button-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 4px 0 !important;
}
.pc-detail-main .button-name {
  font-size: 13px !important;
  color: #8a9ab8 !important;
  font-weight: 600 !important;
}
.pc-detail-main .button-content > div:last-child,
.pc-detail-main .button-content span {
  font-size: 15px !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 6px rgba(255,215,0,0.1);
}
/* 封盘按钮 */
.pc-detail-main .match-card-button.locked,
.pc-detail-main .match-card-button:has(.odds-lock) {
  opacity: 0.5;
  cursor: not-allowed;
}

/* 网格按钮（总进球/比分） */
.pc-detail-main .group-odds[style*="flex"] .odds-btn {
  flex: 0 0 calc(25% - 8px) !important;
  margin: 4px !important;
}
.pc-detail-main .group-odds[style*="flex"] .odds-btn .button-dark-border {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 8px 6px !important;
}
.pc-detail-main .group-odds[style*="flex"] .odds-btn .match-card-button {
  min-height: 42px;
}

/* 详情页 - 投注单面板（中间列） */
.pc-detail-betslip .bet-list {
  flex: 1; min-height: 80px; overflow-y: auto; scrollbar-width: none;
}
.pc-detail-betslip .bet-list::-webkit-scrollbar { display: none; }
.pc-detail-betslip .slip-card {
  margin: 6px 0; padding: 8px 10px;
  background: rgba(255,255,255,0.02);
  border-radius: 8px; border: 1px solid rgba(255,255,255,0.04);
}
.pc-detail-betslip .slip-card .card-header {
  padding: 6px 8px;
}
.pc-detail-betslip .slip-card .odds-name {
  font-size: 12px; color: #bacef1;
}
.pc-detail-betslip .slip-card .remove-btn {
  color: #5a6a7a; cursor: pointer; font-size: 11px;
  transition: color 0.2s;
}
.pc-detail-betslip .slip-card .remove-btn:hover { color: #ff4757; }
.pc-detail-betslip .betslip-panel-footer .bet-button {
  background: linear-gradient(135deg, #0585a1, #0984e3) !important;
  border-radius: 10px !important;
  font-size: 14px !important; font-weight: 700;
  letter-spacing: 1px;
  transition: all 0.25s ease;
}
.pc-detail-betslip .betslip-panel-footer .bet-button:hover {
  box-shadow: 0 4px 16px rgba(5,133,161,0.35);
  transform: translateY(-1px);
}

/* 详情页 - 右侧栏 */
.pc-detail-sidebar {
  width: 260px; min-width: 260px;
  background: linear-gradient(180deg, #111a2e, #0d1420);
  border-left: 1px solid rgba(255,255,255,0.03);
  position: sticky; top: 60px;
  height: calc(100vh - 60px);
  overflow-y: auto; scrollbar-width: none;
}
.pc-detail-sidebar::-webkit-scrollbar { display: none; }
.pc-detail-sidebar .v-tabs__bar.theme--dark {
  background-color: #0a0f1a !important; height: 46px;
  display: flex; align-items: center; justify-content: center;
  border-bottom: 1px solid rgba(255,255,255,0.03);
  font-size: 13px; font-weight: 600; color: #a0b0c8;
}

/* 倒计时样式 */
.pc-detail-main #countdown-timer span {
  background: rgba(255,152,0,0.08) !important;
  padding: 3px 14px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(255,152,0,0.2) !important;
  font-size: 14px !important;
  letter-spacing: 1.5px;
}

/* 呼吸灯 - 进行中 */
.pc-detail-main .breath-circle {
  width: 8px; height: 8px;
  background: #4fc3f7;
  box-shadow: 0 0 6px 2px rgba(79,195,247,0.5);
  animation: breathPulse 1.5s ease-in-out infinite;
}
.pc-detail-main .match-status-text { color: #bacef1; font-size: 13px; }

/* ========== 混合过关PC端 ========== */
.hhgg-pc-layout { display: flex; min-height: calc(100vh - 60px); }
.hhgg-pc-main { flex: 1; min-width: 0; max-width: 820px; margin: 0 auto; padding: 20px; }
.hhgg-pc-sidebar {
  width: 280px; min-width: 280px; background: #111827;
  border-left: 1px solid rgba(255,255,255,0.03); padding: 16px;
  position: sticky; top: 60px; height: calc(100vh - 60px); overflow-y: auto;
}

/* ========== 投注单面板（通用/手机端） ========== */
.betting-betslip .betslip-card {
  background: linear-gradient(135deg, #141c2e, #111827);
  border: 1px solid rgba(255,255,255,0.04); border-radius: 10px; overflow: hidden;
}
.betting-betslip .betslip-header {
  background: rgba(31,253,250,0.03);
  border-bottom: 1px solid rgba(255,255,255,0.04);
  padding: 10px 14px;
}
.bet-button {
  background: linear-gradient(135deg, #0585a1, #0984e3) !important;
  border-radius: 8px !important; padding: 7px 20px !important;
  font-weight: 700; letter-spacing: 0.8px; transition: all 0.25s ease;
}
.bet-button:hover {
  box-shadow: 0 4px 14px rgba(5,133,161,0.25); transform: translateY(-1px);
}

/* ========== 微动画 ========== */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}
.match-card { animation: fadeIn 0.25s ease; }
.match-card:nth-child(2) { animation-delay: 0.03s; }
.match-card:nth-child(3) { animation-delay: 0.06s; }
.match-card:nth-child(4) { animation-delay: 0.09s; }
.match-card:nth-child(5) { animation-delay: 0.12s; }

@keyframes livePulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(255,71,87,0.25); }
  50% { box-shadow: 0 0 0 5px rgba(255,71,87,0); }
}
.live-icon { animation: livePulse 1.5s ease-in-out infinite; }

@keyframes glowBorder {
  0%, 100% { border-color: rgba(31,253,250,0.06); }
  50% { border-color: rgba(31,253,250,0.15); }
}
.game-item-active { animation: glowBorder 3s ease-in-out infinite; }

/* ========== 手机端赛事卡片（PC列表也用） ========== */
.home-match-card {
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.03);
  margin-bottom: 8px;
  overflow: hidden;
  transition: all 0.25s ease;
}
.home-match-card:hover {
  border-color: rgba(31,253,250,0.08);
  box-shadow: 0 3px 12px rgba(0,0,0,0.15);
}

/* ========== 联赛分组标题 ========== */
.pc-league-group {
  margin: 12px 0 6px;
  padding: 6px 12px;
  background: linear-gradient(90deg, rgba(31,253,250,0.04), transparent);
  border-left: 3px solid rgba(31,253,250,0.2);
  border-radius: 0 6px 6px 0;
  font-size: 12px; color: #7a8daa; font-weight: 600;
  letter-spacing: 0.5px;
}

} /* end @media (min-width: 751px) */