/* ============================================================
   首页推广轮播 v4 —— 6张 slide（Telegram/FB/ChatGPT/Twitter/Threads/YouTube）
   设计稿 2320x435，用 transform:scale 等比缩放，锁定高度 180px。
   所有规则限定在 .promo-carousel 作用域内，避免污染全站通用 class。
   ============================================================ */

.promo-carousel{position:relative;overflow:hidden;border-radius:16px;}
.promo-carousel .slider-outer{width:100%;height:180px;overflow:hidden;}
.promo-carousel .wrap{position:relative;width:100%;height:180px;}
.promo-carousel .slider{width:100%;height:180px;position:relative;overflow:hidden;}
.promo-carousel .slides{display:flex;width:100%;height:100%;transition:transform .52s cubic-bezier(.4,0,.2,1);}
.promo-carousel .slide{min-width:100%;width:100%;flex:0 0 100%;height:180px;position:relative;overflow:hidden;display:flex;align-items:center;font-family:'Noto Sans SC','PingFang SC','Microsoft YaHei','Hiragino Sans GB',sans-serif;}

.promo-carousel .arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:20;transition:background .2s;backdrop-filter:blur(6px);}
.promo-carousel .arrow:hover{background:rgba(255,255,255,.22);}
.promo-carousel .arrow svg{width:14px;height:14px;}
.promo-carousel .arrow-l{left:16px;}.promo-carousel .arrow-r{right:16px;}
.promo-carousel .dots{position:absolute;bottom:16px;right:24px;display:flex;gap:8px;z-index:20;}
.promo-carousel .dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.3);cursor:pointer;border:none;transition:all .3s;padding:0;}
.promo-carousel .dot.active{background:#fff;width:28px;border-radius:5px;}

/* shared layout */
.promo-carousel .content{position:relative;z-index:3;width:100%;padding:14px 56px;display:flex;flex-direction:column;justify-content:center;height:100%;box-sizing:border-box;}
.promo-carousel .deco-ico{position:absolute;right:48px;top:50%;transform:translateY(-50%);pointer-events:none;z-index:10;}
.promo-carousel .deco-ico svg{width:140px;height:140px;}

.promo-carousel .badge{display:inline-flex;align-items:center;gap:6px;border-radius:6px;padding:3px 10px;margin-bottom:6px;width:fit-content;font-size:9px;font-weight:700;letter-spacing:.5px;}
.promo-carousel .bdot{width:7px;height:7px;border-radius:50%;animation:promoBlink 1.6s ease-in-out infinite;flex-shrink:0;}
@keyframes promoBlink{0%,100%{opacity:1;}50%{opacity:.3;}}

.promo-carousel .s-title{font-size:23px;font-weight:900;line-height:1.1;margin-bottom:6px;letter-spacing:-.5px;color:#fff;}

.promo-carousel .price-row{display:flex;align-items:baseline;gap:6px;margin-bottom:6px;}
.promo-carousel .p-num{font-size:24px;font-weight:900;line-height:1;}
.promo-carousel .p-unit{font-size:11px;font-weight:400;color:rgba(255,255,255,.45);}
.promo-carousel .p-orig{font-size:10px;color:rgba(255,255,255,.3);text-decoration:line-through;}
.promo-carousel .p-save{font-size:9px;font-weight:800;color:#fff;background:linear-gradient(90deg,#f59e0b,#ef4444);padding:2px 7px;border-radius:20px;}
.promo-carousel .p-note{font-size:10px;color:rgba(255,255,255,.4);}

.promo-carousel .s-sub{font-size:11px;color:rgba(255,255,255,.65);line-height:1.4;margin-bottom:6px;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.promo-carousel .s-sub b{color:rgba(255,255,255,.92);font-weight:700;}

.promo-carousel .feat-row{display:flex;align-items:center;gap:32px;margin-bottom:7px;}
.promo-carousel .feat-row .feat-2col,.promo-carousel .feat-row .feat-grid{margin-bottom:0;}
.promo-carousel .feat-row .cta{margin-left:0;flex-shrink:0;}
.promo-carousel .feat-grid{display:grid;grid-template-columns:auto auto auto;justify-content:start;gap:4px 28px;margin-bottom:7px;max-width:62%;}
.promo-carousel .feat-2col{display:grid;grid-template-columns:auto auto;justify-content:start;gap:4px 28px;margin-bottom:7px;max-width:46%;}
.promo-carousel .feat-item{font-size:10px;color:rgba(255,255,255,.78);display:flex;align-items:flex-start;gap:6px;line-height:1.3;}

.promo-carousel .pills{display:flex;gap:7px;flex-wrap:wrap;align-items:center;}
.promo-carousel .pill{font-size:9px;padding:4px 11px;border-radius:6px;display:flex;align-items:center;gap:5px;font-weight:600;}
.promo-carousel .chk{font-weight:900;}
.promo-carousel .cta{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;padding:6px 16px;border-radius:6px;text-decoration:none;color:#fff;margin-left:10px;white-space:nowrap;}

/* ══════════ ① Telegram — 深青蓝 ══════════ */
.promo-carousel .s1{background:linear-gradient(110deg,#032433 0%,#044457 50%,#066072 100%);}
.promo-carousel .s1::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 160% at 100% 50%,rgba(41,232,216,.22) 0%,rgba(0,200,190,.08) 50%,transparent 85%);pointer-events:none;}
.promo-carousel .s1::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(0,200,200,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,200,200,.05) 1px,transparent 1px);background-size:54px 54px;pointer-events:none;}
.promo-carousel .s1 .badge{background:rgba(0,210,200,.12);border:1px solid rgba(0,210,200,.3);color:#00d4c8;}
.promo-carousel .s1 .bdot{background:#00d4c8;box-shadow:0 0 8px #00d4c8;}
.promo-carousel .s1 .hl{color:#29e8d8;text-shadow:0 0 24px rgba(41,232,216,.5);}
.promo-carousel .s1 .bot-big{font-size:15px;font-weight:900;color:#29e8d8;text-shadow:0 0 26px rgba(41,232,216,.5);line-height:1;margin-bottom:5px;display:flex;align-items:center;gap:8px;}
.promo-carousel .s1 .bot-big .sub-hl{font-size:10px;color:rgba(255,255,255,.48);font-weight:400;}
.promo-carousel .s1 .p-num{color:#29e8d8;text-shadow:0 0 22px rgba(41,232,216,.48);}
.promo-carousel .s1 .pa{background:rgba(41,232,216,.12);color:#29e8d8;border:1px solid rgba(41,232,216,.26);}
.promo-carousel .s1 .pb{background:rgba(0,180,140,.11);color:#00e0a8;border:1px solid rgba(0,180,140,.24);}
.promo-carousel .s1 .pc{background:rgba(255,255,255,.07);color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.13);}
.promo-carousel .s1 .cta{background:linear-gradient(135deg,#00a896,#00d4c0);box-shadow:0 0 28px rgba(0,212,192,.3);}

/* ══════════ ② Facebook — 深蓝+金 ══════════ */
.promo-carousel .s2{background:linear-gradient(110deg,#081530 0%,#0e2a54 55%,#13315f 100%);}
.promo-carousel .s2::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 130% at 100% 50%,rgba(255,200,0,.14) 0%,rgba(255,180,0,.04) 45%,transparent 72%);pointer-events:none;}
.promo-carousel .s2::after{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,200,0,.04) 1px,transparent 1px);background-size:36px 36px;pointer-events:none;}
.promo-carousel .s2 .badge{background:rgba(255,200,0,.13);border:1px solid rgba(255,200,0,.3);color:#ffd000;}
.promo-carousel .s2 .bdot{background:#ffd000;box-shadow:0 0 8px #ffd000;}
.promo-carousel .s2 .hl{color:#ffd000;text-shadow:0 0 22px rgba(255,208,0,.5);}
.promo-carousel .s2 .feat-dot{width:7px;height:7px;border-radius:50%;background:#ffd000;flex-shrink:0;margin-top:4px;}
.promo-carousel .s2 .pa{background:rgba(255,200,0,.14);color:#ffd000;border:1px solid rgba(255,200,0,.3);}
.promo-carousel .s2 .pb{background:rgba(255,255,255,.07);color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.13);}
.promo-carousel .s2 .cta{background:linear-gradient(135deg,#1565c0,#ffd000);color:#000;}

/* ══════════ ③ ChatGPT — 深森绿 ══════════ */
.promo-carousel .s3{background:linear-gradient(110deg,#042414 0%,#064a28 50%,#097038 100%);}
.promo-carousel .s3::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 160% at 100% 50%,rgba(52,211,153,.22) 0%,rgba(16,163,127,.08) 50%,transparent 85%);pointer-events:none;}
.promo-carousel .s3::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(16,163,127,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(16,163,127,.05) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;}
.promo-carousel .s3 .badge{background:rgba(16,163,127,.14);border:1px solid rgba(16,163,127,.32);color:#10a37f;}
.promo-carousel .s3 .bdot{background:#10a37f;box-shadow:0 0 8px #10a37f;}
.promo-carousel .s3 .hl{color:#34d399;text-shadow:0 0 22px rgba(52,211,153,.45);}
.promo-carousel .s3 .p-num{background:linear-gradient(90deg,#10a37f,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.promo-carousel .s3 .pa{background:rgba(16,163,127,.13);color:#34d399;border:1px solid rgba(16,163,127,.27);}
.promo-carousel .s3 .pb{background:rgba(6,182,212,.11);color:#67e8f9;border:1px solid rgba(6,182,212,.25);}
.promo-carousel .s3 .pc{background:rgba(255,255,255,.07);color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.13);}
.promo-carousel .s3 .cta{background:linear-gradient(135deg,#059669,#10a37f);box-shadow:0 0 26px rgba(16,163,127,.3);}

/* ══════════ ④ Twitter — 纯黑+电蓝 ══════════ */
.promo-carousel .s4{background:linear-gradient(110deg,#020812 0%,#06182e 50%,#0c2848 100%);}
.promo-carousel .s4::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 160% at 100% 50%,rgba(56,189,248,.22) 0%,rgba(14,165,233,.08) 50%,transparent 85%);pointer-events:none;}
.promo-carousel .s4::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(14,165,233,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(14,165,233,.04) 1px,transparent 1px);background-size:52px 52px;pointer-events:none;}
.promo-carousel .s4 .badge{background:rgba(14,165,233,.12);border:1px solid rgba(14,165,233,.28);color:#38bdf8;}
.promo-carousel .s4 .bdot{background:#38bdf8;box-shadow:0 0 8px #38bdf8;}
.promo-carousel .s4 .hl{color:#38bdf8;text-shadow:0 0 22px rgba(56,189,248,.5);}
.promo-carousel .s4 .p-num{color:#38bdf8;text-shadow:0 0 22px rgba(56,189,248,.44);}
.promo-carousel .s4 .feat-ic{color:#38bdf8;font-weight:900;flex-shrink:0;}
.promo-carousel .s4 .pa{background:rgba(14,165,233,.12);color:#38bdf8;border:1px solid rgba(14,165,233,.26);}
.promo-carousel .s4 .pb{background:rgba(255,255,255,.07);color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.13);}
.promo-carousel .s4 .cta{background:linear-gradient(135deg,#0284c7,#38bdf8);box-shadow:0 0 24px rgba(56,189,248,.28);margin-left:0;}

/* ══════════ ⑤ Threads — 深紫霓虹 ══════════ */
.promo-carousel .s5{background:linear-gradient(110deg,#1a0438 0%,#380068 50%,#5e0998 100%);}
.promo-carousel .s5::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 160% at 100% 50%,rgba(240,171,252,.24) 0%,rgba(192,38,211,.08) 50%,transparent 85%);pointer-events:none;}
.promo-carousel .s5::after{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;}
.promo-carousel .s5 .badge{background:rgba(240,171,252,.12);border:1px solid rgba(240,171,252,.26);color:#f0abfc;}
.promo-carousel .s5 .bdot{background:#f0abfc;box-shadow:0 0 8px #f0abfc;}
.promo-carousel .s5 .hl{color:#f0abfc;text-shadow:0 0 22px rgba(240,171,252,.5);}
.promo-carousel .s5 .flags-big{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px;}
.promo-carousel .s5 .flag-chip{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:2px 9px;font-size:9px;color:#fff;display:flex;align-items:center;gap:5px;font-weight:700;}
.promo-carousel .s5 .flag-chip .fn{font-size:9px;color:rgba(255,255,255,.82);}
.promo-carousel .s5 .deco-ico{right:60px;}
.promo-carousel .s5 .pa{background:rgba(192,38,211,.2);color:#f0abfc;border:1px solid rgba(192,38,211,.34);}
.promo-carousel .s5 .pb{background:rgba(255,255,255,.08);color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.14);}
.promo-carousel .s5 .cta{background:linear-gradient(135deg,#9333ea,#ec4899);box-shadow:0 0 24px rgba(147,51,234,.32);}

/* ══════════ ⑥ YouTube — 深红橙 ══════════ */
.promo-carousel .s6{background:linear-gradient(110deg,#2a0808 0%,#561010 50%,#7d1818 100%);}
.promo-carousel .s6::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 160% at 100% 50%,rgba(255,90,40,.24) 0%,rgba(255,60,0,.08) 50%,transparent 85%);pointer-events:none;}
.promo-carousel .s6::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,80,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,80,0,.05) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;}
.promo-carousel .s6 .badge{background:rgba(255,80,0,.14);border:1px solid rgba(255,80,0,.3);color:#ff9060;}
.promo-carousel .s6 .bdot{background:#ff6040;box-shadow:0 0 8px #ff6040;}
.promo-carousel .s6 .hl{color:#ff6040;text-shadow:0 0 22px rgba(255,80,40,.5);}
.promo-carousel .s6 .p-num{color:#ffd040;text-shadow:0 0 24px rgba(255,208,64,.45);}
.promo-carousel .s6 .feat-ic{color:#ff9060;font-weight:900;flex-shrink:0;}
.promo-carousel .s6 .pa{background:rgba(255,60,0,.13);color:#ff9060;border:1px solid rgba(255,60,0,.26);}
.promo-carousel .s6 .pb{background:rgba(255,200,0,.11);color:#ffd040;border:1px solid rgba(255,200,0,.24);}
.promo-carousel .s6 .pc{background:rgba(255,255,255,.07);color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.13);}
.promo-carousel .s6 .cta{background:linear-gradient(135deg,#cc0000,#ff4500);box-shadow:0 0 26px rgba(204,0,0,.34);margin-left:0;}

/* ============ 移动端：保留 PC 全部内容，仅整体缩小字号、收紧间距适应窄屏 ============ */
@media (max-width:768px){
  .promo-carousel{border-radius:12px;}
  .promo-carousel .slider-outer,
  .promo-carousel .wrap,
  .promo-carousel .slider,
  .promo-carousel .slide{height:160px;}

  /* logo 沉到文字底下、淡化，避免盖字 */
  .promo-carousel .deco-ico{opacity:.08;right:6px;z-index:1;}
  .promo-carousel .deco-ico svg{width:84px;height:84px;}

  /* 手机端每张只保留：badge + 标题 + 价格 + 按钮 */
  .promo-carousel .content{padding:14px 20px;max-width:100%;}
  .promo-carousel .badge{font-size:9px;padding:2px 9px;margin-bottom:7px;letter-spacing:.3px;}
  .promo-carousel .s-title{font-size:16px;margin-bottom:7px;line-height:1.15;}

  /* 价格区缩小（保留显示） */
  .promo-carousel .price-row{gap:5px;margin-bottom:9px;}
  .promo-carousel .p-num{font-size:20px;}
  .promo-carousel .p-unit{font-size:10px;}
  .promo-carousel .p-orig{font-size:9px;}
  .promo-carousel .p-save{font-size:8px;padding:1px 6px;}
  .promo-carousel .p-note{font-size:9px;}

  /* 隐藏次要内容：自助下单行、说明文字、标签框、特性、国旗 */
  .promo-carousel .s1 .bot-big{display:none;}
  .promo-carousel .s-sub{display:none;}
  .promo-carousel .pill{display:none;}
  .promo-carousel .feat-grid,
  .promo-carousel .feat-2col{display:none;}
  .promo-carousel .flags-big{display:none;}
  /* feat-row 里只剩按钮 */
  .promo-carousel .feat-row{display:block;}
  .promo-carousel .cta{font-size:11px;font-weight:800;padding:6px 18px;margin-left:0;margin-top:0;}

  /* 手机端隐藏箭头（靠触摸滑动 + 圆点切换，跟旧版一致） */
  .promo-carousel .arrow{display:none;}
}