@CHARSET "UTF-8";
/* 卖家登录新主题：仅作用于 body.cute-seller-login-theme */
body.cute-seller-login-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);
  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;
}

body.cute-seller-login-theme .wst-lo-center{
  background: transparent !important;
  padding: 12px 0 24px;
}
body.cute-seller-login-theme .wst-lo{
  display: flex;
  gap: 22px;
  align-items: stretch;
  justify-content: space-between;
}

/* 左侧展示 */
body.cute-seller-login-theme .cute-seller-hero{
  flex: 1 1 auto;
  min-width: 560px;
  padding: 28px 26px;
  border-radius: 22px;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(255,255,255,.55);
  box-shadow: var(--cute-shadow-soft);
  backdrop-filter: blur(12px);
  position: relative;
  overflow: hidden;
}
body.cute-seller-login-theme .cute-seller-hero::before{
  content:"";
  position:absolute;
  width: 520px;height:520px;
  right:-260px;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;
}
body.cute-seller-login-theme .cute-seller-hero::after{
  content:"";
  position:absolute;
  width: 460px;height:460px;
  left:-240px;bottom:-300px;
  border-radius:50%;
  background: radial-gradient(circle at 30% 30%, rgba(21,214,255,.18), rgba(108,99,255,.12) 52%, transparent 72%);
  pointer-events:none;
}
body.cute-seller-login-theme .cute-hero-badges,
body.cute-seller-login-theme .cute-hero-title,
body.cute-seller-login-theme .cute-hero-cards,
body.cute-seller-login-theme .cute-hero-illustration{
  position: relative;
  z-index: 1;
}
body.cute-seller-login-theme .cute-hero-badges{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 14px;
}
body.cute-seller-login-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);
}
body.cute-seller-login-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));
}
body.cute-seller-login-theme .cute-hero-title h1{
  margin: 0 0 8px;
  font-size: 32px;
  font-weight: 900;
  letter-spacing: .4px;
  color: rgba(17,24,39,.92);
}
body.cute-seller-login-theme .cute-hero-title p{
  margin: 0 0 18px;
  font-size: 14px;
  color: rgba(75,85,99,.92);
  line-height: 1.7;
}
body.cute-seller-login-theme .cute-hero-cards{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}
body.cute-seller-login-theme .cute-card{
  padding: 12px 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.60);
  border: 1px solid rgba(17,24,39,.08);
  box-shadow: 0 12px 22px rgba(24,24,62,.06);
}
body.cute-seller-login-theme .cute-card .t{
  font-size: 14px;
  font-weight: 900;
  color: rgba(17,24,39,.92);
  margin-bottom: 4px;
}
body.cute-seller-login-theme .cute-card .d{
  font-size: 12px;
  color: rgba(75,85,99,.92);
  line-height: 1.6;
}
body.cute-seller-login-theme .cute-hero-illustration{
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top: 6px;
}
body.cute-seller-login-theme .cute-hero-svg{
  width: 100%;
  max-width: 520px;
  height: auto;
  display:block;
  border-radius: 18px;
}

/* 右侧登录卡片：完全重做，覆盖旧的绝对定位 */
body.cute-seller-login-theme .login-wrapper{
  float: none !important;
  margin: 0 !important;
  position: relative;
  align-self: center;
  flex: 0 0 420px;
}
body.cute-seller-login-theme .login-wrapper .boxbg2{
  display:none !important;
}
body.cute-seller-login-theme .login-wrapper .box{
  position: static !important;
  width: 80% !important;
  padding: 18px 18px 16px !important;
  border-radius: 22px;
  background: var(--cute-card);
  border: 1px solid var(--cute-stroke);
  box-shadow: var(--cute-shadow);
  backdrop-filter: blur(12px);
}
body.cute-seller-login-theme .login-wrapper .content-wrap{
  width: 100% !important;
}
body.cute-seller-login-theme .login-wrapper .login-title{
  color: rgba(17,24,39,.92) !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  margin-bottom: 10px;
}
body.cute-seller-login-theme .login-wrapper .login-box{
  height: auto !important;
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  margin-bottom: 14px !important;
}
body.cute-seller-login-theme .login-wrapper .login-box > div{
  position: relative;
  margin-bottom: 12px;
}
body.cute-seller-login-theme .login-wrapper .frame{
  position: relative;
}

/* 输入框统一样式（取消旧 absolute） */
body.cute-seller-login-theme #loginName,
body.cute-seller-login-theme #loginPwd,
body.cute-seller-login-theme #verifyCode{
  position: static !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: 42px !important;
  line-height: 42px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(17,24,39,.10) !important;
  background: rgba(255,255,255,.78) !important;
  box-shadow: 0 10px 18px rgba(24,24,62,.06) !important;
  padding-left: 44px !important;
  transition: box-shadow .2s ease, border-color .2s ease, transform .15s ease;
}
body.cute-seller-login-theme #loginName:focus,
body.cute-seller-login-theme #loginPwd:focus,
body.cute-seller-login-theme #verifyCode:focus{
  border-color: rgba(108,99,255,.55) !important;
  box-shadow: 0 0 0 4px rgba(108,99,255,.14), 0 14px 26px rgba(24,24,62,.10) !important;
  transform: translateY(-1px);
}

/* 图标改成小圆点提示，不用旧 PNG */
body.cute-seller-login-theme .login-icon1,
body.cute-seller-login-theme .login-icon2,
body.cute-seller-login-theme .login-icon3{
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  transform: translateY(-50%);
  width: 16px !important;
  height: 16px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--cute-bg-1), var(--cute-bg-2), var(--cute-bg-3)) !important;
  opacity: .9;
}

/* 验证码图片放到输入框右侧 */
body.cute-seller-login-theme #verifyImg{
  position: absolute !important;
  right: 10px !important;
  top: 40% !important;
  transform: translateY(-50%);
  width: 112px !important;
  height: 34px !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 18px rgba(24,24,62,.08) !important;
}
body.cute-seller-login-theme #verifyCode{
  padding-right: 132px !important;
}

/* 登录按钮 */
body.cute-seller-login-theme #loginbtn{
  width: 100% !important;
  height: 44px !important;
  border-radius: 14px !important;
  border: 0 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: .6px;
  background: linear-gradient(135deg, var(--cute-bg-1), var(--cute-bg-2), var(--cute-bg-3)) !important;
  box-shadow: 0 16px 26px rgba(108,99,255,.22) !important;
  transition: transform .12s ease, box-shadow .2s ease, filter .2s ease;
}
body.cute-seller-login-theme #loginbtn:hover{
  transform: translateY(-1px);
  box-shadow: 0 18px 30px rgba(108,99,255,.26) !important;
  filter: saturate(1.05);
}

@media (max-width: 1280px){
  body.cute-seller-login-theme .wst-lo{ width: 1100px; }
  body.cute-seller-login-theme .cute-seller-hero{ min-width: 520px; }
  body.cute-seller-login-theme .login-wrapper{ flex-basis: 400px; }
  body.cute-seller-login-theme .cute-hero-cards{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}