/*
 * 深圳市爱租网络有限公司2016-2026
 * Shenzhen iZu Network Co., Ltd. 2016-2026
 */
/* ===== 专题详情 H5 优化样式（媒体区/产品+介绍交替/滚动动画） ===== */
/* 原有专属样式（hero 展期标签 / 新品角标） */
.topic-hero-period{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:rgba(255,255,255,.92);background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);padding:6px 16px;border-radius:24px;margin-top:6px;}
.topic-hero-period svg{width:14px;height:14px;flex-shrink:0;}
.topic-goods-new{position:absolute;top:10px;left:10px;z-index:3;font-size:11px;font-weight:600;color:#fff;background:linear-gradient(135deg,#ff6b35,#ff3d2e);padding:4px 12px;border-radius:20px;box-shadow:0 4px 10px rgba(255,61,46,.35);}

/* 滚动入场动画：JS 动态添加 .ent-anim 类，无 JS 时内容正常显示 */
.ent-anim{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform;}
.ent-anim-left{transform:translateX(-40px);}
.ent-anim-right{transform:translateX(40px);}
.ent-anim-scale{transform:scale(.92);}
.ent-anim.in{opacity:1;transform:none;}
.ent-anim-d1{transition-delay:.12s;}
.ent-anim-d2{transition-delay:.24s;}
.ent-anim-d3{transition-delay:.36s;}
@media (prefers-reduced-motion:reduce){.ent-anim,.ent-anim-left,.ent-anim-right,.ent-anim-scale{opacity:1;transform:none;transition:none;}}

/* 产品标题链接去除下划线（浏览器默认 a 下划线） */
.tg-list-title,.tg-card-title,.tg-sc-title,.tg-float-title,.tg-list-title:hover{text-decoration:none;}

/* ===== 现场图集独立区块（横向全屏） ===== */
.pb-section.tg-gallery-section{background:linear-gradient(180deg,#f4f6fa 0%,#fff 100%);margin-left:-15px;margin-right:-15px;}
.tg-gallery-wrap{width:100%;max-width:none;padding:0 24px;}

/* ===== 视频介绍独立区块（横向全屏） ===== */
.pb-section.tg-video-section{background:#fff;margin-left:-15px;margin-right:-15px;}
.tg-video-wrap{width:100%;max-width:none;padding:0 24px;}

/* 幻灯轮播 */
.tg-slider{position:relative;background:#0d1220;border-radius:18px;overflow:hidden;box-shadow:0 18px 50px rgba(13,18,32,.28);}
.tg-slider-viewport{position:relative;overflow:hidden;}
.tg-slider-track{display:flex;transition:transform .65s cubic-bezier(.25,.1,.25,1);will-change:transform;}
.tg-slide{min-width:100%;position:relative;aspect-ratio:16/9;}
.tg-slide img{width:100%;height:100%;object-fit:cover;display:block;}
.tg-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:44px;height:44px;border-radius:50%;border:none;background:rgba(255,255,255,.14);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .25s,transform .25s;backdrop-filter:blur(6px);padding:0;}
.tg-slider-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.5;}
.tg-slider-arrow:hover{background:rgba(255,255,255,.32);transform:translateY(-50%) scale(1.06);}
.tg-slider-prev{left:16px;}
.tg-slider-next{right:16px;}
.tg-slider-dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);z-index:6;display:flex;gap:8px;}
.tg-slider-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer;transition:all .3s;}
.tg-slider-dot.active{width:24px;border-radius:6px;background:#fff;}
.tg-slider-badge{position:absolute;top:14px;left:14px;z-index:6;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#fff;background:rgba(13,18,32,.55);padding:5px 14px;border-radius:20px;backdrop-filter:blur(6px);}
.tg-slider-badge svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;}

/* 视频块 */
.tg-video{position:relative;background:#0d1220;border-radius:18px;overflow:hidden;box-shadow:0 18px 50px rgba(13,18,32,.28);display:flex;flex-direction:column;}
.tg-video-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#fff;background:linear-gradient(135deg,#ff6b35,#ff3d2e);padding:5px 14px;border-radius:20px;position:absolute;top:14px;left:14px;z-index:6;box-shadow:0 4px 12px rgba(255,61,46,.35);}
.tg-video-tag svg{width:13px;height:13px;fill:currentColor;}
.tg-video-frame{position:relative;flex:1;min-height:0;aspect-ratio:16/9;}
.tg-video-frame video,.tg-video-frame iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;object-fit:cover;background:#0d1220;}
.tg-video-frame video{cursor:pointer;}
.tg-video-empty{display:flex;align-items:center;justify-content:center;height:100%;min-height:200px;color:rgba(255,255,255,.6);font-size:14px;}

/* ===== 专题介绍卡片化 ===== */
.topic-intro-card{background:#fff;border:1px solid var(--ent-line);border-radius:18px;padding:34px 38px;box-shadow:0 10px 34px rgba(0,0,0,.06);position:relative;overflow:hidden;}
.topic-intro-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--ent-primary,#2563eb),#7c3aed,#ff6b35);}
.topic-intro-content{font-size:14px;line-height:2;color:#555;}
.topic-intro-content img{max-width:100%;height:auto;border-radius:10px;}
.topic-intro-content p{margin:0 0 14px;}
.topic-intro-content ul,.topic-intro-content ol{padding-left:22px;margin:0 0 14px;}

/* ===== 产品+介绍 图文交替布局（goods_style=4） ===== */
.tg-float-list{display:flex;flex-direction:column;gap:36px;}
.tg-float-row{display:grid;grid-template-columns:380px 1fr;align-items:stretch;background:#fff;border:1px solid #eef1f6;border-radius:24px;overflow:hidden;box-shadow:0 4px 24px rgba(20,40,90,.06);transition:transform .5s cubic-bezier(.22,.61,.36,1),box-shadow .5s,border-color .5s;}
.tg-float-row:hover{box-shadow:0 28px 64px rgba(20,40,90,.14);transform:translateY(-6px);border-color:rgba(37,99,235,.2);}
.tg-float-row.tg-float-rev{grid-template-columns:1fr 380px;}
.tg-float-row.tg-float-rev .tg-float-media{order:2;}
.tg-float-row.tg-float-rev .tg-float-body{order:1;}
.tg-float-media{position:relative;overflow:hidden;background:var(--ent-bg,#f5f6f8);aspect-ratio:1/1;}
.tg-float-media a{display:block;width:100%;height:100%;position:relative;}
.tg-float-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.25,.46,.45,.94);}
.tg-float-row:hover .tg-float-media img{transform:scale(1.07);}
.tg-float-media .iconfont{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:52px;color:#9aa4b2;}
.tg-float-num{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;font-size:13px;font-weight:700;letter-spacing:2px;color:var(--ent-primary,#2563eb);}
.tg-float-num::before{content:'';width:28px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--ent-primary,#2563eb),var(--ent-accent,#ff7a18));}
.tg-float-body{display:flex;flex-direction:column;align-items:flex-start;padding:32px 40px;min-width:0;}
.tg-float-title{font-size:22px;font-weight:700;color:#1c2434;line-height:1.5;margin:0 0 14px;min-height:66px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;text-decoration:none;transition:color .3s;}
.tg-float-row:hover .tg-float-title{color:var(--ent-primary,#2563eb);}
.tg-float-brief,.tg-float-intro{font-size:14px;line-height:1.9;color:#667085;margin:0 0 20px;min-height:54px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;padding-left:16px;border-left:3px solid var(--ent-line,#e6e9ef);}
.tg-float-intro p{margin:0;}
.tg-float-body .pb-goods-btns{width:100%;}

/* 专题页标准网格卡片（覆盖全局 pb-card，仅专题详情页作用域） */
.pb-section .pb-card{border-radius:16px;border-color:#eef1f6;box-shadow:0 2px 16px rgba(20,40,90,.06);transition:transform .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s,border-color .45s;}
.pb-section .pb-card:hover{box-shadow:0 24px 56px rgba(20,40,90,.13);transform:translateY(-6px);border-color:rgba(37,99,235,.18);}
.pb-section .pb-card-pic{position:relative;overflow:hidden;}
.pb-section .pb-card-pic img{transition:transform .65s cubic-bezier(.25,.46,.45,.94);}
.pb-section .pb-card:hover .pb-card-pic img{transform:scale(1.08);}
.pb-section .pb-card-pic::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,0) 55%,rgba(15,23,42,.32));opacity:0;transition:opacity .45s;z-index:1;}
.pb-section .pb-card:hover .pb-card-pic::after{opacity:1;}
.pb-section .pb-card-body{padding:20px 22px 22px;}
.pb-section .pb-card-title{font-size:15px;margin-bottom:0;text-decoration:none;}

/* ===== 专题 hero 入场动画 ===== */
.sol-hero-text>*{animation:tgHeroUp .8s cubic-bezier(.22,.61,.36,1) both;}
.sol-hero-text>*:nth-child(1){animation-delay:.05s;}
.sol-hero-text>*:nth-child(2){animation-delay:.18s;}
.sol-hero-text>*:nth-child(3){animation-delay:.32s;}
@keyframes tgHeroUp{from{opacity:0;transform:translateY(26px);}to{opacity:1;transform:none;}}
@media (prefers-reduced-motion:reduce){.sol-hero-text>*{animation:none;}}

/* ===== H5 自适应 ===== */
@media (max-width:1100px){
  .tg-float-row{grid-template-columns:1fr;}
  .tg-float-row.tg-float-rev{grid-template-columns:1fr;}
  .tg-float-row.tg-float-rev .tg-float-media{order:1;}
  .tg-float-row.tg-float-rev .tg-float-body{order:2;}
  .tg-float-media{min-height:0;aspect-ratio:16/9;}
  .tg-float-body{padding:28px 26px;}
  .tg-float-title{font-size:19px;}
  .topic-intro-card{padding:26px 24px;}
}
@media (max-width:760px){
  .tg-slider-arrow{width:36px;height:36px;}
  .tg-slider-arrow svg{width:16px;height:16px;}
  .tg-slider-prev{left:10px;}
  .tg-slider-next{right:10px;}
  .tg-float-intro{-webkit-line-clamp:3;}
  .tg-video-frame{min-height:220px;}
}

/* hover 上移（提权覆盖 .ent-anim.in 的 transform:none，入场动画结束后 hover 仍有效） */
.ent-anim.in.tg-card:hover,.ent-anim.in.tg-sc-card:hover,.ent-anim.in.tg-float-row:hover{transform:translateY(-6px);}
.ent-anim.in.tg-list-item:hover{transform:translateY(-6px);}
/* 模块之间不显示分隔线（用户反馈标题下有横线） */
.pb-section ~ .pb-section{border-top:none;box-shadow:none;}