/* ============================================
   玩物社区传媒 - 原创样式表
   品牌：玩物社区 | 域名：qpmvv.cn
   配色：玫瑰粉 #E8436F / 暖橙 #FF7B54 / 深紫 #2D1B4E
   ============================================ */

/* --- 基础重置 --- */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;color:#333;background:#FFF5F7;line-height:1.7;overflow-x:hidden}
a{text-decoration:none;color:inherit;transition:color .3s}
a:hover{color:#E8436F}
ul,ol{list-style:none}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3}

/* --- CSS变量 --- */
:root{
  --primary:#E8436F;
  --secondary:#FF7B54;
  --dark:#2D1B4E;
  --light:#FFF5F7;
  --text:#333333;
  --gray:#888888;
  --gradient:linear-gradient(135deg,#E8436F,#FF7B54);
  --shadow:0 4px 20px rgba(232,67,111,.12);
  --radius:12px;
  --max-w:1200px;
}

/* --- 容器 --- */
.ro6-uqspp{max-width:var(--max-w);margin:0 auto;padding:0 20px}

/* --- 顶部导航 --- */
.ro6-hfbbh{background:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.ro6-gbnne8{display:flex;align-items:center;justify-content:space-between;height:70px;max-width:var(--max-w);margin:0 auto;padding:0 20px}
.ro6-as3pc{display:flex;align-items:center;gap:10px}
.ro6-as3pc img{height:42px;width:auto}
.ro6-as3pc span{font-size:22px;font-weight:800;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ro6-4rlxfnno{display:flex;align-items:center;gap:6px}
.ro6-4rlxfnno a{padding:8px 16px;border-radius:8px;font-size:15px;font-weight:500;color:var(--text);transition:all .3s}
.ro6-4rlxfnno a:hover,.ro6-4rlxfnno a.active{background:var(--gradient);color:#fff;-webkit-text-fill-color:#fff}
.ro6-ao7od{display:none;background:none;border:none;font-size:26px;color:var(--dark);cursor:pointer}

/* --- 搜索栏 --- */
.ro6-ih6tvxet{background:linear-gradient(135deg,#2D1B4E 0%,#E8436F 100%);padding:16px 0}
.ro6-nvzznlsl{max-width:600px;margin:0 auto;position:relative}
.ro6-nvzznlsl input{width:100%;padding:12px 50px 12px 20px;border:none;border-radius:30px;font-size:15px;outline:none;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1)}
.ro6-nvzznlsl button{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:var(--gradient);border:none;color:#fff;width:38px;height:38px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}
.ro6-nvzznlsl input::placeholder{color:#aaa}

/* --- Banner轮播 --- */
.ro6-6grvq7{position:relative;overflow:hidden;background:var(--dark)}
.ro6-r8wtuqel{display:flex;transition:transform .6s ease}
.ro6-a90ohf{min-width:100%;position:relative}
.ro6-a90ohf img{width:100%;height:420px;object-fit:cover}
.ro6-4qftjj5{position:absolute;inset:0;background:linear-gradient(to right,rgba(45,27,78,.7),transparent);display:flex;align-items:center;padding:0 60px}
.ro6-j9apvyl h1{font-size:38px;color:#fff;margin-bottom:12px;text-shadow:0 2px 8px rgba(0,0,0,.3)}
.ro6-j9apvyl p{font-size:17px;color:rgba(255,255,255,.9);max-width:500px;margin-bottom:20px}
.ro6-j9apvyl .ro6-tm6ejxf5{display:inline-block;padding:12px 32px;background:var(--gradient);color:#fff;border-radius:30px;font-weight:600;font-size:15px;transition:transform .3s,box-shadow .3s}
.ro6-j9apvyl .ro6-tm6ejxf5:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(232,67,111,.4)}
.ro6-cyylaor8{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px}
.ro6-cyylaor8 span{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer;transition:background .3s}
.ro6-cyylaor8 span.active{background:#fff}

/* --- 通用区块 --- */
.ro6-thvuz5s{padding:60px 0}
.ro6-9fafu{background:#fff}
.ro6-a2ikhn9{text-align:center;margin-bottom:40px}
.ro6-a2ikhn9 h2{font-size:30px;color:var(--dark);margin-bottom:8px}
.ro6-a2ikhn9 h2 span{color:var(--primary)}
.ro6-a2ikhn9 p{color:var(--gray);font-size:15px}
.ro6-a2ikhn9 .ro6-50kxdn2w{width:60px;height:3px;background:var(--gradient);margin:12px auto 0;border-radius:2px}

/* --- 传媒视频卡片 --- */
.ro6-ltre1{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ro6-ag64za51{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s}
.ro6-ag64za51:hover{transform:translateY(-6px);box-shadow:0 8px 30px rgba(232,67,111,.18)}
.ro6-fpormidn{position:relative;overflow:hidden;cursor:pointer}
.ro6-fpormidn img{width:100%;height:200px;object-fit:cover;transition:transform .4s}
.ro6-ag64za51:hover .ro6-fpormidn img{transform:scale(1.05)}
.ro6-4u490h{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);opacity:0;transition:opacity .3s}
.ro6-fpormidn:hover .ro6-4u490h{opacity:1}
.ro6-tc1obdhz{width:56px;height:56px;background:var(--gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(232,67,111,.4)}
.ro6-tc1obdhz::after{content:"";display:block;width:0;height:0;border-style:solid;border-width:10px 0 10px 18px;border-color:transparent transparent transparent #fff;margin-left:3px}
.ro6-uexao{padding:16px}
.ro6-uexao h3{font-size:16px;color:var(--dark);margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ro6-nhs7i{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--gray)}
.ro6-nhs7i span{display:flex;align-items:center;gap:4px}
.ro6-7kyd05ov{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.ro6-7kyd05ov span{padding:3px 10px;background:var(--light);color:var(--primary);border-radius:20px;font-size:12px}

/* --- 专家展示 --- */
.ro6-bct8x{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.ro6-jmm1s2ik{background:#fff;border-radius:var(--radius);padding:30px 20px;text-align:center;box-shadow:var(--shadow);transition:transform .3s}
.ro6-jmm1s2ik:hover{transform:translateY(-4px)}
.ro6-jmm1s2ik img{width:100px;height:100px;border-radius:50%;object-fit:cover;margin:0 auto 16px;border:3px solid var(--primary)}
.ro6-jmm1s2ik h4{font-size:17px;color:var(--dark);margin-bottom:4px}
.ro6-jmm1s2ik .ro6-0hv7d{color:var(--primary);font-size:13px;margin-bottom:10px}
.ro6-jmm1s2ik p{font-size:13px;color:var(--gray);margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ro6-rq3l347{display:flex;gap:8px;justify-content:center}
.ro6-rq3l347 a{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:500}
.ro6-rq3l347 .ro6-uonkqi{background:var(--gradient);color:#fff}
.ro6-rq3l347 .ro6-cc3z4xi{border:1px solid var(--primary);color:var(--primary)}

/* --- 社区功能模块 --- */
.ro6-7zshar{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ro6-kfdjsm4s{background:#fff;border-radius:var(--radius);padding:30px 24px;box-shadow:var(--shadow);transition:transform .3s;border-top:3px solid transparent}
.ro6-kfdjsm4s:hover{transform:translateY(-4px);border-top-color:var(--primary)}
.ro6-ollbf3{width:52px;height:52px;background:var(--gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:24px;color:#fff}
.ro6-kfdjsm4s h4{font-size:17px;color:var(--dark);margin-bottom:8px}
.ro6-kfdjsm4s p{font-size:14px;color:var(--gray);line-height:1.6}

/* --- AI赋能 --- */
.ro6-3s0bl{background:linear-gradient(135deg,#2D1B4E,#4A2D6E);color:#fff;padding:70px 0}
.ro6-3s0bl .ro6-a2ikhn9 h2{color:#fff}
.ro6-3s0bl .ro6-a2ikhn9 p{color:rgba(255,255,255,.7)}
.ro6-vj9nufah{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.ro6-vj9nufah img{border-radius:var(--radius);box-shadow:0 8px 30px rgba(0,0,0,.3)}
.ro6-9p2duv{display:flex;flex-direction:column;gap:20px}
.ro6-uaxtw7k{display:flex;gap:16px;align-items:flex-start}
.ro6-dp4go{width:44px;height:44px;min-width:44px;background:var(--gradient);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}
.ro6-uaxtw7k h4{font-size:16px;margin-bottom:4px}
.ro6-uaxtw7k p{font-size:14px;color:rgba(255,255,255,.7)}

/* --- 合作品牌 --- */
.ro6-qrna4{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;align-items:center}
.ro6-qrna4 .ro6-yjn2o{background:#fff;padding:16px 30px;border-radius:var(--radius);box-shadow:var(--shadow);font-size:16px;font-weight:600;color:var(--dark);transition:transform .3s}
.ro6-qrna4 .ro6-yjn2o:hover{transform:scale(1.05)}

/* --- FAQ --- */
.ro6-c4zv48a9{max-width:800px;margin:0 auto}
.ro6-zjps33{background:#fff;border-radius:var(--radius);margin-bottom:12px;box-shadow:var(--shadow);overflow:hidden}
.ro6-kj8iax8{padding:18px 24px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:15px;color:var(--dark);transition:background .3s}
.ro6-kj8iax8:hover{background:var(--light)}
.ro6-kj8iax8::after{content:"+";font-size:22px;color:var(--primary);transition:transform .3s}
.ro6-zjps33.open .ro6-kj8iax8::after{transform:rotate(45deg)}
.ro6-nbgq3t2{padding:0 24px;max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;font-size:14px;color:var(--gray);line-height:1.8}
.ro6-zjps33.open .ro6-nbgq3t2{max-height:300px;padding:0 24px 18px}

/* --- 用户评论 --- */
.ro6-w9ro7gu{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.ro6-bk0z12{background:#fff;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
.ro6-biy4l{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.ro6-9bmhhao{width:44px;height:44px;border-radius:50%;background:var(--gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px}
.ro6-xmymt{font-weight:600;color:var(--dark);font-size:15px}
.ro6-8v88eb{font-size:12px;color:var(--gray)}
.ro6-m5lf0rn{color:#FFB800;font-size:14px;margin-bottom:8px}
.ro6-z42vtzm{font-size:14px;color:#555;line-height:1.7}

/* --- 联系我们 --- */
.ro6-1afzaf{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.ro6-i73lne8 h3{font-size:20px;color:var(--dark);margin-bottom:16px}
.ro6-i73lne8 p{font-size:14px;color:#555;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.ro6-xizel{display:flex;gap:24px;margin-top:20px}
.ro6-xizel .ro6-7os3039c{text-align:center}
.ro6-xizel .ro6-7os3039c img{width:140px;height:140px;border-radius:8px;margin-bottom:8px}
.ro6-xizel .ro6-7os3039c span{font-size:13px;color:var(--gray)}

/* --- How-To指南 --- */
.ro6-axtwfg{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}
.ro6-nmsa15s{background:#fff;border-radius:var(--radius);padding:30px 24px;text-align:center;box-shadow:var(--shadow);flex:1;min-width:200px;max-width:260px}
.ro6-nmsa15s .ro6-3tfjdw{width:48px;height:48px;background:var(--gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px;margin:0 auto 14px}
.ro6-nmsa15s h4{font-size:16px;color:var(--dark);margin-bottom:8px}
.ro6-nmsa15s p{font-size:13px;color:var(--gray)}

/* --- 社交分享 --- */
.ro6-t5lrkbf{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.ro6-oqo9ug1{padding:10px 22px;border-radius:30px;font-size:14px;font-weight:500;color:#fff;transition:transform .3s,box-shadow .3s;cursor:pointer;border:none}
.ro6-oqo9ug1:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,.2)}
.ro6-gdutlv{background:#07C160}
.ro6-eaucs17z{background:#E6162D}
.ro6-xixhgde{background:#161823}
.ro6-vgvfg6e{background:#00A1D6}

/* --- 页脚 --- */
.ro6-ka7vhx{background:var(--dark);color:rgba(255,255,255,.7);padding:50px 0 0}
.ro6-jtysw7gt{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;margin-bottom:40px}
.ro6-y2rsh img{height:36px;margin-bottom:12px}
.ro6-y2rsh p{font-size:13px;line-height:1.7}
.ro6-ka7vhx h5{color:#fff;font-size:15px;margin-bottom:14px}
.ro6-l7iconml a{display:block;font-size:13px;margin-bottom:8px;color:rgba(255,255,255,.6);transition:color .3s}
.ro6-l7iconml a:hover{color:var(--primary)}
.ro6-0fy3l{border-top:1px solid rgba(255,255,255,.1);padding:20px 0;text-align:center;font-size:13px}
.ro6-0fy3l a{color:var(--primary)}

/* --- 面包屑 --- */
.ro6-tyy2gj{padding:14px 0;font-size:13px;color:var(--gray)}
.ro6-tyy2gj a{color:var(--primary)}
.ro6-tyy2gj span{margin:0 6px;color:#ccc}

/* --- 内页通用 --- */
.ro6-55071fwc{background:linear-gradient(135deg,#2D1B4E,#E8436F);padding:60px 0;text-align:center;color:#fff}
.ro6-55071fwc h1{font-size:34px;margin-bottom:10px}
.ro6-55071fwc p{font-size:16px;color:rgba(255,255,255,.8)}

/* --- 标签云 --- */
.ro6-plm67t{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:20px}
.ro6-plm67t a{padding:6px 16px;background:#fff;border:1px solid #eee;border-radius:20px;font-size:13px;color:var(--dark);transition:all .3s}
.ro6-plm67t a:hover{background:var(--gradient);color:#fff;border-color:transparent}

/* --- 返回顶部 --- */
.ro6-4nhwuw{position:fixed;bottom:30px;right:30px;width:44px;height:44px;background:var(--gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s;box-shadow:0 4px 14px rgba(232,67,111,.3);z-index:999;border:none}
.ro6-4nhwuw.visible{opacity:1;visibility:visible}

/* --- 响应式 --- */
@media(max-width:1024px){
  .ro6-ltre1{grid-template-columns:repeat(2,1fr)}
  .ro6-bct8x{grid-template-columns:repeat(2,1fr)}
  .ro6-jtysw7gt{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .ro6-4rlxfnno{display:none;position:fixed;top:70px;left:0;right:0;background:#fff;flex-direction:column;padding:20px;box-shadow:0 4px 20px rgba(0,0,0,.1);gap:4px}
  .ro6-4rlxfnno.open{display:flex}
  .ro6-4rlxfnno a{width:100%;text-align:center;padding:12px}
  .ro6-ao7od{display:block}
  .ro6-a90ohf img{height:260px}
  .ro6-4qftjj5{padding:0 24px}
  .ro6-j9apvyl h1{font-size:24px}
  .ro6-j9apvyl p{font-size:14px}
  .ro6-ltre1{grid-template-columns:1fr}
  .ro6-bct8x{grid-template-columns:1fr}
  .ro6-7zshar{grid-template-columns:1fr}
  .ro6-vj9nufah{grid-template-columns:1fr}
  .ro6-1afzaf{grid-template-columns:1fr}
  .ro6-w9ro7gu{grid-template-columns:1fr}
  .ro6-jtysw7gt{grid-template-columns:1fr}
  .ro6-thvuz5s{padding:40px 0}
  .ro6-a2ikhn9 h2{font-size:24px}
  .ro6-55071fwc h1{font-size:26px}
  .ro6-axtwfg{flex-direction:column;align-items:center}
}
@media(max-width:480px){
  .ro6-gbnne8{height:56px}
  .ro6-as3pc img{height:32px}
  .ro6-as3pc span{font-size:18px}
  .ro6-a90ohf img{height:200px}
  .ro6-xizel{flex-direction:column;align-items:center}
}

/* ============================================
   玩物社区传媒 - 补充样式（新增模块）
   ============================================ */

/* --- 最新动态模块 --- */
.ro6-36ke40u3{background:#fff}
.ro6-t1gfghp{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.ro6-b3vdp{display:flex;gap:20px;background:var(--light);border-radius:var(--radius);padding:20px;transition:transform .3s,box-shadow .3s}
.ro6-b3vdp:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.ro6-63q75{min-width:70px;text-align:center;background:var(--gradient);border-radius:10px;padding:12px 8px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ro6-htav8{font-size:28px;font-weight:800;line-height:1}
.ro6-zzxzm7xk{font-size:12px;margin-top:4px;opacity:.85}
.ro6-ba6udj1 h3{font-size:15px;color:var(--dark);margin-bottom:6px;line-height:1.4}
.ro6-ba6udj1 p{font-size:13px;color:var(--gray);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ro6-fpmcv70w{display:flex;gap:16px;margin-top:8px;font-size:12px;color:#aaa}

/* --- 写真传媒专区 --- */
.ro6-p03rnlsp{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ro6-nyt76ig{text-align:center;font-size:13px;color:var(--gray);margin-top:24px;padding:12px 20px;background:#fff;border-radius:8px;border-left:3px solid var(--primary)}

/* --- 资质荣誉模块 --- */
.ro6-qabo8{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.ro6-iq1m8{background:var(--light);border-radius:var(--radius);padding:28px 20px;text-align:center;transition:transform .3s;border:1px solid rgba(232,67,111,.1)}
.ro6-iq1m8:hover{transform:translateY(-4px);border-color:var(--primary)}
.ro6-lom2to{font-size:36px;margin-bottom:14px;display:block}
.ro6-iq1m8 h4{font-size:15px;color:var(--dark);margin-bottom:8px}
.ro6-iq1m8 p{font-size:13px;color:var(--gray);line-height:1.6}

/* --- 5列专家网格 --- */
.ro6-7hpun{grid-template-columns:repeat(5,1fr)}

/* --- 视频时长标签 --- */
.ro6-xck78{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.75);color:#fff;font-size:12px;padding:2px 8px;border-radius:4px;font-weight:500}

/* --- 视频发布时间 --- */
.ro6-bz6pqu{display:block;font-size:12px;color:#aaa;margin-top:6px}

/* --- 补充响应式 --- */
@media(max-width:1200px){
  .ro6-7hpun{grid-template-columns:repeat(3,1fr)}
  .ro6-qabo8{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1024px){
  .ro6-t1gfghp{grid-template-columns:1fr}
  .ro6-p03rnlsp{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .ro6-7hpun{grid-template-columns:1fr}
  .ro6-qabo8{grid-template-columns:1fr}
  .ro6-p03rnlsp{grid-template-columns:1fr}
  .ro6-b3vdp{flex-direction:column;gap:12px}
  .ro6-63q75{flex-direction:row;gap:8px;padding:8px 16px}
}
