/* 基础重置样式 */
*,*::before,*::after{box-sizing:border-box}
*{margin:0}
body{
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  max-width:500PX;
  margin:0 auto;
  min-height:100%;
  background:#fdefe6;
  color:#000;
  font-size:0;
  font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  padding-bottom:0.2rem;
  --gap: 0.16rem;
}
html{height:100%;background:#53545c}
img,picture,video,canvas,svg{display:block;max-width:100%}
input,button,textarea,select{font:inherit}
p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}
p{text-wrap:pretty}
h1,h2,h3,h4,h5,h6{text-wrap:balance}
#root,#__next{isolation:isolate}
ul{list-style:none}
a,a:hover,a:focus,a:active{color:inherit;text-decoration:none}
div{box-sizing:border-box}

/* 布局类 */
[flex]{display:flex}
[flex-center]{display:flex;align-items:center;justify-content:center}
[flex-between]{justify-content:space-between}
[flex-middle]{align-items:center}
[flex-bottom]{align-items:flex-end}
[flex-1]{flex:1}
[mla]{margin-left:auto}
[column-two]{display:grid;grid-template-columns:1fr 1fr;gap:0.16rem;margin-top:0.16rem}
[wp100]{width:100%}
[p8]{padding:0.16rem}

/* 通用组件样式 */
[cover]{overflow:hidden}
[cover] img{width:100%;height:100%;border-radius:0.2rem}
[card]{padding:0.16rem}
[txt-hidden]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* 跑马灯样式 */
[marquee] {
    display: flex;
    height: 0.8rem;
    padding: 0.14rem 0.24rem;
    align-items: center;
    gap: 0.16rem;
    border-radius: 0.66rem;
    background: #fff;
    overflow: hidden;
}

[marquee] [icon] {
    width: 0.32rem;
    height: 0.32rem;
    flex-shrink: 0;
    background: url("../image/icon-bar.svg") center/cover no-repeat
}

[marquee] [msg] {
    flex: 1;
    color: #77636b;
    overflow: hidden;
    position: relative;
}

[marquee] p {
    display: inline-block;
    padding-left: 100%;
    white-space: nowrap;
    font-size: 0.26rem;
    line-height: 0.44rem;
    animation: marqueeScroll 20s ease-in-out infinite;
    animation-delay: 1s;
}

/* 鼠标悬停时暂停动画 */
[marquee]:hover p {
    animation-play-state: paused;
}

/* 优化后的跑马灯动画 */
@keyframes marqueeScroll {
  0% {
    transform: translate3d(0, 0, 0);
  }
  10% {
    transform: translate3d(0, 0, 0);
  }
  90% {
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

/* 图标样式 */
[icon-right]{width:0.16rem;height:0.16rem;background:url("../image/icon-right.svg") center/cover no-repeat}
[icon-more]{width:0.32rem;height:0.32rem;border-radius:1rem;margin-left:auto;background:url("../image/icon-more.svg") center/cover no-repeat}
[icon-like]{width:0.26rem;height:0.22rem;background:url("../image/icon-like.svg") center/cover no-repeat}
[icon-address]{width:0.2rem;height:0.26rem;background:url("../image/icon-address.svg") center/cover no-repeat}
[icon-more2]{display:flex;width:0.76rem;height:0.76rem;justify-content:center;align-items:center;border-radius:0.08rem;background:#fae4d7 url("https://fff.pdszyhj.com/static/img/icon-more2.svg") center/0.16rem 0.24rem no-repeat}
[icon-pay]{width:0.26rem;height:0.28rem;background:url("../image/icon-pay.svg") center/cover no-repeat}
[icon-star]{width:0.6rem;height:0.6rem;background:url("../image/icon-star.png") center/cover no-repeat}
[icon-good]{width:0.24rem;height:0.26rem;background:url("../image/icon-good.svg") center/cover no-repeat}

/* 顶部导航 */
[top-header]{
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:0.72rem;
  background:#fff;
  border-radius:0.24rem;
}
[top-header] p{
  width:0.72rem;
  height:0.6rem;
  background:url("../image/n2.png") 0 0/1.44rem 4.2rem no-repeat;
}
[top-header] div{
  display:flex;
  align-items:center;
  justify-content:center;
  width:1.44rem;
  height:0.72rem;
}
[top-header] div:nth-child(1) p{background-position-y:0px}
[top-header] div:nth-child(2) p{background-position-y:-0.6rem}
[top-header] div:nth-child(3) p{background-position-y:-1.2rem}
[top-header] div:nth-child(4) p{background-position-y:-2.4rem}
[top-header] div:nth-child(5) p{background-position-y:-3.6rem}
[top-header] div.active{
  background:linear-gradient(90deg, rgb(255, 141, 42) 0%, rgb(255, 92, 0) 100%);
  border-radius:0.24rem;
}
[top-header] div.active p{background-position-x:-0.72rem}

/* 轮播图 */
[s-main]{
  height:3.28rem;
}
[s-main] .swiper-slide{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
}
[s-main] a{
  position:absolute;
  left:50%;
  display:block;
  height:3.28rem;
  width:6rem;
  margin-left:-3rem;
}
[s-main] img{
  width:6rem;
  height:3.28rem;
  border-radius:0.2rem;
  overflow:hidden;
  transition:all .3s;
  object-fit:cover;
}
[s-main] .swiper-slide-prev{transform:translateX(0.6rem) !important}
[s-main] .swiper-slide-prev img{width:7.5rem;height:2.8rem}
[s-main] .swiper-slide-next{transform:translateX(-0.6rem) !important}
[s-main] .swiper-slide-next img{width:7.5rem;height:2.8rem}
.swiper .swiper-pagination-bullet{
  width:0.08rem;
  height:0.08rem;
  border-radius:50%;
  opacity:.2;
  background:#fff;
}
.swiper .swiper-pagination-bullet-active{
  width:0.16rem;
  height:0.08rem;
  border-radius:0.34rem;
  opacity:.6;
  background:#fff;
}

/* 热门导航 */
[n-hot]{
  display:grid;
  grid-gap:0.16rem 0.24rem;
  grid-template-columns:repeat(5, 1fr);
  margin-bottom:0.24rem;
}
[n-hot]>div{
  position:relative;
  display:block;
  cursor:pointer;
  width:1.24rem;
  text-align:center;
}
[n-hot]>div::after{
  content:"进入";
  display:flex;
  width:1.08rem;
  height:0.4rem;
  margin:0 auto;
  justify-content:center;
  align-items:center;
  font-size:0.22rem;
  color:#fff;
  border-radius:0.2rem;
  background:linear-gradient(90deg, #FF8D2A 0%, #FF5C00 100%),#fab525;
}
[n-hot] img{
  width:1.24rem;
  height:1.24rem;
  border-radius:0.2rem;
}
[n-hot] [name]{
  height:0.36rem;
  margin-top:0.08rem;
  font-size:0.24rem;
  line-height:0.28rem;
  color:#333;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
[n-hot] a{position:absolute;inset:0}

/* 文本网格 */
[txt-grid]{
  display:grid;
  grid-gap:0.08rem;
  grid-template-columns:repeat(3, 1fr);
  margin-bottom:0.24rem;
}
[txt-grid]>div{
  position:relative;
  display:flex;
  width:2.34rem;
  height:0.76rem;
  padding:0.12rem;
  align-items:center;
  flex-shrink:0;
  border-radius:0.12rem;
  background:#fff;
}
[txt-grid] img{
  width:0.32rem;
  height:0.32rem;
  border-radius:0.06rem;
}
[txt-grid] p{
  width:1.4rem;
  font-size:0.24rem;
  font-weight:600;
  overflow:hidden;
  margin-left:0.04rem;
  text-overflow:ellipsis;
}
[txt-grid] a{position:absolute;inset:0;display:block}

/* 标题样式 */
h2{
  position:relative;
  height:0.4rem;
  display:flex;
  align-items:center;
  color:#ff5f02;
  font-size:0.28rem;
  font-style:normal;
  font-weight:600;
  gap:0.08rem;
  margin-bottom:0.08rem;
}
h2::before{
  content:"";
  display:block;
  width:0.06rem;
  height:0.24rem;
  border-radius:0.34rem;
  background:#ff0e02;
}
h2 p{
  color:#666;
  font-size:0.26rem;
  font-weight:400;
  line-height:normal;
}

/* 游戏列表 */
[game-list]{
  display:grid;
  grid-gap:0.1rem;
  grid-template-columns:repeat(2, 1fr);
  margin-bottom:0.24rem;
}
[game-list]>div{
  position:relative;
  display:flex;
  align-items:center;
  width:3.54rem;
  height:0.96rem;
  padding:0 0.12rem;
  gap:0.16rem;
  border-radius:0.1rem;
  background:#fff;
}
[game-list] img{
  width:0.72rem;
  height:0.72rem;
  border-radius:0.2rem;
}
[game-list] dt{
  font-size:0.28rem;
  font-style:normal;
  font-weight:600;
}
[game-list] dd{
  color:#999;
  font-size:0.24rem;
  font-weight:400;
}
[game-list] a{position:absolute;inset:0;display:block}

/* 糖友列表 */
[sugar-list]{
  margin-bottom:0.24rem;
}
[sugar-list]>div{
  position:relative;
  display:flex;
  width:7.18rem;
  padding:0.16rem;
  align-items:flex-start;
  gap:0.16rem;
  border-radius:0.16rem;
  background:#fff;
  margin-bottom:0.04rem;
  color:#717597;
}
[sugar-list] [flex-1]{
  height:2.4rem;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  font-size:0.24rem;
}
[sugar-list] [img-left]{
  width:2.4rem;
  height:2.4rem;
  border-radius:0.08rem;
}
[sugar-list] h3{
  color:#002fc8;
  font-size:0.4rem;
  font-style:normal;
  font-weight:700;
  line-height:normal;
  margin-right:0.08rem;
}
[sugar-list] [label]{
  display:flex;
  width:1.08rem;
  height:0.36rem;
  justify-content:center;
  align-items:center;
  gap:0.2rem;
  border-radius:0.08rem;
  border:1px solid #bdccff;
  color:#97acf2;
  font-size:0.24rem;
}
[sugar-list] [like]{
  margin-left:auto;
  display:flex;
  min-width:1.34rem;
  height:0.46rem;
  padding:0.08rem 0.16rem;
  justify-content:center;
  align-items:center;
  gap:0.04rem;
  border-radius:0.54rem;
  color:#fff;
  font-size:0.24rem;
  background:linear-gradient(90deg, #0BF 0%, #9D00FF 100%),#fff;
}
[sugar-list] [info]{color:#000}
[sugar-list] [more]{
  display:flex;
  width:0.76rem;
  height:0.76rem;
  padding:0.32rem 0.36rem;
  justify-content:center;
  align-items:center;
  gap:0.2rem;
  border-radius:0.08rem;
  background:#fae4d7;
  color:#debfac;
  font-size:0.28rem;
}
[sugar-list] a{position:absolute;inset:0}
[sugar-list] [icon-address]{margin-right:0.12rem}
[sugar-list] [time]{margin-left:0.3rem}

/* 认证图标 */
[wrap-rz]{
  position:absolute;
  left:0.16rem;
  bottom:0.16rem;
  width:1.28rem;
  height:0.4rem;
  border-radius:0 0 0 0.08rem;
  overflow:hidden;
  background:url("../image/icon-rz.png") center/cover no-repeat;
}

/* 糖友更多 */
[sugar-more]{
  flex-direction:column;
  align-items:flex-start;
}
[sugar-more] p{
  width:4.2rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* 高亮文本 */
[light]{
  color:#ff5f02;
  font-size:0.24rem;
  font-style:normal;
  font-weight:600;
}

/* 时间样式 */
[time]{
  display:flex;
  align-items:center;
  color:#0fd457;
}
[time]::before{
  content:"";
  display:block;
  width:0.08rem;
  height:0.08rem;
  flex-shrink:0;
  background:#0fd457;
  fill:#5ee08e;
  border-radius:50%;
  margin-right:0.06rem;
  filter:drop-shadow(0px 0px 0.06rem #00FF09);
}

/* 直播列表 */
[live-list]{
  display:grid;
  grid-gap:0.08rem;
  grid-template-columns:repeat(2, 1fr);
  margin-bottom:0.24rem;
}
[live-list]>div{
  position:relative;
  width:3.54rem;
  height:6.42rem;
  border-radius:0.2rem;
  background:#fff;
  font-size:0.24rem;
  color:#999;
}
[live-list] [total]{
  position:absolute;
  left:0.08rem;
  top:0.08rem;
  display:flex;
  height:0.6rem;
  padding:0.2rem;
  align-items:center;
  gap:0.08rem;
  background:rgba(0,0,0,.3);
  border:1px solid rgba(255,255,255,.1);
  -webkit-backdrop-filter:blur(0.08rem);
  backdrop-filter:blur(0.08rem);
  border-radius:0.64rem;
  color:#fff;
  font-size:0.24rem;
}
[live-list] [icon-star]{
  position:absolute;
  right:0.08rem;
  top:0.08rem;
}
[live-list] [cover]{
  width:3.54rem;
  height:5.26rem;
  border-radius:0.16rem;
  overflow:hidden;
}
[live-list] h3{
  margin-top:0.16rem;
  margin-bottom:0.08rem;
  padding:0 0.16rem;
  color:#000;
  font-size:0.32rem;
  overflow:hidden;
  text-overflow:ellipsis;
}
[live-list] [time]{margin-left:0.16rem}
[live-list] [good]{
  display:flex;
  align-items:center;
  padding-right:0.16rem;
  color:#ff5f03;
}
[live-list] a{position:absolute;inset:0}

/* 视频列表 */
.video-list.grid-2x2{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0.24rem;
  margin-top: 0.24rem;
  padding: 0.16rem;
}

.video-list>div{
  position: relative;
  border-radius: 0.24rem;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 0.08rem 0.24rem rgba(0,0,0,0.08);
  transition: all 0.3s ease;
  cursor: pointer;
}

.video-list>div:hover{
  transform: translateY(-0.08rem);
  box-shadow: 0 0.16rem 0.48rem rgba(0,0,0,0.15);
}

.video-list [cover]{
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* 16:9 宽高比 */
  border-radius: 0.2rem 0.2rem 0 0;
  overflow: hidden;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.video-list [cover] img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.video-list>div:hover [cover] img{
  transform: scale(1.05);
}

.video-list [play-icon]{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1rem;
  height: 1rem;
  background: rgba(255,255,255,0.9);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(0.08rem);
  transition: all 0.3s ease;
  box-shadow: 0 0.04rem 0.16rem rgba(0,0,0,0.2);
}

.video-list [play-icon]:before{
  content: '';
  width: 0;
  height: 0;
  border-left: 0.24rem solid #333;
  border-top: 0.16rem solid transparent;
  border-bottom: 0.16rem solid transparent;
  margin-left: 0.04rem;
}

.video-list>div:hover [play-icon]{
  transform: translate(-50%, -50%) scale(1.1);
  background: rgba(255,255,255,1);
}

.video-list [duration]{
  position: absolute;
  right: 0.12rem;
  bottom: 0.12rem;
  padding: 0.04rem 0.12rem;
  background: rgba(0,0,0,0.8);
  border-radius: 0.12rem;
  color: #fff;
  font-size: 0.22rem;
  font-weight: 500;
  backdrop-filter: blur(0.04rem);
}

.video-list .video-content{
  padding: 0.2rem;
}

.video-list h3{
  margin: 0 0 0.16rem 0;
  color: #1a1a1a;
  font-size: 0.28rem;
  font-weight: 600;
  line-height: 0.4rem;
  height: 0.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.video-list .video-stats{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.12rem;
}

.video-list [hot-tag]{
  padding: 0.06rem 0.16rem;
  background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);
  color: #fff;
  border-radius: 0.16rem;
  font-size: 0.2rem;
  font-weight: 500;
  box-shadow: 0 0.02rem 0.08rem rgba(238, 90, 36, 0.3);
}

.video-list .play-count{
  color: #666;
  font-size: 0.22rem;
  display: flex;
  align-items: center;
  gap: 0.08rem;
}

.video-list .play-count:before{
  content: '▶';
  font-size: 0.18rem;
  color: #999;
}

.video-list .video-actions{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.08rem;
  border-top: 1px solid #f0f0f0;
}

.video-list [like-count]{
  display: flex;
  align-items: center;
  gap: 0.08rem;
  color: #ff6b6b;
  font-size: 0.22rem;
  font-weight: 500;
}

.video-list [like-count] [icon-like]{
  width: 0.28rem;
  height: 0.28rem;
  background: url("../image/icon-like.svg") center/cover no-repeat;
  filter: hue-rotate(0deg);
  transition: transform 0.2s ease;
}

.video-list>div:hover [like-count] [icon-like]{
  transform: scale(1.1);
}

.video-list .comment-count{
  color: #999;
  font-size: 0.22rem;
  display: flex;
  align-items: center;
  gap: 0.08rem;
}

.video-list .comment-count:before{
  content: '💬';
  font-size: 0.18rem;
}

.video-list a{
  position: absolute;
  inset: 0;
  z-index: 1;
}

/* 商城列表 */
.mall-list>div{
  position:relative;
  width:3.54rem;
  border-radius:0.2rem;
  background:#fff;
  font-size:0.24rem;
  color:#666;
}
.mall-list [cover]{
  position: relative;
  width:3.54rem;
  height:3.54rem;
  border-radius:0.1rem;
  overflow: hidden;
}
.mall-list [play-icon]{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.8rem;
  height: 0.8rem;
  background: url("https://fff.pdszyhj.com/static/img/icon-play.svg") center/cover no-repeat;
  opacity: 0.8;
}
.mall-list [duration]{
  position: absolute;
  right: 0.16rem;
  bottom: 0.16rem;
  padding: 0.04rem 0.08rem;
  background: rgba(0,0,0,0.6);
  border-radius: 0.08rem;
  color: #fff;
  font-size: 0.2rem;
}
.mall-list h3{
  margin-bottom:0.12rem;
  color:#000;
  font-size:0.28rem;
  line-height: 0.4rem;
  height: 0.8rem;
  overflow:hidden;
  text-overflow:ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.mall-list [hot-tag]{
  padding: 0.04rem 0.12rem;
  background: #ff5f02;
  color: #fff;
  border-radius: 0.08rem;
  font-size: 0.2rem;
}
.mall-list [like-count]{
  display: flex;
  align-items: center;
  gap: 0.04rem;
  color: #ff5f02;
}
.mall-list [like-count] [icon-like]{
  width: 0.24rem;
  height: 0.24rem;
  background: url("../image/icon-like.svg") center/cover no-repeat;
}
.mall-list a{position:absolute;inset:0}

/* 约会项目 */
[item-dating]{
  position:relative;
  display:flex;
  width:7.18rem;
  padding:0.16rem;
  flex-direction:column;
  align-items:flex-start;
  gap:0.16rem;
  border-radius:0.2rem;
  background:#fff;
  margin-bottom:0.08rem;
}
[item-dating] [avatar]{
  width:1.2rem;
  height:1.2rem;
  border-radius:50%;
}
[item-dating] dl{margin-left:0.24rem}
[item-dating] dt{color:#333;font-size:0.4rem}
[item-dating] dd{
  display:flex;
  padding:0 0.2rem;
  align-items:center;
  color:#717597;
  font-size:0.2rem;
  height:0.44rem;
  border-radius:0.14rem;
  border:1px solid rgba(0,0,0,.1);
}
[item-dating] .city{margin-left:0.08rem}
[item-dating] [tel]{
  display:flex;
  width:2.4rem;
  height:0.72rem;
  padding:0.2rem 0;
  justify-content:center;
  align-items:center;
  gap:0.2rem;
  border-radius:0.6rem;
  background:linear-gradient(90deg, #FF8D2A 0%, #FF5C00 100%),linear-gradient(90deg, #F1FF2F 0%, #24DD6E 100%),linear-gradient(90deg, #FF512F 0%, #F09819 100%);
  color:#fff;
  text-align:center;
  font-size:0.28rem;
  margin-left:auto;
}
[item-dating] [desc]{
  color:#333;
  font-size:0.24rem;
  font-style:normal;
  font-weight:400;
  line-height:0.4rem;
}
[item-dating] [view-list]{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  margin-top:0.4rem;
  gap:0.22rem;
}
[item-dating] [view-list] img{
  width:2.16rem;
  height:2.68rem;
  flex-shrink:0;
  border-radius:0.1rem;
}
[item-dating] a{position:absolute;inset:0;display:block}

/* 分页控制 */
.p-wrap .p-item{display:none}
.p-wrap .p-item.active{display:block}
.p-control{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:0.32rem;
  padding: 0.16rem;
}
.p-control .page-content{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0.16rem;
  margin-left:0.16rem;
  margin-right:0.16rem;
}
.p-control .page-item{
  width:0.8rem;
  height:0.8rem;
  border:2px solid #ff8d2a;
  border-radius:0.16rem;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:0.28rem;
  color:#ff8d2a;
  cursor:pointer;
  font-weight:600;
  background:#fff;
  transition: all 0.3s ease;
  box-shadow: 0 0.04rem 0.12rem rgba(255, 141, 42, 0.2);
}
.p-control .page-item:hover{
  transform: translateY(-0.04rem);
  box-shadow: 0 0.08rem 0.24rem rgba(255, 141, 42, 0.3);
}
.p-control .active{
  background: linear-gradient(135deg, #ff8d2a 0%, #ff5c00 100%);
  border-color: #ff5c00;
  color: #fff;
  transform: scale(1.1);
  box-shadow: 0 0.08rem 0.24rem rgba(255, 92, 0, 0.4);
}
.p-control .active:hover{
  transform: scale(1.1) translateY(-0.04rem);
}
.p-control .prev{
  background:#fff;
  border: 2px solid #ddd;
  transition: all 0.3s ease;
  position: relative;
}
.p-control .prev::before{
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 0.16rem;
  height: 0.16rem;
  border-left: 0.04rem solid #666;
  border-bottom: 0.04rem solid #666;
}
.p-control .prev:hover{
  border-color: #ff8d2a;
  background-color: #fff5f0;
}
.p-control .prev:hover::before{
  border-color: #ff8d2a;
}
.p-control .prev.disabled{
  opacity:.4;
  cursor:not-allowed;
  border-color: #eee;
}
.p-control .prev.disabled::before{
  border-color: #ccc;
}
.p-control .prev.disabled:hover{
  transform: none;
  border-color: #eee;
  background-color: #fff;
}
.p-control .prev.disabled:hover::before{
  border-color: #ccc;
}
.p-control .next{
  background:#fff;
  border: 2px solid #ddd;
  transition: all 0.3s ease;
  position: relative;
}
.p-control .next::before{
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(135deg);
  width: 0.16rem;
  height: 0.16rem;
  border-left: 0.04rem solid #666;
  border-bottom: 0.04rem solid #666;
}
.p-control .next:hover{
  border-color: #ff8d2a;
  background-color: #fff5f0;
}
.p-control .next:hover::before{
  border-color: #ff8d2a;
}
.p-control .next.disabled{
  opacity:.4;
  cursor:not-allowed;
  border-color: #eee;
}
.p-control .next.disabled::before{
  border-color: #ccc;
}
.p-control .next.disabled:hover{
  transform: none;
  border-color: #eee;
  background-color: #fff;
}
.p-control .next.disabled:hover::before{
  border-color: #ccc;
}

/* 动画 */
/* 删除旧的跑马灯动画，已被marqueeScroll替代 */

/* 底飘广告组件 */
.kefurdsq {
  position: fixed;
  bottom: 0.2rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  width: 7rem;
  max-width: calc(100vw - 0.32rem);
  animation: slideInUp 0.5s ease-out;
}

.kefurdsq-con {
  position: relative;
  display: flex;
  align-items: center;
  background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%);
  border-radius: 0.24rem;
  padding: 0.16rem;
  box-shadow: 0 0.16rem 0.48rem rgba(0, 0, 0, 0.15), 
              0 0.08rem 0.24rem rgba(0, 0, 0, 0.1);
  border: 2px solid #ff8d2a;
  gap: 0.16rem;
  overflow: hidden;
}

.kefurdsq-con::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0.04rem;
  background: linear-gradient(90deg, #ff8d2a 0%, #ff5c00 100%);
}

.kefurdsq-pic {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 0.16rem;
  overflow: hidden;
  flex-shrink: 0;
  background: linear-gradient(135deg, #ff8d2a 0%, #ff5c00 100%);
  padding: 0.02rem;
}

.kefurdsq-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.14rem;
}

.kefurdsq-content {
  flex: 1;
  min-width: 0;
}

.kefurdsq-text {
  color: #1a1a1a;
  font-size: 0.32rem;
  font-weight: 700;
  line-height: 0.4rem;
  margin-bottom: 0.04rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kefurdsq-wenan {
  color: #666;
  font-size: 0.24rem;
  line-height: 0.32rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kefurdsq-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.16rem 0.32rem;
  background: linear-gradient(135deg, #ff8d2a 0%, #ff5c00 100%);
  color: #fff;
  font-size: 0.26rem;
  font-weight: 600;
  border-radius: 0.2rem;
  box-shadow: 0 0.04rem 0.16rem rgba(255, 92, 0, 0.3);
  transition: all 0.3s ease;
  flex-shrink: 0;
  min-width: 1.6rem;
  text-align: center;
}

.kefurdsq-btn:hover {
  transform: translateY(-0.02rem);
  box-shadow: 0 0.08rem 0.24rem rgba(255, 92, 0, 0.4);
}

.kefurdsq-close {
  position: absolute;
  top: -0.08rem;
  right: -0.08rem;
  width: 0.48rem;
  height: 0.48rem;
  background: #666;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.32rem;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 10;
  line-height: 1;
}

.kefurdsq-close:hover {
  background: #333;
  transform: scale(1.1);
}

#kefurdsqLink {
  position: absolute;
  inset: 0;
  z-index: 5;
  border-radius: 0.24rem;
}

/* 底飘动画 */
@keyframes slideInUp {
  from {
    transform: translateX(-50%) translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
  }
}

@keyframes slideOutDown {
  from {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
  }
  to {
    transform: translateX(-50%) translateY(100%);
    opacity: 0;
  }
}

.kefurdsq.hide {
  animation: slideOutDown 0.3s ease-in forwards;
}

/* 响应式适配 */
@media (max-width: 375px) {
  .kefurdsq {
    width: 6.5rem;
  }
  
  .kefurdsq-con {
    padding: 0.12rem;
    gap: 0.12rem;
  }
  
  .kefurdsq-pic {
    width: 1rem;
    height: 1rem;
  }
  
  .kefurdsq-text {
    font-size: 0.28rem;
  }
  
  .kefurdsq-wenan {
    font-size: 0.22rem;
  }
  
  .kefurdsq-btn {
    padding: 0.12rem 0.24rem;
    font-size: 0.24rem;
    min-width: 1.4rem;
  }
}