/* ============================================================
   海角社区传媒 - 原创CSS样式表
   Brand: 海角社区 | Domain: vuxc6i.cn
   ============================================================ */

/* ---- CSS变量 ---- */
:root {
  --primary: #ff6b9d;
  --primary-dark: #e0547f;
  --primary-light: #ff9ec4;
  --secondary: #c44dff;
  --secondary-dark: #a030e0;
  --accent: #ffb347;
  --dark: #1a1a2e;
  --dark-2: #16213e;
  --dark-3: #0f3460;
  --text: #2d2d3a;
  --text-muted: #6b7280;
  --text-light: #9ca3af;
  --bg: #fafafa;
  --bg-card: #ffffff;
  --bg-section: #f8f4ff;
  --border: #e5e7eb;
  --border-light: #f3f4f6;
  --radius: 12px;
  --radius-lg: 20px;
  --radius-sm: 8px;
  --shadow: 0 4px 20px rgba(255,107,157,0.12);
  --shadow-lg: 0 8px 40px rgba(255,107,157,0.2);
  --shadow-card: 0 2px 12px rgba(0,0,0,0.08);
  --transition: all 0.3s cubic-bezier(0.4,0,0.2,1);
  --font: 'PingFang SC', 'Microsoft YaHei', '微软雅黑', sans-serif;
  --header-h: 130px;
}

/* ---- Reset ---- */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 16px; }
body {
  font-family: var(--font);
  color: var(--text);
  background: var(--bg);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--primary); text-decoration: none; transition: var(--transition); }
a:hover { color: var(--primary-dark); }
img { max-width: 100%; height: auto; display: block; }
ul { list-style: none; }
button { cursor: pointer; border: none; background: none; font-family: var(--font); }
input { font-family: var(--font); }

/* ---- 容器 ---- */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* ---- 通用Section ---- */
.ew654vys {
  padding: 80px 0;
}
.qn1gjag {
  text-align: center;
  margin-bottom: 50px;
}
.f8r7wba8 {
  font-size: 2rem;
  font-weight: 700;
  color: var(--dark);
  margin-bottom: 12px;
  line-height: 1.3;
}
.6dlzaa {
  margin-right: 8px;
}
.cobb5wa {
  color: var(--primary);
}
.wd9z3k {
  color: var(--text-muted);
  font-size: 1rem;
  max-width: 600px;
  margin: 0 auto;
}
.kelxa {
  text-align: center;
  margin-top: 40px;
}

/* ---- 按钮 ---- */
.de82o1 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 14px 32px;
  background: linear-gradient(135deg, var(--primary), var(--secondary));
  color: #fff;
  border-radius: 50px;
  font-size: 1rem;
  font-weight: 600;
  transition: var(--transition);
  box-shadow: 0 4px 15px rgba(255,107,157,0.4);
}
.de82o1:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(255,107,157,0.5);
  color: #fff;
}
.qusqj3 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 13px 30px;
  border: 2px solid rgba(255,255,255,0.8);
  color: #fff;
  border-radius: 50px;
  font-size: 1rem;
  font-weight: 600;
  transition: var(--transition);
}
.qusqj3:hover {
  background: rgba(255,255,255,0.15);
  color: #fff;
  transform: translateY(-2px);
}
.tmf0xuvo {
  display: inline-block;
  padding: 12px 36px;
  border: 2px solid var(--primary);
  color: var(--primary);
  border-radius: 50px;
  font-weight: 600;
  transition: var(--transition);
}
.tmf0xuvo:hover {
  background: var(--primary);
  color: #fff;
}
.l83v2a {
  display: inline-block;
  padding: 7px 18px;
  background: linear-gradient(135deg, var(--primary), var(--secondary));
  color: #fff;
  border-radius: 20px;
  font-size: 0.85rem;
  font-weight: 600;
  transition: var(--transition);
}
.l83v2a:hover { opacity: 0.9; color: #fff; transform: translateY(-1px); }
.dwtnj {
  background: transparent;
  border: 1.5px solid var(--primary);
  color: var(--primary);
}
.dwtnj:hover { background: var(--primary); color: #fff; }

/* ---- 通知栏 ---- */
.notice-strip {
  background: linear-gradient(90deg, var(--primary), var(--secondary));
  color: #fff;
  padding: 10px 0;
  font-size: 0.875rem;
  text-align: center;
  position: relative;
  z-index: 100;
}
.notice-strip .container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.notice-close {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255,255,255,0.8);
  font-size: 1rem;
  padding: 4px 8px;
  border-radius: 4px;
  transition: var(--transition);
}
.notice-close:hover { color: #fff; background: rgba(255,255,255,0.2); }

/* ---- 头部 ---- */
.site-header {
  background: #fff;
  box-shadow: 0 2px 20px rgba(0,0,0,0.08);
  position: sticky;
  top: 0;
  z-index: 99;
  transition: var(--transition);
}
.oeg8ea {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 0;
  gap: 20px;
}

/* Logo */
.z6d4td {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  flex-shrink: 0;
}
.dfovpzzp {
  width: 46px;
  height: 46px;
  flex-shrink: 0;
}
.dfovpzzp svg { width: 100%; height: 100%; }
.q3ema {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
.msu300wf {
  font-size: 1.5rem;
  font-weight: 800;
  background: linear-gradient(135deg, var(--primary), var(--secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.14eb4ha {
  font-size: 0.7rem;
  color: var(--text-muted);
  letter-spacing: 0.5px;
}

/* 主导航 */
.7oz7ra ul {
  display: flex;
  align-items: center;
  gap: 4px;
}
.nav-link {
  padding: 8px 14px;
  color: var(--text);
  font-size: 0.95rem;
  font-weight: 500;
  border-radius: var(--radius-sm);
  transition: var(--transition);
  white-space: nowrap;
}
.nav-link:hover, .nav-link.active {
  color: var(--primary);
  background: rgba(255,107,157,0.08);
}

/* 头部操作区 */
.bt11abq {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
.btn-join {
  padding: 9px 22px;
  background: linear-gradient(135deg, var(--primary), var(--secondary));
  color: #fff;
  border-radius: 50px;
  font-size: 0.9rem;
  font-weight: 600;
  transition: var(--transition);
  white-space: nowrap;
}
.btn-join:hover { opacity: 0.9; color: #fff; transform: translateY(-1px); }

/* 汉堡菜单 */
.mobile-menu-btn {
  display: none;
  flex-direction: column;
  gap: 5px;
  padding: 6px;
  border-radius: 6px;
  transition: var(--transition);
}
.mobile-menu-btn span {
  display: block;
  width: 22px;
  height: 2px;
  background: var(--text);
  border-radius: 2px;
  transition: var(--transition);
}
.mobile-menu-btn:hover { background: var(--bg-section); }

/* 搜索框 */
.search-bar-wrap {
  padding: 10px 0 14px;
  border-top: 1px solid var(--border-light);
}
.search-bar-inner {
  max-width: 700px;
  margin: 0 auto;
}
.search-form {
  display: flex;
  align-items: center;
  background: var(--bg-section);
  border: 1.5px solid var(--border);
  border-radius: 50px;
  padding: 6px 6px 6px 18px;
  gap: 8px;
  transition: var(--transition);
}
.search-form:focus-within {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(255,107,157,0.12);
}
.search-icon { font-size: 1rem; flex-shrink: 0; }
.search-input {
  flex: 1;
  border: none;
  background: transparent;
  font-size: 0.9rem;
  color: var(--text);
  outline: none;
}
.search-input::placeholder { color: var(--text-light); }
.search-btn {
  padding: 7px 20px;
  background: linear-gradient(135deg, var(--primary), var(--secondary));
  color: #fff;
  border-radius: 50px;
  font-size: 0.875rem;
  font-weight: 600;
  flex-shrink: 0;
  transition: var(--transition);
}
.search-btn:hover { opacity: 0.9; }
.search-hot-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
  font-size: 0.8rem;
}
.hot-label { color: var(--text-muted); }
.hot-tag {
  color: var(--primary);
  background: rgba(255,107,157,0.08);
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 0.78rem;
  transition: var(--transition);
}
.hot-tag:hover { background: var(--primary); color: #fff; }

/* 移动端导航 */
.mobile-nav {
  display: none;
  background: #fff;
  border-top: 1px solid var(--border);
  padding: 12px 0;
}
.mobile-nav ul { padding: 0 20px; }
.mobile-nav li a {
  display: block;
  padding: 12px 16px;
  color: var(--text);
  font-size: 0.95rem;
  border-radius: var(--radius-sm);
  transition: var(--transition);
}
.mobile-nav li a:hover { color: var(--primary); background: var(--bg-section); }
.mobile-nav.open { display: block; }

/* ---- 面包屑 ---- */
.breadcrumb-nav {
  background: var(--bg-section);
  padding: 10px 0;
  border-bottom: 1px solid var(--border-light);
}
.breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.85rem;
  color: var(--text-muted);
}
.breadcrumb li { display: flex; align-items: center; gap: 8px; }
.breadcrumb li:not(:last-child)::after { content: '>'; color: var(--text-light); }
.breadcrumb a { color: var(--text-muted); }
.breadcrumb a:hover { color: var(--primary); }

/* ---- Hero Banner ---- */
.ffs1f {
  position: relative;
  min-height: 600px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.hero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: scale(1.05);
  transition: transform 8s ease;
}
.tc0frg {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(26,26,46,0.82) 0%, rgba(196,77,255,0.35) 60%, rgba(255,107,157,0.2) 100%);
}
.ub0bt1 {
  position: relative;
  z-index: 2;
  padding: 80px 20px;
  max-width: 750px;
}
.64pp7gs {
  display: inline-block;
  background: rgba(255,255,255,0.15);
  border: 1px solid rgba(255,255,255,0.3);
  color: #fff;
  padding: 6px 18px;
  border-radius: 50px;
  font-size: 0.85rem;
  margin-bottom: 20px;
  backdrop-filter: blur(10px);
}
.4hy46iiu {
  font-size: 3rem;
  font-weight: 800;
  color: #fff;
  line-height: 1.2;
  margin-bottom: 16px;
  text-shadow: 0 2px 20px rgba(0,0,0,0.3);
}
.kdlb5 {
  background: linear-gradient(135deg, #ffb347, #ff6b9d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.3pdf848f {
  font-size: 1.4rem;
  font-weight: 400;
  color: rgba(255,255,255,0.85);
}
.ert6pn {
  color: rgba(255,255,255,0.8);
  font-size: 1.05rem;
  margin-bottom: 30px;
  max-width: 600px;
}
.m8k9n7 {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.rxdnncn {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
.cvl9jh {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.8dxuus16 {
  font-size: 1.8rem;
  font-weight: 800;
  color: #fff;
  line-height: 1;
}
.r9c4169s {
  font-size: 0.8rem;
  color: rgba(255,255,255,0.7);
  margin-top: 4px;
}

/* ---- 视频区 ---- */
.video-section { background: var(--bg); }
.eck1o {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 20px;
}
.cat-tab {
  padding: 8px 20px;
  border: 1.5px solid var(--border);
  border-radius: 50px;
  font-size: 0.875rem;
  color: var(--text-muted);
  transition: var(--transition);
  background: #fff;
}
.cat-tab:hover, .cat-tab.active {
  border-color: var(--primary);
  color: var(--primary);
  background: rgba(255,107,157,0.08);
}
.mhvvbpd {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.video-card {
  background: var(--bg-card);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow-card);
  transition: var(--transition);
}
.video-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
}
.video-thumb-wrap {
  position: relative;
  overflow: hidden;
  aspect-ratio: 3/4;
}
.6rfnx9 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.video-card:hover .6rfnx9 { transform: scale(1.06); }
.video-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition);
}
.video-card:hover .video-overlay { background: rgba(0,0,0,0.35); }
.video-play-btn {
  width: 56px;
  height: 56px;
  background: rgba(255,107,157,0.9);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: scale(0.8);
  transition: var(--transition);
  box-shadow: 0 4px 20px rgba(255,107,157,0.5);
}
.video-play-btn svg { width: 24px; height: 24px; margin-left: 3px; }
.video-card:hover .video-play-btn {
  opacity: 1;
  transform: scale(1);
}
.qu0d3 {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: rgba(0,0,0,0.7);
  color: #fff;
  font-size: 0.75rem;
  padding: 3px 8px;
  border-radius: 4px;
}
.urja8cq9 {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #fff;
}
.275s05 { background: linear-gradient(135deg, #f093fb, #f5576c); }
.zd2kld3n { background: linear-gradient(135deg, #4facfe, #00f2fe); }
.9yc5n { background: linear-gradient(135deg, #43e97b, #38f9d7); }
.kdgg6c { background: linear-gradient(135deg, #a18cd1, #fbc2eb); }
.lxzjh { background: linear-gradient(135deg, #ff6b9d, #ffb347); }
.zd5hes {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #f5576c;
  color: #fff;
  font-size: 0.72rem;
  padding: 3px 8px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.7lfx5f {
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
  animation: blink 1s infinite;
}
@keyframes blink { 0%,100%{opacity:1} 50%{opacity:0.3} }
.py1t9jt0 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #f5576c;
  color: #fff;
  font-size: 0.72rem;
  padding: 2px 8px;
  border-radius: 20px;
}
.o9ibbu7 { padding: 16px; }
.video-title {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--dark);
  margin-bottom: 8px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.fv8em {
  display: flex;
  gap: 12px;
  font-size: 0.8rem;
  color: var(--text-muted);
  margin-bottom: 8px;
  flex-wrap: wrap;
}
.bzekto {
  font-size: 0.82rem;
  color: var(--text-light);
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 10px;
}
.bbmaxppl { display: flex; gap: 6px; flex-wrap: wrap; }
.gvuv1sen {
  background: var(--bg-section);
  color: var(--primary);
  font-size: 0.72rem;
  padding: 3px 8px;
  border-radius: 20px;
  border: 1px solid rgba(255,107,157,0.2);
}

/* ---- 娱乐专区 ---- */
.ip37dw { background: var(--bg-section); }
.d0kz4kvk {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.wmks8f {
  position: relative;
  border-radius: var(--radius-lg);
  overflow: hidden;
  min-height: 360px;
}
.wmks8f img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  inset: 0;
}
.ljwxzze {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 30px;
  background: linear-gradient(to top, rgba(0,0,0,0.85), transparent);
  color: #fff;
}
.7zhlbb {
  display: inline-block;
  background: var(--primary);
  color: #fff;
  font-size: 0.75rem;
  padding: 3px 10px;
  border-radius: 20px;
  margin-bottom: 10px;
}
.ljwxzze h3 { font-size: 1.1rem; margin-bottom: 8px; }
.ljwxzze p { font-size: 0.85rem; opacity: 0.85; margin-bottom: 14px; }
.mbyza6y {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.rzk6pe {
  border-radius: var(--radius);
  padding: 24px 20px;
  color: #fff;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: var(--transition);
}
.rzk6pe:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.sm3w5sa { font-size: 2rem; }
.rzk6pe h4 { font-size: 1rem; font-weight: 700; }
.rzk6pe p { font-size: 0.82rem; opacity: 0.85; }
.rzk6pe a {
  display: inline-block;
  margin-top: auto;
  padding: 5px 14px;
  background: rgba(255,255,255,0.2);
  color: #fff;
  border-radius: 20px;
  font-size: 0.8rem;
  border: 1px solid rgba(255,255,255,0.3);
  transition: var(--transition);
  align-self: flex-start;
}
.rzk6pe a:hover { background: rgba(255,255,255,0.35); }

/* ---- AI赋能 ---- */
.2fsedtzd { background: var(--dark); }
.2fsedtzd .f8r7wba8 { color: #fff; }
.2fsedtzd .wd9z3k { color: rgba(255,255,255,0.6); }
.15ial5w8 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}
.uzh1s { margin: 24px 0 30px; display: flex; flex-direction: column; gap: 20px; }
.08i1yr {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.5wjfv {
  font-size: 1.5rem;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  background: rgba(255,107,157,0.15);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.08i1yr h4 { font-size: 1rem; font-weight: 600; color: #fff; margin-bottom: 4px; }
.08i1yr p { font-size: 0.875rem; color: rgba(255,255,255,0.6); line-height: 1.6; }
.amm6daf {
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(196,77,255,0.3);
}
.amm6daf img { width: 100%; height: 100%; object-fit: cover; }

/* ---- 专家团队 ---- */
.kwiklhw { background: var(--bg); }
.oss00ynr {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.ruz9egf {
  background: var(--bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-card);
  transition: var(--transition);
}
.ruz9egf:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); }
.gcuig3 {
  position: relative;
  aspect-ratio: 1;
  overflow: hidden;
}
.6vcja {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.ruz9egf:hover .6vcja { transform: scale(1.05); }
.hqtx156d {
  position: absolute;
  bottom: 12px;
  right: 12px;
  background: linear-gradient(135deg, var(--primary), var(--secondary));
  color: #fff;
  font-size: 0.78rem;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 20px;
}
.pc522snl { padding: 20px; }
.8fqu9n { font-size: 1.15rem; font-weight: 700; color: var(--dark); margin-bottom: 4px; }
.vlgckck0 { font-size: 0.85rem; color: var(--primary); margin-bottom: 10px; }
.2mp1c41d { font-size: 0.85rem; color: var(--text-muted); line-height: 1.6; margin-bottom: 12px; }
.sxj3ge91 { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 10px; }
.p8otif {
  background: rgba(255,107,157,0.08);
  color: var(--primary);
  font-size: 0.72rem;
  padding: 3px 10px;
  border-radius: 20px;
  border: 1px solid rgba(255,107,157,0.2);
}
.9slvyvn { font-size: 0.78rem; color: var(--text-muted); margin-bottom: 14px; line-height: 1.6; }
.q2mg9 { display: flex; gap: 8px; }

/* ---- 社区 ---- */
.55k0rujr { background: var(--bg-section); }
.103fjtu {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.gqlikh {
  background: var(--bg-card);
  border-radius: var(--radius);
  padding: 28px 20px;
  text-align: center;
  box-shadow: var(--shadow-card);
  transition: var(--transition);
}
.gqlikh:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); }
.k23cyz2 {
  width: 60px;
  height: 60px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  margin: 0 auto 16px;
}
.gqlikh h4 { font-size: 1.05rem; font-weight: 700; color: var(--dark); margin-bottom: 8px; }
.gqlikh p { font-size: 0.85rem; color: var(--text-muted); margin-bottom: 12px; line-height: 1.6; }
.ljjad { font-size: 0.8rem; color: var(--text-muted); margin-bottom: 14px; display: flex; align-items: center; justify-content: center; gap: 8px; }

/* ---- 合作品牌 ---- */
.eoljtio { background: var(--bg); }
.partner-logos {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
  margin-bottom: 50px;
}
.3qvml96 {
  border: 1.5px solid var(--border);
  border-radius: var(--radius-sm);
  padding: 16px;
  transition: var(--transition);
}
.3qvml96:hover { border-color: var(--primary); box-shadow: var(--shadow); }
.lptwj {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--text-muted);
  background: var(--bg-section);
  border-radius: 6px;
}

/* 加入指南 */
.3lwtsr {
  background: var(--bg-section);
  border-radius: var(--radius-lg);
  padding: 40px;
}
.26p4k {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--dark);
  margin-bottom: 28px;
  text-align: center;
}
.gbn13aat {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.8x3f7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
}
.yyajpjkp {
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, var(--primary), var(--secondary));
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 700;
  flex-shrink: 0;
}
.atl47 h4 { font-size: 0.95rem; font-weight: 600; color: var(--dark); margin-bottom: 6px; }
.atl47 p { font-size: 0.82rem; color: var(--text-muted); line-height: 1.5; }

/* ---- 联系我们 ---- */
.35fc34ho { background: var(--bg-section); }
.yt0kuc { display: grid; grid-template-columns: 1fr; gap: 24px; }
.amlwf {
  background: var(--bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-card);
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.37nvigb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 280px;
}
.wjujos { padding: 36px; }
.wjujos h3 { font-size: 1.2rem; font-weight: 700; color: var(--dark); margin-bottom: 10px; }
.wjujos p { font-size: 0.875rem; color: var(--text-muted); margin-bottom: 20px; }
.wp7796d { display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; }
.wp7796d li { display: flex; align-items: center; gap: 10px; font-size: 0.875rem; color: var(--text); }
.w24yx { font-size: 1rem; flex-shrink: 0; }
.8v68ao4i { display: flex; gap: 10px; flex-wrap: wrap; }

/* ---- 评价 ---- */
.uhdgl { background: var(--bg); }
.ld0sw1lf {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.njmboi {
  background: var(--bg-card);
  border-radius: var(--radius);
  padding: 24px;
  box-shadow: var(--shadow-card);
  border: 1px solid var(--border-light);
  transition: var(--transition);
}
.njmboi:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
.xuew3 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}
.t2lfeshx {
  width: 42px;
  height: 42px;
  background: linear-gradient(135deg, var(--primary), var(--secondary));
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 700;
  flex-shrink: 0;
}
.1exim { font-size: 0.9rem; font-weight: 600; color: var(--dark); }
.8vk6a5 { font-size: 0.78rem; color: var(--text-light); }
.ahdcraa {
  margin-left: auto;
  color: #ffb347;
  font-size: 0.85rem;
  flex-shrink: 0;
}
.ahdcraa span { display: none; }
.b6v9q { font-size: 0.875rem; color: var(--text); line-height: 1.7; margin-bottom: 12px; }
.qcqc2h {
  display: inline-block;
  background: rgba(255,107,157,0.08);
  color: var(--primary);
  font-size: 0.75rem;
  padding: 3px 10px;
  border-radius: 20px;
  border: 1px solid rgba(255,107,157,0.2);
}

/* ---- FAQ ---- */
.o4rb5p { background: var(--bg-section); }
.zd984h7 { max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; }
.faq-item {
  background: var(--bg-card);
  border-radius: var(--radius);
  border: 1px solid var(--border);
  overflow: hidden;
  transition: var(--transition);
}
.faq-item.open { border-color: var(--primary); box-shadow: var(--shadow); }
.faq-question {
  width: 100%;
  padding: 18px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--dark);
  text-align: left;
  transition: var(--transition);
}
.faq-question:hover { color: var(--primary); }
.faq-item.open .faq-question { color: var(--primary); }
.mer4nqps { font-size: 0.75rem; transition: var(--transition); flex-shrink: 0; }
.faq-item.open .mer4nqps { transform: rotate(180deg); }
.iizwb2h8 {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
}
.iizwb2h8 p {
  padding: 0 24px 18px;
  font-size: 0.875rem;
  color: var(--text-muted);
  line-height: 1.7;
}
.faq-item.open .iizwb2h8 { max-height: 200px; }

/* ---- 统计数据 ---- */
.qy7cgc {
  background: linear-gradient(135deg, var(--dark), var(--dark-3));
  padding: 70px 0;
}
.qy7cgc .f8r7wba8 { margin-bottom: 40px; }
.tvyqm8 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
}
.98nzvl {
  text-align: center;
  padding: 24px 16px;
  background: rgba(255,255,255,0.05);
  border-radius: var(--radius);
  border: 1px solid rgba(255,255,255,0.1);
  transition: var(--transition);
}
.98nzvl:hover { background: rgba(255,107,157,0.1); border-color: rgba(255,107,157,0.3); }
.akqwu4t {
  display: block;
  font-size: 1.8rem;
  font-weight: 800;
  background: linear-gradient(135deg, var(--primary), var(--secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 6px;
}
.ym4h9o { font-size: 0.82rem; color: rgba(255,255,255,0.6); }

/* ---- 底部 ---- */
.juh7i { background: var(--dark); color: rgba(255,255,255,0.8); }
.quy39 {
  background: linear-gradient(135deg, var(--dark), var(--dark-2));
  padding: 40px 0 30px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.quy39 .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.ofdu1 {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
}
.ufwn5c4 { width: 44px; height: 44px; }
.ufwn5c4 svg { width: 100%; height: 100%; }
.unpgv4 {
  font-size: 1.6rem;
  font-weight: 800;
  background: linear-gradient(135deg, var(--primary), var(--secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: block;
}
.f10wubxm {
  font-size: 0.72rem;
  color: rgba(255,255,255,0.5);
  display: block;
}
.oznj2k21 { font-size: 0.875rem; color: rgba(255,255,255,0.5); }
.p57uoihe { padding: 50px 0 30px; }
.y9h78c {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1.5fr 1.2fr;
  gap: 30px;
}
.icyhj9i {
  font-size: 0.95rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
.odp8jt0 { display: flex; flex-direction: column; gap: 8px; }
.odp8jt0 a {
  font-size: 0.85rem;
  color: rgba(255,255,255,0.6);
  transition: var(--transition);
}
.odp8jt0 a:hover { color: var(--primary); padding-left: 4px; }
.o3o1n { display: flex; flex-direction: column; gap: 10px; }
.o3o1n li { display: flex; align-items: flex-start; gap: 8px; font-size: 0.82rem; color: rgba(255,255,255,0.6); }
.2ijh3h { flex-shrink: 0; }
.5q6snhf {}
.ygprkdnj { display: flex; gap: 16px; }
.4z0fzw { text-align: center; }
.x3dzbo {
  width: 100px;
  height: 100px;
  background: #fff;
  border-radius: 8px;
  margin-bottom: 6px;
  overflow: hidden;
}
.4z0fzw span { font-size: 0.75rem; color: rgba(255,255,255,0.5); }

/* 社交 */
.ijq57x {
  border-top: 1px solid rgba(255,255,255,0.08);
  padding: 20px 0;
}
.ijq57x .container {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.s7xev { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.bomdo { font-size: 0.85rem; color: rgba(255,255,255,0.5); }
.j10c35 {
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 600;
  transition: var(--transition);
  color: #fff;
}
.j10c35.weibo { background: #e6162d; }
.j10c35.bilibili { background: #00a1d6; }
.j10c35.douyin { background: #010101; border: 1px solid rgba(255,255,255,0.2); }
.j10c35.wechat { background: #07c160; }
.j10c35.qq { background: #12b7f5; }
.j10c35:hover { opacity: 0.85; color: #fff; transform: translateY(-1px); }
.tl4yy6f { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-left: auto; }
.p0zqik5 {
  padding: 6px 14px;
  border: 1px solid rgba(255,255,255,0.2);
  color: rgba(255,255,255,0.7);
  border-radius: 20px;
  font-size: 0.78rem;
  transition: var(--transition);
}
.p0zqik5:hover { border-color: var(--primary); color: var(--primary); }

/* 版权 */
.6xhkc {
  border-top: 1px solid rgba(255,255,255,0.06);
  padding: 18px 0;
}
.2ww61m {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.imyli { font-size: 0.8rem; color: rgba(255,255,255,0.4); }
.imyli a { color: rgba(255,255,255,0.5); }
.imyli a:hover { color: var(--primary); }
.c6mpcv { font-size: 0.8rem; color: rgba(255,255,255,0.4); }

/* ---- 回到顶部 ---- */
.scroll-top-btn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 44px;
  height: 44px;
  background: linear-gradient(135deg, var(--primary), var(--secondary));
  color: #fff;
  border-radius: 50%;
  font-size: 1.1rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 15px rgba(255,107,157,0.4);
  opacity: 0;
  transform: translateY(20px);
  transition: var(--transition);
  z-index: 50;
}
.scroll-top-btn.visible { opacity: 1; transform: translateY(0); }
.scroll-top-btn:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(255,107,157,0.5); }

/* ---- 视频弹窗 ---- */
.video-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.9);
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}
.video-modal.open { opacity: 1; pointer-events: all; }
.video-modal-inner {
  position: relative;
  width: 90%;
  max-width: 800px;
  background: #000;
  border-radius: var(--radius-lg);
  overflow: hidden;
  aspect-ratio: 16/9;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-modal-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 36px;
  height: 36px;
  background: rgba(255,255,255,0.15);
  color: #fff;
  border-radius: 50%;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  transition: var(--transition);
}
.video-modal-close:hover { background: rgba(255,255,255,0.3); }
.video-modal-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  color: rgba(255,255,255,0.7);
}
.video-modal-placeholder .play-icon {
  width: 80px;
  height: 80px;
  background: rgba(255,107,157,0.8);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-modal-placeholder .play-icon svg { width: 36px; height: 36px; margin-left: 5px; }

/* ---- 搜索结果提示 ---- */
.search-suggest {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-card);
  z-index: 200;
  display: none;
  max-height: 300px;
  overflow-y: auto;
}
.search-suggest.show { display: block; }
.suggest-item {
  padding: 10px 16px;
  font-size: 0.875rem;
  color: var(--text);
  cursor: pointer;
  transition: var(--transition);
  display: flex;
  align-items: center;
  gap: 8px;
}
.suggest-item:hover { background: var(--bg-section); color: var(--primary); }

/* ============================================================
   内页通用样式
   ============================================================ */
.qhijik1 {
  background: linear-gradient(135deg, var(--dark), var(--dark-3));
  padding: 60px 0;
  text-align: center;
  color: #fff;
}
.qhijik1 h1 { font-size: 2.2rem; font-weight: 800; margin-bottom: 12px; }
.qhijik1 p { font-size: 1rem; color: rgba(255,255,255,0.7); }

/* ============================================================
   响应式
   ============================================================ */
@media (max-width: 1100px) {
  .tvyqm8 { grid-template-columns: repeat(3, 1fr); }
  .y9h78c { grid-template-columns: 1fr 1fr 1fr; }
  .5q6snhf { grid-column: span 3; }
}

@media (max-width: 900px) {
  .mhvvbpd { grid-template-columns: repeat(2, 1fr); }
  .oss00ynr { grid-template-columns: repeat(2, 1fr); }
  .103fjtu { grid-template-columns: repeat(2, 1fr); }
  .15ial5w8 { grid-template-columns: 1fr; gap: 30px; }
  .amm6daf { max-height: 300px; }
  .d0kz4kvk { grid-template-columns: 1fr; }
  .partner-logos { grid-template-columns: repeat(3, 1fr); }
  .gbn13aat { grid-template-columns: repeat(2, 1fr); }
  .amlwf { grid-template-columns: 1fr; }
  .37nvigb { min-height: 200px; max-height: 250px; }
  .ld0sw1lf { grid-template-columns: repeat(2, 1fr); }
  .tvyqm8 { grid-template-columns: repeat(3, 1fr); }
  .4hy46iiu { font-size: 2.2rem; }
}

@media (max-width: 768px) {
  :root { --header-h: 80px; }
  .7oz7ra { display: none; }
  .mobile-menu-btn { display: flex; }
  .4hy46iiu { font-size: 1.8rem; }
  .rxdnncn { gap: 20px; }
  .8dxuus16 { font-size: 1.4rem; }
  .ew654vys { padding: 50px 0; }
  .f8r7wba8 { font-size: 1.5rem; }
  .mhvvbpd { grid-template-columns: 1fr 1fr; }
  .oss00ynr { grid-template-columns: 1fr; }
  .103fjtu { grid-template-columns: 1fr 1fr; }
  .y9h78c { grid-template-columns: 1fr 1fr; }
  .5q6snhf { grid-column: span 2; }
  .ijq57x .container { flex-direction: column; align-items: flex-start; }
  .tl4yy6f { margin-left: 0; }
  .2ww61m { flex-direction: column; text-align: center; }
  .tvyqm8 { grid-template-columns: repeat(2, 1fr); }
  .gbn13aat { grid-template-columns: 1fr 1fr; }
  .m8k9n7 { flex-direction: column; align-items: flex-start; }
  .search-bar-inner { max-width: 100%; }
}

@media (max-width: 480px) {
  .4hy46iiu { font-size: 1.5rem; }
  .mhvvbpd { grid-template-columns: 1fr; }
  .103fjtu { grid-template-columns: 1fr; }
  .ld0sw1lf { grid-template-columns: 1fr; }
  .tvyqm8 { grid-template-columns: repeat(2, 1fr); }
  .partner-logos { grid-template-columns: repeat(2, 1fr); }
  .gbn13aat { grid-template-columns: 1fr; }
  .y9h78c { grid-template-columns: 1fr; }
  .5q6snhf { grid-column: auto; }
  .mbyza6y { grid-template-columns: 1fr 1fr; }
  .rxdnncn { gap: 16px; }
  .f8r7wba8 { font-size: 1.3rem; }
}

/* ---- 动画 ---- */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}
.animate-fadeup {
  animation: fadeUp 0.6s ease forwards;
}