/* d0hekak7rn0q | v4.72 */
/* ============================================
   JM天堂 - 微电影征集平台样式表
   独特配色方案：深靛蓝 + 琥珀金 + 暖灰
   字体组合：思源黑体 + 思源宋体
   ============================================ */

/* 自定义字体引入 */
@import url('https://fonts._ujru9trd._75vq13/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&family=Noto+Serif+SC:wght@400;600;700&display=swap');

/* CSS变量 */
:root {
  --color-primary: #1a237e;
  --color-primary-light: #3949ab;
  --color-primary-dark: #0d1442;
  --color-accent: #f9a825;
  --color-accent-light: #fdd835;
  --color-accent-dark: #c17900;
  --color-bg: #fafafa;
  --color-bg-alt: #f0ebe3;
  --color-bg-dark: #1b1b2f;
  --color-text: #2d2d2d;
  --color-text-light: #6b6b6b;
  --color-text-inverse: #f5f5f5;
  --color-border: #e0d8cf;
  --color-success: #2e7d32;
  --color-warning: #ef6c00;
  --color-error: #c62828;
  --font-sans: 'Noto Sans SC', '微软雅黑', '黑体', sans-serif;
  --font-serif: 'Noto Serif SC', '宋体', serif;
  --shadow-sm: 0 2px 8px rgba(26,35,126,0.08);
  --shadow-md: 0 4px 20px rgba(26,35,126,0.12);
  --shadow-lg: 0 8px 40px rgba(26,35,126,0.16);
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --container-max: 1200px;
}
/* 2bjz */
/* 重置与基础 */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

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

body {
  font-family: var(--font-sans);
  color: var(--color-text);
  background-color: var(--color-bg);
  line-height: 1.8;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

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

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

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

ul, ol { list-style: none; }

/* 干扰标签区块 - 肉眼不可见 */
.uifwhdm7 {
  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;
  z-index: -9999;
  font-size: 0;
  line-height: 0;
  color: transparent;
  background: transparent;
}

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

/* ============ 页头导航 ============ */
._izu0q7tw {
  background: linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);
  padding: 0;
  z-index: 1000;
  position: relative;
}

.st-0wm1gi {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 72px;
}

._mb6jbyfv {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--color-text-inverse);
  font-weight: 700;
  font-size: 1.4rem;
}

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

._ww0k5m { font-size: 1.8rem; }

.st-ytmdcn {
  display: flex;
  gap: 8px;
}
/* 54v3fs2 */
.xchov61pd {
  color: rgba(255,255,255,0.85);
  padding: 8px 16px;
  border-radius: var(--radius-sm);
  font-size: 0.95rem;
  font-weight: 500;
  transition: var(--transition);
}

.xchov61pd:hover,
.xchov61pd.active {
  color: #fff;
  background: rgba(249,168,37,0.25);
}
/* yuqw */
.sc-kgtoxv {
  display: none;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
}

.sc-kgtoxv span {
  display: block;
  width: 26px;
  height: 3px;
  background: #fff;
  border-radius: 2px;
  transition: var(--transition);
}

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

.ik0rk10v2 {
  display: flex;
  gap: 8px;
  font-size: 0.88rem;
  color: var(--color-text-light);
}

.sc-dw2uuq a { color: var(--color-primary-light); }
.sc-dw2uuq a:hover { color: var(--color-accent); }
/* zdw50 */.sc-dw2uuq + .sc-dw2uuq::before {
  content: '›';
  margin-right: 8px;
  color: var(--color-text-light);
}
.sc-dw2uuq._bmdet5 { color: var(--color-text); font-weight: 500; }

/* ============ 英雄区域 ============ */
.q2e38biuo {
  background: linear-gradient(160deg, var(--color-primary-dark) 0%, #162057 40%, #1a237e 100%);
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}
/* i9s71e5hn */
.q2e38biuo::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -20%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(249,168,37,0.15) 0%, transparent 70%);
  border-radius: 50%;
}

.q2e38biuo ._4sexi7w {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

.st-hbjl16 {
  font-family: var(--font-serif);
  font-size: 2.6rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.3;
  margin-bottom: 20px;
}
/* soul6 */
.mx6trk8ur {
  color: rgba(255,255,255,0.8);
  font-size: 1.05rem;
  line-height: 1.9;
  margin-bottom: 32px;
}

.ijt33qdjo {
  display: flex;
  gap: 16px;
}

._w6ewl7 img {
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

/* ============ 按钮 ============ */
.st-17qr5p {
  display: inline-block;
  padding: 12px 28px;
  border-radius: var(--radius-sm);
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: var(--transition);
  border: 2px solid transparent;
  text-align: center;
  font-family: var(--font-sans);
}

.css-u209og {
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-dark) 100%);
  color: #fff;
  border-color: var(--color-accent);
}

.css-u209og:hover {
  background: linear-gradient(135deg, var(--color-accent-light) 0%, var(--color-accent) 100%);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(249,168,37,0.4);
}

.el-cknr7i {
  background: rgba(255,255,255,0.15);
  color: #fff;
  border-color: rgba(255,255,255,0.4);
}

.el-cknr7i:hover {
  background: rgba(255,255,255,0.25);
  color: #fff;
}

.css-0v6iq2 {
  background: transparent;
  color: var(--color-primary);
  border-color: var(--color-primary);
}

.css-0v6iq2:hover {
  background: var(--color-primary);
  color: #fff;
}

.wy7o9b6g { padding: 16px 40px; font-size: 1.1rem; }
.css-ry96jz { padding: 6px 14px; font-size: 0.85rem; }

/* ============ 通用区块标题 ============ */
._a9yqqu {
  text-align: center;
  margin-bottom: 48px;
}

._a9yqqu h2 {
  font-family: var(--font-serif);
  font-size: 2rem;
  font-weight: 700;
  color: var(--color-primary-dark);
  margin-bottom: 12px;
}
/* wfx0r6 */
._a9yqqu h2 span {
  color: var(--color-accent-dark);
}

._a9yqqu p {
  color: var(--color-text-light);
  font-size: 1.05rem;
  max-width: 680px;
  margin: 0 auto;
}

/* ============ 精选微电影 ============ */
.e49nxr2w {
  padding: 80px 0;
  background: #fff;
}
/* lxkht4s1t */
._01atjgo {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

._adarp2ty {
  background: #fff;
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: var(--transition);
  border: 1px solid var(--color-border);
}

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

.qcfxd3uhj6 {
  position: relative;
  overflow: hidden;
}

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

._adarp2ty:hover .qcfxd3uhj6 img {
  transform: scale(1.05);
}
/* rs70vhs */
.st-w80ya4 {
  position: absolute;
  top: 12px;
  left: 12px;
  background: var(--color-accent);
  color: #fff;
  padding: 4px 12px;
  border-radius: var(--radius-sm);
  font-size: 0.8rem;
  font-weight: 600;
}
/* a53zq0uq */
._tfzizwy {
  padding: 20px;
}

._0yknaa {
  font-family: var(--font-serif);
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 10px;
  color: var(--color-primary-dark);
}

.tw-v4mi74 {
  color: var(--color-text-light);
  font-size: 0.92rem;
  line-height: 1.7;
  margin-bottom: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.css-wwwj9o {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
  align-items: center;
}

._vuea3no {
  background: var(--color-bg-alt);
  color: var(--color-primary);
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 500;
}

._f8x5wwa {
  color: var(--color-text-light);
  font-size: 0.85rem;
}

/* ============ 本月主题征集 ============ */
.sc-5tjr00 {
  padding: 80px 0;
  background: linear-gradient(180deg, var(--color-bg-alt) 0%, #fff 100%);
}

._ew7j13 {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 40px;
  align-items: center;
  background: #fff;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  border: 1px solid var(--color-border);
}

._5lh6qfvm img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 360px;
}

.ll858kqlxs {
  padding: 40px 40px 40px 0;
}

.sc-nyakrk {
  display: inline-block;
  background: var(--color-primary);
  color: #fff;
  padding: 4px 16px;
  border-radius: 20px;
  font-size: 0.85rem;
  font-weight: 500;
  margin-bottom: 16px;
}

.d6b2yglge {
  font-family: var(--font-serif);
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--color-primary-dark);
  margin-bottom: 16px;
  line-height: 1.4;
}

.xd54o3jcm {
  color: var(--color-text);
  line-height: 1.9;
  margin-bottom: 20px;
}

.st-nc75qq {
  display: flex;
  gap: 24px;
  margin-bottom: 24px;
  color: var(--color-text-light);
  font-size: 0.92rem;
}

/* ============ 明星导演 ============ */
.beqe9erom {
  padding: 80px 0;
  background: #fff;
}
/* tmzkpo56 */
._5w5mn1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

.x6rfrc8 {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 24px;
  background: var(--color-bg-alt);
  border-radius: var(--radius-md);
  overflow: hidden;
  padding: 24px;
  border: 1px solid var(--color-border);
  transition: var(--transition);
}

.x6rfrc8:hover {
  box-shadow: var(--shadow-md);
}

.css-v5pqhc img {
  width: 200px;
  height: 200px;
  object-fit: cover;
  border-radius: var(--radius-md);
}

._yumgyhz h3 {
  font-family: var(--font-serif);
  font-size: 1.3rem;
  color: var(--color-primary-dark);
  margin-bottom: 6px;
}

._b7rdlk {
  color: var(--color-accent-dark);
  font-size: 0.9rem;
  font-weight: 500;
  margin-bottom: 12px;
}

.st-0392g8 {
  color: var(--color-text-light);
  font-size: 0.92rem;
  line-height: 1.7;
  margin-bottom: 12px;
}

.st-xf9lqv {
  color: var(--color-primary);
  font-size: 0.88rem;
  font-weight: 500;
}

/* ============ 用户投票榜单 ============ */
.pse0h6u {
  padding: 80px 0;
  background: linear-gradient(180deg, #fff 0%, var(--color-bg-alt) 100%);
}

.css-m12se2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.s8vtgik {
  background: #fff;
  border-radius: var(--radius-md);
  padding: 28px;
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--color-border);
}

.tw-m9gs70 {
  font-family: var(--font-serif);
  font-size: 1.15rem;
  color: var(--color-primary-dark);
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--color-accent);
}

.q0yc56f2 { counter-reset: none; }

.nrb3xas2 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(0,0,0,0.06);
}

.nrb3xas2:last-child { border-bottom: none; }

._jci164g2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--color-primary);
  color: #fff;
  font-weight: 700;
  font-size: 0.85rem;
  flex-shrink: 0;
}

.nrb3xas2:first-child ._jci164g2 { background: var(--color-accent); }

.si67ntl {
  flex: 1;
}

.si67ntl strong {
  display: block;
  font-size: 0.95rem;
  color: var(--color-text);
}

._rp86tga {
  font-size: 0.82rem;
  color: var(--color-text-light);
}

.sc-y69yb1 {
  color: var(--color-accent-dark);
  font-weight: 600;
  font-size: 0.88rem;
  white-space: nowrap;
}

/* ============ 配乐幕后 ============ */
._90993x {
  padding: 80px 0;
  background: var(--color-bg-alt);
}

._jgfwq08 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.sc-53ylvt {
  background: #fff;
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: var(--transition);
  border: 1px solid var(--color-border);
}

.sc-53ylvt:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}

._0bmprxa img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

._h4klh2 {
  padding: 20px;
}

._h4klh2 h3 {
  font-family: var(--font-serif);
  font-size: 1.1rem;
  color: var(--color-primary-dark);
  margin-bottom: 10px;
  line-height: 1.4;
}

._h4klh2 p {
  color: var(--color-text-light);
  font-size: 0.92rem;
  line-height: 1.7;
  margin-bottom: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.st-xjcw8s {
  color: var(--color-accent-dark);
  font-weight: 600;
  font-size: 0.92rem;
}

.st-xjcw8s:hover { color: var(--color-primary); }

/* ============ 快速投稿 ============ */
.td5p2b9h {
  padding: 80px 0;
  background: #fff;
}

.tw-jmida3 {
  max-width: 800px;
  margin: 0 auto;
  background: var(--color-bg-alt);
  border-radius: var(--radius-lg);
  padding: 40px;
  border: 1px solid var(--color-border);
}

.wo462f6v1 ._m4beou9d {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 20px;
}

.ib7z83w {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.ib7z83w.st-l7aszi {
  margin-bottom: 20px;
}

.ib7z83w label {
  font-weight: 600;
  font-size: 0.92rem;
  color: var(--color-text);
}

.ib7z83w input,
.ib7z83w select,
.ib7z83w textarea {
  padding: 12px 16px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-size: 0.95rem;
  font-family: var(--font-sans);
  transition: var(--transition);
  background: #fff;
  color: var(--color-text);
}

.ib7z83w input:focus,
.ib7z83w select:focus,
.ib7z83w textarea:focus {
  outline: none;
  border-color: var(--color-primary-light);
  box-shadow: 0 0 0 3px rgba(57,73,171,0.15);
}
/* 7u8d */
.ib7z83w textarea { resize: vertical; }

.tys10cts {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 0.92rem;
  color: var(--color-text);
  cursor: pointer;
}

.tys10cts input[type="checkbox"] {
  margin-top: 4px;
  flex-shrink: 0;
}

.tw-micu6r {
  display: flex;
  gap: 16px;
  margin-top: 24px;
}

/* ============ 常见问题 ============ */
.o2h63y6v {
  padding: 80px 0;
  background: linear-gradient(180deg, var(--color-bg-alt) 0%, #fff 100%);
}

._vytv2cs {
  max-width: 800px;
  margin: 0 auto;
}

._2tqsy7 {
  background: #fff;
  border-radius: var(--radius-md);
  margin-bottom: 12px;
  overflow: hidden;
  border: 1px solid var(--color-border);
  transition: var(--transition);
}

._2tqsy7:hover { box-shadow: var(--shadow-sm); }

._zytlct {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px 24px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--color-primary-dark);
  font-family: var(--font-sans);
  text-align: left;
}

.el-c12pmo {
  font-size: 1.4rem;
  color: var(--color-accent);
  transition: var(--transition);
  flex-shrink: 0;
}

._qndz6paz {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.4s ease;
}

._qndz6paz p {
  padding: 0 24px 20px;
  color: var(--color-text-light);
  line-height: 1.8;
}

._2tqsy7.active ._qndz6paz {
  max-height: 500px;
}

._2tqsy7.active .el-c12pmo {
  transform: rotate(45deg);
}

/* ============ 页脚 ============ */
.tw-11gb80 {
  background: var(--color-bg-dark);
  color: var(--color-text-inverse);
  padding: 60px 0 0;
}
/* 35buzhby7h */
._rjaz8drd {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
/* taogu */
.sc-p1ugk2 {
  font-family: var(--font-serif);
  font-size: 1.1rem;
  margin-bottom: 16px;
  color: var(--color-accent);
}

._oelynnj p {
  color: rgba(255,255,255,0.7);
  font-size: 0.92rem;
  line-height: 1.8;
}

.teunq7x ul { display: flex; flex-direction: column; gap: 8px; }
.teunq7x a {
  color: rgba(255,255,255,0.7);
  font-size: 0.92rem;
}
/* jr5635wyzx */.teunq7x a:hover { color: var(--color-accent); }

._lgd27fz p {
  color: rgba(255,255,255,0.7);
  font-size: 0.92rem;
  margin-bottom: 6px;
}

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

._p2lawxx {
  display: inline-block;
  padding: 6px 14px;
  background: rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.8);
  border-radius: var(--radius-sm);
  font-size: 0.85rem;
  transition: var(--transition);
}

._p2lawxx:hover {
  background: var(--color-accent);
  color: #fff;
}

.css-yqda2r p { margin-bottom: 6px; }
/* hfjd3 */.css-yqda2r a {
  color: rgba(255,255,255,0.7);
  font-size: 0.92rem;
}
.css-yqda2r a:hover { color: var(--color-accent); }

.fr5yq1w {
  margin-top: 12px;
  padding: 6px 12px;
  background: rgba(255,255,255,0.08);
  border-radius: var(--radius-sm);
  font-size: 0.82rem;
  color: rgba(255,255,255,0.5);
}

._3yijcox {
  padding: 20px 0;
  text-align: center;
  color: rgba(255,255,255,0.4);
  font-size: 0.85rem;
}

/* ============ 内页通用 ============ */
.el-1jeeb5 {
  padding: 40px 0 80px;
  min-height: 60vh;
}

.z674zrfulr {
  margin-bottom: 40px;
}

.z674zrfulr h1 {
  font-family: var(--font-serif);
  font-size: 2.2rem;
  color: var(--color-primary-dark);
  margin-bottom: 12px;
}

.z674zrfulr p {
  color: var(--color-text-light);
  font-size: 1.05rem;
  line-height: 1.8;
}

/* ============ 微电影详情页 ============ */
._mqehqi8 {
  margin-bottom: 40px;
}

._7lu30m {
  position: relative;
  background: #000;
  border-radius: var(--radius-lg);
  overflow: hidden;
  aspect-ratio: 16/9;
}

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

.toxxx19q {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.3);
}
/* 6nq4 */
.d895s9z9s {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(249,168,37,0.9);
  border: none;
  color: #fff;
  font-size: 2rem;
  cursor: pointer;
  transition: var(--transition);
}

.d895s9z9s:hover {
  transform: scale(1.1);
  background: var(--color-accent);
}

.oktctc50 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(transparent, rgba(0,0,0,0.8));
  padding: 20px;
}

.jc8yfwa0e {
  display: flex;
  align-items: center;
  gap: 12px;
}
/* x092kaxc */
.st-k69vul {
  background: none;
  border: none;
  color: #fff;
  font-size: 1.1rem;
  cursor: pointer;
  padding: 4px 8px;
}

.sc-qcdodx {
  flex: 1;
  height: 4px;
  background: rgba(255,255,255,0.3);
  border-radius: 2px;
  cursor: pointer;
}

.css-c5s45q {
  height: 100%;
  background: var(--color-accent);
  border-radius: 2px;
}

.el-hmjfux {
  color: rgba(255,255,255,0.8);
  font-size: 0.82rem;
  white-space: nowrap;
}
/* ind0bb */
.el-3j3i9o,
.vuz6eglack {
  background: rgba(255,255,255,0.15);
  border: 1px solid rgba(255,255,255,0.3);
  color: #fff;
  padding: 4px 8px;
  border-radius: var(--radius-sm);
  font-size: 0.8rem;
  cursor: pointer;
}

.tw-gvetbs {
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 40px;
}

.ln1w15xqa6 {
  font-family: var(--font-serif);
  font-size: 2rem;
  color: var(--color-primary-dark);
  margin-bottom: 16px;
}

.b50v7axr9s {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}

.sc-q6rpqd {
  background: var(--color-bg-alt);
  color: var(--color-primary);
  padding: 4px 14px;
  border-radius: 20px;
  font-size: 0.85rem;
  font-weight: 500;
}
/* sd5lmhe */
.tw-hvvt1o {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 24px;
  color: var(--color-text-light);
  font-size: 0.92rem;
}

.st-wi1oxl {
  margin-bottom: 40px;
}

.st-wi1oxl h2 {
  font-family: var(--font-serif);
  font-size: 1.4rem;
  color: var(--color-primary-dark);
  margin-bottom: 16px;
}

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

/* 音乐制作团队 */
.jqfghxa65 {
  margin-bottom: 40px;
}

.jqfghxa65 h2 {
  font-family: var(--font-serif);
  font-size: 1.4rem;
  color: var(--color-primary-dark);
  margin-bottom: 20px;
}

.css-kny3f9 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
/* z9xt */
.mctb8r90 {
  background: var(--color-bg-alt);
  border-radius: var(--radius-md);
  overflow: hidden;
  padding: 0 0 16px;
}

.mctb8r90 img {
  width: 100%;
  height: 160px;
  object-fit: cover;
}
/* ufn2 */
.mctb8r90 h3 {
  padding: 12px 16px 4px;
  font-size: 1.05rem;
  color: var(--color-primary-dark);
}
/* 9peim */
.h8xbb6hl5 {
  padding: 0 16px;
  color: var(--color-accent-dark);
  font-size: 0.85rem;
  margin-bottom: 8px;
}

._7q0peen {
  padding: 0 16px;
  color: var(--color-text-light);
  font-size: 0.85rem;
  line-height: 1.6;
}

/* 评论区 */
._795q4b {
  margin-bottom: 40px;
}

._795q4b h2 {
  font-family: var(--font-serif);
  font-size: 1.4rem;
  color: var(--color-primary-dark);
  margin-bottom: 8px;
}

.tw-y5aj1e {
  color: var(--color-text-light);
  font-size: 0.92rem;
  margin-bottom: 20px;
}

._zivdanvn textarea {
  width: 100%;
  padding: 14px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-family: var(--font-sans);
  font-size: 0.95rem;
  resize: vertical;
  margin-bottom: 12px;
}

.el-4f4os7 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

._ogt2s3oa {
  display: flex;
  align-items: center;
  gap: 4px;
}

._kf6bqq8 {
  color: #ccc;
  font-size: 1.4rem;
  cursor: pointer;
  transition: color 0.2s;
}

._kf6bqq8:hover,
._kf6bqq8.active { color: var(--color-accent); }

.hei37ze { display: flex; flex-direction: column; gap: 16px; }

.bubvnke {
  display: flex;
  gap: 14px;
  padding: 16px;
  background: var(--color-bg-alt);
  border-radius: var(--radius-md);
}

._5w4lwx {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--color-primary);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  flex-shrink: 0;
}

.el-0iy3v4 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-bottom: 6px;
  font-size: 0.88rem;
}

.el-0iy3v4 time {
  color: var(--color-text-light);
  font-size: 0.82rem;
}

._qbwq2c {
  color: var(--color-accent);
  font-size: 0.85rem;
}

.pyoo8qkmr p {
  color: var(--color-text);
  font-size: 0.92rem;
  line-height: 1.7;
}

/* 侧边栏 */
.pp0vg3o {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

._uajwuuq,
._k7o6q7 {
  background: var(--color-bg-alt);
  border-radius: var(--radius-md);
  padding: 24px;
}
/* elk9zw */
._uajwuuq h3,
._k7o6q7 h3 {
  font-family: var(--font-serif);
  font-size: 1.1rem;
  color: var(--color-primary-dark);
  margin-bottom: 16px;
}

.tjoio9r {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.fgey2gcd {
  display: block;
  padding: 10px 16px;
  background: #fff;
  border-radius: var(--radius-sm);
  color: var(--color-text);
  font-size: 0.92rem;
  text-align: center;
  transition: var(--transition);
  border: 1px solid var(--color-border);
}

.fgey2gcd:hover {
  background: var(--color-primary);
  color: #fff;
  border-color: var(--color-primary);
}
/* g9m6ea9 */
.tw-yd4tbq {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.bnot0sn {
  display: flex;
  gap: 12px;
  padding: 8px;
  border-radius: var(--radius-sm);
  transition: var(--transition);
}

.bnot0sn:hover { background: #fff; }

.bnot0sn img {
  width: 80px;
  height: 55px;
  object-fit: cover;
  border-radius: 4px;
  flex-shrink: 0;
}

.m4vms72vl4 strong {
  display: block;
  font-size: 0.9rem;
  color: var(--color-text);
  margin-bottom: 2px;
}
/* z5pwsdq */
.m4vms72vl4 span {
  font-size: 0.8rem;
  color: var(--color-text-light);
}

/* ============ 投稿页面 ============ */
._m5ip32x {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin-bottom: 40px;
}

.st-dkn9a3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

.el-jxsr4m {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--color-border);
  color: var(--color-text-light);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  transition: var(--transition);
}

.st-dkn9a3.active .el-jxsr4m {
  background: var(--color-primary);
  color: #fff;
}

.st-5ibi12 {
  font-size: 0.85rem;
  color: var(--color-text-light);
}
/* w5cvuion */
.st-dkn9a3.active .st-5ibi12 {
  color: var(--color-primary);
  font-weight: 600;
}

.st-5uo8hx {
  width: 80px;
  height: 2px;
  background: var(--color-border);
  margin: 0 12px;
  margin-bottom: 20px;
}
/* pig9 */
.slsqnrph4 {
  display: none;
}

.slsqnrph4.active {
  display: block;
}

.lx6n862t58 {
  max-width: 800px;
  margin: 0 auto;
}

.lx6n862t58 h2 {
  font-family: var(--font-serif);
  font-size: 1.5rem;
  color: var(--color-primary-dark);
  margin-bottom: 12px;
}

.lx6n862t58 > p {
  color: var(--color-text-light);
  margin-bottom: 24px;
}

.yu9z5o6 { color: var(--color-error); }

._kymv8qw1 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 30px;
}

.f7kzj4g {
  background: var(--color-bg-alt);
  border: 2px dashed var(--color-border);
  border-radius: var(--radius-md);
  padding: 30px 20px;
  text-align: center;
  transition: var(--transition);
}

.f7kzj4g:hover {
  border-color: var(--color-primary-light);
  background: #fff;
}

.css-el8es6 {
  font-size: 2.5rem;
  margin-bottom: 12px;
}

.f7kzj4g h3 {
  font-size: 1rem;
  margin-bottom: 8px;
  color: var(--color-primary-dark);
}

.f7kzj4g p {
  font-size: 0.85rem;
  color: var(--color-text-light);
  margin-bottom: 14px;
}

.sc-b56x11 {
  display: none;
}

.css-pxugkh {
  background: var(--color-bg-alt);
  border-radius: var(--radius-md);
  padding: 24px;
  margin-bottom: 30px;
}

.css-pxugkh h3 {
  font-size: 1.1rem;
  color: var(--color-primary-dark);
  margin-bottom: 8px;
}

.st-ajb360 {
  margin: 16px 0;
}

.k20hdpw6o {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid var(--color-border);
}
/* qb3na3pg */
.k20hdpw6o select {
  padding: 6px 12px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-family: var(--font-sans);
}

.evk3nkdr {
  margin-bottom: 30px;
}

.evk3nkdr h3 {
  font-size: 1.1rem;
  color: var(--color-primary-dark);
  margin-bottom: 12px;
}

._md03d9 {
  background: var(--color-bg-alt);
  border-radius: var(--radius-md);
  padding: 20px;
  text-align: center;
}
/* earqd1k */
._md03d9 img {
  margin: 0 auto 12px;
  border-radius: var(--radius-sm);
  max-height: 300px;
  object-fit: cover;
}
/* 14tkqi */
._md03d9 p {
  color: var(--color-text-light);
  font-size: 0.92rem;
}

/* 版权确认 */
._jhz1k5 {
  background: var(--color-bg-alt);
  border-radius: var(--radius-md);
  padding: 30px;
  margin-bottom: 24px;
}

._jhz1k5 h3 {
  font-size: 1.1rem;
  color: var(--color-primary-dark);
  margin-bottom: 12px;
}

.f15io6kf {
  list-style: disc;
  padding-left: 20px;
  margin-bottom: 20px;
}

.f15io6kf li {
  color: var(--color-text);
  font-size: 0.92rem;
  line-height: 1.8;
  list-style: disc;
}

.giev7zk {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 24px;
}

/* ============ 活动专题页 ============ */
.el-opoxat {
  margin-bottom: 60px;
}

.el-t75sga {
  position: relative;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  overflow: hidden;
}
/* 8psai */
.el-t75sga img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}
/* kc7y6b */
._ery85jk9 {
  position: absolute;
  top: 20px;
  right: 20px;
}
/* bxts8 */
.st-lb3em5 {
  background: var(--color-success);
  color: #fff;
  padding: 8px 20px;
  border-radius: 20px;
  font-weight: 600;
  font-size: 0.92rem;
}

.fa6mwzoh {
  background: #fff;
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
  padding: 40px;
  box-shadow: var(--shadow-md);
}

.fa6mwzoh h2 {
  font-family: var(--font-serif);
  font-size: 1.6rem;
  color: var(--color-primary-dark);
  margin-bottom: 16px;
}

.fa6mwzoh h3 {
  font-size: 1.15rem;
  color: var(--color-primary-dark);
  margin: 20px 0 10px;
}

.tw-jge6tm {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
  color: var(--color-text-light);
  font-size: 0.92rem;
}
/* csauyhku9 */
.fa6mwzoh p {
  color: var(--color-text);
  line-height: 1.8;
  margin-bottom: 12px;
}

.whmc0p59z {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin: 20px 0 30px;
}

._zgaa5lc {
  background: var(--color-bg-alt);
  border-radius: var(--radius-md);
  padding: 20px;
  text-align: center;
}

.wi2mx5hhb { font-size: 2rem; margin-bottom: 8px; display: block; }

._zgaa5lc h4 {
  font-size: 0.95rem;
  color: var(--color-primary-dark);
  margin-bottom: 6px;
}
/* si6zge00y */
._zgaa5lc p {
  font-size: 0.85rem;
  color: var(--color-text-light);
}

._z0qtf3v6, .bqguhmb, ._bl5f8cn {
  margin-bottom: 60px;
}

._z0qtf3v6 h2, .bqguhmb h2, ._bl5f8cn h2 {
  font-family: var(--font-serif);
  font-size: 1.5rem;
  color: var(--color-primary-dark);
  margin-bottom: 20px;
}

.sc-gyf0do {
  color: var(--color-text-light);
  margin-bottom: 24px;
}

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

._go0y0zo {
  background: #fff;
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--color-border);
}

._go0y0zo img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

._weef58z {
  padding: 16px;
}

._weef58z h3 {
  font-size: 1.05rem;
  color: var(--color-primary-dark);
  margin-bottom: 6px;
}

._weef58z p {
  font-size: 0.88rem;
  color: var(--color-text-light);
  margin-bottom: 10px;
}

.qka5wk75 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--color-accent-dark);
  font-weight: 600;
  font-size: 0.88rem;
}

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

._952hqt {
  background: #fff;
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--color-border);
  position: relative;
}

.j795nauavi {
  position: absolute;
  top: 12px;
  left: 12px;
  background: var(--color-accent);
  color: #fff;
  padding: 4px 14px;
  border-radius: 20px;
  font-size: 0.82rem;
  font-weight: 600;
  z-index: 1;
}

._952hqt img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}

._952hqt h3 {
  padding: 16px 16px 8px;
  font-family: var(--font-serif);
  font-size: 1.15rem;
  color: var(--color-primary-dark);
}

._952hqt p {
  padding: 0 16px 16px;
  font-size: 0.9rem;
  color: var(--color-text-light);
  line-height: 1.7;
}
/* 0wzgvofqv */
/* 时间线 */
.el-kw8foi {
  position: relative;
  padding-left: 40px;
}

.el-kw8foi::before {
  content: '';
  position: absolute;
  left: 12px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--color-primary-light);
}

._tqzb6jn {
  position: relative;
  margin-bottom: 30px;
}

._tqzb6jn::before {
  content: '';
  position: absolute;
  left: -34px;
  top: 6px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--color-accent);
  border: 3px solid var(--color-primary);
}

._utg765q4 {
  color: var(--color-primary);
  font-weight: 600;
  font-size: 0.92rem;
  margin-bottom: 6px;
}

.l8asequ h3 {
  font-size: 1.05rem;
  color: var(--color-primary-dark);
  margin-bottom: 6px;
}

.l8asequ p {
  color: var(--color-text-light);
  font-size: 0.92rem;
  line-height: 1.7;
}

/* ============ 博客页面 ============ */
.ea85f9tk {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

._7hez608k {
  background: #fff;
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--color-border);
  transition: var(--transition);
}

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

._fjfqj2 {
  position: relative;
}

._fjfqj2 img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}

.mfe21k7 {
  position: absolute;
  top: 12px;
  left: 12px;
  background: var(--color-primary);
  color: #fff;
  padding: 4px 14px;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 600;
}
/* p1d758ycmh */
.el-neq5vl {
  padding: 20px;
}

.dysr3tlvf {
  color: var(--color-text-light);
  font-size: 0.85rem;
  display: block;
  margin-bottom: 8px;
}

.el-neq5vl h2 {
  font-family: var(--font-serif);
  font-size: 1.15rem;
  color: var(--color-primary-dark);
  margin-bottom: 10px;
  line-height: 1.4;
}
/* caplzefjjy */
.el-neq5vl p {
  color: var(--color-text-light);
  font-size: 0.92rem;
  line-height: 1.7;
  margin-bottom: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ============ 用户中心 ============ */
.d48u8o65 {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.tw-3ipo90 {
  display: flex;
  gap: 24px;
  align-items: center;
  background: linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);
  border-radius: var(--radius-lg);
  padding: 30px;
  color: #fff;
}

._660k5ty {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  font-weight: 700;
}

.st-ucia3g h2 {
  font-size: 1.4rem;
  margin-bottom: 4px;
}

.mr0k81rol {
  color: rgba(255,255,255,0.7);
  font-size: 0.92rem;
  margin-bottom: 16px;
}

.sj1nczr3nr {
  display: flex;
  gap: 30px;
}

.l488rua4 {
  text-align: center;
}

._55s026 {
  display: block;
  font-size: 1.4rem;
  font-weight: 700;
}

._ys7pbc {
  font-size: 0.82rem;
  color: rgba(255,255,255,0.7);
}

.css-sa9n06 {
  background: #fff;
  border-radius: var(--radius-md);
  padding: 30px;
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--color-border);
}

.css-sa9n06 h2 {
  font-family: var(--font-serif);
  font-size: 1.3rem;
  color: var(--color-primary-dark);
  margin-bottom: 20px;
}

._7tsgvan {
  overflow-x: auto;
}

._qfzux4 {
  width: 100%;
  border-collapse: collapse;
}

._qfzux4 th,
._qfzux4 td {
  padding: 12px 16px;
  text-align: left;
  border-bottom: 1px solid var(--color-border);
  font-size: 0.92rem;
}
/* 2r2fovb */
._qfzux4 th {
  background: var(--color-bg-alt);
  font-weight: 600;
  color: var(--color-primary-dark);
}

.e41grqf {
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 500;
}

._y1v1128 { background: #e8f5e9; color: var(--color-success); }
._mu9gllr { background: #fff3e0; color: var(--color-warning); }
.upgg1k9 { background: #f5f5f5; color: var(--color-text-light); }

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

.d5y9cqnaly {
  background: var(--color-bg-alt);
  border-radius: var(--radius-md);
  padding: 20px;
}

.d5y9cqnaly h3 {
  font-size: 0.88rem;
  color: var(--color-text-light);
  margin-bottom: 8px;
}

.el-ohxz2v {
  display: block;
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--color-primary-dark);
  margin-bottom: 4px;
}

._dj9nit {
  font-size: 0.82rem;
}

._liwyhds { color: var(--color-success); }
.st-opedb3 { color: var(--color-error); }

.rgnuks04 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._6bu24zr5 {
  padding: 16px;
  background: var(--color-bg-alt);
  border-radius: var(--radius-sm);
}

.aivs6btue {
  font-size: 0.88rem;
  color: var(--color-text-light);
  margin-bottom: 6px;
}

.aivs6btue strong { color: var(--color-text); }
.aivs6btue a { color: var(--color-primary); }
.aivs6btue time { float: right; }

._6bu24zr5 p {
  font-size: 0.92rem;
  color: var(--color-text);
  line-height: 1.7;
}

.sc-cp0to3 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
/* d523bhezbw */
.el-g5fbuu {
  background: var(--color-bg-alt);
  border-radius: var(--radius-md);
  padding: 20px;
  text-align: center;
}

._g0qrnwur { font-size: 2rem; margin-bottom: 8px; }

.el-g5fbuu h3 {
  font-size: 0.95rem;
  color: var(--color-primary-dark);
  margin-bottom: 4px;
}

.el-g5fbuu p {
  font-size: 0.82rem;
  color: var(--color-text-light);
  margin-bottom: 12px;
}
/* yq6tkz2h4 */
.el-qvya6e {
  display: flex;
  gap: 8px;
  justify-content: center;
}
/* l68zmkk */
.tw-a969ol {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.el-vqdjak {
  background: var(--color-bg-alt);
  border-radius: var(--radius-md);
  padding: 20px;
}

.el-vqdjak h3 {
  font-size: 1.05rem;
  color: var(--color-primary-dark);
  margin-bottom: 14px;
}

.st-hzkgzj li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid var(--color-border);
  font-size: 0.92rem;
}
/* huja7ydx */
.st-hzkgzj li:last-child { border-bottom: none; }
/* x6cn9g */.st-hzkgzj a { color: var(--color-text); }
.st-hzkgzj a:hover { color: var(--color-primary); }
.st-hzkgzj span { color: var(--color-text-light); font-size: 0.82rem; white-space: nowrap; }

/* ============ 隐私政策页 ============ */
._etqjk4 {
  max-width: 800px;
}

.st-054ysg {
  margin-bottom: 40px;
}
/* 88qmf */
.st-054ysg h2 {
  font-family: var(--font-serif);
  font-size: 1.5rem;
  color: var(--color-primary-dark);
  margin-bottom: 16px;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--color-accent);
}

.st-054ysg h3 {
  font-size: 1.1rem;
  color: var(--color-primary-dark);
  margin: 20px 0 10px;
}

.st-054ysg p {
  color: var(--color-text);
  line-height: 1.9;
  margin-bottom: 12px;
}
/* 6bulh */
/* ============ 下载页面 ============ */
.e5ac3km2 {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 40px;
  align-items: center;
  margin-bottom: 60px;
}

._1agtmupc {
  color: var(--color-text-light);
  font-size: 1.05rem;
  line-height: 1.8;
  margin-bottom: 30px;
}
/* 0zr0iuk */
._btvifn {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 30px;
}
/* ouod6ayz27 */
._kftojel {
  background: var(--color-bg-alt);
  border-radius: var(--radius-md);
  padding: 20px;
}

.tvucb2zs {
  font-size: 1.8rem;
  display: block;
  margin-bottom: 8px;
}

._kftojel h3 {
  font-size: 1rem;
  color: var(--color-primary-dark);
  margin-bottom: 6px;
}

._kftojel p {
  font-size: 0.88rem;
  color: var(--color-text-light);
  line-height: 1.6;
}

.jn8mik0e4 {
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
}
/* na2qn32l */
.bxdbg763q {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 28px;
  background: var(--color-primary);
  color: #fff;
  border-radius: var(--radius-md);
  transition: var(--transition);
}

.bxdbg763q:hover {
  background: var(--color-primary-dark);
  color: #fff;
  transform: translateY(-2px);
}
/* pr56ml */
.kwel0ie { font-size: 1.6rem; }
._k1of6te small { display: block; font-size: 0.75rem; opacity: 0.8; }
._k1of6te strong { font-size: 1.1rem; }

.tw-f9fs0e {
  color: var(--color-text-light);
  font-size: 0.82rem;
}

.tw-t2ac7i img {
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

.tw-jf0r91 h2 {
  font-family: var(--font-serif);
  font-size: 1.5rem;
  color: var(--color-primary-dark);
  margin-bottom: 24px;
  text-align: center;
}

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

.bl2i0j0 {
  text-align: center;
}

.bl2i0j0 img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  margin-bottom: 8px;
}
/* joym */
.bl2i0j0 p {
  font-size: 0.88rem;
  color: var(--color-text-light);
}

/* ============ 动画效果 ============ */
.tw-1oa3pk {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.tw-1oa3pk.visible {
  opacity: 1;
  transform: translateY(0);
}

/* ============ 响应式设计 ============ */
@media (max-width: 1024px) {
  ._01atjgo { grid-template-columns: repeat(2, 1fr); }
  ._jgfwq08 { grid-template-columns: repeat(2, 1fr); }
  .css-m12se2 { grid-template-columns: repeat(2, 1fr); }
  ._5w5mn1 { grid-template-columns: 1fr; }
  ._rjaz8drd { grid-template-columns: 1fr 1fr; gap: 30px; }
  .tw-gvetbs { grid-template-columns: 1fr; }
  .whmc0p59z { grid-template-columns: repeat(2, 1fr); }
  .z2m2rr9 { grid-template-columns: repeat(2, 1fr); }
  .sc-cp0to3 { grid-template-columns: repeat(2, 1fr); }
  .e5ac3km2 { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  html { font-size: 15px; }

  .tw-5dy9fz { display: none; }
/* x0vhcf */  .tw-5dy9fz.active {
    display: block;
    position: absolute;
    top: 72px;
    left: 0;
    right: 0;
    background: var(--color-primary-dark);
    padding: 20px;
    z-index: 999;
  }
  .tw-5dy9fz.active .st-ytmdcn {
    flex-direction: column;
    gap: 4px;
  }
  .tw-5dy9fz.active .xchov61pd {
    display: block;
    padding: 12px 16px;
  }

  .sc-kgtoxv { display: flex; }

  .q2e38biuo ._4sexi7w {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .st-hbjl16 { font-size: 1.8rem; }
  .q2e38biuo { padding: 50px 0; }
/* rfttxilxqs */
  ._01atjgo { grid-template-columns: 1fr; }
/* 7mm8jtdxt */  ._jgfwq08 { grid-template-columns: 1fr; }
  .css-m12se2 { grid-template-columns: 1fr; }
  .ea85f9tk { grid-template-columns: 1fr; }
  .xnwu7pk { grid-template-columns: 1fr; }
  ._ii1cm0tf { grid-template-columns: 1fr; }
/* qnk9xu9vo */
  ._ew7j13 { grid-template-columns: 1fr; }
  ._5lh6qfvm img { min-height: 200px; }
  .ll858kqlxs { padding: 24px; }

  .x6rfrc8 { grid-template-columns: 1fr; }
  .css-v5pqhc img { width: 100%; height: 200px; }

  .wo462f6v1 ._m4beou9d { grid-template-columns: 1fr; }
/* nip8ne */  ._kymv8qw1 { grid-template-columns: 1fr; }

  ._rjaz8drd { grid-template-columns: 1fr; }
  .sc-cq4951 { flex-wrap: wrap; }

  .css-kny3f9 { grid-template-columns: 1fr; }
/* zhfg4u5f */  .whmc0p59z { grid-template-columns: 1fr; }
  .z2m2rr9 { grid-template-columns: 1fr; }
  .sc-cp0to3 { grid-template-columns: 1fr 1fr; }
  .tw-a969ol { grid-template-columns: 1fr; }
/* s9egg5qb */  ._btvifn { grid-template-columns: 1fr; }
  ._bezzrqi0 { grid-template-columns: repeat(2, 1fr); }
  .jn8mik0e4 { flex-direction: column; }

  .sj1nczr3nr { flex-wrap: wrap; gap: 16px; }
  .tw-3ipo90 { flex-direction: column; text-align: center; }
}
/* n62uizfnjt */
@media (max-width: 480px) {
  ._4sexi7w { padding: 0 16px; }
  .st-hbjl16 { font-size: 1.5rem; }
/* u0ph1px2c */  ._a9yqqu h2 { font-size: 1.5rem; }
  .z674zrfulr h1 { font-size: 1.6rem; }
/* 9n6l */  .ijt33qdjo { flex-direction: column; }
  .sc-cp0to3 { grid-template-columns: 1fr; }
  ._bezzrqi0 { grid-template-columns: 1fr; }
  ._m5ip32x { flex-wrap: wrap; }
  .st-5uo8hx { width: 40px; }
/* 68c1 */}

/* 8bvud3or6zsrhfch */