.elementor-37 .elementor-element.elementor-element-a5fc425{--display:flex;}.elementor-37 .elementor-element.elementor-element-a5fc425.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-37 .elementor-element.elementor-element-23970ec{--display:flex;}.elementor-widget-post-navigation span.post-navigation__prev--label{color:var( --e-global-color-text );}.elementor-widget-post-navigation span.post-navigation__next--label{color:var( --e-global-color-text );}.elementor-widget-post-navigation span.post-navigation__prev--label, .elementor-widget-post-navigation span.post-navigation__next--label{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-post-navigation span.post-navigation__prev--title, .elementor-widget-post-navigation span.post-navigation__next--title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-37 .elementor-element.elementor-element-705f542{--display:flex;}.elementor-37 .elementor-element.elementor-element-705f542.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-37 .elementor-element.elementor-element-1c05fa8{--display:flex;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-37 .elementor-element.elementor-element-a5fc425{--width:1600px;--min-height:1440px;}}@media(min-width:768px){.elementor-37 .elementor-element.elementor-element-a5fc425{--width:110.714%;}.elementor-37 .elementor-element.elementor-element-705f542{--width:98.109%;}}/* Start custom CSS for container, class: .elementor-element-a5fc425 */.offer-card {
    background: #0b1020;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.1);
    box-shadow: 0 10px 25px rgba(0,0,0,0.5);
    transition: 0.2s ease;
    width: 280px; /* optional, remove if using grid */
}

.offer-card:hover {
    transform: translateY(-4px);
    border-color: rgba(52,211,153,0.7);
}


/* Banner / image */
.offer-banner {
    position: relative;
    height: 170px;
    overflow: hidden;
}

.offer-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Badges */
.banner-top {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}

.badge {
    background: #22c55e;
    padding: 4px 10px;
    border-radius: 20px;
    color: #022c22;
    font-weight: bold;
}

.rating {
    background: rgba(15,23,42,0.8);
    padding: 4px 10px;
    border-radius: 20px;
    color: #facc15;
}

/* Body */
.offer-body {
    padding: 16px 18px 8px;
}

.offer-title {
    font-size: 18px;
    font-weight: 700;
}

.offer-desc {
    font-size: 13px;
    color: #9ca3af;
    margin-top: 5px;
}

.offer-meta {
    margin-top: 10px;
    font-size: 12px;
    color: #9ca3af;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* Button LINK */
.offer-btn {
    display: block;
    width: calc(100% - 36px);
    margin: 14px 18px 18px;
    padding: 12px 0;
    background: #16a34a;
    color: #ecfdf5;
    font-weight: 700;
    border-radius: 30px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    box-shadow: 0 10px 20px rgba(22,163,74,0.4);
    transition: 0.2s;
}

.offer-btn:hover {
    background: #22c55e;
}

.offers-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d2fc965 */.card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 14px;
}

/* CARD */
.card-img {
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #060a16;
}

.card-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}



/* TITLE */
.simple-card h3 {
  font-size: 15px;
  font-weight: 700;
  margin: 6px 0 4px;
}

/* DESC */
.simple-card p {
  font-size: 12px;
  opacity: 0.75;
  margin-bottom: 10px;
}

/* BUTTON */
.card-btn {
  display: block;
  padding: 8px;
  border-radius: 10px;
  background: linear-gradient(135deg,#ffd54f,#ffb300);
  color: #000;
  font-weight: 700;
  font-size: 13px;
  text-decoration: none;
}

html, body{
  background:#050814;
  color:#f8fafc;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4fa5536 *//* ==============================
   FEATURED STRIP (DIFFERENT STYLE)
================================ */
.featured-strip{
  margin:30px 0 26px;
}

.featured-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  margin-bottom:10px;
}

.featured-head h2{
  font-size:18px;
  margin:0;
}

.featured-head span{
  font-size:12px;
  color:#9ca3af;
}

/* 横向滑动区 */
.featured-row{
  display:flex;
  gap:12px;
  overflow-x:auto;
  padding-bottom:4px;
  scroll-snap-type:x mandatory;
}

.featured-row::-webkit-scrollbar{
  display:none;
}

/* 单张横卡 */
.featured-card{
  flex:0 0 260px;
  display:flex;
  align-items:center;
  gap:10px;

  background:#0b1020;
  border:1px solid rgba(255,255,255,0.12);
  border-radius:14px;
  padding:10px;

  text-decoration:none;
  color:#f8fafc;
  scroll-snap-align:start;
}

/* logo */
.featured-img{
  width:48px;
  height:48px;
  border-radius:12px;
  object-fit:cover;
  flex-shrink:0;
}

/* 中间文字 */
.featured-info{
  flex:1;
  overflow:hidden;
}

.featured-name{
  font-size:14px;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.featured-desc{
  font-size:12px;
  color:#9ca3af;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* GO */
.featured-go{
  font-size:11px;
  font-weight:900;
  padding:6px 10px;
  border-radius:999px;
  background:#16a34a;
  color:#ecfdf5;
}

/* 手机再紧一点 */
@media (max-width:480px){
  .featured-card{ flex-basis:220px; padding:9px; }
  .featured-img{ width:44px; height:44px; }
  .featured-name{ font-size:13px; }
  .featured-desc{ font-size:11px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a2f7a8 *//* ===== MINI LIST (VERY SMALL CARD) ===== */
.mini-list{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-bottom:18px;
}

/* 单张小卡 */
.mini-card{
  display:grid;
  grid-template-columns: 36px 1fr auto auto;
  align-items:center;
  gap:8px;

  padding:6px 8px;
  background:#0b1020;
  border:1px solid rgba(255,255,255,0.08);
  border-radius:10px;

  text-decoration:none;
  color:#f8fafc;
}

/* logo */
.mini-logo{
  width:36px;
  height:36px;
  object-fit:cover;
  border-radius:8px;
}

/* 名字 */
.mini-name{
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* RM */
.mini-rm{
  font-size:12px;
  font-weight:800;
  color:#22c55e;
  margin-right:6px;
}

/* GO */
.mini-btn{
  font-size:11px;
  font-weight:800;
  padding:4px 8px;
  border-radius:999px;
  background:#16a34a;
  color:#ecfdf5;
}

/* hover */
.mini-card:hover{
  border-color:#22c55e;
  background:#0f172a;
}

/* 手机再缩一点 */
@media (max-width:480px){
  .mini-card{
    padding:5px 6px;
    gap:6px;
  }

  .mini-logo{
    width:32px;
    height:32px;
  }

  .mini-name{ font-size:12px; }
  .mini-rm{ font-size:11px; }
  .mini-btn{
    font-size:10px;
    padding:3px 7px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5730b7e *//* ===== Card like screenshot ===== */
.top-banner-card{
  background:#0b1020;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);

  /* 外阴影 + 内描边质感 */
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    0 14px 34px rgba(0,0,0,.60);

  max-width: 360px; /* 你要更宽就改 420 / 520 */
}

/* banner */
.tbc-banner{
  position:relative;
  height:130px;              /* ✅ 图里 banner 很大 */
  overflow:hidden;
}

.tbc-img{
  width:100%;
  height:100%;
  object-fit:cover;          /* ✅ 图片铺满 */
  display:block;
  transform: scale(1.02);    /* ✅ 稍微放大更饱满 */
}

/* 暗角渐变，让下方文字更清楚 */
.tbc-banner::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top, rgba(5,8,20,.85), rgba(5,8,20,.05));
}

/* body */
.tbc-body{
  padding:14px 16px 10px;
}

.tbc-title{
  font-weight:950;
  font-size:16px;
  letter-spacing:.2px;
  margin:0 0 6px;
  color:#f8fafc;
}

.tbc-desc{
  font-size:12.5px;
  line-height:1.35;
  color:#cbd5e1;
  opacity:.95;
}

/* button */
.tbc-btn{
  display:block;
  margin: 12px 16px 16px;
  padding:12px 0;
  text-align:center;
  text-decoration:none;
  font-weight:950;
  font-size:13px;
  color:#ecfdf5;

  background:#16a34a;
  border-radius:999px;
  box-shadow:0 12px 22px rgba(22,163,74,.28);
  transition:.18s ease;
}

.tbc-btn:hover{
  background:#22c55e;
  transform: translateY(-1px);
}/* End custom CSS */