/* ============================================
   芒果视频 原创样式表
   品牌：芒果视频 | 域名：cdLzfm.cn
   原创配色方案：甜蜜粉 + 暖金 + 深玫红
   ============================================ */

/* === 基础重置 === */
*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --tx-pink: #FF6B9D;
    --tx-pink-light: #FFB3CC;
    --tx-pink-dark: #E8527A;
    --tx-gold: #F8B500;
    --tx-gold-light: #FFD54F;
    --tx-rose: #C44569;
    --tx-rose-dark: #A03050;
    --tx-bg: #FFF9FB;
    --tx-bg-alt: #FFF0F5;
    --tx-bg-dark: #1A0A12;
    --tx-text: #2D1B25;
    --tx-text-light: #6B4F5A;
    --tx-text-muted: #9C8490;
    --tx-white: #FFFFFF;
    --tx-border: #F5D6E0;
    --tx-shadow: 0 4px 20px rgba(196, 69, 105, 0.08);
    --tx-shadow-hover: 0 8px 32px rgba(196, 69, 105, 0.15);
    --tx-radius: 12px;
    --tx-radius-sm: 8px;
    --tx-radius-lg: 20px;
    --tx-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --tx-font: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans SC', sans-serif;
    --se6sb0: 1280px;
}

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

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

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

a:hover {
    color: var(--tx-rose);
}

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

ul, ol {
    list-style: none;
}

/* === 容器 === */
.se6sb0 {
    max-width: var(--se6sb0);
    margin: 0 auto;
    padding: 0 24px;
}

/* === 按钮 === */
.s4quayw {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 32px;
    border-radius: var(--tx-radius);
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    border: 2px solid transparent;
    transition: var(--tx-transition);
    text-decoration: none;
    gap: 8px;
}

.s6gddqt {
    background: linear-gradient(135deg, var(--tx-pink), var(--tx-rose));
    color: var(--tx-white);
    border-color: transparent;
}

.s6gddqt:hover {
    background: linear-gradient(135deg, var(--tx-pink-dark), var(--tx-rose-dark));
    color: var(--tx-white);
    transform: translateY(-2px);
    box-shadow: 0 6px 24px rgba(255, 107, 157, 0.35);
}

.sadjcce {
    background: transparent;
    color: var(--tx-white);
    border-color: var(--tx-white);
}

.sadjcce:hover {
    background: var(--tx-white);
    color: var(--tx-pink);
}

.sofw3g0 {
    background: var(--tx-white);
    color: var(--tx-pink);
    border-color: var(--tx-pink);
}

.sofw3g0:hover {
    background: var(--tx-pink);
    color: var(--tx-white);
    transform: translateY(-2px);
}

.sa49inmh0 {
    padding: 8px 20px;
    font-size: 0.875rem;
    border-radius: var(--tx-radius-sm);
    background: linear-gradient(135deg, var(--tx-pink), var(--tx-rose));
    color: var(--tx-white);
}

.sa49inmh0:hover {
    color: var(--tx-white);
    transform: translateY(-1px);
}

.s4xile {
    background: transparent;
    color: var(--tx-pink);
    border: 1.5px solid var(--tx-pink);
}

.s4xile:hover {
    background: var(--tx-pink);
    color: var(--tx-white);
}

/* === 头部导航 === */
.sigy7ipg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: rgba(255, 249, 251, 0.92);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--tx-border);
    transition: var(--tx-transition);
}

.sigy7ipg.scrolled {
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 2px 20px rgba(196, 69, 105, 0.06);
}

.ssfj5p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 64px;
}

.sn9spg img {
    height: 42px;
    width: auto;
}

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

.sutdmjufy-link {
    display: block;
    padding: 8px 16px;
    color: var(--tx-text);
    font-size: 0.9375rem;
    font-weight: 500;
    border-radius: var(--tx-radius-sm);
    transition: var(--tx-transition);
}

.sutdmjufy-link:hover,
.sutdmjufy-link.active {
    color: var(--tx-pink);
    background: var(--tx-bg-alt);
}

.sazsmszli {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
}

.sazsmszli span {
    display: block;
    width: 24px;
    height: 2px;
    background: var(--tx-text);
    border-radius: 2px;
    transition: var(--tx-transition);
}

.sazsmszli.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

.sazsmszli.active span:nth-child(2) {
    opacity: 0;
}

.sazsmszli.active span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
}

/* === 搜索栏 === */
.sr1vsda2w {
    padding: 8px 0 12px;
}

.s63097 {
    display: flex;
    align-items: center;
    background: var(--tx-white);
    border: 2px solid var(--tx-border);
    border-radius: 50px;
    overflow: hidden;
    transition: var(--tx-transition);
    max-width: 600px;
}

.s63097:focus-within {
    border-color: var(--tx-pink);
    box-shadow: 0 0 0 4px rgba(255, 107, 157, 0.1);
}

.szeraz5 {
    flex: 1;
    padding: 10px 20px;
    border: none;
    outline: none;
    font-size: 0.9375rem;
    font-family: var(--tx-font);
    color: var(--tx-text);
    background: transparent;
}

.szeraz5::placeholder {
    color: var(--tx-text-muted);
}

.su4lfdx76 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: linear-gradient(135deg, var(--tx-pink), var(--tx-rose));
    border: none;
    border-radius: 50%;
    color: var(--tx-white);
    cursor: pointer;
    margin-right: 4px;
    transition: var(--tx-transition);
}

.su4lfdx76:hover {
    transform: scale(1.05);
}

.sshzpg4ri {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    flex-wrap: wrap;
}

.swcgst {
    font-size: 0.8125rem;
    color: var(--tx-text-muted);
}

.st49r8f {
    font-size: 0.8125rem;
    color: var(--tx-text-light);
    padding: 2px 10px;
    background: var(--tx-bg-alt);
    border-radius: 20px;
    transition: var(--tx-transition);
}

.st49r8f:hover {
    background: var(--tx-pink);
    color: var(--tx-white);
}

/* === 面包屑 === */
.spcw2haoo {
    padding: 12px 0;
    margin-top: 110px;
    background: var(--tx-bg-alt);
    border-bottom: 1px solid var(--tx-border);
}

.spcw2haoo ol {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.8125rem;
    color: var(--tx-text-muted);
}

.spcw2haoo li + li::before {
    content: '>';
    margin-right: 8px;
    color: var(--tx-text-muted);
}

.spcw2haoo a {
    color: var(--tx-text-light);
}

.spcw2haoo a:hover {
    color: var(--tx-pink);
}

/* === Hero Banner === */
.sdxwvcfe {
    position: relative;
    min-height: 600px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.s7wym59 {
    position: absolute;
    inset: 0;
}

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

.st5b14 {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(26, 10, 18, 0.85), rgba(196, 69, 105, 0.6));
}

.sk9vx2rk {
    position: relative;
    z-index: 2;
    max-width: 720px;
    padding: 60px 0;
}

.sxgg89l1 {
    font-size: 2.75rem;
    font-weight: 800;
    color: var(--tx-white);
    line-height: 1.25;
    margin-bottom: 16px;
}

.svbljht8k {
    font-size: 1.25rem;
    color: var(--tx-pink-light);
    margin-bottom: 12px;
    font-weight: 500;
}

.st54i5 {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 28px;
    line-height: 1.8;
}

.scuqhm {
    display: flex;
    gap: 16px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.s6x764j {
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
}

.si6uxld {
    text-align: center;
}

.snp747yr {
    display: block;
    font-size: 1.75rem;
    font-weight: 800;
    color: var(--tx-gold);
}

.sde6hwjrq {
    display: block;
    font-size: 0.8125rem;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 4px;
}

/* === 通用Section === */
.sz2rfmb {
    padding: 72px 0;
}

.sz2rfmb:nth-child(even) {
    background: var(--tx-bg-alt);
}

.sz2rfmb-header {
    text-align: center;
    margin-bottom: 48px;
}

.s0ib4ubs8 {
    font-size: 2rem;
    font-weight: 700;
    color: var(--tx-text);
    margin-bottom: 12px;
    position: relative;
    display: inline-block;
}

.s0ib4ubs8::after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, var(--tx-pink), var(--tx-gold));
    margin: 12px auto 0;
    border-radius: 2px;
}

.sbimuy4e0 {
    font-size: 1rem;
    color: var(--tx-text-light);
    max-width: 680px;
    margin: 0 auto;
}

.sz2rfmb-more {
    text-align: center;
    margin-top: 40px;
}

.stw733t3 {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--tx-text);
    margin: 40px 0 16px;
    padding-left: 16px;
    border-left: 4px solid var(--tx-pink);
}

/* === 视频标签切换 === */
.sw7mccy {
    display: flex;
    gap: 8px;
    margin-bottom: 32px;
    flex-wrap: wrap;
}

.shp7oeq {
    padding: 8px 24px;
    border: 2px solid var(--tx-border);
    border-radius: 50px;
    background: var(--tx-white);
    color: var(--tx-text-light);
    font-size: 0.9375rem;
    font-weight: 500;
    cursor: pointer;
    transition: var(--tx-transition);
    font-family: var(--tx-font);
}

.shp7oeq:hover,
.shp7oeq.active {
    background: var(--tx-pink);
    color: var(--tx-white);
    border-color: var(--tx-pink);
}

/* === 视频卡片网格 === */
.s0tpug {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.sl72t18hv {
    background: var(--tx-white);
    border-radius: var(--tx-radius);
    overflow: hidden;
    box-shadow: var(--tx-shadow);
    transition: var(--tx-transition);
    cursor: pointer;
    opacity: 0;
    transform: translateY(20px);
}

.sl72t18hv.animate-in {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

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

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

.seqlw39 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.sl72t18hv:hover .seqlw39 img {
    transform: scale(1.05);
}

.s6afdba {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(26, 10, 18, 0.45);
    opacity: 0;
    transition: var(--tx-transition);
}

.s6afdba.visible,
.sl72t18hv:hover .s6afdba {
    opacity: 1;
}

.sie23yqh {
    width: 64px;
    height: 64px;
    background: rgba(255, 107, 157, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--tx-transition);
}

.sie23yqh:hover {
    transform: scale(1.1);
    background: var(--tx-pink);
}

.sk1f4p {
    position: absolute;
    bottom: 8px;
    right: 8px;
    background: rgba(0, 0, 0, 0.75);
    color: var(--tx-white);
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
}

.swjnth1q {
    position: absolute;
    top: 8px;
    left: 8px;
    background: linear-gradient(135deg, var(--tx-pink), var(--tx-rose));
    color: var(--tx-white);
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
}

.smpnx1 {
    padding: 16px;
}

.s1znk2 {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--tx-text);
    line-height: 1.5;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.s0p34m {
    display: flex;
    gap: 12px;
    font-size: 0.8125rem;
    color: var(--tx-text-muted);
    margin-bottom: 8px;
}

.sdw1tc {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.s92qdjs {
    font-size: 0.75rem;
    color: var(--tx-pink);
    background: var(--tx-bg-alt);
    padding: 2px 10px;
    border-radius: 20px;
    border: 1px solid var(--tx-border);
}

/* === 服务卡片 === */
.sgrq3ia {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.syr38epj {
    background: var(--tx-white);
    border-radius: var(--tx-radius);
    padding: 32px 24px;
    box-shadow: var(--tx-shadow);
    transition: var(--tx-transition);
    border: 1px solid var(--tx-border);
    opacity: 0;
    transform: translateY(20px);
}

.syr38epj.animate-in {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.syr38epj:hover {
    transform: translateY(-4px);
    box-shadow: var(--tx-shadow-hover);
    border-color: var(--tx-pink-light);
}

.s4mw71x {
    margin-bottom: 16px;
}

.stj4nlt {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--tx-text);
    margin-bottom: 12px;
}

.sf9lxb {
    font-size: 0.9375rem;
    color: var(--tx-text-light);
    line-height: 1.7;
    margin-bottom: 16px;
}

.smasorp {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--tx-pink);
}

.smasorp:hover {
    color: var(--tx-rose);
}

/* === AI专区 === */
.s9ranh12 {
    background: linear-gradient(135deg, var(--tx-bg-dark), #2D1020) !important;
}

.s9ranh12 .s0ib4ubs8 {
    color: var(--tx-white);
}

.s9ranh12 .s0ib4ubs8::after {
    background: linear-gradient(90deg, var(--tx-gold), var(--tx-pink));
}

.s9ranh12 .sbimuy4e0 {
    color: rgba(255, 255, 255, 0.7);
}

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

.sb4gvv {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 107, 157, 0.2);
    border-radius: var(--tx-radius);
    padding: 28px 20px;
    transition: var(--tx-transition);
    opacity: 0;
    transform: translateY(20px);
}

.sb4gvv.animate-in {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.sb4gvv:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--tx-pink);
    transform: translateY(-4px);
}

.sr6b1rs {
    font-size: 2.5rem;
    margin-bottom: 16px;
}

.sb4gvv h3, .sb4gvv h4 {
    font-size: 1.0625rem;
    font-weight: 700;
    color: var(--tx-white);
    margin-bottom: 10px;
}

.sb4gvv p {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.65);
    line-height: 1.7;
}

/* === 社区 === */
.s06xlu {
    border-radius: var(--tx-radius-lg);
    overflow: hidden;
    margin-bottom: 40px;
    box-shadow: var(--tx-shadow);
}

.s06xlu img {
    width: 100%;
    height: auto;
}

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

.skr3hbg {
    background: var(--tx-white);
    border-radius: var(--tx-radius);
    padding: 28px 20px;
    text-align: center;
    box-shadow: var(--tx-shadow);
    transition: var(--tx-transition);
    border: 1px solid var(--tx-border);
    opacity: 0;
    transform: translateY(20px);
}

.skr3hbg.animate-in {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.skr3hbg:hover {
    transform: translateY(-4px);
    box-shadow: var(--tx-shadow-hover);
    border-color: var(--tx-pink-light);
}

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

.skr3hbg h3, .skr3hbg h4 {
    font-size: 1.0625rem;
    font-weight: 700;
    color: var(--tx-text);
    margin-bottom: 10px;
}

.skr3hbg p {
    font-size: 0.875rem;
    color: var(--tx-text-light);
    line-height: 1.7;
}

/* === 专家团队 === */
.smefdpk6y {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.sj6qxw6 {
    background: var(--tx-white);
    border-radius: var(--tx-radius);
    padding: 28px 20px;
    text-align: center;
    box-shadow: var(--tx-shadow);
    transition: var(--tx-transition);
    border: 1px solid var(--tx-border);
    opacity: 0;
    transform: translateY(20px);
}

.sj6qxw6.animate-in {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

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

.s20xvz0b5 {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 16px;
    border: 3px solid var(--tx-pink-light);
}

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

.swqmf7eyl {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--tx-text);
    margin-bottom: 4px;
}

.s7zre2kad {
    font-size: 0.875rem;
    color: var(--tx-pink);
    font-weight: 600;
    margin-bottom: 10px;
}

.s3hz30l {
    font-size: 0.8125rem;
    color: var(--tx-text-light);
    line-height: 1.7;
    margin-bottom: 12px;
}

.sqrl1loz {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
    margin-bottom: 16px;
}

.sqrl1loz span {
    font-size: 0.75rem;
    color: var(--tx-gold);
    background: rgba(248, 181, 0, 0.1);
    padding: 2px 10px;
    border-radius: 20px;
    border: 1px solid rgba(248, 181, 0, 0.3);
}

.sgvrq44jl {
    display: flex;
    gap: 8px;
    justify-content: center;
}

/* === 合作品牌 === */
.s79s99 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 48px;
}

.sr6q8k {
    background: var(--tx-white);
    border: 1px solid var(--tx-border);
    border-radius: var(--tx-radius-sm);
    padding: 20px;
    text-align: center;
    transition: var(--tx-transition);
}

.sr6q8k:hover {
    border-color: var(--tx-pink-light);
    box-shadow: var(--tx-shadow);
}

.sr6q8k span {
    font-size: 1rem;
    font-weight: 600;
    color: var(--tx-text-light);
}

/* === HowTo步骤 === */
.s77w5dpo {
    background: var(--tx-white);
    border-radius: var(--tx-radius-lg);
    padding: 48px 40px;
    box-shadow: var(--tx-shadow);
    border: 1px solid var(--tx-border);
}

.sn57vqxu {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--tx-text);
    text-align: center;
    margin-bottom: 36px;
}

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

.s6g5lj5rv {
    text-align: center;
    opacity: 0;
    transform: translateY(20px);
}

.s6g5lj5rv.animate-in {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.s84x8yy0 {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, var(--tx-pink), var(--tx-rose));
    color: var(--tx-white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    font-weight: 800;
    margin: 0 auto 16px;
}

.s6g5lj5rv h5 {
    font-size: 1rem;
    font-weight: 700;
    color: var(--tx-text);
    margin-bottom: 8px;
}

.s6g5lj5rv p {
    font-size: 0.875rem;
    color: var(--tx-text-light);
    line-height: 1.7;
}

/* === 用户评价 === */
.s712r3mm {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.sv4yu1 {
    background: var(--tx-white);
    border-radius: var(--tx-radius);
    padding: 28px 24px;
    box-shadow: var(--tx-shadow);
    border: 1px solid var(--tx-border);
    transition: var(--tx-transition);
    opacity: 0;
    transform: translateY(20px);
}

.sv4yu1.animate-in {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.sv4yu1:hover {
    transform: translateY(-3px);
    box-shadow: var(--tx-shadow-hover);
}

.sadq4j8qw {
    color: var(--tx-gold);
    font-size: 1.25rem;
    margin-bottom: 12px;
}

.s6qjo3 {
    font-size: 0.9375rem;
    color: var(--tx-text-light);
    line-height: 1.8;
    margin-bottom: 16px;
    font-style: italic;
}

.s5blvov5 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.8125rem;
}

.srikmq {
    font-weight: 600;
    color: var(--tx-text);
}

.srr1dh {
    color: var(--tx-text-muted);
}

/* === FAQ === */
.s57hlv {
    max-width: 800px;
    margin: 0 auto;
}

.s4inkj54r {
    border: 1px solid var(--tx-border);
    border-radius: var(--tx-radius-sm);
    margin-bottom: 12px;
    background: var(--tx-white);
    overflow: hidden;
    opacity: 0;
    transform: translateY(20px);
}

.s4inkj54r.animate-in {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.shsqahl {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 16px 20px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    color: var(--tx-text);
    text-align: left;
    font-family: var(--tx-font);
    transition: var(--tx-transition);
}

.shsqahl:hover {
    color: var(--tx-pink);
}

.syux0jq {
    transition: transform 0.3s ease;
    flex-shrink: 0;
    margin-left: 12px;
}

.s4inkj54r.active .syux0jq {
    transform: rotate(180deg);
}

.suo36hja {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.suo36hja p {
    padding: 0 20px 16px;
    font-size: 0.9375rem;
    color: var(--tx-text-light);
    line-height: 1.8;
}

/* === 联系我们 === */
.s6zdm6 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.sp93n9s h5,
.svg36tn h5 {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--tx-text);
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--tx-pink-light);
}

.sx4oinad9 {
    padding: 10px 0;
    font-size: 0.9375rem;
    color: var(--tx-text-light);
    border-bottom: 1px solid var(--tx-border);
}

.sx4oinad9 strong {
    color: var(--tx-text);
}

.s3jsk44h7 {
    display: flex;
    gap: 24px;
    margin-top: 20px;
}

.sz3g51q {
    text-align: center;
}

.sz3g51q img {
    border-radius: var(--tx-radius-sm);
    border: 2px solid var(--tx-border);
    margin-bottom: 8px;
}

.sz3g51q span {
    font-size: 0.8125rem;
    color: var(--tx-text-muted);
}

/* === 分享 === */
.sy7aqr {
    background: linear-gradient(135deg, var(--tx-pink), var(--tx-rose)) !important;
    padding: 48px 0 !important;
}

.sywgxff {
    text-align: center;
    color: var(--tx-white);
}

.sp5vlrt {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.sywgxff p {
    font-size: 0.9375rem;
    opacity: 0.85;
    margin-bottom: 24px;
}

.sjssszq {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
}

.ss5vkb0tg {
    display: inline-flex;
    align-items: center;
    padding: 10px 24px;
    background: rgba(255, 255, 255, 0.2);
    color: var(--tx-white);
    border-radius: 50px;
    font-size: 0.9375rem;
    font-weight: 500;
    transition: var(--tx-transition);
}

.ss5vkb0tg:hover {
    background: var(--tx-white);
    color: var(--tx-pink);
}

/* === 页脚 === */
.s58z72rk0 {
    background: var(--tx-bg-dark);
    color: rgba(255, 255, 255, 0.7);
    padding-top: 60px;
}

.s726nedt9 {
    display: grid;
    grid-template-columns: 1.5fr 2fr 1fr;
    gap: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.sumzpv img {
    height: 48px;
    width: auto;
    margin-bottom: 16px;
}

.sumzpv p {
    font-size: 0.875rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.6);
}

.spmzewj7w {
    display: flex;
    gap: 40px;
}

.s8g8dpp h6 {
    font-size: 1rem;
    font-weight: 700;
    color: var(--tx-white);
    margin-bottom: 16px;
}

.s8g8dpp ul li {
    margin-bottom: 8px;
}

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

.s8g8dpp ul li a:hover {
    color: var(--tx-pink-light);
}

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

.s3644l6rj .sz3g51q img {
    border-color: rgba(255, 255, 255, 0.15);
}

.s3644l6rj .sz3g51q span {
    color: rgba(255, 255, 255, 0.5);
}

.srngup4wz {
    padding: 24px 0;
    text-align: center;
    font-size: 0.8125rem;
    color: rgba(255, 255, 255, 0.45);
}

.srngup4wz p {
    margin-bottom: 6px;
}

.srngup4wz a {
    color: var(--tx-pink-light);
}

.sqk4i4m {
    color: var(--tx-gold) !important;
    font-weight: 600;
    margin-top: 8px !important;
}

/* === 内页Hero === */
.sd4m6h7b {
    background: linear-gradient(135deg, var(--tx-bg-dark), #2D1020);
    padding: 48px 0;
    text-align: center;
}

.svdun7hj {
    font-size: 2.25rem;
    font-weight: 800;
    color: var(--tx-white);
    margin-bottom: 12px;
}

.s4wg6jg {
    font-size: 1.0625rem;
    color: var(--tx-pink-light);
}

/* === 响应式 === */
@media (max-width: 1024px) {
    .s0tpug {
        grid-template-columns: repeat(3, 1fr);
    }
    .sgrq3ia {
        grid-template-columns: repeat(2, 1fr);
    }
    .sp668ilx {
        grid-template-columns: repeat(2, 1fr);
    }
    .shuurwa {
        grid-template-columns: repeat(2, 1fr);
    }
    .smefdpk6y {
        grid-template-columns: repeat(2, 1fr);
    }
    .s712r3mm {
        grid-template-columns: repeat(2, 1fr);
    }
    .s12otw6 {
        grid-template-columns: repeat(2, 1fr);
    }
    .s726nedt9 {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .sazsmszli {
        display: flex;
    }
    .sutdmjufy {
        display: none;
        position: absolute;
        top: 64px;
        left: 0;
        right: 0;
        background: var(--tx-white);
        border-bottom: 1px solid var(--tx-border);
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
        z-index: 999;
    }
    .sutdmjufy.active {
        display: block;
    }
    .sutdmjufy-list {
        flex-direction: column;
        padding: 16px;
        gap: 0;
    }
    .sutdmjufy-link {
        width: 100%;
        padding: 12px 16px;
    }
    .sxgg89l1 {
        font-size: 1.75rem;
    }
    .svbljht8k {
        font-size: 1rem;
    }
    .sdxwvcfe {
        min-height: 480px;
    }
    .s6x764j {
        gap: 20px;
    }
    .snp747yr {
        font-size: 1.25rem;
    }
    .s0tpug {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    .sgrq3ia {
        grid-template-columns: 1fr;
    }
    .sp668ilx {
        grid-template-columns: 1fr;
    }
    .shuurwa {
        grid-template-columns: 1fr;
    }
    .smefdpk6y {
        grid-template-columns: repeat(2, 1fr);
    }
    .s712r3mm {
        grid-template-columns: 1fr;
    }
    .s79s99 {
        grid-template-columns: repeat(2, 1fr);
    }
    .s12otw6 {
        grid-template-columns: 1fr;
    }
    .s6zdm6 {
        grid-template-columns: 1fr;
    }
    .s726nedt9 {
        grid-template-columns: 1fr;
    }
    .spmzewj7w {
        flex-wrap: wrap;
    }
    .sz2rfmb {
        padding: 48px 0;
    }
    .s0ib4ubs8 {
        font-size: 1.5rem;
    }
    .svdun7hj {
        font-size: 1.75rem;
    }
    .spcw2haoo {
        margin-top: 100px;
    }
}

@media (max-width: 480px) {
    .s0tpug {
        grid-template-columns: 1fr;
    }
    .smefdpk6y {
        grid-template-columns: 1fr;
    }
    .sxgg89l1 {
        font-size: 1.5rem;
    }
    .scuqhm {
        flex-direction: column;
    }
    .s6x764j {
        flex-direction: column;
        gap: 12px;
    }
    .s79s99 {
        grid-template-columns: 1fr 1fr;
    }
    .s3jsk44h7 {
        flex-direction: column;
        align-items: center;
    }
    .s3644l6rj {
        flex-direction: column;
        align-items: center;
    }
}

/* === 动画 === */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(24px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 确保不支持JS时也能显示 */
@media (scripting: none) {
    .sl72t18hv,
    .syr38epj,
    .sb4gvv,
    .skr3hbg,
    .sj6qxw6,
    .sv4yu1,
    .s4inkj54r,
    .s6g5lj5rv {
        opacity: 1;
        transform: none;
    }
}