/* ============================================
   蜜桃传媒 - 全新原创样式表
   配色：霓虹紫 #9B59B6 + 玫瑰粉 #E91E8C + 深空黑 #0D0D1A + 星光白 #F0E6FF
   风格：赛博朋克霓虹风
   ============================================ */

/* === 基础重置 === */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'PingFang SC','Microsoft YaHei','Hiragino Sans GB',sans-serif;background:#0D0D1A;color:#E8E0F0;line-height:1.8}
a{color:#D4A5FF;text-decoration:none;transition:color .3s}
a:hover{color:#E91E8C}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}

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

/* === 顶部导航 === */
.xh-topbar{background:linear-gradient(135deg,#0D0D1A 0%,#1A0A2E 100%);border-bottom:1px solid rgba(155,89,182,.3);position:sticky;top:0;z-index:1000;backdrop-filter:blur(12px)}
.xh-topbar .xh-container{display:flex;justify-content:space-between;align-items:center;height:70px}
.xh-brand{display:flex;align-items:center;gap:12px}
.xh-brand img{height:42px;width:auto}
.xh-brand-text{font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,#D4A5FF,#E91E8C);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.xh-nav{display:flex;gap:28px;align-items:center}
.xh-nav a{font-size:.95rem;color:#C8B8E0;padding:8px 0;position:relative}
.xh-nav a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#9B59B6,#E91E8C);transition:width .3s}
.xh-nav a:hover::after,.xh-nav a.active::after{width:100%}
.xh-nav a:hover{color:#F0E6FF}
.xh-menu-btn{display:none;background:none;border:none;color:#D4A5FF;font-size:1.5rem;cursor:pointer}

/* === 面包屑 === */
.xh-breadcrumb{padding:12px 0;font-size:.85rem;color:#8B7BA8}
.xh-breadcrumb a{color:#9B59B6}
.xh-breadcrumb span{margin:0 6px;color:#5A4D6E}

/* === Hero区域 === */
.xh-hero{position:relative;height:520px;overflow:hidden;display:flex;align-items:center}
.xh-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.4)}
.xh-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(13,13,26,.9) 0%,rgba(155,89,182,.3) 50%,rgba(233,30,140,.2) 100%)}
.xh-hero-content{position:relative;z-index:2;max-width:680px;padding:0 40px}
.xh-hero h1{font-size:2.8rem;font-weight:800;margin-bottom:16px;line-height:1.3}
.xh-hero h1 em{font-style:normal;background:linear-gradient(135deg,#D4A5FF,#E91E8C);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.xh-hero p{font-size:1.1rem;color:#C8B8E0;margin-bottom:24px;line-height:1.9}
.xh-hero-tags{display:flex;flex-wrap:wrap;gap:10px}
.xh-hero-tags span{background:rgba(155,89,182,.25);border:1px solid rgba(155,89,182,.4);padding:6px 16px;border-radius:20px;font-size:.85rem;color:#D4A5FF}

/* === 区块标题 === */
.xh-section{padding:60px 0}
.xh-section-head{text-align:center;margin-bottom:45px}
.xh-section-head h2{font-size:2rem;font-weight:700;margin-bottom:10px}
.xh-section-head h2 em{font-style:normal;color:#E91E8C}
.xh-section-head p{color:#8B7BA8;font-size:1rem;max-width:600px;margin:0 auto}
.xh-section-head .xh-line{width:60px;height:3px;background:linear-gradient(90deg,#9B59B6,#E91E8C);margin:14px auto 0;border-radius:2px}

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

.xh-vcard{background:#161630;border-radius:12px;overflow:hidden;transition:transform .3s,box-shadow .3s;border:1px solid rgba(155,89,182,.15)}
.xh-vcard:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(155,89,182,.25)}
.xh-vcard-thumb{position:relative;padding-top:56.25%;overflow:hidden}
.xh-vcard-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.xh-vcard:hover .xh-vcard-thumb img{transform:scale(1.08)}
.xh-vcard-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(13,13,26,.5);opacity:0;transition:opacity .3s}
.xh-vcard:hover .xh-vcard-play{opacity:1}
.xh-vcard-play i{width:56px;height:56px;background:rgba(233,30,140,.85);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0}
.xh-vcard-play i::after{content:'';border-style:solid;border-width:10px 0 10px 18px;border-color:transparent transparent transparent #fff;margin-left:3px}
.xh-vcard-dur{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.75);color:#fff;padding:2px 8px;border-radius:4px;font-size:.75rem}
.xh-vcard-tag{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,#9B59B6,#E91E8C);color:#fff;padding:3px 10px;border-radius:4px;font-size:.72rem}
.xh-vcard-info{padding:14px 16px}
.xh-vcard-info h3{font-size:.95rem;font-weight:600;color:#F0E6FF;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.xh-vcard-meta{display:flex;justify-content:space-between;font-size:.8rem;color:#8B7BA8}
.xh-vcard-author{color:#9B59B6}

/* === 分类标签栏 === */
.xh-tabs{display:flex;gap:12px;justify-content:center;margin-bottom:30px;flex-wrap:wrap}
.xh-tabs span{padding:8px 20px;border-radius:20px;font-size:.9rem;cursor:pointer;transition:all .3s;border:1px solid rgba(155,89,182,.3);color:#C8B8E0}
.xh-tabs span:hover,.xh-tabs span.active{background:linear-gradient(135deg,#9B59B6,#E91E8C);color:#fff;border-color:transparent}

/* === 特色功能卡片 === */
.xh-feat-card{background:linear-gradient(135deg,#161630 0%,#1A0A2E 100%);border:1px solid rgba(155,89,182,.2);border-radius:14px;padding:30px 24px;text-align:center;transition:all .3s}
.xh-feat-card:hover{border-color:#E91E8C;box-shadow:0 0 30px rgba(233,30,140,.15)}
.xh-feat-card .xh-icon{width:64px;height:64px;margin:0 auto 16px;background:linear-gradient(135deg,rgba(155,89,182,.2),rgba(233,30,140,.2));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem}
.xh-feat-card h3{font-size:1.1rem;color:#F0E6FF;margin-bottom:8px}
.xh-feat-card p{font-size:.88rem;color:#8B7BA8;line-height:1.7}

/* === 专家团队 === */
.xh-expert{text-align:center;background:#161630;border-radius:14px;padding:30px 20px;border:1px solid rgba(155,89,182,.15);transition:all .3s}
.xh-expert:hover{border-color:#9B59B6;transform:translateY(-4px)}
.xh-expert img{width:100px;height:100px;border-radius:50%;margin:0 auto 14px;border:3px solid #9B59B6;object-fit:cover}
.xh-expert h3{font-size:1rem;color:#F0E6FF;margin-bottom:4px}
.xh-expert .xh-role{color:#E91E8C;font-size:.85rem;margin-bottom:8px}
.xh-expert p{font-size:.82rem;color:#8B7BA8;line-height:1.6}

/* === FAQ手风琴 === */
.xh-faq-item{background:#161630;border:1px solid rgba(155,89,182,.15);border-radius:10px;margin-bottom:12px;overflow:hidden}
.xh-faq-q{padding:16px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#F0E6FF;transition:background .3s}
.xh-faq-q:hover{background:rgba(155,89,182,.1)}
.xh-faq-q::after{content:'+';font-size:1.3rem;color:#9B59B6;transition:transform .3s}
.xh-faq-item.open .xh-faq-q::after{content:'-';transform:rotate(180deg)}
.xh-faq-a{padding:0 20px;max-height:0;overflow:hidden;transition:all .4s;color:#8B7BA8;font-size:.92rem;line-height:1.8}
.xh-faq-item.open .xh-faq-a{padding:0 20px 16px;max-height:300px}

/* === 用户评论 === */
.xh-review{background:#161630;border:1px solid rgba(155,89,182,.15);border-radius:12px;padding:24px;transition:all .3s}
.xh-review:hover{border-color:#E91E8C}
.xh-review-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.xh-review-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#9B59B6,#E91E8C);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.1rem}
.xh-review-name{font-weight:600;color:#F0E6FF;font-size:.95rem}
.xh-review-stars{color:#E91E8C;font-size:.85rem}
.xh-review p{color:#8B7BA8;font-size:.9rem;line-height:1.8}
.xh-review-date{margin-top:8px;font-size:.78rem;color:#5A4D6E}

/* === 合作伙伴 === */
.xh-partners{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;padding:20px 0}
.xh-partner-item{background:#161630;border:1px solid rgba(155,89,182,.15);border-radius:10px;padding:16px 28px;font-size:.9rem;color:#8B7BA8;transition:all .3s}
.xh-partner-item:hover{border-color:#9B59B6;color:#D4A5FF}

/* === 新闻动态 === */
.xh-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.xh-news-card{background:#161630;border:1px solid rgba(155,89,182,.15);border-radius:10px;padding:22px;transition:all .3s}
.xh-news-card:hover{border-color:#E91E8C;transform:translateY(-3px)}
.xh-news-card h4{font-size:1rem;color:#F0E6FF;margin-bottom:8px}
.xh-news-card p{font-size:.85rem;color:#8B7BA8;line-height:1.7}
.xh-news-card .xh-date{font-size:.78rem;color:#5A4D6E;margin-top:10px}

/* === 联系信息 === */
.xh-contact-box{background:linear-gradient(135deg,#161630,#1A0A2E);border:1px solid rgba(155,89,182,.2);border-radius:14px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:40px}
.xh-contact-box h3{font-size:1.2rem;color:#F0E6FF;margin-bottom:16px}
.xh-contact-box p{color:#8B7BA8;font-size:.92rem;line-height:2}
.xh-contact-qr{text-align:center}
.xh-contact-qr img{width:160px;margin:0 auto 10px;border-radius:8px}

/* === 页脚 === */
.xh-footer{background:#0A0A16;border-top:1px solid rgba(155,89,182,.2);padding:40px 0 20px}
.xh-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;margin-bottom:30px}
.xh-footer h4{color:#F0E6FF;font-size:1rem;margin-bottom:14px}
.xh-footer p,.xh-footer a{color:#8B7BA8;font-size:.88rem;line-height:2}
.xh-footer a:hover{color:#E91E8C}
.xh-footer-bottom{border-top:1px solid rgba(155,89,182,.1);padding-top:16px;text-align:center;font-size:.82rem;color:#5A4D6E}
.xh-footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.xh-footer-brand img{height:32px}

/* === 回到顶部 === */
.xh-backtop{position:fixed;bottom:30px;right:30px;width:44px;height:44px;background:linear-gradient(135deg,#9B59B6,#E91E8C);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;cursor:pointer;opacity:0;transition:opacity .3s;z-index:999;border:none}
.xh-backtop.show{opacity:1}

/* === 内页通用 === */
.xh-page-hero{background:linear-gradient(135deg,#0D0D1A,#1A0A2E);padding:50px 0 40px;text-align:center}
.xh-page-hero h1{font-size:2.2rem;font-weight:700;margin-bottom:10px}
.xh-page-hero p{color:#8B7BA8;font-size:1rem}
.xh-content-section{padding:50px 0}
.xh-content-section h2{font-size:1.6rem;color:#F0E6FF;margin-bottom:16px}
.xh-content-section h3{font-size:1.2rem;color:#D4A5FF;margin-bottom:10px}
.xh-content-section p{color:#8B7BA8;font-size:.94rem;line-height:1.9;margin-bottom:14px}

/* === 隐私政策 === */
.xh-privacy-content{max-width:800px;margin:0 auto}
.xh-privacy-content h2{margin-top:30px}

/* === 响应式 === */
@media(max-width:1024px){
  .xh-grid-4{grid-template-columns:repeat(2,1fr)}
  .xh-grid-3{grid-template-columns:repeat(2,1fr)}
  .xh-news-grid{grid-template-columns:repeat(2,1fr)}
  .xh-footer-grid{grid-template-columns:1fr 1fr}
  .xh-contact-box{grid-template-columns:1fr}
}
@media(max-width:768px){
  .xh-topbar .xh-container{flex-wrap:wrap}
  .xh-nav{display:none;width:100%;flex-direction:column;gap:0;padding:10px 0}
  .xh-nav.open{display:flex}
  .xh-nav a{padding:12px 0;border-bottom:1px solid rgba(155,89,182,.1)}
  .xh-menu-btn{display:block}
  .xh-hero{height:auto;padding:60px 0}
  .xh-hero h1{font-size:1.8rem}
  .xh-hero-content{padding:0 20px}
  .xh-grid-3,.xh-grid-4,.xh-grid-2{grid-template-columns:1fr}
  .xh-news-grid{grid-template-columns:1fr}
  .xh-footer-grid{grid-template-columns:1fr}
  .xh-section{padding:40px 0}
  .xh-section-head h2{font-size:1.5rem}
}