/* 星空传媒 - 全新原创CSS设计 v2.0 */
/* ========== 基础重置 ========== */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:'PingFang SC','Microsoft YaHei','Helvetica Neue',Arial,sans-serif;line-height:1.7;color:#2d3436;background:#fafbfc}
a{text-decoration:none;color:inherit;transition:all .25s}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}
button{border:none;cursor:pointer;font-family:inherit}
input,textarea{font-family:inherit}

/* ========== 布局容器 ========== */
.wrap{max-width:1280px;margin:0 auto;padding:0 24px}
.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}
.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}
.gap-sm{gap:12px}.gap-md{gap:20px}.gap-lg{gap:32px}

/* ========== 顶部导航 ========== */
.site-header{background:linear-gradient(145deg,#2d1b4e 0%,#1a0a2e 100%);position:sticky;top:0;z-index:1000;box-shadow:0 4px 30px rgba(0,0,0,.25)}
.header-main{padding:16px 0;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:14px}
.brand-logo{height:48px;width:auto;border-radius:10px}
.brand-name{font-size:1.6rem;font-weight:700;background:linear-gradient(135deg,#e056fd 0%,#f8a5c2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.nav-main{display:flex;gap:6px}
.nav-main a{color:#d1c4e9;padding:10px 20px;border-radius:24px;font-size:.95rem;font-weight:500;transition:all .3s}
.nav-main a:hover,.nav-main a.current{background:linear-gradient(135deg,#e056fd 0%,#be2edd 100%);color:#fff}

/* ========== 搜索栏 ========== */
.search-wrap{background:rgba(255,255,255,.03);padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.search-form{display:flex;max-width:560px;margin:0 auto}
.search-form input{flex:1;padding:13px 22px;border:none;border-radius:28px 0 0 28px;font-size:1rem;background:#fff;outline:none}
.search-form input:focus{box-shadow:0 0 0 3px rgba(224,86,253,.3)}
.search-form button{padding:13px 32px;background:linear-gradient(135deg,#e056fd 0%,#be2edd 100%);color:#fff;border-radius:0 28px 28px 0;font-size:1rem;font-weight:500;transition:all .3s}
.search-form button:hover{background:linear-gradient(135deg,#be2edd 0%,#e056fd 100%)}

/* ========== 面包屑 ========== */
.breadcrumb{background:#fff;padding:14px 0;border-bottom:1px solid #eee}
.breadcrumb-nav{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#636e72}
.breadcrumb-nav a:hover{color:#be2edd}
.breadcrumb-nav .here{color:#be2edd;font-weight:500}

/* ========== 首屏横幅 ========== */
.hero-banner{background:linear-gradient(145deg,#2d1b4e 0%,#1a0a2e 50%,#0d0620 100%);padding:70px 0;position:relative;overflow:hidden}
.hero-banner::after{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(224,86,253,.15) 0%,transparent 70%);border-radius:50%}
.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;position:relative;z-index:1}
.hero-text h1{font-size:3rem;color:#fff;margin-bottom:22px;line-height:1.25}
.hero-text h1 em{font-style:normal;background:linear-gradient(135deg,#e056fd 0%,#f8a5c2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-text p{color:#b2bec3;font-size:1.15rem;margin-bottom:32px;line-height:1.8}
.hero-actions{display:flex;gap:16px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 36px;border-radius:30px;font-size:1rem;font-weight:600;transition:all .3s}
.btn-primary{background:linear-gradient(135deg,#e056fd 0%,#be2edd 100%);color:#fff}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(190,46,221,.4)}
.btn-outline{border:2px solid #e056fd;color:#e056fd}
.btn-outline:hover{background:#e056fd;color:#fff}
.hero-visual img{border-radius:20px;box-shadow:0 25px 70px rgba(0,0,0,.4)}
.hero-data{display:flex;gap:40px;margin-top:36px}
.data-item{text-align:center}
.data-num{font-size:2.2rem;font-weight:700;color:#e056fd}
.data-label{font-size:.85rem;color:#95a5a6;margin-top:4px}

/* ========== 分类标签 ========== */
.category-bar{padding:36px 0;background:#fff}
.category-list{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.category-tag{padding:10px 26px;background:#f5f6fa;border-radius:26px;color:#636e72;font-size:.95rem;cursor:pointer;transition:all .3s}
.category-tag:hover,.category-tag.on{background:linear-gradient(135deg,#e056fd 0%,#be2edd 100%);color:#fff}

/* ========== 视频卡片 ========== */
.section{padding:55px 0}
.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}
.section-head h2{font-size:1.7rem;color:#2d1b4e;position:relative;padding-left:16px}
.section-head h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:65%;background:linear-gradient(180deg,#e056fd 0%,#be2edd 100%);border-radius:3px}
.section-time{color:#95a5a6;font-size:.88rem}
.more-link{color:#be2edd;font-weight:500;display:flex;align-items:center;gap:6px}
.more-link:hover{color:#e056fd}
.video-list{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.video-item{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 6px 25px rgba(0,0,0,.07);transition:all .35s}
.video-item:hover{transform:translateY(-10px);box-shadow:0 18px 45px rgba(0,0,0,.12)}
.video-cover{position:relative;aspect-ratio:16/9;overflow:hidden}
.video-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.video-item:hover .video-cover img{transform:scale(1.08)}
.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;background:rgba(190,46,221,.85);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .35s}
.play-icon::after{content:'';border-left:16px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:4px}
.video-item:hover .play-icon{opacity:1}
.video-time{position:absolute;bottom:10px;right:10px;background:rgba(0,0,0,.7);color:#fff;padding:3px 9px;border-radius:4px;font-size:.78rem}
.video-label{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,#e056fd 0%,#be2edd 100%);color:#fff;padding:4px 14px;border-radius:16px;font-size:.75rem;font-weight:500}
.video-body{padding:18px}
.video-body h3{font-size:1rem;color:#2d1b4e;margin-bottom:8px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.video-desc{font-size:.85rem;color:#95a5a6;margin-bottom:10px}
.video-stats{display:flex;gap:16px;font-size:.8rem;color:#b2bec3}

/* ========== 专家团队 ========== */
.team-section{padding:55px 0;background:linear-gradient(180deg,#fafbfc 0%,#fff 100%)}
.team-list{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.team-card{background:#fff;border-radius:20px;padding:32px;text-align:center;box-shadow:0 10px 40px rgba(0,0,0,.06);transition:all .35s}
.team-card:hover{transform:translateY(-8px);box-shadow:0 20px 55px rgba(0,0,0,.1)}
.team-avatar{width:96px;height:96px;border-radius:50%;margin:0 auto 20px;overflow:hidden;border:4px solid #e056fd}
.team-avatar img{width:100%;height:100%;object-fit:cover}
.team-name{font-size:1.2rem;font-weight:600;color:#2d1b4e;margin-bottom:6px}
.team-role{color:#be2edd;font-size:.9rem;margin-bottom:14px}
.team-intro{font-size:.85rem;color:#636e72;margin-bottom:16px;line-height:1.7}
.team-nums{display:flex;justify-content:center;gap:24px;margin-bottom:20px}
.team-num{text-align:center}
.team-num strong{display:block;font-weight:700;color:#2d1b4e}
.team-num span{font-size:.75rem;color:#95a5a6}
.team-btn{padding:10px 26px;background:linear-gradient(135deg,#e056fd 0%,#be2edd 100%);color:#fff;border-radius:22px;font-size:.9rem;display:inline-block}

/* ========== 社区功能 ========== */
.community-section{padding:55px 0}
.community-list{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.community-card{background:linear-gradient(145deg,#2d1b4e 0%,#1a0a2e 100%);border-radius:20px;padding:36px;color:#fff;transition:all .35s}
.community-card:hover{transform:translateY(-6px)}
.community-icon{font-size:2.8rem;margin-bottom:18px}
.community-card h3{font-size:1.25rem;margin-bottom:12px}
.community-card p{color:#b2bec3;font-size:.95rem;margin-bottom:18px;line-height:1.7}
.community-link{color:#e056fd;font-weight:500}

/* ========== 用户评价 ========== */
.review-section{padding:55px 0;background:#fff}
.review-list{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.review-card{background:#f5f6fa;border-radius:18px;padding:30px;position:relative}
.review-card::before{content:'"';position:absolute;top:16px;left:22px;font-size:3.5rem;color:#e056fd;opacity:.25;font-family:Georgia,serif}
.review-content{font-size:.95rem;color:#555;margin-bottom:20px;line-height:1.85;position:relative;z-index:1}
.review-user{display:flex;align-items:center;gap:14px}
.review-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#e056fd 0%,#be2edd 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}
.review-info .name{font-weight:600;color:#2d1b4e}
.review-info .date{font-size:.8rem;color:#95a5a6}
.review-info .stars{color:#f1c40f;margin-top:4px}

/* ========== FAQ ========== */
.faq-section{padding:55px 0}
.faq-list{max-width:820px;margin:0 auto}
.faq-item{background:#fff;border-radius:14px;margin-bottom:14px;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,.04)}
.faq-q{padding:20px 26px;font-weight:600;color:#2d1b4e;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.faq-q::after{content:'+';font-size:1.4rem;color:#be2edd}
.faq-a{padding:0 26px 20px;color:#636e72;display:none;line-height:1.8}
.faq-item.open .faq-a{display:block}
.faq-item.open .faq-q::after{content:'-'}

/* ========== 联系区域 ========== */
.contact-section{padding:55px 0;background:linear-gradient(145deg,#2d1b4e 0%,#1a0a2e 100%)}
.contact-list{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.contact-item{text-align:center;color:#fff}
.contact-icon{font-size:2.4rem;margin-bottom:14px}
.contact-item h4{margin-bottom:10px;font-size:1.05rem}
.contact-item p{color:#b2bec3;font-size:.9rem}

/* ========== 页脚 ========== */
.site-footer{background:#0a0612;padding:55px 0 28px;color:#fff}
.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
.footer-about p{color:#95a5a6;font-size:.9rem;margin-top:16px;line-height:1.85}
.footer-nav h4{margin-bottom:20px;font-size:1.05rem;position:relative;padding-bottom:12px}
.footer-nav h4::after{content:'';position:absolute;bottom:0;left:0;width:32px;height:2px;background:#be2edd}
.footer-nav ul li{margin-bottom:12px}
.footer-nav ul li a{color:#95a5a6;font-size:.9rem;transition:color .25s}
.footer-nav ul li a:hover{color:#e056fd}
.footer-qr{display:flex;gap:20px}
.qr-item{text-align:center}
.qr-item img{width:96px;height:96px;border-radius:8px;margin-bottom:8px}
.qr-item span{font-size:.8rem;color:#95a5a6}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:24px;display:flex;justify-content:space-between;align-items:center}
.footer-bottom p{color:#636e72;font-size:.85rem}
.update-mark{color:#be2edd}
.social-list{display:flex;gap:14px}
.social-list a{width:38px;height:38px;background:rgba(255,255,255,.08);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .25s}
.social-list a:hover{background:#be2edd}

/* ========== 内页头部 ========== */
.page-banner{background:linear-gradient(145deg,#2d1b4e 0%,#1a0a2e 100%);padding:50px 0;text-align:center}
.page-banner h1{color:#fff;font-size:2.1rem;margin-bottom:12px}
.page-banner p{color:#b2bec3;font-size:1rem}

/* ========== 内容区 ========== */
.content-area{padding:40px 0}
.content-area h2{font-size:1.45rem;color:#2d1b4e;margin-bottom:18px}
.content-area p{color:#555;line-height:1.85;margin-bottom:16px}

/* ========== 服务网格 ========== */
.service-list{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:28px}
.service-box{background:#fff;padding:28px;border-radius:16px;text-align:center;box-shadow:0 6px 22px rgba(0,0,0,.06);transition:all .3s}
.service-box:hover{transform:translateY(-6px)}
.service-box h3{font-size:1.05rem;color:#2d1b4e;margin-bottom:10px}
.service-box p{color:#636e72;font-size:.9rem}

/* ========== 响应式 ========== */
@media(max-width:1024px){
.video-list{grid-template-columns:repeat(3,1fr)}
.team-list{grid-template-columns:repeat(2,1fr)}
.footer-main{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
.header-main{flex-direction:column;gap:16px}
.nav-main{flex-wrap:wrap;justify-content:center}
.hero-inner{grid-template-columns:1fr;text-align:center}
.hero-text h1{font-size:2.2rem}
.hero-actions{justify-content:center}
.hero-data{justify-content:center}
.video-list{grid-template-columns:repeat(2,1fr)}
.community-list{grid-template-columns:1fr}
.review-list{grid-template-columns:1fr}
.contact-list{grid-template-columns:repeat(2,1fr)}
.footer-main{grid-template-columns:1fr;text-align:center}
.footer-bottom{flex-direction:column;gap:16px}
.service-list{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){
.video-list{grid-template-columns:1fr}
.team-list{grid-template-columns:1fr}
.service-list{grid-template-columns:1fr}
.contact-list{grid-template-columns:1fr}
}


/* ========== 竖屏短视频 ========== */
.short-video-list{display:flex;gap:20px;overflow-x:auto;padding-bottom:10px}
.short-video-item{flex:0 0 160px;text-align:center}
.short-cover{position:relative;aspect-ratio:9/16;border-radius:14px;overflow:hidden;margin-bottom:10px}
.short-cover img{width:100%;height:100%;object-fit:cover}
.short-cover .play-icon{width:44px;height:44px}
.short-video-item:hover .play-icon{opacity:1}
.short-video-item p{font-size:.9rem;color:#2d1b4e}

/* ========== AI工具卡片 ========== */
.ai-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.ai-card{background:#f5f6fa;border-radius:18px;padding:30px;text-align:center;transition:all .35s;position:relative}
.ai-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px rgba(0,0,0,.1)}
.ai-icon{font-size:2.8rem;margin-bottom:16px}
.ai-card h3{font-size:1.1rem;color:#2d1b4e;margin-bottom:12px}
.ai-card p{font-size:.9rem;color:#636e72;line-height:1.7}
.ai-tag{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,#e056fd 0%,#be2edd 100%);color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem}

/* ========== 社区网格 ========== */
.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.community-grid .community-card.large{grid-column:span 1;grid-row:span 2}
.community-grid .community-card{background:linear-gradient(145deg,#2d1b4e 0%,#1a0a2e 100%);border-radius:18px;padding:28px;color:#fff;transition:all .35s}
.community-grid .community-card:hover{transform:translateY(-6px)}

/* ========== 美图展示 ========== */
.gallery-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.gallery-item{position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.gallery-item:hover img{transform:scale(1.1)}
.gallery-tag{position:absolute;bottom:10px;left:10px;background:rgba(0,0,0,.6);color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem}

/* ========== 专家认证标签 ========== */
.team-certs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px}
.cert-tag{background:#f0e6ff;color:#be2edd;padding:4px 12px;border-radius:12px;font-size:.75rem}

/* ========== 公司资质 ========== */
.cert-list{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:40px}
.cert-item{background:#f5f6fa;border-radius:16px;padding:28px;text-align:center}
.cert-item .cert-icon{font-size:2.4rem;margin-bottom:14px}
.cert-item h4{font-size:1rem;color:#2d1b4e;margin-bottom:8px}
.cert-item p{font-size:.85rem;color:#636e72;line-height:1.6}
.partner-section{text-align:center;padding-top:30px;border-top:1px solid #eee}
.partner-section h3{font-size:1.1rem;color:#2d1b4e;margin-bottom:20px}
.partner-list{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.partner-item{background:#f5f6fa;padding:12px 28px;border-radius:24px;font-size:.95rem;color:#636e72}

/* ========== 政策内容 ========== */
.policy-content{max-width:800px;margin:0 auto}
.policy-content h2{margin-top:32px;padding-top:24px;border-top:1px solid #eee}
.policy-content h2:first-of-type{margin-top:20px;padding-top:0;border-top:none}

/* ========== 响应式补充 ========== */
@media(max-width:1024px){
.ai-tools{grid-template-columns:repeat(2,1fr)}
.gallery-grid{grid-template-columns:repeat(4,1fr)}
.cert-list{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
.community-grid{grid-template-columns:1fr}
.community-grid .community-card.large{grid-column:span 1;grid-row:span 1}
.gallery-grid{grid-template-columns:repeat(3,1fr)}
.short-video-item{flex:0 0 130px}
}
@media(max-width:480px){
.ai-tools{grid-template-columns:1fr}
.gallery-grid{grid-template-columns:repeat(2,1fr)}
.cert-list{grid-template-columns:1fr}
}