@CHARSET "UTF-8";
/* 商家入驻新主题：仅作用于 .cute-join-theme */
.cute-join-theme{
  --cute-bg-1:#ff4fd8;
  --cute-bg-2:#6c63ff;
  --cute-bg-3:#15d6ff;
  --cute-ink:#111827;
  --cute-muted:#6b7280;
  --cute-card:rgba(255,255,255,.86);
  --cute-stroke:rgba(255,255,255,.55);
  --cute-shadow:0 24px 80px rgba(24, 24, 62, .18);
  --cute-shadow-soft:0 12px 30px rgba(24, 24, 62, .10);
  min-height: 100vh;
  background:
    radial-gradient(1200px 520px at 18% 10%, rgba(255,79,216,.26), transparent 55%),
    radial-gradient(900px 420px at 85% 18%, rgba(21,214,255,.20), transparent 58%),
    radial-gradient(900px 520px at 60% 90%, rgba(108,99,255,.18), transparent 60%),
    linear-gradient(135deg, rgba(255,79,216,.08) 0%, rgba(108,99,255,.08) 40%, rgba(21,214,255,.08) 100%),
    #ffffff;
}

/* 覆盖旧 banner 的块状感，让其更像产品页 */
.cute-join-theme .apply-banner{
  background: transparent;
  padding: 20px 0 6px;
}
.cute-join-theme .wst-container{
  position: relative;
}

/* Hero 两栏 */
.cute-join-theme .cute-join-hero{
  width: 1200px;
  margin: 0 auto;
  display: flex;
  gap: 18px;
  align-items: stretch;
}
.cute-join-theme .cute-join-hero-left{
  flex: 0 0 520px;
  padding: 26px 22px;
  border-radius: 22px;
  background: rgba(255,255,255,.60);
  border: 1px solid rgba(17,24,39,.08);
  box-shadow: var(--cute-shadow-soft);
  backdrop-filter: blur(12px);
  overflow: hidden;
  position: relative;
}
.cute-join-theme .cute-join-hero-left:before{
  content:"";
  position:absolute;
  width: 520px;height:520px;
  right:-300px;top:-320px;
  border-radius:50%;
  background: radial-gradient(circle at 30% 30%, rgba(255,79,216,.22), rgba(108,99,255,.14) 50%, transparent 70%);
  pointer-events:none;
}
.cute-join-theme .cute-join-hero-right{
  flex: 1 1 auto;
}
.cute-join-theme .cute-join-slider{
  height: 100%;
  border-radius: 22px;
  overflow: hidden;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(255,255,255,.55);
  box-shadow: var(--cute-shadow);
  backdrop-filter: blur(12px);
  position: relative;
}
/*.cute-join-theme .cute-join-slider::before{*/
/*  content:"";*/
/*  position:absolute;*/
/*  inset: 0;*/
/*  background:*/
/*    radial-gradient(520px 260px at 20% 20%, rgba(255,79,216,.26), transparent 60%),*/
/*    radial-gradient(520px 260px at 80% 18%, rgba(21,214,255,.20), transparent 60%),*/
/*    radial-gradient(520px 300px at 60% 88%, rgba(108,99,255,.18), transparent 62%),*/
/*    linear-gradient(135deg, rgba(255,255,255,.65), rgba(255,255,255,.35));*/
/*  pointer-events:none;*/
/*}*/
/*.cute-join-theme .cute-join-slider::after{*/
/*  content:"入驻海报位";*/
/*  position:absolute;*/
/*  left: 18px;*/
/*  bottom: 18px;*/
/*  height: 30px;*/
/*  line-height: 30px;*/
/*  padding: 0 12px;*/
/*  border-radius: 999px;*/
/*  font-size: 12px;*/
/*  font-weight: 900;*/
/*  color: rgba(17,24,39,.72);*/
/*  background: rgba(255,255,255,.72);*/
/*  border: 1px solid rgba(17,24,39,.08);*/
/*  box-shadow: 0 10px 18px rgba(24,24,62,.06);*/
/*  pointer-events:none;*/
/*}*/

/* 复用轮播组件，但视觉更干净 */
/*.cute-join-theme .wst-slide{*/
/*  position: relative;*/
  z-index: 1; /* 让轮播内容盖住占位背景 */
/*}*/
.cute-join-theme .wst-slide-items{
  height: 420px !important;
  background:
    linear-gradient(135deg, rgba(255,79,216,.10), rgba(108,99,255,.10), rgba(21,214,255,.10));
}
.cute-join-theme .wst-slide-items li{
  height: 420px !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* 无广告时的兜底海报位 */
.cute-join-theme .wst-slide-items .cute-slide-fallback{
  position: relative;
  background:
    radial-gradient(520px 260px at 20% 20%, rgba(255,79,216,.34), transparent 60%),
    radial-gradient(520px 260px at 80% 18%, rgba(21,214,255,.26), transparent 60%),
    radial-gradient(520px 300px at 60% 88%, rgba(108,99,255,.22), transparent 62%),
    linear-gradient(135deg, rgba(255,255,255,.78), rgba(255,255,255,.38));
}
/*.cute-join-theme .wst-slide-items .cute-slide-fallback:before{*/
/*  content:"入驻海报位（未配置广告时显示）";*/
/*  position: absolute;*/
/*  left: 18px;*/
/*  top: 18px;*/
/*  height: 30px;*/
/*  line-height: 30px;*/
/*  padding: 0 12px;*/
/*  border-radius: 999px;*/
/*  font-size: 12px;*/
/*  font-weight: 900;*/
/*  color: rgba(17,24,39,.72);*/
/*  background: rgba(255,255,255,.78);*/
/*  border: 1px solid rgba(17,24,39,.08);*/
/*  box-shadow: 0 10px 18px rgba(24,24,62,.06);*/
/*}*/
/*.cute-join-theme .wst-slide-items .cute-slide-fallback:after{*/
/*  content:"你可以在后台配置「ads-shop-apply」广告位，或先用这个占位保持页面美观。";*/
/*  position: absolute;*/
/*  left: 18px;*/
/*  bottom: 18px;*/
/*  right: 18px;*/
/*  padding: 12px 14px;*/
/*  border-radius: 18px;*/
/*  background: rgba(255,255,255,.70);*/
/*  border: 1px solid rgba(17,24,39,.08);*/
/*  color: rgba(75,85,99,.92);*/
/*  font-size: 13px;*/
/*  line-height: 1.6;*/
/*  box-shadow: 0 16px 30px rgba(24,24,62,.10);*/
/*}*/
.cute-join-theme .wst-slide-numbox{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 12px;
}
.cute-join-theme .wst-slide-controls{
  display: flex;
  justify-content: center;
  gap: 8px;
}
.cute-join-theme .wst-slide-controls span{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(17,24,39,.12);
  text-indent: -9999px;
  overflow: hidden;
}
.cute-join-theme .wst-slide-controls span.curr{
  width: 26px;
  background: linear-gradient(135deg, var(--cute-bg-1), var(--cute-bg-2), var(--cute-bg-3));
  border: 0;
}

/* 左侧文案 */
.cute-join-theme .cute-join-badges{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 14px;
  position: relative;
  z-index: 1;
}
.cute-join-theme .cute-badge{
  display:inline-flex;
  align-items:center;
  height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 12px;
  color: rgba(17,24,39,.78);
  background: rgba(255,255,255,.62);
  border: 1px solid rgba(17,24,39,.08);
  box-shadow: 0 10px 18px rgba(24,24,62,.06);
}
.cute-join-theme .cute-badge-hot{
  color: rgba(17,24,39,.92);
  border-color: rgba(108,99,255,.18);
  background: linear-gradient(135deg, rgba(255,79,216,.18), rgba(108,99,255,.16), rgba(21,214,255,.14));
}
.cute-join-theme .cute-join-title{
  margin: 0 0 10px;
  font-size: 30px;
  font-weight: 900;
  color: rgba(17,24,39,.92);
  letter-spacing: .4px;
  position: relative;
  z-index: 1;
}
.cute-join-theme .cute-join-sub{
  margin: 0 0 18px;
  color: rgba(75,85,99,.92);
  font-size: 14px;
  line-height: 1.7;
  position: relative;
  z-index: 1;
}

/* CTA 按钮 */
.cute-join-theme .cute-join-cta{
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}
.cute-join-theme .cute-btn{
  height: 40px;
  line-height: 40px;
  padding: 0 16px;
  border-radius: 14px;
  border: 1px solid rgba(17,24,39,.10);
  background: rgba(255,255,255,.75);
  color: rgba(17,24,39,.86);
  font-weight: 900;
  letter-spacing: .4px;
  box-shadow: 0 10px 18px rgba(24,24,62,.06);
  transition: transform .12s ease, box-shadow .2s ease, background .2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.cute-join-theme .cute-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 16px 26px rgba(24,24,62,.10);
  /*background: rgba(255,255,255,.92);*/
}
.cute-join-theme .cute-btn-primary{
  border: 0;
  color: #fff;
  background: linear-gradient(135deg, var(--cute-bg-1), var(--cute-bg-2), var(--cute-bg-3));
  box-shadow: 0 16px 26px rgba(108,99,255,.22);
}
.cute-join-theme .cute-btn-primary:hover{
  box-shadow: 0 18px 30px rgba(108,99,255,.26);
}
.cute-join-theme .cute-btn-ghost{
  background: rgba(255,255,255,.60);
}
.cute-join-theme .cute-btn-disabled{
  opacity: .55;
  cursor: not-allowed;
  pointer-events: none;
}

/* 小卡片 */
.cute-join-theme .cute-join-mini-cards{
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: 18px;
  position: relative;
  z-index: 1;
}
.cute-join-theme .cute-mini-card{
  padding: 12px 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.65);
  border: 1px solid rgba(17,24,39,.06);
  box-shadow: 0 12px 22px rgba(24,24,62,.06);
}
.cute-join-theme .cute-mini-title{
  font-size: 14px;
  font-weight: 900;
  color: rgba(17,24,39,.92);
  margin-bottom: 2px;
}
.cute-join-theme .cute-mini-desc{
  font-size: 12px;
  color: rgba(75,85,99,.92);
}

/* 分区 */
.cute-join-theme .cute-join-section{
  padding: 14px 0 0;
}
.cute-join-theme .cute-join-tips{
  padding-top: 18px;
}
.cute-join-theme .cute-section-head{
  width: 1163px;
  margin: 0 auto 12px;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255,255,255,.62);
  border: 1px solid rgba(17,24,39,.08);
  box-shadow: var(--cute-shadow-soft);
}
.cute-join-theme .cute-section-head h2{
  margin: 0 0 6px;
  font-size: 18px;
  font-weight: 900;
  color: rgba(17,24,39,.92);
}
.cute-join-theme .cute-section-head p{
  margin: 0;
  font-size: 13px;
  line-height: 1.7;
  color: rgba(75,85,99,.92);
}

/* 提示卡片 */
.cute-join-theme .cute-tip-cards{
  width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.cute-join-theme .cute-tip-card{
  padding: 14px 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(17,24,39,.06);
  box-shadow: var(--cute-shadow-soft);
}
.cute-join-theme .cute-tip-card .t{
  font-size: 14px;
  font-weight: 900;
  color: rgba(17,24,39,.92);
  margin-bottom: 4px;
}
.cute-join-theme .cute-tip-card .d{
  font-size: 12px;
  color: rgba(75,85,99,.92);
  line-height: 1.7;
}

/* 步骤：卡片化 */
.cute-join-theme .cute-steps{
  width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
}
.cute-join-theme .cute-step{
  padding: 14px 12px 12px;
  border-radius: 18px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(17,24,39,.06);
  box-shadow: var(--cute-shadow-soft);
  min-height: 110px;
}
.cute-join-theme .cute-step .n{
  width: 40px;
  height: 26px;
  line-height: 26px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(255,79,216,.18), rgba(108,99,255,.16), rgba(21,214,255,.14));
  color: rgba(17,24,39,.92);
  font-weight: 900;
  font-size: 12px;
  text-align: center;
  margin-bottom: 10px;
}
.cute-join-theme .cute-step .t{
  font-size: 14px;
  font-weight: 900;
  color: rgba(17,24,39,.92);
  margin-bottom: 4px;
}
.cute-join-theme .cute-step .d{
  font-size: 12px;
  color: rgba(75,85,99,.92);
  line-height: 1.7;
}

/* 指南卡片 + Tab 胶囊风 */
.cute-join-theme .cute-guide-card{
  width: 1200px;
  margin: 0 auto 22px;
  padding: 10px 10px 12px;
  border-radius: 18px;
  background: var(--cute-card);
  border: 1px solid var(--cute-stroke);
  box-shadow: var(--cute-shadow);
  backdrop-filter: blur(12px);
}
.cute-join-theme #applyTab.wst-tab-box{
  width: auto;
}
.cute-join-theme #applyTab .wst-tab-nav{
  border-bottom: 0;
  padding: 10px 10px 0;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.cute-join-theme #applyTab .wst-tab-nav li{
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(255,255,255,.55);
  box-shadow: 0 6px 14px rgba(24,24,62,.06);
  color: rgba(75,85,99,.92);
  cursor: pointer;
}
.cute-join-theme #applyTab .wst-tab-nav .on{
  color: rgba(17,24,39,.92);
  font-weight: 900;
  background: linear-gradient(135deg, rgba(255,79,216,.18), rgba(108,99,255,.16), rgba(21,214,255,.14));
  border-color: rgba(108,99,255,.18);
}
.cute-join-theme #applyTab .wst-tab-content{
  background: rgba(255,255,255,.50);
  border: 1px solid rgba(17,24,39,.06);
  border-radius: 18px;
  box-shadow: 0 12px 22px rgba(24,24,62,.06);
  padding: 12px 14px;
}

/* 让旧结构内容在新主题下更协调 */
.cute-join-theme .apply-tips,
.cute-join-theme .apply-step,
.cute-join-theme .apply-step-head,
.cute-join-theme .apply-msg-box{
  display: none !important;
}

@media (max-width: 1280px){
  .cute-join-theme .cute-join-hero,
  .cute-join-theme .cute-section-head,
  .cute-join-theme .cute-tip-cards,
  .cute-join-theme .cute-steps,
  .cute-join-theme .cute-guide-card{
    width: 1100px;
  }
  .cute-join-theme .cute-join-hero-left{ flex-basis: 480px; }
}