body{margin:0;padding:0;font-size:14px;font-family:"微软雅黑",Arial,Helvetica,sans-serif}
#loginFrame.seller-neo{overflow-x:hidden;}
#logo{position:absolute;top:5px;left:5px;text-align:center}
.login_logo{height:56px;margin: 12px 0px;}
.login_logo img{height:100%;}
.wst-lo-top{width: min(1200px, calc(100% - 32px));margin: 0px auto;overflow: hidden;}
.wst-lo-center{margin:0 auto;width:100%;overflow: hidden;}
.seller-neo__center{
  --sn-bg0:#F7F8FF;
  --sn-bg1:#F2FBFF;
  --sn-text: rgba(10,18,32,.92);
  --sn-sub: rgba(10,18,32,.62);
  --sn-accent:#7C5CFF;
  --sn-accent2:#00D4FF;
  --sn-accent3:#22C55E;
  --sn-accent4:#FB7185;
  --sn-radius:24px;
  --sn-shadow: 0 28px 90px rgba(15,23,42,.14);

  position: relative;
  min-height: calc(100vh - 92px);
  padding: 26px 0 34px;
  background:
    radial-gradient(900px 520px at 10% 10%, rgba(124,92,255,.20), transparent 60%),
    radial-gradient(820px 520px at 78% 12%, rgba(0,212,255,.16), transparent 58%),
    radial-gradient(760px 520px at 78% 88%, rgba(34,197,94,.12), transparent 60%),
    radial-gradient(820px 520px at 22% 92%, rgba(251,113,133,.12), transparent 60%),
    linear-gradient(180deg, var(--sn-bg0), var(--sn-bg1));
}
.seller-neo__center::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(to right, rgba(15,23,42,.04) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(15,23,42,.04) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: radial-gradient(ellipse at 32% 12%, rgba(0,0,0,.85), rgba(0,0,0,.12) 55%, rgba(0,0,0,0) 78%);
  pointer-events:none;
}
.seller-neo__center::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.35), rgba(255,255,255,0) 45%, rgba(255,255,255,.25)),
    var(--seller-hero-bg, none);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  opacity: .22;
  pointer-events:none;
  filter: saturate(1.1);
}

/* 图标替换 */
.layui-layer-icowst1,.layui-layer-icowst2,.layui-layer-icowst3{background-image:url(../../../../../static/images/wst_icon.png)!important;background-repeat:no-repeat!important;background-size:cover!important}
.layui-layer-icowst2{background-position:-40px 0!important}
.layui-layer-icowst3{background-position:-80px -1px!important}
.layui-layer-icowstloading{background-image:url(../../../../../static/images/loading.gif)!important;background-repeat:no-repeat!important;background-size:206% auto!important;background-position:-16px -16px!important}

.wst-clear{clear: both;}
.wst-lo{width: min(1200px, calc(100% - 32px)); margin: 0px auto;overflow: visible; position: relative; z-index: 1;}
.wst-lo .head{position:absolute;top:-80px;left:27%;width:252px;height:110px;line-height:55px;font-size:20px;color:#fff;font-family:"microsoft yahei";text-shadow:#717070 1px 1px 1px;text-align:center;background:url(../img/logo.png) 0 0 no-repeat;background-size:100%}
.wst-lo-left{float:left;width:235px;height:256px;background-size:cover}
.wst-lo-left img{margin-left:45px}
/* 新版布局 */
.seller-neo__wrap{padding: 0;}
.seller-neo__grid{
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 18px;
  align-items: stretch;
}
.seller-neo__hero{
  border-radius: calc(var(--sn-radius) + 8px);
  padding: 26px 26px 22px;
  background: linear-gradient(135deg, rgba(255,255,255,.78), rgba(255,255,255,.56));
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: var(--sn-shadow);
  backdrop-filter: blur(14px);
  overflow: hidden;
  position: relative;
}
.seller-neo__hero::before{
  content:"";
  position:absolute;
  inset:-1px;
  background:
    radial-gradient(560px 240px at 12% 8%, rgba(124,92,255,.18), transparent 60%),
    radial-gradient(520px 240px at 70% 0%, rgba(0,212,255,.14), transparent 62%),
    radial-gradient(520px 240px at 95% 40%, rgba(34,197,94,.10), transparent 62%);
  opacity:.9;
  pointer-events:none;
}
.seller-neo__heroInner{position:relative;}
.seller-neo__badgeRow{display:flex;flex-wrap:wrap;gap:8px;}
.seller-neo__badge{
  display:inline-flex;align-items:center;
  height:28px;padding:0 12px;border-radius:999px;
  font-size:12px;font-weight:800;color:#fff;
  background: linear-gradient(90deg, var(--sn-accent), var(--sn-accent2));
  box-shadow: 0 10px 24px rgba(124,92,255,.20);
}
.seller-neo__badge--soft,
.seller-neo__badge--soft2{
  color: rgba(10,18,32,.82);
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: none;
}
.seller-neo__badge--soft{border-color: rgba(124,92,255,.18);}
.seller-neo__badge--soft2{border-color: rgba(0,212,255,.20);}
.seller-neo__title{
  margin: 14px 0 10px;
  font-size: 34px;
  letter-spacing:.2px;
  line-height: 1.12;
  color: var(--sn-text);
}
.seller-neo__sub{
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 1.75;
  color: var(--sn-sub);
  max-width: 56ch;
}
.seller-neo__cards{
  display:grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
  margin-top: 18px;
}
.seller-neo__card{
  border-radius: 18px;
  background: rgba(255,255,255,.74);
  border: 1px solid rgba(15,23,42,.10);
  padding: 12px 12px 10px;
}
.seller-neo__card strong{display:block;font-size:14px;color:var(--sn-text);}
.seller-neo__card span{display:block;margin-top:4px;font-size:12px;color:rgba(10,18,32,.58);}

.seller-neo__panel{
  border-radius: calc(var(--sn-radius) + 8px);
  background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: var(--sn-shadow);
  backdrop-filter: blur(16px);
  padding: 22px 22px 20px;
}
.seller-neo__panelHead{margin-bottom: 14px;}
.seller-neo__panelTitle{font-size:16px;font-weight:900;color:var(--sn-text);letter-spacing:.2px;}
.seller-neo__panelDesc{margin-top:6px;font-size:12px;color:var(--sn-sub);line-height:1.5;}

.seller-neo__form{display:flex;flex-direction:column;gap: 12px;}
.seller-field{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(15,23,42,.12);
  background: rgba(255,255,255,.82);
}
.seller-field--code{padding-right: 6px;}
.seller-field__icon{
  width: 36px;
  height: 36px;
  border-radius: 14px;
  flex: 0 0 auto;
  background: linear-gradient(135deg, var(--sn-accent), var(--sn-accent2));
  position: relative;
}
.seller-field__icon--lock{background: linear-gradient(135deg, var(--sn-accent4), var(--sn-accent));}
.seller-field__icon--shield{background: linear-gradient(135deg, var(--sn-accent3), var(--sn-accent2));}
.seller-field__icon::after{
  content:"";
  position:absolute;
  inset:0;
  background-position:center;
  background-repeat:no-repeat;
  background-size: 55% 55%;
  opacity: .95;
}
.seller-field__icon--user::after{background-image:url(../img/icon_1.png);}
.seller-field__icon--lock::after{background-image:url(../img/icon_2.png);}
.seller-field__icon--shield::after{background-image:url(../img/icon_3.png);}
.seller-field__input{
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  height: 36px !important;
  line-height: 36px !important;
  font-size: 14px !important;
  color: var(--sn-text) !important;
  padding: 0 !important;
  flex: 1 1 auto;
}
.seller-field__input::placeholder{color: rgba(10,18,32,.45);}
#verifyImg{
  cursor: pointer;
  width: 120px;
  height: 36px;
  border-radius: 14px;
  border: 1px solid rgba(15,23,42,.12);
  background: rgba(255,255,255,.9);
  flex: 0 0 auto;
}
.seller-neo__submit{
  width: 100% !important;
  height: 44px !important;
  border-radius: 18px !important;
  border: 0 !important;
  background: linear-gradient(90deg, var(--sn-accent), var(--sn-accent2)) !important;
  box-shadow: 0 16px 34px rgba(124,92,255,.26);
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: .6px;
}
.seller-neo__submit:hover{filter:saturate(1.05);}
.login-footer{padding-top: 20px;color:#666;width:100%;margin:0 auto;text-align:center;font: 13px/150% "Hiragino Sans GB","Microsoft Yahei",arial,宋体,"Helvetica Neue",Helvetica,STHeiTi,sans-serif;}
.login-footer .wst-footer{width: 1200px;margin: 10px auto;border-bottom: 1px solid #eee;padding-bottom: 10px;}
.login-footer .wst-footer .flink-hover{padding-right: 12px;color: #888;}

@media (max-width: 1100px){
  .seller-neo__grid{grid-template-columns: 1fr;}
  .seller-neo__hero{display:none;}
}
@media (max-width: 520px){
  .wst-lo-top{width: calc(100% - 24px);}
  .wst-lo{width: calc(100% - 24px);}
  #verifyImg{width: 106px;}
}

/* ================================
   家政主题 · 卖家登录 seller-neo--jz
   ================================ */
#loginFrame.seller-neo--jz{
  background: #F3F0EA;
}
.seller-jz__topbar{
  background: linear-gradient(180deg, #faf9f7, #f0f4f1);
  border-bottom: 1px solid rgba(47,111,85,.12);
  padding: 10px 16px;
}
.seller-jz__topInner{
  width: min(1200px, calc(100% - 32px));
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.seller-jz__topbar .login_logo{
  margin: 0;
  height: 52px;
}
.seller-jz__topRight{
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
.seller-jz__topHint{
  font-size: 13px;
  color: rgba(28,38,34,.58);
}
.seller-jz__topLink{
  display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 0 16px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
  color: #fff !important;
  background: linear-gradient(100deg, #2F6F55, #4A9B7E);
  box-shadow: 0 8px 20px rgba(47,111,85,.22);
}
.seller-jz__topLink:hover{
  filter: brightness(1.05);
  color: #fff !important;
}

#loginFrame.seller-neo--jz .seller-neo__center,
.seller-neo__center.seller-neo__center--jz{
  --sn-bg0:#F5F2EC;
  --sn-bg1:#E8F0EA;
  --sn-text: #1C2622;
  --sn-sub: rgba(28,38,34,.68);
  --sn-accent:#2F6F55;
  --sn-accent2:#4A9B7E;
  --sn-accent3:#3D9B7A;
  --sn-accent4:#C4775E;
  --sn-shadow: 0 24px 56px rgba(28,52,44,.12);
  background:
    radial-gradient(880px 520px at 8% 10%, rgba(47,111,85,.14), transparent 58%),
    radial-gradient(760px 480px at 88% 12%, rgba(196,119,94,.12), transparent 54%),
    linear-gradient(168deg, var(--sn-bg0) 0%, var(--sn-bg1) 100%);
}
#loginFrame.seller-neo--jz .seller-neo__center::before{
  background-image:
    linear-gradient(rgba(47,111,85,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(47,111,85,.05) 1px, transparent 1px);
  background-size: 40px 40px;
  mask-image: radial-gradient(ellipse 80% 60% at 40% 0%, rgba(0,0,0,.88), rgba(0,0,0,.12) 58%, rgba(0,0,0,0) 78%);
}
.seller-jz__pattern{
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(600px 400px at 75% 55%, rgba(74,155,126,.06), transparent 65%);
}

#loginFrame.seller-neo--jz .seller-neo__hero{
  border-color: rgba(47,111,85,.12);
  background: linear-gradient(145deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.76) 45%, rgba(237,245,240,.88) 100%);
}
#loginFrame.seller-neo--jz .seller-neo__hero::before{
  background:
    radial-gradient(520px 220px at 10% 0%, rgba(47,111,85,.16), transparent 62%),
    radial-gradient(480px 200px at 88% 15%, rgba(196,119,94,.12), transparent 58%),
    radial-gradient(420px 200px at 50% 100%, rgba(61,155,122,.10), transparent 62%);
}
#loginFrame.seller-neo--jz .seller-neo__badge{
  background: linear-gradient(100deg, var(--sn-accent), var(--sn-accent2));
  box-shadow: 0 8px 20px rgba(47,111,85,.22);
}
#loginFrame.seller-neo--jz .seller-neo__badge--soft,
#loginFrame.seller-neo--jz .seller-neo__badge--soft2{
  border-color: rgba(47,111,85,.12);
  color: var(--sn-text);
}
.seller-neo__title--jz em{
  font-style: normal;
  background: linear-gradient(100deg, var(--sn-accent) 0%, var(--sn-accent2) 50%, var(--sn-accent4) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.seller-jz__tiles{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}
@media (min-width: 640px){
  .seller-jz__tiles{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.seller-jz__tile{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(47,111,85,.1);
  font-size: 12px;
  font-weight: 700;
  color: var(--sn-text);
  transition: transform .15s ease, box-shadow .15s ease;
}
.seller-jz__tile:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(28,52,44,.08);
}
.seller-jz__tileIcon{
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: linear-gradient(145deg, var(--sn-accent), var(--sn-accent2));
  box-shadow: 0 6px 16px rgba(47,111,85,.2);
  position: relative;
}
.seller-jz__tileIcon--clock{
  background: linear-gradient(145deg, #4A8B9E, #6BB3C7);
  box-shadow: 0 6px 16px rgba(74,139,158,.2);
}
.seller-jz__tileIcon--shop{
  background: linear-gradient(145deg, #5B7A9E, #8B9BB8);
  box-shadow: 0 6px 16px rgba(91,122,158,.2);
}
.seller-jz__tileIcon--chart{
  background: linear-gradient(145deg, var(--sn-accent4), #E09A84);
  box-shadow: 0 6px 16px rgba(196,119,94,.2);
}
.seller-jz__tileIcon::after{
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 18px;
  height: 18px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.seller-jz__tileIcon--list::after{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M4 6h16v2H4V6zm0 5h16v2H4v-2zm0 5h16v2H4v-2z'/%3E%3C/svg%3E");
}
.seller-jz__tileIcon--clock::after{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 2a10 10 0 100 20 10 10 0 000-20zm1 5h-2v6l5 3 1-1.73-4-2.27V7z'/%3E%3C/svg%3E");
}
.seller-jz__tileIcon--shop::after{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M4 5h3l1.5 9h11L21 8H8.5L8 5H4zm4.5 11a2 2 0 104 0 2 2 0 00-4 0zm9 0a2 2 0 104 0 2 2 0 00-4 0z'/%3E%3C/svg%3E");
}
.seller-jz__tileIcon--chart::after{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M4 18h2v-6H4v6zm5 0h2V8H9v10zm5 0h2v-4h-2v4zm5 0h2v-8h-2v8z'/%3E%3C/svg%3E");
}

.seller-jz__chips{
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.seller-jz__chips li{
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: var(--sn-sub);
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(47,111,85,.1);
}
.seller-jz__dot{
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--sn-accent), var(--sn-accent2));
  flex-shrink: 0;
  box-shadow: 0 0 0 3px rgba(47,111,85,.12);
}
.seller-jz__kpis{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}
.seller-jz__kpi{
  padding: 12px 10px 10px;
  border-radius: 14px;
  background: rgba(255,255,255,.8);
  border: 1px solid rgba(47,111,85,.1);
}
.seller-jz__kpi strong{
  display: block;
  font-size: 14px;
  color: var(--sn-accent);
}
.seller-jz__kpi span{
  display: block;
  margin-top: 3px;
  font-size: 11px;
  color: rgba(28,38,34,.5);
}

#loginFrame.seller-neo--jz .seller-neo__panel,
.seller-neo__panel--jz{
  position: relative;
  border-color: rgba(47,111,85,.12);
  background: linear-gradient(160deg, rgba(255,255,255,.96) 0%, rgba(250,252,250,.9) 100%);
  overflow: visible;
}
.seller-jz__ribbon{
  position: absolute;
  top: 0;
  right: 22px;
  width: 56px;
  height: 72px;
  background: linear-gradient(180deg, #C4775E 0%, #D49580 100%);
  border-radius: 0 0 8px 8px;
  box-shadow: 0 10px 22px rgba(196,119,94,.28);
  z-index: 2;
}

#loginFrame.seller-neo--jz .seller-field{
  border-color: rgba(47,111,85,.14);
  background: rgba(255,255,255,.92);
}
#loginFrame.seller-neo--jz .seller-field:focus-within{
  border-color: rgba(47,111,85,.45);
  box-shadow: 0 0 0 3px rgba(47,111,85,.12);
}
#loginFrame.seller-neo--jz .seller-field__icon{
  background: linear-gradient(145deg, var(--sn-accent), var(--sn-accent2));
}
#loginFrame.seller-neo--jz .seller-field__icon--lock{
  background: linear-gradient(145deg, #4A8B9E, #6BB3C7);
}
#loginFrame.seller-neo--jz .seller-field__icon--shield{
  background: linear-gradient(145deg, var(--sn-accent4), #E09A84);
}
#loginFrame.seller-neo--jz .seller-field__input::placeholder{
  color: rgba(28,38,34,.38);
}
#loginFrame.seller-neo--jz #verifyImg{
  border-color: rgba(47,111,85,.12);
}
#loginFrame.seller-neo--jz .seller-neo__submit{
  background: linear-gradient(100deg, var(--sn-accent) 0%, var(--sn-accent2) 55%, var(--sn-accent4) 100%) !important;
  box-shadow: 0 14px 32px rgba(47,111,85,.28) !important;
}
#loginFrame.seller-neo--jz .seller-neo__submit:hover{
  filter: brightness(1.03);
}

#loginFrame.seller-neo--jz .login-footer,
.seller-jz__footer{
  background: transparent;
  color: rgba(28,38,34,.55);
}
#loginFrame.seller-neo--jz .login-footer .flink-hover{
  color: rgba(28,38,34,.5) !important;
}
#loginFrame.seller-neo--jz .login-footer .flink-hover:hover{
  color: var(--sn-accent) !important;
}

@media (max-width: 520px){
  #loginFrame.seller-neo--jz .seller-jz__ribbon{ display: none; }
}
