/**
 * 现代化主样式 - xzfgm.com
 * 使用 CSS Grid, Flexbox, Custom Properties
 * 支持暗色模式、响应式设计
 */

/* ========================================
   基础重置与变量
   ======================================== */
* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: var(--font-family-base, "Microsoft YaHei", "PingFang SC", sans-serif);
  background: var(--color-bg, #f5f5f5);
  color: var(--color-text-primary, #333);
  font-size: var(--font-size-base, 14px);
  line-height: var(--line-height-base, 1.5);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none;
  color: var(--color-primary, #1a73e8);
  transition: color var(--transition-fast, 0.15s);
}

a:hover {
  color: var(--color-accent, #ff6600);
}

ul, li { list-style: none; }

.fl { float: left; }
.fr { float: right; }
.clearfix:after { content: ""; display: block; clear: both; }

/* ========================================
   布局容器 - CSS Grid
   ======================================== */
.fuyufuW_1200 {
  width: 100%;
  max-width: var(--container-max-width, 1200px);
  margin-inline: auto;
  padding-inline: var(--container-padding, 16px);
}

/* ========================================
   顶部导航 - Flexbox 布局
   ======================================== */
.fuyufutop_home {
  background: var(--color-bg-elevated, #fff);
  border-bottom: 2px solid var(--color-primary, #1a73e8);
  position: sticky;
  top: 0;
  z-index: var(--z-sticky, 200);
}

.fuyufutop_home .fuyufuW_1200 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--header-height, 70px);
}

.fuyufuQZ-LOGO {
  flex-shrink: 0;
}

.fuyufuQZ-LOGO h1 {
  font-size: 0;
  line-height: 0;
}

.fuyufuQZ-LOGO h1 a {
  display: block;
}

.fuyufuQZ-LOGO h1 img {
  height: 50px;
  width: auto;
}

.fuyufuQZ-nav {
  flex: 1;
  margin-left: var(--space-8, 30px);
}

.fuyufuQZ-nav .nav {
  display: flex;
  align-items: center;
  height: var(--header-height, 70px);
  gap: var(--space-2, 5px);
}

.fuyufuQZ-nav .nav li a {
  display: flex;
  align-items: center;
  padding: 0 var(--space-5, 18px);
  height: var(--header-height, 70px);
  line-height: var(--header-height, 70px);
  font-size: var(--font-size-lg, 16px);
  color: var(--color-text-primary, #333);
  font-weight: var(--font-weight-bold, bold);
  white-space: nowrap;
  transition: all var(--transition-fast, 0.15s);
  border-radius: var(--radius-sm, 4px);
}

.fuyufuQZ-nav .nav li a:hover,
.fuyufuQZ-nav .nav li.active a {
  color: var(--color-primary, #1a73e8);
  background: var(--color-primary-light, #f0f7ff);
}

.fuyufuQZ-nav .nav li a i {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: var(--color-primary, #1a73e8);
  border-radius: 50%;
  margin-right: var(--space-2, 6px);
  vertical-align: middle;
}

/* 新 header 样式 */
.fuyufusite-header {
  background: var(--color-bg-elevated, #fff);
  border-bottom: 2px solid var(--color-primary, #1a73e8);
  position: sticky;
  top: 0;
  z-index: var(--z-sticky, 200);
}

.fuyufuheader-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--header-height, 70px);
}

.fuyufuheader-logo {
  flex-shrink: 0;
}

.fuyufuheader-logo a {
  display: block;
}

.fuyufuheader-logo img {
  height: 50px;
  width: auto;
}

.fuyufuheader-nav {
  flex: 1;
  margin-left: var(--space-8, 30px);
}

.fuyufuheader-nav ul {
  display: flex;
  align-items: center;
  height: var(--header-height, 70px);
  gap: var(--space-2, 5px);
}

.fuyufuheader-nav ul li a {
  display: block;
  padding: 0 var(--space-5, 18px);
  height: var(--header-height, 70px);
  line-height: var(--header-height, 70px);
  font-size: var(--font-size-lg, 16px);
  color: var(--color-text-primary, #333);
  font-weight: var(--font-weight-bold, bold);
  white-space: nowrap;
  transition: all var(--transition-fast, 0.15s);
}

.fuyufuheader-nav ul li a:hover {
  color: var(--color-primary, #1a73e8);
  background: var(--color-primary-light, #f0f7ff);
}

/* ========================================
   面包屑导航
   ======================================== */
.fuyufubreadcrumb {
  background: var(--color-bg-elevated, #fff);
  padding: var(--space-3, 12px) var(--space-5, 20px);
  margin-top: var(--space-3, 10px);
  border-radius: var(--radius-base, 4px);
  font-size: var(--font-size-sm, 13px);
  color: var(--color-text-tertiary, #999);
}

.fuyufubreadcrumb a {
  color: var(--color-primary, #1a73e8);
}

.fuyufubreadcrumb a:hover {
  color: var(--color-accent, #ff6600);
}

/* ========================================
   网站介绍区
   ======================================== */
.fuyufusite-intro-section {
  background: var(--color-bg-elevated, #fff);
  padding: var(--space-6, 24px) var(--space-5, 20px);
  margin-top: var(--space-3, 10px);
  border-radius: var(--radius-base, 4px);
  text-align: center;
}

.fuyufusite-intro-title {
  font-size: var(--font-size-3xl, 24px);
  font-weight: var(--font-weight-bold, bold);
  color: var(--color-text-primary, #333);
  margin-bottom: var(--space-3, 12px);
}

.fuyufusite-intro-desc {
  font-size: var(--font-size-base, 14px);
  color: var(--color-text-secondary, #666);
  line-height: var(--line-height-relaxed, 1.75);
  max-width: 800px;
  margin-inline: auto;
}

/* ========================================
   SEO 导航区 - CSS Grid
   ======================================== */
.fuyufuseo-nav-section {
  background: var(--color-bg-elevated, #fff);
  padding: var(--space-5, 20px);
  margin-top: var(--space-3, 10px);
  border-radius: var(--radius-base, 4px);
}

.fuyufuseo-nav-section h2 {
  font-size: var(--font-size-xl, 18px);
  font-weight: var(--font-weight-bold, bold);
  margin-bottom: var(--space-4, 16px);
  padding-bottom: var(--space-3, 12px);
  border-bottom: 2px solid var(--color-primary, #1a73e8);
}

.fuyufuseo-nav-grid {
  display: grid;
  gap: var(--space-5, 20px);
}

.fuyufuseo-nav-two-col {
  grid-template-columns: repeat(2, 1fr);
}

.fuyufuseo-nav-col h3 {
  font-size: var(--font-size-lg, 16px);
  margin-bottom: var(--space-3, 12px);
}

.fuyufuseo-nav-col h3 a {
  color: var(--color-text-primary, #333);
}

.fuyufuseo-nav-col h3 a:hover {
  color: var(--color-primary, #1a73e8);
}

.fuyufuseo-match-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-2, 8px);
}

.fuyufuseo-match-list li a {
  display: block;
  padding: var(--space-2, 8px) var(--space-3, 12px);
  background: var(--color-bg, #f8f9fa);
  border-radius: var(--radius-sm, 4px);
  font-size: var(--font-size-sm, 13px);
  color: var(--color-text-secondary, #666);
  transition: all var(--transition-fast, 0.15s);
}

.fuyufuseo-match-list li a:hover {
  background: var(--color-primary-light, #e3f2fd);
  color: var(--color-primary, #1a73e8);
}

/* ========================================
   赛事分类标签 - Flexbox
   ======================================== */
.fuyufunav-zb {
  background: var(--color-bg-elevated, #fff);
  padding: var(--space-3, 12px) 0;
  margin-top: var(--space-3, 10px);
  border-radius: var(--radius-base, 4px);
}

.fuyufunav-zb ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-3, 10px);
}

.fuyufunav-zb ul a {
  display: inline-block;
  padding: var(--space-2, 6px) var(--space-5, 18px);
  background: var(--color-primary-light, #f0f7ff);
  color: var(--color-primary, #1a73e8);
  border-radius: var(--radius-full, 20px);
  font-size: var(--font-size-base, 14px);
  transition: all var(--transition-fast, 0.15s);
  white-space: nowrap;
}

.fuyufunav-zb ul a:hover {
  background: var(--color-primary, #1a73e8);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: var(--shadow-sm, 0 2px 4px rgba(0,0,0,0.1));
}

/* ========================================
   热门直播区 - CSS Grid
   ======================================== */
.fuyufuhot-live {
  background: var(--color-bg-elevated, #fff);
  margin-top: var(--space-3, 10px);
  border-radius: var(--radius-base, 4px);
  overflow: hidden;
}

.fuyufuhot-live-title {
  background: linear-gradient(135deg, var(--color-primary, #1a73e8), #4a9eff);
  color: #fff;
  padding: var(--space-3, 12px) var(--space-5, 20px);
  font-size: var(--font-size-lg, 16px);
  font-weight: var(--font-weight-bold, bold);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fuyufuhot-live-title a {
  color: #fff;
  font-size: var(--font-size-sm, 13px);
  font-weight: var(--font-weight-normal, normal);
  opacity: 0.9;
}

.fuyufuhot-live-title a:hover {
  opacity: 1;
  text-decoration: underline;
}

.fuyufuhot-live-list {
  padding: 0 var(--space-5, 20px);
}

.fuyufuhot-live-list .fuyufumatch-row {
  display: grid;
  grid-template-columns: 100px 70px 1fr 100px;
  align-items: center;
  padding: var(--space-3, 12px) 0;
  border-bottom: 1px dashed var(--color-divider, #eee);
  transition: background var(--transition-fast, 0.15s);
}

.fuyufuhot-live-list .fuyufumatch-row:hover {
  background: var(--color-bg, #f8f9fa);
}

.fuyufuhot-live-list .fuyufumatch-row:last-child {
  border-bottom: none;
}

.fuyufuhot-live-list .fuyufumatch-league {
  font-size: var(--font-size-sm, 13px);
  color: var(--color-text-secondary, #666);
}

.fuyufuhot-live-list .fuyufumatch-time {
  font-size: var(--font-size-base, 14px);
  font-weight: var(--font-weight-bold, bold);
  color: var(--color-text-primary, #333);
}

.fuyufuhot-live-list .fuyufumatch-teams {
  text-align: center;
  font-size: var(--font-size-md, 15px);
}

.fuyufuhot-live-list .fuyufumatch-teams .fuyufuteam-name {
  font-weight: var(--font-weight-bold, bold);
}

.fuyufuhot-live-list .fuyufumatch-teams .fuyufuvs {
  color: var(--color-text-tertiary, #999);
  margin: 0 var(--space-3, 12px);
}

.fuyufuhot-live-list .fuyufumatch-status {
  text-align: right;
}

.fuyufuhot-live-list .fuyufumatch-status .fuyufulive {
  color: var(--color-danger, #ff4444);
  font-weight: var(--font-weight-bold, bold);
  font-size: var(--font-size-base, 14px);
  animation: pulse 2s infinite;
}

.fuyufuhot-live-list .fuyufumatch-status .fuyufuupcoming {
  color: var(--color-text-tertiary, #999);
  font-size: var(--font-size-base, 14px);
}

/* ========================================
   今日直播 - CSS Grid
   ======================================== */
.fuyufutoday-live {
  background: var(--color-bg-elevated, #fff);
  margin-top: var(--space-3, 10px);
  border-radius: var(--radius-base, 4px);
  overflow: hidden;
}

.fuyufutoday-live-title {
  background: linear-gradient(135deg, var(--color-accent, #ff6600), #ff9933);
  color: #fff;
  padding: var(--space-3, 12px) var(--space-5, 20px);
  font-size: var(--font-size-lg, 16px);
  font-weight: var(--font-weight-bold, bold);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fuyufutoday-live-title a {
  color: #fff;
  font-size: var(--font-size-sm, 13px);
  font-weight: var(--font-weight-normal, normal);
  opacity: 0.9;
}

.fuyufudate-header {
  background: linear-gradient(135deg, var(--color-primary, #1a73e8), #4a9eff);
  color: #fff;
  padding: var(--space-3, 10px) var(--space-5, 20px);
  font-size: var(--font-size-md, 15px);
  font-weight: var(--font-weight-bold, bold);
}

.fuyufutoday-live .fuyufumatch-row {
  display: grid;
  grid-template-columns: 100px 70px 1fr 100px;
  align-items: center;
  padding: var(--space-3, 12px) var(--space-5, 20px);
  border-bottom: 1px solid var(--color-border-light, #f0f0f0);
  transition: background var(--transition-fast, 0.15s);
}

.fuyufutoday-live .fuyufumatch-row:hover {
  background: var(--color-bg, #f8f9fa);
}

.fuyufutoday-live .fuyufumatch-row:last-child {
  border-bottom: none;
}

.fuyufutoday-live .fuyufumatch-league {
  font-size: var(--font-size-sm, 13px);
  color: var(--color-text-secondary, #666);
}

.fuyufutoday-live .fuyufumatch-time {
  font-size: var(--font-size-base, 14px);
  font-weight: var(--font-weight-bold, bold);
  color: var(--color-primary, #1a73e8);
}

.fuyufutoday-live .fuyufumatch-teams {
  text-align: center;
  font-size: var(--font-size-md, 15px);
}

.fuyufutoday-live .fuyufumatch-teams .fuyufuteam-name {
  font-weight: var(--font-weight-bold, bold);
}

.fuyufutoday-live .fuyufumatch-teams .fuyufuvs {
  color: var(--color-text-tertiary, #999);
  margin: 0 var(--space-3, 12px);
}

.fuyufutoday-live .fuyufumatch-status {
  text-align: right;
}

.fuyufutoday-live .fuyufumatch-status .fuyufulive {
  color: var(--color-danger, #ff4444);
  font-weight: var(--font-weight-bold, bold);
  font-size: var(--font-size-base, 14px);
  animation: pulse 2s infinite;
}

.fuyufutoday-live .fuyufumatch-status .fuyufuupcoming {
  color: var(--color-text-tertiary, #999);
  font-size: var(--font-size-base, 14px);
}

/* ========================================
   录像区 - CSS Grid
   ======================================== */
.fuyufuvideo-section {
  background: var(--color-bg-elevated, #fff);
  margin-top: var(--space-3, 10px);
  border-radius: var(--radius-base, 4px);
  overflow: hidden;
}

.fuyufuvideo-title {
  background: linear-gradient(135deg, var(--color-success, #28a745), #5cb85c);
  color: #fff;
  padding: var(--space-3, 12px) var(--space-5, 20px);
  font-size: var(--font-size-lg, 16px);
  font-weight: var(--font-weight-bold, bold);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fuyufuvideo-title a {
  color: #fff;
  font-size: var(--font-size-sm, 13px);
  font-weight: var(--font-weight-normal, normal);
  opacity: 0.9;
}

.fuyufuvideo-list {
  padding: var(--space-4, 15px) var(--space-5, 20px);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-3, 12px);
}

.fuyufuvideo-list li a {
  display: block;
  padding: var(--space-3, 10px) var(--space-3, 12px);
  background: var(--color-bg, #f8f9fa);
  border-radius: var(--radius-sm, 4px);
  font-size: var(--font-size-base, 14px);
  color: var(--color-text-primary, #333);
  transition: all var(--transition-fast, 0.15s);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fuyufuvideo-list li a:hover {
  background: var(--color-primary-light, #e3f2fd);
  color: var(--color-primary, #1a73e8);
  transform: translateY(-2px);
  box-shadow: var(--shadow-sm, 0 2px 4px rgba(0,0,0,0.1));
}

/* ========================================
   资讯区 - CSS Grid
   ======================================== */
.fuyufunews-section {
  background: var(--color-bg-elevated, #fff);
  margin-top: var(--space-3, 10px);
  border-radius: var(--radius-base, 4px);
  overflow: hidden;
}

.fuyufunews-title {
  background: linear-gradient(135deg, #6f42c1, #9b6dd7);
  color: #fff;
  padding: var(--space-3, 12px) var(--space-5, 20px);
  font-size: var(--font-size-lg, 16px);
  font-weight: var(--font-weight-bold, bold);
}

.fuyufunews-list {
  padding: var(--space-4, 15px) var(--space-5, 20px);
  display: flex;
  flex-direction: column;
  gap: var(--space-4, 15px);
}

.fuyufunews-list li {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: var(--space-4, 15px);
  padding: var(--space-4, 15px);
  background: var(--color-bg, #fafafa);
  border-radius: var(--radius-md, 6px);
  transition: all var(--transition-fast, 0.15s);
  border: 1px solid var(--color-border-light, #eee);
}

.fuyufunews-list li:hover {
  background: var(--color-bg-elevated, #fff);
  box-shadow: var(--shadow-base, 0 4px 8px rgba(0,0,0,0.1));
  border-color: var(--color-primary, #1a73e8);
  transform: translateY(-2px);
}

.fuyufunews-list li .fuyufunews-img {
  width: 100%;
  height: 120px;
  border-radius: var(--radius-sm, 4px);
  overflow: hidden;
  background: var(--color-bg-sunken, #eee);
}

.fuyufunews-list li .fuyufunews-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-slow, 0.3s);
}

.fuyufunews-list li:hover .fuyufunews-img img {
  transform: scale(1.05);
}

.fuyufunews-list li .fuyufunews-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.fuyufunews-list li .fuyufunews-info h3 {
  font-size: var(--font-size-md, 15px);
  margin-bottom: var(--space-2, 8px);
  line-height: var(--line-height-tight, 1.4);
}

.fuyufunews-list li .fuyufunews-info h3 a {
  color: var(--color-text-primary, #333);
}

.fuyufunews-list li .fuyufunews-info h3 a:hover {
  color: var(--color-primary, #1a73e8);
}

.fuyufunews-list li .fuyufunews-info p {
  font-size: var(--font-size-sm, 13px);
  color: var(--color-text-secondary, #999);
  line-height: var(--line-height-base, 1.6);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.fuyufunews-list li .fuyufunews-date {
  font-size: var(--font-size-xs, 12px);
  color: var(--color-text-tertiary, #bbb);
  margin-top: var(--space-2, 5px);
}

/* ========================================
   专题区 - CSS Grid
   ======================================== */
.fuyufuinter-section {
  background: var(--color-bg-elevated, #fff);
  margin-top: var(--space-3, 10px);
  border-radius: var(--radius-base, 4px);
  overflow: hidden;
  padding: var(--space-4, 15px) var(--space-5, 20px);
}

.fuyufuinter-section .fuyufuinter-title {
  font-size: var(--font-size-lg, 16px);
  font-weight: var(--font-weight-bold, bold);
  margin-bottom: var(--space-3, 12px);
  padding-bottom: var(--space-3, 10px);
  border-bottom: 2px solid var(--color-primary, #1a73e8);
}

.fuyufuinter-section ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3, 10px);
}

.fuyufuinter-section ul li a {
  display: inline-block;
  padding: var(--space-2, 6px) var(--space-4, 14px);
  background: var(--color-primary-light, #f0f7ff);
  color: var(--color-primary, #1a73e8);
  border-radius: var(--radius-sm, 3px);
  font-size: var(--font-size-sm, 13px);
  transition: all var(--transition-fast, 0.15s);
}

.fuyufuinter-section ul li a:hover {
  background: var(--color-primary, #1a73e8);
  color: #fff;
  transform: translateY(-2px);
}

/* ========================================
   底部 - CSS Grid
   ======================================== */
footer {
  background: var(--color-bg-elevated, #fff);
  margin-top: var(--space-5, 20px);
  padding: var(--space-8, 30px) 0;
  border-top: 3px solid var(--color-primary, #1a73e8);
}

.fuyufufooter-nav {
  text-align: center;
  margin-bottom: var(--space-4, 15px);
}

.fuyufufooter-nav a {
  margin: 0 var(--space-3, 10px);
  color: var(--color-text-primary, #333);
  font-size: var(--font-size-base, 14px);
  transition: color var(--transition-fast, 0.15s);
}

.fuyufufooter-nav a:hover {
  color: var(--color-primary, #1a73e8);
}

.fuyufufooter-desc {
  text-align: center;
  color: var(--color-text-secondary, #666);
  font-size: var(--font-size-sm, 13px);
  line-height: var(--line-height-relaxed, 1.8);
  margin-bottom: var(--space-4, 15px);
  max-width: 900px;
  margin-inline: auto;
}

.fuyufufooter-links {
  text-align: center;
  font-size: var(--font-size-sm, 13px);
  color: var(--color-text-tertiary, #999);
  margin-bottom: var(--space-3, 10px);
}

.fuyufufooter-links a {
  color: var(--color-primary, #1a73e8);
}

.fuyufufooter-copy {
  text-align: center;
  font-size: var(--font-size-xs, 12px);
  color: var(--color-text-tertiary, #bbb);
}

.fuyufufooter-copy a {
  color: var(--color-text-secondary, #999);
}

/* ========================================
   回到顶部
   ======================================== */
#totop {
  position: fixed;
  bottom: 50px;
  right: 30px;
  width: 44px;
  height: 44px;
  background: var(--color-primary, #1a73e8);
  color: #fff;
  text-align: center;
  line-height: 44px;
  border-radius: 50%;
  cursor: pointer;
  display: none;
  z-index: var(--z-fixed, 300);
  font-size: var(--font-size-xl, 18px);
  box-shadow: var(--shadow-base, 0 2px 8px rgba(0,0,0,0.15));
  transition: all var(--transition-fast, 0.15s);
}

#totop:hover {
  background: var(--color-accent, #ff6600);
  transform: translateY(-3px);
  box-shadow: var(--shadow-md, 0 4px 12px rgba(0,0,0,0.2));
}

/* ========================================
   详情页布局 - CSS Grid
   ======================================== */
.fuyufudetail-breadcrumb {
  background: var(--color-bg-elevated, #fff);
  padding: var(--space-3, 12px) var(--space-5, 20px);
  margin-top: var(--space-3, 10px);
  border-radius: var(--radius-base, 4px);
  font-size: var(--font-size-sm, 13px);
  color: var(--color-text-tertiary, #999);
}

.fuyufudetail-breadcrumb a {
  color: var(--color-primary, #1a73e8);
}

.fuyufudetail-breadcrumb a:hover {
  color: var(--color-accent, #ff6600);
}

.fuyufudetail-layout {
  display: grid;
  grid-template-columns: 1fr var(--sidebar-width, 300px);
  gap: var(--space-4, 15px);
  margin-top: var(--space-3, 10px);
}

.fuyufudetail-main {
  min-width: 0;
}

.fuyufudetail-sidebar {
  width: 100%;
}

/* 赛事信息卡片 */
.fuyufudetail-match-card {
  background: var(--color-bg-elevated, #fff);
  border-radius: var(--radius-base, 4px);
  overflow: hidden;
}

.fuyufudetail-teams {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: var(--space-8, 30px) var(--space-5, 20px);
  gap: var(--space-5, 20px);
}

.fuyufudetail-team {
  text-align: center;
}

.fuyufuteam-logo-lg {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: block;
  margin: 0 auto var(--space-3, 10px);
  border: 3px solid var(--color-primary-light, #e8f0fe);
}

.fuyufuteam-name-lg {
  font-size: var(--font-size-xl, 18px);
  font-weight: var(--font-weight-bold, bold);
  color: var(--color-text-primary, #333);
}

.fuyufudetail-vs {
  text-align: center;
  padding: 0 var(--space-5, 20px);
}

.fuyufuvs-score {
  margin-bottom: var(--space-2, 8px);
}

.fuyufuvs-score .fuyufuscore {
  font-size: var(--font-size-5xl, 36px);
  font-weight: var(--font-weight-bold, bold);
  color: var(--color-text-primary, #333);
}

.fuyufuvs-score .fuyufuvs-text {
  font-size: var(--font-size-2xl, 20px);
  color: var(--color-text-tertiary, #999);
  margin: 0 var(--space-3, 10px);
}

.fuyufuvs-league {
  margin-bottom: var(--space-1, 5px);
}

.fuyufuvs-league a {
  color: var(--color-primary, #1a73e8);
  font-size: var(--font-size-base, 14px);
}

.fuyufuvs-time {
  font-size: var(--font-size-base, 14px);
  color: var(--color-text-secondary, #666);
  margin-bottom: var(--space-2, 8px);
}

.fuyufustatus-live {
  color: var(--color-danger, #ff4444);
  font-weight: var(--font-weight-bold, bold);
  font-size: var(--font-size-base, 14px);
  animation: pulse 2s infinite;
}

.fuyufustatus-upcoming {
  color: var(--color-accent, #ff9933);
  font-size: var(--font-size-base, 14px);
}

.fuyufustatus-ended {
  color: var(--color-text-tertiary, #999);
  font-size: var(--font-size-base, 14px);
}

/* 赛事说明 */
.fuyufudetail-info-box {
  background: var(--color-bg-elevated, #fff);
  border-radius: var(--radius-base, 4px);
  padding: var(--space-5, 20px);
  margin-top: var(--space-3, 10px);
}

.fuyufudetail-info-box h3 {
  font-size: var(--font-size-lg, 16px);
  font-weight: var(--font-weight-bold, bold);
  margin-bottom: var(--space-4, 15px);
  padding-bottom: var(--space-3, 10px);
  border-bottom: 2px solid var(--color-primary, #1a73e8);
}

.fuyufudetail-info-content p {
  font-size: var(--font-size-base, 14px);
  line-height: var(--line-height-relaxed, 2);
  color: var(--color-text-primary, #333);
}

.fuyufudetail-info-content a {
  color: var(--color-primary, #1a73e8);
}

.fuyufudetail-info-content a:hover {
  color: var(--color-accent, #ff6600);
}

.fuyufusignal-btns {
  margin: var(--space-2, 8px) 0;
}

.fuyufusignal-btn {
  display: inline-block;
  padding: var(--space-2, 6px) var(--space-4, 16px);
  background: #6f42c1;
  color: #fff;
  border-radius: var(--radius-sm, 3px);
  margin-right: var(--space-2, 8px);
  margin-bottom: var(--space-1, 5px);
  font-size: var(--font-size-sm, 13px);
  transition: all var(--transition-fast, 0.15s);
}

.fuyufusignal-btn:hover {
  background: #5a32a3;
  transform: translateY(-2px);
}

.fuyufudetail-info-content .fuyufutip {
  color: var(--color-text-tertiary, #999);
  font-size: var(--font-size-sm, 13px);
  margin-top: var(--space-3, 10px);
}

/* 专题 */
.fuyufudetail-inter-box {
  background: var(--color-bg-elevated, #fff);
  border-radius: var(--radius-base, 4px);
  padding: var(--space-5, 20px);
  margin-top: var(--space-3, 10px);
}

.fuyufudetail-inter-box h3 {
  font-size: var(--font-size-lg, 16px);
  font-weight: var(--font-weight-bold, bold);
  margin-bottom: var(--space-3, 12px);
  padding-bottom: var(--space-3, 10px);
  border-bottom: 2px solid var(--color-primary, #1a73e8);
}

.fuyufudetail-inter-box ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3, 10px);
}

.fuyufudetail-inter-box ul li a {
  display: inline-block;
  padding: var(--space-2, 6px) var(--space-4, 14px);
  background: var(--color-primary-light, #f0f7ff);
  color: var(--color-primary, #1a73e8);
  border-radius: var(--radius-sm, 3px);
  font-size: var(--font-size-sm, 13px);
  transition: all var(--transition-fast, 0.15s);
}

.fuyufudetail-inter-box ul li a:hover {
  background: var(--color-primary, #1a73e8);
  color: #fff;
}

/* 侧边栏 */
.fuyufusidebar-box {
  background: var(--color-bg-elevated, #fff);
  border-radius: var(--radius-base, 4px);
  margin-top: var(--space-3, 10px);
  overflow: hidden;
}

.fuyufusidebar-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-3, 12px) var(--space-4, 15px);
  background: var(--color-bg, #f8f9fa);
  border-bottom: 1px solid var(--color-border-light, #eee);
  font-size: var(--font-size-md, 15px);
  font-weight: var(--font-weight-bold, bold);
}

.fuyufusidebar-title a {
  font-size: var(--font-size-sm, 13px);
  color: var(--color-text-tertiary, #999);
  font-weight: var(--font-weight-normal, normal);
}

.fuyufusidebar-title a:hover {
  color: var(--color-primary, #1a73e8);
}

.fuyufusidebar-live-list li {
  padding: var(--space-3, 12px) var(--space-4, 15px);
  border-bottom: 1px solid var(--color-border-light, #f0f0f0);
}

.fuyufusidebar-live-list li:last-child {
  border-bottom: none;
}

.fuyufusl-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--space-1, 6px);
}

.fuyufusl-time {
  font-size: var(--font-size-xs, 12px);
  color: var(--color-text-tertiary, #999);
}

.fuyufusl-league {
  font-size: var(--font-size-xs, 12px);
  color: var(--color-primary, #1a73e8);
}

.fuyufusl-teams {
  font-size: var(--font-size-base, 14px);
  color: var(--color-text-primary, #333);
  margin-bottom: var(--space-2, 8px);
}

.fuyufusl-btn {
  display: inline-block;
  padding: var(--space-1, 4px) var(--space-3, 12px);
  background: var(--color-danger, #ff4444);
  color: #fff;
  border-radius: var(--radius-sm, 3px);
  font-size: var(--font-size-xs, 12px);
  transition: all var(--transition-fast, 0.15s);
}

.fuyufusl-btn:hover {
  background: #e63333;
}

.fuyufusidebar-news-list li {
  padding: var(--space-2, 8px) var(--space-4, 15px);
  border-bottom: 1px solid var(--color-border-light, #f0f0f0);
}

.fuyufusidebar-news-list li:last-child {
  border-bottom: none;
}

.fuyufusidebar-news-list li a {
  font-size: var(--font-size-sm, 13px);
  color: var(--color-text-primary, #333);
  line-height: var(--line-height-base, 1.5);
}

.fuyufusidebar-news-list li a:hover {
  color: var(--color-primary, #1a73e8);
}

.fuyufusidebar-news-list li strong {
  color: var(--color-accent, #ff6600);
  margin-right: var(--space-1, 5px);
}

/* ========================================
   分页样式 - Flexbox
   ======================================== */
.fuyufupagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--space-1, 5px);
  padding: var(--space-4, 15px) 0;
}

.fuyufupagination li {
  list-style: none;
}

.fuyufupagination li a,
.fuyufupagination li span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 var(--space-2, 8px);
  border-radius: var(--radius-sm, 4px);
  font-size: var(--font-size-base, 14px);
  color: var(--color-text-primary, #333);
  background: var(--color-bg, #f5f5f5);
  transition: all var(--transition-fast, 0.15s);
}

.fuyufupagination li a:hover {
  background: var(--color-primary, #1a73e8);
  color: #fff;
}

.fuyufupagination li.active span {
  background: var(--color-primary, #1a73e8);
  color: #fff;
  font-weight: var(--font-weight-bold, bold);
}

.fuyufupagination li.disabled span {
  color: var(--color-text-disabled, #ccc);
  background: transparent;
  cursor: not-allowed;
}

/* ========================================
   直播分类页
   ======================================== */
.fuyufuinter-matches {
  background: var(--color-bg-elevated, #fff);
  border-radius: var(--radius-base, 4px);
  overflow: hidden;
}

.fuyufusection-title {
  background: linear-gradient(135deg, var(--color-accent, #ff6600), #ff9933);
  color: #fff;
  padding: var(--space-3, 12px) var(--space-5, 20px);
  font-size: var(--font-size-lg, 16px);
  font-weight: var(--font-weight-bold, bold);
}

.fuyufudate-group {
  margin-bottom: 0;
}

.fuyufudate-group .fuyufudate-header {
  background: linear-gradient(135deg, var(--color-primary, #1a73e8), #4a9eff);
  color: #fff;
  padding: var(--space-3, 10px) var(--space-5, 20px);
  font-size: var(--font-size-md, 15px);
  font-weight: var(--font-weight-bold, bold);
}

.fuyufudate-week {
  font-weight: var(--font-weight-normal, normal);
  margin-left: var(--space-2, 8px);
}

.fuyufumatch-list {
  padding: 0;
}

.fuyufumatch-list .fuyufumatch-row {
  display: grid;
  grid-template-columns: 140px 1fr 120px;
  align-items: center;
  padding: var(--space-4, 15px) var(--space-5, 20px);
  border-bottom: 1px solid var(--color-border-light, #f0f0f0);
  transition: background var(--transition-fast, 0.15s);
}

.fuyufumatch-list .fuyufumatch-row:hover {
  background: var(--color-bg, #f8f9fa);
}

.fuyufumatch-list .fuyufumatch-row:last-child {
  border-bottom: none;
}

.fuyufumatch-list .fuyufumatch-league {
  width: 100%;
}

.fuyufumatch-list .fuyufumatch-league a {
  font-size: var(--font-size-sm, 13px);
  color: var(--color-text-secondary, #666);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.fuyufumatch-list .fuyufumatch-league a:hover {
  color: var(--color-primary, #1a73e8);
}

.fuyufumatch-list .fuyufumatch-time {
  font-size: var(--font-size-sm, 13px);
  font-weight: var(--font-weight-bold, bold);
  color: var(--color-primary, #1a73e8);
  margin-top: var(--space-1, 4px);
  white-space: nowrap;
}

.fuyufumatch-list .fuyufumatch-teams-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-4, 15px);
  min-width: 0;
}

.fuyufumatch-list .fuyufumatch-teams-row .fuyufuteam-home,
.fuyufumatch-list .fuyufumatch-teams-row .fuyufuteam-away {
  display: flex;
  align-items: center;
  gap: var(--space-2, 8px);
  text-decoration: none;
  color: var(--color-text-primary, #333);
  white-space: nowrap;
  flex-shrink: 0;
}

.fuyufumatch-list .fuyufumatch-teams-row .fuyufuteam-home:hover,
.fuyufumatch-list .fuyufumatch-teams-row .fuyufuteam-away:hover {
  color: var(--color-primary, #1a73e8);
}

.fuyufumatch-list .fuyufumatch-teams-row img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.fuyufumatch-list .fuyufumatch-teams-row span {
  font-size: var(--font-size-base, 14px);
  font-weight: var(--font-weight-bold, bold);
  white-space: nowrap;
}

.fuyufumatch-list .fuyufumatch-score {
  font-size: var(--font-size-lg, 16px);
  font-weight: var(--font-weight-bold, bold);
  color: var(--color-danger, #ff4444);
  min-width: 60px;
  text-align: center;
  white-space: nowrap;
  flex-shrink: 0;
}

.fuyufumatch-list .fuyufumatch-action {
  width: 120px;
  text-align: right;
  flex-shrink: 0;
}

.fuyufumatch-list .fuyufumatch-action .fuyufubtn-live {
  display: inline-block;
  padding: var(--space-2, 6px) var(--space-4, 14px);
  background: var(--color-danger, #ff4444);
  color: #fff;
  border-radius: var(--radius-sm, 3px);
  font-size: var(--font-size-sm, 13px);
  transition: all var(--transition-fast, 0.15s);
  white-space: nowrap;
}

.fuyufumatch-list .fuyufumatch-action .fuyufubtn-live:hover {
  background: #e63333;
  transform: translateY(-2px);
}

.fuyufumatch-list .fuyufumatch-action .fuyufubtn-upcoming {
  display: inline-block;
  padding: var(--space-2, 6px) var(--space-4, 14px);
  background: var(--color-bg-sunken, #eee);
  color: var(--color-text-secondary, #666);
  border-radius: var(--radius-sm, 3px);
  font-size: var(--font-size-sm, 13px);
  white-space: nowrap;
}

/* match-item 样式 */
.fuyufumatch-item {
  display: grid;
  grid-template-columns: 70px 100px 1fr 100px;
  align-items: center;
  padding: var(--space-3, 12px) var(--space-5, 20px);
  border-bottom: 1px solid var(--color-border-light, #f0f0f0);
  transition: background var(--transition-fast, 0.15s);
}

.fuyufumatch-item:hover {
  background: var(--color-bg, #f8f9fa);
}

.fuyufumatch-item:last-child {
  border-bottom: none;
}

.fuyufumatch-item .fuyufum-time {
  font-size: var(--font-size-base, 14px);
  font-weight: var(--font-weight-bold, bold);
  color: var(--color-primary, #1a73e8);
}

.fuyufumatch-item .fuyufum-league {
  font-size: var(--font-size-sm, 13px);
  color: var(--color-text-secondary, #666);
}

.fuyufumatch-item .fuyufum-status {
  text-align: right;
}

.fuyufumatch-item .fuyufum-status .fuyufubtn-live {
  display: inline-block;
  padding: var(--space-1, 5px) var(--space-4, 14px);
  background: var(--color-danger, #ff4444);
  color: #fff;
  border-radius: var(--radius-sm, 3px);
  font-size: var(--font-size-sm, 13px);
  text-decoration: none;
  transition: all var(--transition-fast, 0.15s);
}

.fuyufumatch-item .fuyufum-status .fuyufubtn-live:hover {
  background: #e63333;
  transform: translateY(-2px);
}

.fuyufumatch-item .fuyufum-status .fuyufubtn-upcoming {
  display: inline-block;
  padding: var(--space-1, 5px) var(--space-4, 14px);
  background: var(--color-bg-sunken, #eee);
  color: var(--color-text-secondary, #666);
  border-radius: var(--radius-sm, 3px);
  font-size: var(--font-size-sm, 13px);
  text-decoration: none;
}

.fuyufumatch-item .fuyufum-teams {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-3, 10px);
}

.fuyufumatch-item .fuyufum-teams .fuyufuteam-logo {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: cover;
}

.fuyufumatch-item .fuyufum-teams .fuyufuteam-name {
  font-size: var(--font-size-base, 14px);
  font-weight: var(--font-weight-bold, bold);
  color: var(--color-text-primary, #333);
  text-decoration: none;
}

.fuyufumatch-item .fuyufum-teams .fuyufuteam-name:hover {
  color: var(--color-primary, #1a73e8);
}

.fuyufumatch-item .fuyufum-teams .fuyufuvs-text {
  color: var(--color-text-tertiary, #999);
  font-size: var(--font-size-sm, 13px);
}

/* ========================================
   文章详情页
   ======================================== */
.fuyufudetail-article {
  background: var(--color-bg-elevated, #fff);
  border-radius: var(--radius-base, 4px);
  padding: var(--space-6, 25px);
}

.fuyufuarticle-title {
  font-size: var(--font-size-3xl, 22px);
  font-weight: var(--font-weight-bold, bold);
  color: var(--color-text-primary, #333);
  line-height: var(--line-height-tight, 1.5);
  margin-bottom: var(--space-4, 15px);
  padding-bottom: var(--space-4, 15px);
  border-bottom: 1px solid var(--color-border-light, #eee);
}

.fuyufuarticle-meta {
  display: flex;
  gap: var(--space-5, 20px);
  font-size: var(--font-size-sm, 13px);
  color: var(--color-text-tertiary, #999);
  margin-bottom: var(--space-5, 20px);
}

.fuyufuarticle-cover {
  margin-bottom: var(--space-5, 20px);
  border-radius: var(--radius-base, 4px);
  overflow: hidden;
}

.fuyufuarticle-cover img {
  width: 100%;
  max-height: 400px;
  object-fit: cover;
}

.fuyufuarticle-content {
  font-size: var(--font-size-md, 15px);
  line-height: var(--line-height-relaxed, 1.8);
  color: var(--color-text-primary, #333);
}

.fuyufuarticle-content img {
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-base, 4px);
  margin: var(--space-3, 10px) 0;
}

.fuyufuarticle-content p {
  margin-bottom: var(--space-4, 15px);
}

.fuyufuarticle-tags {
  margin-top: var(--space-6, 25px);
  padding-top: var(--space-5, 20px);
  border-top: 1px solid var(--color-border-light, #eee);
}

.fuyufuarticle-tags h3 {
  font-size: var(--font-size-md, 15px);
  color: var(--color-text-primary, #333);
  margin-bottom: var(--space-3, 10px);
}

.fuyufuarticle-tags div {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2, 8px);
}

.fuyufuarticle-tags a {
  display: inline-block;
  padding: var(--space-1, 4px) var(--space-3, 12px);
  background: var(--color-primary-light, #f0f7ff);
  color: var(--color-primary, #1a73e8);
  border-radius: var(--radius-sm, 3px);
  font-size: var(--font-size-sm, 13px);
  transition: all var(--transition-fast, 0.15s);
}

.fuyufuarticle-tags a:hover {
  background: var(--color-primary, #1a73e8);
  color: #fff;
}

.fuyufuarticle-nav {
  margin-top: var(--space-5, 20px);
  padding-top: var(--space-4, 15px);
  border-top: 1px solid var(--color-border-light, #eee);
  display: flex;
  flex-direction: column;
  gap: var(--space-3, 10px);
}

.fuyufuarticle-nav a {
  color: var(--color-primary, #1a73e8);
}

.fuyufuarticle-nav a:hover {
  color: var(--color-accent, #ff6600);
}

.fuyufuarticle-nav span {
  color: var(--color-text-tertiary, #999);
}

/* 录像链接列表 */
.fuyufuvideo-links {
  background: var(--color-bg, #f8f9fa);
  border-radius: var(--radius-base, 4px);
  padding: var(--space-5, 20px);
  margin-bottom: var(--space-5, 20px);
}

.fuyufuvideo-links h3 {
  font-size: var(--font-size-lg, 16px);
  color: var(--color-text-primary, #333);
  margin-bottom: var(--space-3, 12px);
  padding-bottom: var(--space-3, 10px);
  border-bottom: 2px solid var(--color-primary, #1a73e8);
}

.fuyufuvideo-links ul {
  display: flex;
  flex-direction: column;
  gap: var(--space-2, 8px);
}

/* ========================================
   球队详情页
   ======================================== */
.fuyufuteam-profile {
  background: var(--color-bg-elevated, #fff);
  border-radius: var(--radius-base, 4px);
  padding: var(--space-6, 25px);
  display: flex;
  gap: var(--space-5, 20px);
  align-items: center;
  margin-bottom: var(--space-4, 15px);
}

.fuyufuteam-logo-lg {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  background: var(--color-bg, #f5f5f5);
  border: 3px solid var(--color-primary, #1a73e8);
}

.fuyufuteam-logo-lg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fuyufuteam-profile-info {
  flex: 1;
}

.fuyufuteam-profile-info h1 {
  font-size: var(--font-size-3xl, 22px);
  font-weight: var(--font-weight-bold, bold);
  color: var(--color-text-primary, #333);
  margin-bottom: var(--space-3, 10px);
}

.fuyufuteam-profile-desc {
  font-size: var(--font-size-base, 14px);
  color: var(--color-text-secondary, #666);
  line-height: var(--line-height-base, 1.6);
}

/* 赛事详情页 */
.fuyufumatch-profile {
  background: var(--color-bg-elevated, #fff);
  border-radius: var(--radius-base, 4px);
  padding: var(--space-6, 25px);
  margin-bottom: var(--space-4, 15px);
}

.fuyufumatch-profile h1 {
  font-size: var(--font-size-3xl, 22px);
  font-weight: var(--font-weight-bold, bold);
  color: var(--color-text-primary, #333);
  margin-bottom: var(--space-3, 10px);
}

.fuyufumatch-profile-desc {
  font-size: var(--font-size-base, 14px);
  color: var(--color-text-secondary, #666);
  line-height: var(--line-height-base, 1.6);
}

/* 日期分组 */
.fuyufudate-group {
  margin-bottom: var(--space-5, 20px);
}

.fuyufudate-header {
  background: linear-gradient(135deg, var(--color-primary, #1a73e8), #42a5f5);
  color: #fff;
  padding: var(--space-3, 10px) var(--space-5, 20px);
  border-radius: var(--radius-base, 4px);
  font-size: var(--font-size-lg, 16px);
  font-weight: var(--font-weight-bold, bold);
  margin-bottom: var(--space-3, 10px);
}

.fuyufudate-week {
  font-size: var(--font-size-sm, 13px);
  font-weight: var(--font-weight-normal, normal);
  margin-left: var(--space-3, 10px);
  opacity: 0.9;
}

.fuyufuhour-group {
  margin-bottom: var(--space-4, 15px);
}

.fuyufuhour-label {
  font-size: var(--font-size-sm, 13px);
  color: var(--color-text-tertiary, #999);
  padding: var(--space-1, 5px) 0;
  margin-bottom: var(--space-1, 5px);
  border-bottom: 1px dashed var(--color-border-light, #eee);
}

/* 侧边栏专题列表 */
.fuyufusidebar-inter-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-2, 8px);
}

.fuyufusidebar-inter-list li {
  background: var(--color-bg, #f8f9fa);
  border-radius: var(--radius-sm, 4px);
  padding: var(--space-3, 10px) var(--space-3, 12px);
  border: 1px solid var(--color-border-light, #eee);
}

.fuyufusidebar-inter-list li a {
  color: var(--color-text-primary, #333);
  font-size: var(--font-size-base, 14px);
  display: block;
}

.fuyufusidebar-inter-list li a:hover {
  color: var(--color-primary, #1a73e8);
  background: var(--color-primary-light, #e3f2fd);
  border-radius: var(--radius-sm, 4px);
}

/* 专题合集网格 */
.fuyufuinter-grid-section {
  background: var(--color-bg-elevated, #fff);
  border-radius: var(--radius-base, 4px);
  padding: var(--space-5, 20px);
}

.fuyufuinter-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-4, 15px);
}

.fuyufuinter-grid-card {
  display: block;
  border-radius: var(--radius-md, 6px);
  overflow: hidden;
  border: 1px solid var(--color-border-light, #eee);
  transition: all var(--transition-slow, 0.3s);
  background: var(--color-bg-elevated, #fff);
}

.fuyufuinter-grid-card:hover {
  box-shadow: var(--shadow-md, 0 4px 12px rgba(0,0,0,0.1));
  transform: translateY(-3px);
  border-color: var(--color-primary, #1a73e8);
}

.fuyufuinter-grid-img {
  width: 100%;
  height: 140px;
  overflow: hidden;
  background: var(--color-bg-sunken, #eee);
}

.fuyufuinter-grid-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-slow, 0.3s);
}

.fuyufuinter-grid-card:hover .fuyufuinter-grid-img img {
  transform: scale(1.05);
}

.fuyufuinter-grid-title {
  padding: var(--space-3, 10px) var(--space-3, 12px);
  font-size: var(--font-size-base, 14px);
  color: var(--color-text-primary, #333);
  font-weight: var(--font-weight-bold, bold);
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fuyufuinter-grid-card:hover .fuyufuinter-grid-title {
  color: var(--color-primary, #1a73e8);
}

/* 专题详情页 */
.fuyufuinter-header {
  background: var(--color-bg-elevated, #fff);
  border-radius: var(--radius-base, 4px);
  padding: var(--space-6, 25px);
  display: flex;
  gap: var(--space-5, 20px);
  margin-bottom: var(--space-4, 15px);
}

.fuyufuinter-cover {
  flex-shrink: 0;
  width: 280px;
  height: 180px;
  border-radius: var(--radius-md, 6px);
  overflow: hidden;
  background: var(--color-bg-sunken, #eee);
}

.fuyufuinter-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fuyufuinter-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.fuyufuinter-info h1 {
  font-size: var(--font-size-3xl, 22px);
  font-weight: var(--font-weight-bold, bold);
  color: var(--color-text-primary, #333);
  line-height: var(--line-height-tight, 1.4);
}

.fuyufuinter-meta {
  display: flex;
  gap: var(--space-5, 20px);
  font-size: var(--font-size-sm, 13px);
  color: var(--color-text-tertiary, #999);
}

.fuyufuinter-desc {
  font-size: var(--font-size-base, 14px);
  color: var(--color-text-secondary, #666);
  line-height: var(--line-height-base, 1.6);
}

.fuyufuinter-more {
  display: inline-block;
  color: var(--color-primary, #1a73e8);
  font-size: var(--font-size-base, 14px);
  font-weight: var(--font-weight-bold, bold);
}

.fuyufuinter-more:hover {
  color: var(--color-accent, #ff6600);
}

/* 侧边栏赛事列表 */
.fuyufusidebar-match-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-3, 10px);
}

.fuyufusidebar-match-list li {
  background: var(--color-bg, #f8f9fa);
  border-radius: var(--radius-sm, 4px);
  padding: var(--space-3, 12px);
  border: 1px solid var(--color-border-light, #eee);
}

.fuyufusidebar-match-list .fuyufumatch-time {
  font-size: var(--font-size-xs, 12px);
  color: var(--color-text-tertiary, #999);
  margin-bottom: var(--space-1, 5px);
}

.fuyufusidebar-match-list .fuyufumatch-teams {
  font-size: var(--font-size-base, 14px);
  color: var(--color-text-primary, #333);
  margin-bottom: var(--space-2, 8px);
}

.fuyufusidebar-match-list .fuyufumatch-teams span {
  font-weight: var(--font-weight-bold, bold);
}

.fuyufusidebar-match-list .fuyufumatch-btn {
  display: inline-block;
  padding: var(--space-1, 4px) var(--space-3, 12px);
  background: var(--color-primary, #1a73e8);
  color: #fff;
  border-radius: var(--radius-sm, 3px);
  font-size: var(--font-size-xs, 12px);
}

.fuyufusidebar-match-list .fuyufumatch-btn:hover {
  background: var(--color-accent, #ff6600);
  color: #fff;
}

/* 专题内容 */
.fuyufuinter-content {
  background: var(--color-bg-elevated, #fff);
  border-radius: var(--radius-base, 4px);
  padding: var(--space-6, 25px);
  margin-bottom: var(--space-4, 15px);
}

/* ========================================
   相关赛事直播
   ======================================== */
.fuyufurelated-matches-section {
  background: var(--color-bg-elevated, #fff);
  border-radius: var(--radius-base, 4px);
  overflow: hidden;
  margin-top: var(--space-4, 15px);
}

.fuyufurelated-matches-title {
  background: linear-gradient(90deg, #ff9933, var(--color-accent, #ff6600));
  color: #fff;
  padding: var(--space-4, 14px) var(--space-5, 20px);
  font-size: var(--font-size-lg, 16px);
  font-weight: var(--font-weight-bold, bold);
}

.fuyufurelated-matches-list {
  padding: 0;
}

.fuyufurelated-match-item {
  display: grid;
  grid-template-columns: 140px 1fr 120px;
  align-items: center;
  padding: var(--space-4, 15px) var(--space-5, 20px);
  border-bottom: 1px solid var(--color-border-light, #f0f0f0);
  transition: background var(--transition-fast, 0.2s);
}

.fuyufurelated-match-item:last-child {
  border-bottom: none;
}

.fuyufurelated-match-item:hover {
  background: var(--color-bg, #f9f9f9);
}

.fuyufurmi-info {
  width: 140px;
  flex-shrink: 0;
}

.fuyufurmi-league {
  font-size: var(--font-size-sm, 13px);
  color: var(--color-text-secondary, #666);
  margin-bottom: var(--space-1, 4px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fuyufurmi-date {
  font-size: var(--font-size-sm, 13px);
  color: var(--color-primary, #1a73e8);
  font-weight: var(--font-weight-bold, bold);
  white-space: nowrap;
}

.fuyufurmi-time {
  font-size: var(--font-size-sm, 13px);
  color: var(--color-primary, #1a73e8);
  font-weight: var(--font-weight-bold, bold);
  white-space: nowrap;
}

.fuyufurmi-teams {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-4, 15px);
  min-width: 0;
}

.fuyufurmi-team {
  display: flex;
  align-items: center;
  gap: var(--space-2, 8px);
  text-decoration: none;
  color: var(--color-text-primary, #333);
  white-space: nowrap;
  flex-shrink: 0;
}

.fuyufurmi-team:hover {
  color: var(--color-primary, #1a73e8);
}

.fuyufurmi-team img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.fuyufurmi-team span {
  font-size: var(--font-size-base, 14px);
  font-weight: var(--font-weight-medium, 500);
  white-space: nowrap;
}

.fuyufurmi-score {
  color: var(--color-accent, #ff6600);
  font-weight: var(--font-weight-bold, bold);
  font-size: var(--font-size-md, 15px);
  padding: 0 var(--space-3, 10px);
  white-space: nowrap;
  flex-shrink: 0;
}

.fuyufurmi-vs {
  color: var(--color-accent, #ff6600);
  font-weight: var(--font-weight-bold, bold);
  font-size: var(--font-size-base, 14px);
  padding: 0 var(--space-3, 10px);
  white-space: nowrap;
  flex-shrink: 0;
}

.fuyufurmi-status {
  width: 120px;
  flex-shrink: 0;
  text-align: right;
}

.fuyufurmi-btn-live {
  display: inline-block;
  padding: var(--space-2, 6px) var(--space-4, 16px);
  background: #ff4d4f;
  color: #fff;
  border-radius: var(--radius-sm, 3px);
  font-size: var(--font-size-xs, 12px);
  text-decoration: none;
  transition: all var(--transition-fast, 0.15s);
}

.fuyufurmi-btn-live:hover {
  background: #ff7875;
  color: #fff;
}

.fuyufurmi-btn-upcoming {
  display: inline-block;
  padding: var(--space-2, 6px) var(--space-4, 16px);
  background: var(--color-bg-sunken, #f0f0f0);
  color: var(--color-text-secondary, #666);
  border-radius: var(--radius-sm, 3px);
  font-size: var(--font-size-xs, 12px);
  text-decoration: none;
  transition: all var(--transition-fast, 0.15s);
}

.fuyufurmi-btn-upcoming:hover {
  background: #e0e0e0;
  color: var(--color-text-primary, #333);
}

/* 直播信号区 */
.fuyufulive-signal-section {
  background: var(--color-bg-elevated, #fff);
  border-radius: var(--radius-base, 4px);
  padding: var(--space-5, 20px);
  margin-top: var(--space-4, 15px);
}

.fuyufulive-signal-section p {
  margin-bottom: var(--space-3, 12px);
}

.fuyufusignal-btns {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3, 10px);
}

.fuyufusignal-btn {
  display: inline-block;
  padding: var(--space-2, 8px) var(--space-4, 16px);
  background: #6f42c1;
  color: #fff;
  border-radius: var(--radius-sm, 4px);
  font-size: var(--font-size-sm, 13px);
  text-decoration: none;
  transition: all var(--transition-fast, 0.15s);
}

.fuyufusignal-btn:hover {
  background: #5a32a3;
  color: #fff;
  transform: translateY(-2px);
}

/* 底部关键词集合 */
.fuyufukeywords-footer {
  background: var(--color-bg-elevated, #fff);
  margin-top: var(--space-4, 15px);
  border-radius: var(--radius-base, 4px);
  padding: var(--space-5, 20px);
}

.fuyufukeywords-footer-title {
  font-size: var(--font-size-lg, 16px);
  font-weight: var(--font-weight-bold, bold);
  color: var(--color-text-primary, #333);
  margin-bottom: var(--space-4, 15px);
  padding-bottom: var(--space-3, 10px);
  border-bottom: 2px solid var(--color-primary, #1a73e8);
}

.fuyufukeywords-footer-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3, 10px);
}

.fuyufukeywords-footer-item {
  display: inline-block;
  padding: var(--space-2, 8px) var(--space-4, 15px);
  background: var(--color-primary-light, #f0f7ff);
  color: var(--color-primary, #1a73e8);
  border-radius: var(--radius-sm, 3px);
  font-size: var(--font-size-sm, 13px);
  transition: all var(--transition-slow, 0.3s);
}

.fuyufukeywords-footer-item:hover {
  background: var(--color-primary, #1a73e8);
  color: #fff;
}

/* ========================================
   动画
   ======================================== */
@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.6; }
}

/* ========================================
   响应式 - CSS Grid 自适应
   ======================================== */
@media (max-width: 1200px) {
  .fuyufuvideo-list {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .fuyufudetail-layout {
    grid-template-columns: 1fr;
  }
  
  .fuyufudetail-sidebar {
    order: 2;
  }
  
  /* 相关赛事响应式 */
  .fuyufurelated-match-item {
    grid-template-columns: 120px 1fr 100px;
  }
  
  .fuyufurmi-info {
    width: 120px;
  }
  
  .fuyufurmi-status {
    width: 100px;
  }
}

@media (max-width: 768px) {
  .fuyufutop_home .fuyufuW_1200 {
    flex-direction: column;
    height: auto;
    padding: var(--space-3, 10px) var(--space-4, 15px);
  }
  
  .fuyufuQZ-nav {
    margin-left: 0;
    margin-top: var(--space-3, 10px);
  }
  
  .fuyufuQZ-nav .nav {
    flex-wrap: wrap;
    height: auto;
    justify-content: center;
  }
  
  .fuyufuQZ-nav .nav li a {
    height: 36px;
    line-height: 36px;
    font-size: var(--font-size-base, 14px);
    padding: 0 var(--space-3, 12px);
  }
  
  .fuyufumatch-item {
    grid-template-columns: 1fr;
    gap: var(--space-2, 5px);
  }
  
  .fuyufumatch-item .fuyufum-league,
  .fuyufumatch-item .fuyufum-time {
    width: auto;
  }
  
  .fuyufuvideo-list {
    grid-template-columns: 1fr;
  }
  
  .fuyufunews-list li {
    grid-template-columns: 1fr;
  }
  
  .fuyufunews-list li .fuyufunews-img {
    width: 100%;
    height: 150px;
  }
  
  .fuyufuhot-live-list .fuyufumatch-row {
    grid-template-columns: 1fr;
    gap: var(--space-2, 5px);
    text-align: center;
  }
  
  .fuyufuseo-nav-two-col {
    grid-template-columns: 1fr;
  }
  
  .fuyufuseo-match-list {
    grid-template-columns: 1fr;
  }
  
  .fuyufudetail-teams {
    grid-template-columns: 1fr;
    gap: var(--space-4, 15px);
  }
  
  .fuyufudetail-vs {
    order: -1;
  }
  
  /* 相关赛事移动端 */
  .fuyufurelated-match-item {
    grid-template-columns: 1fr;
    gap: var(--space-2, 8px);
    text-align: center;
  }
  
  .fuyufurmi-info {
    width: 100%;
    text-align: left;
  }
  
  .fuyufurmi-teams {
    justify-content: center;
    flex-wrap: wrap;
  }
  
  .fuyufurmi-status {
    width: 100%;
    text-align: center;
  }
  
  /* match-list 移动端 */
  .fuyufumatch-list .fuyufumatch-row {
    grid-template-columns: 1fr;
    gap: var(--space-2, 8px);
    text-align: center;
  }
  
  .fuyufumatch-list .fuyufumatch-league {
    width: 100%;
    text-align: left;
  }
  
  .fuyufumatch-list .fuyufumatch-teams-row {
    justify-content: center;
    flex-wrap: wrap;
  }
  
  .fuyufumatch-list .fuyufumatch-action {
    width: 100%;
    text-align: center;
  }
}

/* ========================================
   打印样式
   ======================================== */
@media print {
  .fuyufusite-header,
  .fuyufum-header,
  .fuyufum-bottom-tab,
  #totop,
  footer {
    display: none !important;
  }
  
  body {
    background: white;
    color: black;
  }
  
  a {
    color: black;
    text-decoration: underline;
  }
}