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;}
}