/* rqz0ffhqf4zl | v3.59 */
/* ========================================
   体育明星粉丝社区 - 主样式表
   ======================================== */

/* CSS变量定义 */
:root {
  --primary-color: #1a3a5c;
  --primary-light: #2a5a8c;
  --primary-dark: #0d1f33;
  --accent-color: #e63946;
  --accent-light: #ff6b6b;
  --accent-dark: #c1121f;
  --gold-color: #ffd60a;
  --gold-dark: #e6b800;
  --bg-color: #f0f2f5;
  --bg-dark: #1a1a2e;
  --bg-card: #ffffff;
  --text-primary: #1a1a2e;
  --text-secondary: #4a4a6a;
  --text-light: #8a8aaa;
  --text-white: #ffffff;
  --border-color: #e0e0e0;
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --font-main: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  --font-title: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --max-width: 1280px;
}

/* 重置样式 */
*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: var(--font-main);
  color: var(--text-primary);
  background-color: var(--bg-color);
  line-height: 1.8;
  overflow-x: hidden;
}

a {
  color: var(--primary-light);
  text-decoration: none;
  transition: var(--transition);
}

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

img {
  max-width: 100%;
  height: auto;
  display: block;
}

ul, ol {
  list-style: none;
}

/* 干扰标签区块 - 肉眼不可见 */
.qchfhkv {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  opacity: 0;
  pointer-events: none;
  font-size: 0;
  line-height: 0;
  color: transparent;
  z-index: -9999;
}

/* 容器 */
.ospw5rxd {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 20px;
}

/* ========================================
   顶部导航 (非sticky)
   ======================================== */
.el-zyfoay {
  background: linear-gradient(135deg, var(--primary-dark), var(--primary-color));
  color: var(--text-white);
  padding: 0;
  box-shadow: var(--shadow-md);
  position: relative;
  z-index: 100;
}

.d7n2vh8qnd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.fjkufk63k {
  display: flex;
  align-items: center;
  gap: 10px;
}

.fjkufk63k .e9kpfj4n4 {
  width: 42px;
  height: 42px;
  background: var(--accent-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  font-weight: 900;
  color: var(--text-white);
}

.fjkufk63k .tw-r046t6 {
  font-size: 1.5rem;
  font-weight: 800;
  letter-spacing: 1px;
  font-family: var(--font-title);
}

.u43yp7r49p {
  display: flex;
  align-items: center;
  background: rgba(255,255,255,0.15);
  border-radius: 25px;
  padding: 6px 16px;
  max-width: 360px;
  flex: 1;
  margin: 0 20px;
}

.u43yp7r49p input {
  background: transparent;
  border: none;
  color: var(--text-white);
  font-size: 0.9rem;
  width: 100%;
  outline: none;
}

.u43yp7r49p input::placeholder {
  color: rgba(255,255,255,0.6);
}
/* 7rxu */
.u43yp7r49p button {
  background: none;
  border: none;
  color: var(--text-white);
  cursor: pointer;
  font-size: 1.1rem;
  padding: 4px 8px;
}
/* xlrg */
._lyh2t9 {
  display: flex;
  align-items: center;
  gap: 16px;
}
/* cbr4 */
._lyh2t9 a {
  color: var(--text-white);
  font-size: 0.9rem;
  padding: 6px 14px;
  border-radius: 20px;
  transition: var(--transition);
}

._lyh2t9 a:hover {
  background: rgba(255,255,255,0.15);
}

.tw-9o0az8 {
  background: var(--accent-color) !important;
}

.tw-9o0az8:hover {
  background: var(--accent-dark) !important;
}

/* 主导航 */
.knn9ofqm {
  padding: 0;
}

.knn9ofqm ul {
  display: flex;
  align-items: center;
  gap: 0;
}

.knn9ofqm ul li {
  position: relative;
}

.knn9ofqm ul li a {
  display: block;
  padding: 14px 22px;
  color: rgba(255,255,255,0.85);
  font-size: 0.95rem;
  font-weight: 500;
  transition: var(--transition);
  border-bottom: 3px solid transparent;
}

.knn9ofqm ul li a:hover,
.knn9ofqm ul li a.active {
  color: var(--text-white);
  background: rgba(255,255,255,0.08);
  border-bottom-color: var(--gold-color);
}
/* wuoso8uzb8 */
/* 移动端菜单按钮 */
._hushj1ll {
  display: none;
  background: none;
  border: none;
  color: var(--text-white);
  font-size: 1.5rem;
  cursor: pointer;
  padding: 8px;
}

/* ========================================
   面包屑导航
   ======================================== */
.el-wby4zh {
  padding: 12px 0;
  background: var(--bg-card);
  border-bottom: 1px solid var(--border-color);
}

.tw-dhancj {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.85rem;
  color: var(--text-light);
}

.tw-dhancj a {
  color: var(--text-secondary);
}

.tw-dhancj a:hover {
  color: var(--accent-color);
}

.tw-dhancj .tw-0mte2y {
  color: var(--text-light);
}

.tw-dhancj ._ycflphgp {
  color: var(--text-primary);
  font-weight: 500;
}

/* ========================================
   英雄横幅区域
   ======================================== */
._nxeur12 {
  position: relative;
  height: 520px;
  overflow: hidden;
  background: var(--primary-dark);
}

.i8893nz {
  position: relative;
  width: 100%;
  height: 100%;
}

._u1nvptx5 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1s ease;
}

._u1nvptx5.active {
  opacity: 1;
}

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

.wzy2b071 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.7));
  display: flex;
  align-items: flex-end;
  padding: 40px;
}

._fhvw3jzd {
  max-width: 700px;
  color: var(--text-white);
}

._fhvw3jzd h1 {
  font-size: 2.5rem;
  font-weight: 800;
  margin-bottom: 12px;
  text-shadow: 0 2px 8px rgba(0,0,0,0.3);
  line-height: 1.3;
}

._fhvw3jzd p {
  font-size: 1.1rem;
  opacity: 0.9;
  margin-bottom: 20px;
}
/* qm51 */
._4j7zgocd {
  position: absolute;
  bottom: 20px;
  right: 40px;
  display: flex;
  gap: 10px;
}

.tw-m020mm {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(255,255,255,0.4);
  cursor: pointer;
  transition: var(--transition);
}

.tw-m020mm.active {
  background: var(--gold-color);
  transform: scale(1.2);
}
/* wfxcqbixh */
/* ========================================
   通用区块标题
   ======================================== */
.bv7ttg7z {
  text-align: center;
  margin-bottom: 40px;
}

.bv7ttg7z h2 {
  font-size: 1.8rem;
  font-weight: 800;
  color: var(--text-primary);
  margin-bottom: 8px;
  font-family: var(--font-title);
}

.bv7ttg7z h2 span {
  color: var(--accent-color);
}

.bv7ttg7z p {
  color: var(--text-secondary);
  font-size: 1rem;
}

/* ========================================
   明星动态快讯栏
   ======================================== */
.el-tymsjx {
  background: var(--primary-dark);
  color: var(--text-white);
  padding: 10px 0;
  overflow: hidden;
}
/* k8gpdrk */
.hwnunyj1ed {
  display: flex;
  align-items: center;
  gap: 12px;
}

.xjq0xca {
  background: var(--accent-color);
  padding: 4px 14px;
  border-radius: 4px;
  font-size: 0.85rem;
  font-weight: 700;
  white-space: nowrap;
  flex-shrink: 0;
}

._5kcboy4 {
  overflow: hidden;
  flex: 1;
}

._eftzlm {
  display: flex;
  animation: ticker-scroll 30s linear infinite;
  gap: 60px;
}

._eftzlm span {
  white-space: nowrap;
  font-size: 0.9rem;
}

@keyframes ticker-scroll {
  0% { transform: translateX(0); }
/* jwncjk7 */  100% { transform: translateX(-50%); }
}

/* ========================================
   视频专区
   ======================================== */
._1e66cj {
  padding: 60px 0;
  background: var(--bg-color);
}
/* k1mdpm */
._csi9dp {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-bottom: 30px;
  flex-wrap: wrap;
}

.st-sabm4w {
  padding: 8px 24px;
  border: 2px solid var(--border-color);
  border-radius: 25px;
  background: var(--bg-card);
  color: var(--text-secondary);
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 500;
  transition: var(--transition);
}

.st-sabm4w:hover,
.st-sabm4w.active {
  border-color: var(--accent-color);
  color: var(--accent-color);
  background: rgba(230, 57, 70, 0.05);
}

.hczhnkjdpu {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.dn9i88ra {
  background: var(--bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: var(--transition);
}

.dn9i88ra:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
}

._mewb622j {
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}

._mewb622j img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
/* m76zc3g0r */
.dn9i88ra:hover ._mewb622j img {
  transform: scale(1.08);
}

.yxvfth1jb {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  background: rgba(230, 57, 70, 0.9);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: var(--transition);
}

.dn9i88ra:hover .yxvfth1jb {
  opacity: 1;
}

.yxvfth1jb::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 14px;
  border-color: transparent transparent transparent white;
  margin-left: 3px;
}
/* vdict269cj */
._oa5e0j3 {
  position: absolute;
  bottom: 8px;
  right: 8px;
  background: rgba(0,0,0,0.75);
  color: white;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 0.75rem;
}

.gse22v3a {
  padding: 14px;
}

.gse22v3a h3 {
  font-size: 0.95rem;
  font-weight: 600;
  margin-bottom: 6px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sc-iatbqb {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 0.8rem;
  color: var(--text-light);
}

.sc-iatbqb span {
  display: flex;
  align-items: center;
  gap: 4px;
}

/* ========================================
   社区互动模块
   ======================================== */
._krbokg2z {
  padding: 60px 0;
  background: var(--bg-card);
}
/* 5822epvt8j */
.css-xu2j9x {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

._2po0pr {
  background: var(--bg-color);
  border-radius: var(--radius-md);
  padding: 28px;
  transition: var(--transition);
  border: 1px solid var(--border-color);
}

._2po0pr:hover {
  border-color: var(--accent-color);
  box-shadow: var(--shadow-md);
}

.st-3q4e1s {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}
/* zwxzcy */
.tw-ag89io {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: var(--text-white);
}
/* aq925y */
._lob767r { background: linear-gradient(135deg, #ff6b6b, #ee5a24); }
.el-zjbqcs { background: linear-gradient(135deg, #4834d4, #686de0); }
._3k7hij { background: linear-gradient(135deg, #f9ca24, #f0932b); }

._2po0pr h3 {
  font-size: 1.1rem;
  font-weight: 700;
}

.css-yv8sqk {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.likvlwjbhp {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  background: var(--bg-card);
  border-radius: var(--radius-sm);
  transition: var(--transition);
  cursor: pointer;
}

.likvlwjbhp:hover {
  background: rgba(230, 57, 70, 0.05);
}

.sc-89xu0z {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--text-light);
  color: var(--text-white);
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  flex-shrink: 0;
}

.sc-89xu0z.css-ljyajc { background: var(--accent-color); }
.sc-89xu0z.tw-3caswr { background: var(--gold-dark); }
.sc-89xu0z.st-wsrg8m { background: var(--primary-light); }

.nzev5658 {
  flex: 1;
  font-size: 0.9rem;
  line-height: 1.4;
}

._g3g4ao5m {
  font-size: 0.75rem;
  color: var(--text-light);
  white-space: nowrap;
}

/* 投票区 */
.el-p0jgvp {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: var(--bg-card);
  border-radius: var(--radius-sm);
  margin-bottom: 10px;
  cursor: pointer;
  transition: var(--transition);
}
/* m1pgchg5 */
.el-p0jgvp:hover {
  background: rgba(72, 52, 212, 0.05);
}

.rxfvtsmv {
  flex: 1;
  height: 8px;
  background: var(--border-color);
  border-radius: 4px;
  overflow: hidden;
}

.css-zow25v {
  height: 100%;
  border-radius: 4px;
  background: linear-gradient(90deg, #4834d4, #686de0);
  transition: width 0.8s ease;
}

._0wkihvj {
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--primary-light);
  min-width: 40px;
  text-align: right;
}

/* 排行榜 */
.st-3mp4xz {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  background: var(--bg-card);
  border-radius: var(--radius-sm);
  margin-bottom: 8px;
}

.st-eg1yp0 {
  font-size: 1.3rem;
}

.bnhgdxo00v {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--primary-light), var(--accent-color));
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 0.8rem;
  font-weight: 700;
}

._38wf6s2 {
  flex: 1;
}

.el-z3lvrt {
  font-size: 0.9rem;
  font-weight: 600;
}

.k3znktarz5 {
  font-size: 0.75rem;
  color: var(--text-light);
}

.ah29wiva {
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--gold-dark);
}

/* ========================================
   YouTube视频流嵌入
   ======================================== */
._t1842yb {
  padding: 60px 0;
  background: var(--bg-dark);
  color: var(--text-white);
}
/* pg5j9tcg8g */
._t1842yb .bv7ttg7z h2 {
  color: var(--text-white);
}

._t1842yb .bv7ttg7z p {
  color: rgba(255,255,255,0.6);
}

._zeg8kma {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 24px;
}

.s3srkap {
  border-radius: var(--radius-md);
  overflow: hidden;
  background: rgba(255,255,255,0.05);
}

.s3srkap .zaacqfj {
  position: relative;
  padding-top: 56.25%;
}

.s3srkap .zaacqfj iframe,
.s3srkap .zaacqfj .el-548y2x {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.el-548y2x {
  background: linear-gradient(135deg, #1a1a2e, #2a2a4e);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 12px;
  color: rgba(255,255,255,0.5);
}

.el-548y2x ._lg6onjh8 {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--accent-color);
  display: flex;
  align-items: center;
  justify-content: center;
}

.el-548y2x ._lg6onjh8::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 0 12px 20px;
  border-color: transparent transparent transparent white;
  margin-left: 4px;
}

.s3srkap .tkkq8pst {
  padding: 18px;
}

.s3srkap .tkkq8pst h3 {
  font-size: 1.1rem;
  margin-bottom: 8px;
}
/* lg1r */
.s3srkap .tkkq8pst p {
  font-size: 0.9rem;
  color: rgba(255,255,255,0.6);
}
/* 8kprdiz5u */
._gbhff7d3 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-height: 500px;
  overflow-y: auto;
}

._gbhff7d3::-webkit-scrollbar {
  width: 4px;
}
/* 767ubfe */
._gbhff7d3::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.2);
  border-radius: 2px;
}

.el-ot0sn4 {
  display: flex;
  gap: 12px;
  padding: 10px;
  background: rgba(255,255,255,0.05);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: var(--transition);
}

.el-ot0sn4:hover {
  background: rgba(255,255,255,0.1);
}

.el-ot0sn4.active {
  background: rgba(230, 57, 70, 0.2);
  border-left: 3px solid var(--accent-color);
}

.jaynrzbrw {
  width: 120px;
  height: 68px;
  border-radius: 4px;
  overflow: hidden;
  flex-shrink: 0;
}

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

._1pviha h4 {
  font-size: 0.85rem;
  font-weight: 600;
  margin-bottom: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

._1pviha p {
  font-size: 0.75rem;
  color: rgba(255,255,255,0.5);
}

/* ========================================
   FAQ模块
   ======================================== */
.st-y4klkp {
  padding: 60px 0;
  background: var(--bg-color);
}

.tw-9p8o19 {
  max-width: 800px;
  margin: 0 auto;
}

.we8dt7xd1x {
  background: var(--bg-card);
  border-radius: var(--radius-md);
  margin-bottom: 12px;
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}

.lm52m588k {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 24px;
  cursor: pointer;
  font-weight: 600;
  font-size: 1rem;
  transition: var(--transition);
}

.lm52m588k:hover {
  color: var(--accent-color);
}

.mgwu06wj2 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--bg-color);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
  flex-shrink: 0;
}

.mgwu06wj2::after {
  content: '';
  width: 8px;
  height: 8px;
  border-right: 2px solid var(--text-secondary);
  border-bottom: 2px solid var(--text-secondary);
  transform: rotate(45deg);
  margin-top: -3px;
}

.we8dt7xd1x.open .mgwu06wj2 {
  transform: rotate(180deg);
}

._xicy44d {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
/* 5c4f */
.ouqffocb {
  padding: 0 24px 18px;
  color: var(--text-secondary);
  font-size: 0.95rem;
  line-height: 1.8;
}

.we8dt7xd1x.open ._xicy44d {
  max-height: 500px;
}

/* ========================================
   社交媒体动态
   ======================================== */
._r4535xc3 {
  padding: 60px 0;
  background: var(--bg-card);
}

.css-p3fiup {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.css-7rxiov {
  background: var(--bg-color);
  border-radius: var(--radius-md);
  padding: 24px;
  text-align: center;
  transition: var(--transition);
  border: 1px solid var(--border-color);
}

.css-7rxiov:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}

.st-mlz7xy {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  margin: 0 auto 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: var(--text-white);
}
/* qc89 */
.f2vw74e { background: linear-gradient(135deg, #e6162d, #ff6b6b); }
._vr7q5sfv { background: linear-gradient(135deg, #07c160, #2dc100); }
._pzha3i { background: linear-gradient(135deg, #000000, #333333); }
._i1p1659n { background: linear-gradient(135deg, #00a1d6, #0099cc); }
/* 97arlrmi7 */
.css-7rxiov h4 {
  font-size: 1rem;
  margin-bottom: 4px;
}

.css-7rxiov p {
  font-size: 0.85rem;
  color: var(--text-light);
}

.css-7rxiov .css-q66pfh {
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--accent-color);
  margin: 8px 0;
}
/* r0hxolb */
/* ========================================
   页脚
   ======================================== */
.vomqbkc1sf {
  background: var(--primary-dark);
  color: rgba(255,255,255,0.7);
  padding: 50px 0 0;
}
/* 71b5 */
.i99s1e1ke {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

._4cl7b7 h3 {
  color: var(--text-white);
  font-size: 1.2rem;
  margin-bottom: 14px;
}

._4cl7b7 p {
  font-size: 0.9rem;
  line-height: 1.8;
  margin-bottom: 16px;
}

.tw-ujhud3 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 0.85rem;
}

._t5q7kmea h4 {
  color: var(--text-white);
  font-size: 1rem;
  margin-bottom: 14px;
}
/* 3pj4v4qqc */
._t5q7kmea ul li {
  margin-bottom: 8px;
}

._t5q7kmea ul li a {
  color: rgba(255,255,255,0.6);
  font-size: 0.9rem;
  transition: var(--transition);
}

._t5q7kmea ul li a:hover {
  color: var(--gold-color);
  padding-left: 4px;
}

._42ipwn {
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 0.8rem;
}
/* w1i7 */
._42ipwn a {
  color: rgba(255,255,255,0.5);
}

._42ipwn a:hover {
  color: var(--gold-color);
}

.llushlwnx {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

/* ========================================
   内页通用样式
   ======================================== */
.css-fu5h3t {
  background: linear-gradient(135deg, var(--primary-dark), var(--primary-color));
  padding: 50px 0;
  color: var(--text-white);
  text-align: center;
}

.css-fu5h3t h1 {
  font-size: 2rem;
  font-weight: 800;
  margin-bottom: 10px;
}

.css-fu5h3t p {
  font-size: 1rem;
  opacity: 0.8;
}

._bzxmyd4s {
  padding: 40px 0;
}

/* 视频详情页 */
.cs3a96xi {
  background: #000;
  border-radius: var(--radius-md);
  overflow: hidden;
  margin-bottom: 24px;
}

.cs3a96xi .zaacqfj {
  position: relative;
  padding-top: 56.25%;
}

._belt7iae {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 30px;
}
/* 6edxlik */
._9w1yc8dt h2 {
  font-size: 1.5rem;
  margin-bottom: 12px;
}

.ubzhkva6 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0;
}

.tw-ex0xld {
  padding: 4px 14px;
  background: rgba(230, 57, 70, 0.1);
  color: var(--accent-color);
  border-radius: 20px;
  font-size: 0.8rem;
}

.tw-4icwrp {
  color: var(--text-secondary);
  line-height: 1.8;
  font-size: 0.95rem;
}

/* 评论区 */
.x7x1bygd {
  margin-top: 40px;
}

.x7x1bygd h3 {
  font-size: 1.2rem;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--border-color);
}

.tw-5800vc {
  display: flex;
  gap: 14px;
  padding: 18px 0;
  border-bottom: 1px solid var(--border-color);
}

._l5j8x071 {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--primary-light), var(--accent-color));
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 700;
  flex-shrink: 0;
}

.st-67wfao {
  flex: 1;
}

.el-v4q5bz {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
}

._xwau23b {
  font-weight: 600;
  font-size: 0.9rem;
}
/* ln6npwjpk */
.igudod5mcp {
  font-size: 0.8rem;
  color: var(--text-light);
}

.firgkzzp {
  font-size: 0.95rem;
  color: var(--text-secondary);
  line-height: 1.7;
}

._6r0omr {
  display: flex;
  gap: 16px;
  margin-top: 8px;
}

._60fckf {
  font-size: 0.8rem;
  color: var(--text-light);
  cursor: pointer;
  transition: var(--transition);
}
/* lmyzxfl */
._60fckf:hover {
  color: var(--accent-color);
}

/* 明星资料页 */
.a7azxbqf {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 40px;
  margin-bottom: 40px;
}
/* xn01bx1 */
._ehbmx471 {
  text-align: center;
}

.css-836afb {
  width: 260px;
  height: 260px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  margin: 0 auto 16px;
  box-shadow: var(--shadow-lg);
}
/* pf35k4eju */
.css-836afb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* oh5dvcl9n */
.meypdufiy2 {
  text-align: center;
}

.meypdufiy2 h2 {
  font-size: 1.5rem;
  margin-bottom: 4px;
}
/* 91zykctx */
.meypdufiy2 p {
  color: var(--text-light);
  font-size: 0.9rem;
}

._z944x35 h3 {
  font-size: 1.3rem;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--accent-color);
  display: inline-block;
}

._z944x35 p {
  color: var(--text-secondary);
  line-height: 1.9;
  margin-bottom: 16px;
}

._jgyhh3 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin: 20px 0;
}

.zgb36gpdy4 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  background: var(--bg-color);
  border-radius: var(--radius-sm);
  border-left: 3px solid var(--gold-color);
}

.zgb36gpdy4 .sc-ivd5u3 {
  font-weight: 700;
  color: var(--accent-color);
  font-size: 0.9rem;
}

.zgb36gpdy4 .el-m0m7ir {
  font-size: 0.9rem;
}

/* 活动专区 */
._8gngasc {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

._csz8agz {
  background: var(--bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: var(--transition);
}

._csz8agz:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
/* j6ssg */
.qxdvshobl {
  height: 200px;
  overflow: hidden;
}

.qxdvshobl img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

._csz8agz:hover .qxdvshobl img {
  transform: scale(1.05);
}

.lxdict5g3 {
  padding: 20px;
}

.ek55r42lv7 {
  display: inline-block;
  padding: 4px 12px;
  background: var(--accent-color);
  color: white;
  border-radius: 4px;
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 10px;
}

.lxdict5g3 h3 {
  font-size: 1.1rem;
  margin-bottom: 8px;
}

.lxdict5g3 p {
  color: var(--text-secondary);
  font-size: 0.9rem;
  line-height: 1.6;
}

._tkdaea {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 4px;
  font-size: 0.8rem;
  font-weight: 600;
  margin-top: 10px;
}

._e4n5g5sw { background: rgba(72, 52, 212, 0.1); color: #4834d4; }
/* q42qlwba */._ke925sbj { background: rgba(7, 193, 96, 0.1); color: #07c160; }
._myvbuhc { background: rgba(138, 138, 170, 0.1); color: var(--text-light); }
/* baeed6kh */
/* 讨论区 */
._h7i1io8 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 30px;
}

._u5gueu0 {
  background: var(--bg-card);
  border-radius: var(--radius-md);
  padding: 24px;
  text-align: center;
  transition: var(--transition);
  border: 2px solid var(--border-color);
  cursor: pointer;
}

._u5gueu0:hover,
._u5gueu0.active {
  border-color: var(--accent-color);
  box-shadow: var(--shadow-md);
}

._u5gueu0 h4 {
  font-size: 1rem;
  margin-bottom: 4px;
}
/* wxx76n6vhz */
._u5gueu0 p {
  font-size: 0.8rem;
  color: var(--text-light);
}

.zgmo5d19 {
  background: var(--bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
}

._25d2furk {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  border-bottom: 1px solid var(--border-color);
  transition: var(--transition);
}

._25d2furk:hover {
  background: var(--bg-color);
}

.st-y6sjtn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--primary-light), var(--accent-color));
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 700;
  font-size: 0.85rem;
  flex-shrink: 0;
}

._1tdod2 {
  flex: 1;
}

._wpkli5j {
  font-size: 0.95rem;
  font-weight: 600;
  margin-bottom: 4px;
}

._c9g5wc5a {
  font-size: 0.8rem;
  color: var(--text-light);
  display: flex;
  gap: 12px;
}

.st-nvdyou {
  display: flex;
  gap: 16px;
  font-size: 0.8rem;
  color: var(--text-light);
  flex-shrink: 0;
}

/* 用户个人中心 */
._b8yulgp {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 30px;
  background: var(--bg-card);
  border-radius: var(--radius-md);
  margin-bottom: 24px;
  box-shadow: var(--shadow-sm);
}

.st-sk6f5r {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 2.5rem;
  font-weight: 800;
  flex-shrink: 0;
}

.a5uxl4hxl h2 {
  font-size: 1.5rem;
  margin-bottom: 4px;
}

.a5uxl4hxl p {
  color: var(--text-light);
  font-size: 0.9rem;
}

.sc-vs6n5k {
  display: flex;
  gap: 30px;
  margin-top: 12px;
}

.st-0ygbc4 {
  text-align: center;
}
/* n8ejymn */
.st-0ygbc4 .css-7ex9dw {
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--accent-color);
}

.st-0ygbc4 .el-g8gmds {
  font-size: 0.8rem;
  color: var(--text-light);
}

._q8kql87 {
  display: flex;
  gap: 0;
  background: var(--bg-card);
  border-radius: var(--radius-md) var(--radius-md) 0 0;
  overflow: hidden;
  border-bottom: 2px solid var(--border-color);
}

._ma5fet {
  padding: 14px 28px;
  font-size: 0.95rem;
  font-weight: 500;
  cursor: pointer;
  transition: var(--transition);
  border-bottom: 3px solid transparent;
  margin-bottom: -2px;
}

._ma5fet:hover,
._ma5fet.active {
  color: var(--accent-color);
  border-bottom-color: var(--accent-color);
}

._qmq3kk3 {
  background: var(--bg-card);
  border-radius: 0 0 var(--radius-md) var(--radius-md);
  padding: 24px;
}

/* ========================================
   动画效果
   ======================================== */
._ir4a3u0 {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

._ir4a3u0.visible {
  opacity: 1;
  transform: translateY(0);
}

._i88u79 {
  opacity: 0;
  transform: translateX(-40px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
/* bqy8z2u05x */
._i88u79.visible {
  opacity: 1;
  transform: translateX(0);
}

._6sgxjmy {
  opacity: 0;
  transform: translateX(40px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

._6sgxjmy.visible {
  opacity: 1;
  transform: translateX(0);
}

/* 脉冲动画 */
@keyframes pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}

._0ffv79x2 {
  animation: pulse 2s infinite;
}

/* 渐变边框动画 */
@keyframes gradient-border {
  0% { border-color: var(--accent-color); }
  50% { border-color: var(--gold-color); }
  100% { border-color: var(--accent-color); }
}

/* ========================================
   侧边栏
   ======================================== */
.el-kivn9e {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.phmh3wxm {
  background: var(--bg-card);
  border-radius: var(--radius-md);
  padding: 20px;
  box-shadow: var(--shadow-sm);
}

.phmh3wxm h3 {
  font-size: 1rem;
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--accent-color);
}
/* uufh */
._9qqh8mo2 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._a49ym1 {
  display: flex;
  gap: 10px;
  cursor: pointer;
  transition: var(--transition);
}

._a49ym1:hover {
  opacity: 0.8;
}

.el-c0sonn {
  width: 100px;
  height: 60px;
  border-radius: 4px;
  overflow: hidden;
  flex-shrink: 0;
}

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

.jq59on3 h4 {
  font-size: 0.85rem;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 4px;
}

.jq59on3 p {
  font-size: 0.75rem;
  color: var(--text-light);
}
/* 4q79qu035 */
/* ========================================
   隐私政策页面
   ======================================== */
._up2e4lu {
  max-width: 800px;
  margin: 0 auto;
  background: var(--bg-card);
  padding: 40px;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

._up2e4lu h2 {
  font-size: 1.3rem;
  margin: 24px 0 12px;
  color: var(--primary-color);
}

._up2e4lu p {
  color: var(--text-secondary);
  line-height: 1.9;
  margin-bottom: 12px;
}

/* ========================================
   移动端下载页面
   ======================================== */
._tx3g1cr7 {
  text-align: center;
  padding: 60px 0;
}

._tx3g1cr7 h2 {
  font-size: 1.8rem;
  margin-bottom: 12px;
}
/* atdtfnzgz */
._tx3g1cr7 p {
  color: var(--text-secondary);
  margin-bottom: 30px;
}

.xg8plko {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}
/* n6ume39 */
.sc-mqjqe8 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 32px;
  border-radius: var(--radius-md);
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-white);
  transition: var(--transition);
}

.sc-mqjqe8:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-lg);
  color: var(--text-white);
}

.uu3mzkyt { background: linear-gradient(135deg, #333, #000); }
/* saaf */.y5ohcnua5i { background: linear-gradient(135deg, #07c160, #059142); }

.r08bhk7b {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 50px;
}

._ih9ef6a2 {
  padding: 30px;
  background: var(--bg-card);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

._ih9ef6a2 h4 {
  font-size: 1.1rem;
  margin: 12px 0 8px;
}

._ih9ef6a2 p {
  font-size: 0.9rem;
  color: var(--text-secondary);
}

/* ========================================
   响应式设计
   ======================================== */
@media (max-width: 1024px) {
  .hczhnkjdpu {
    grid-template-columns: repeat(3, 1fr);
  }
  
  .i99s1e1ke {
    grid-template-columns: repeat(2, 1fr);
  }
  
  ._zeg8kma {
    grid-template-columns: 1fr;
  }
  
  .a7azxbqf {
    grid-template-columns: 1fr;
  }
  
  ._belt7iae {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  html {
    font-size: 15px;
  }
/* q0p5sgif */  
  .u43yp7r49p {
    display: none;
  }
/* 7zqvi3 */  
  ._lyh2t9 {
    display: none;
  }
  
  ._hushj1ll {
    display: block;
  }
  
  .knn9ofqm {
    display: none;
  }
  
  .knn9ofqm.open {
    display: block;
  }
  
  .knn9ofqm ul {
    flex-direction: column;
  }
/* 5bbq22xbu1 */  
  .knn9ofqm ul li a {
    padding: 12px 20px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
  }
  
  ._nxeur12 {
    height: 360px;
  }
  
  ._fhvw3jzd h1 {
    font-size: 1.6rem;
  }
  
  .hczhnkjdpu {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
  }
  
  .css-xu2j9x {
    grid-template-columns: 1fr;
  }
/* nb46fc5 */  
  .css-p3fiup {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .i99s1e1ke {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  
  ._42ipwn {
    flex-direction: column;
    text-align: center;
  }
  
  ._8gngasc {
    grid-template-columns: 1fr;
  }
  
  ._h7i1io8 {
    grid-template-columns: 1fr;
  }
/* 64wa8pbx9 */  
  ._jgyhh3 {
    grid-template-columns: 1fr;
  }
  
  .r08bhk7b {
    grid-template-columns: 1fr;
  }
  
  ._b8yulgp {
    flex-direction: column;
    text-align: center;
  }
  
  .sc-vs6n5k {
    justify-content: center;
  }
  
  ._q8kql87 {
    overflow-x: auto;
  }
  
  .bv7ttg7z h2 {
    font-size: 1.4rem;
  }
  
  .css-fu5h3t h1 {
    font-size: 1.5rem;
  }
}

@media (max-width: 480px) {
  .hczhnkjdpu {
    grid-template-columns: 1fr;
  }
  
  .css-p3fiup {
    grid-template-columns: 1fr;
  }
  
  .xg8plko {
    flex-direction: column;
    align-items: center;
  }
  
  .ospw5rxd {
    padding: 0 14px;
  }
}

/* 懒加载图片占位 */
img[loading="lazy"] {
  background: linear-gradient(135deg, #f0f0f0, #e0e0e0);
  min-height: 100px;
}

/* 打印样式 */
@media print {
  .el-zyfoay, .vomqbkc1sf, .qchfhkv {
    display: none;
  }
}

/* he3szcpjetv36rek */