body{margin:0;padding:0;font-size:14px;font-family:"微软雅黑",Arial,Helvetica,sans-serif;overflow-x:hidden;background:#f5f7fb}
#logo{position:absolute;top:5px;left:5px;text-align:center}
.login_logo{height:80px;margin:10px 0}
.login_logo img{height:100%}
#loginFrame{}

/* 顶部 */
.wst-lo-top{width:1200px;margin:0 auto;overflow:hidden}
.modern-shop-top{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.modern-shop-top-title{font-weight:700;color:#111827}

/* 主背景（保留广告背景时也叠加蓝色氛围） */
.wst-lo-center{margin:0 auto;width:100%;background:#0b74ff;background-size:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;overflow:hidden;position:relative}
.wst-lo-center:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, rgba(11,116,255,.92) 0%, rgba(64,169,255,.90) 45%, rgba(10,86,196,.88) 100%);pointer-events:none}
.wst-lo-center:after{content:"";position:absolute;left:-180px;top:120px;width:520px;height:520px;border-radius:50%;background:rgba(255,255,255,.18);pointer-events:none}

/* 图标替换（原有） */
.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:1200px;margin:0 auto;overflow:hidden;position:relative;z-index:1}

/* 新布局：左侧宣传 + 右侧登录卡片 */
.modern-shop-wrap{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:46px 0 60px}
.modern-shop-hero{flex:1;min-height:360px;display:flex;align-items:center}
.modern-shop-hero-content{color:#fff;max-width:520px}
.modern-shop-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.22);font-size:12px;letter-spacing:.5px;margin-bottom:16px}
.modern-shop-slogan{margin:0 0 10px 0;font-size:34px;line-height:1.18;font-weight:800}
.modern-shop-desc{margin:0 0 22px 0;font-size:14px;line-height:1.8;opacity:.92}
.modern-shop-points{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.modern-shop-points li{display:flex;align-items:center;gap:10px;font-size:14px}
.modern-shop-points .dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.95);box-shadow:0 0 0 6px rgba(255,255,255,.12)}

/* 登录卡片 */
.login-wrapper{float:right;margin:53px 0;position:relative}
.login-wrapper .boxbg2{position:relative;margin:0 auto;float:none;width:480px;box-shadow:0 24px 70px rgba(0,0,0,.22);border-radius:18px;background:rgba(255,255,255,.96);height:360px}
.login-wrapper .box{position:absolute;top:26px;left:50%;transform:translateX(-50%);margin:0 auto;padding:0 0 26px;float:none;width:420px}
.login-wrapper .box .content-wrap{width:82%;margin:0 auto}

.login-wrapper .login-title{font-weight:800;color:#0b74ff;height:35px;line-height:35px;font-size:22px;text-align:left;letter-spacing:.5px}
.modern-shop-subtitle{color:#6b7280;font-size:13px;margin:6px 0 10px 0}

.login-wrapper .login-box{height:auto;background:transparent;padding:12px 0;border-radius:3px;margin-bottom:14px;padding-left:0}
.modern-shop-form{display:grid;gap:14px}
.modern-field{position:relative;display:flex;align-items:center;gap:12px}

.login-icon1,.login-icon2,.login-icon3{width:44px;height:44px;background-color:#0b74ff;border-radius:12px;position:static;flex:0 0 44px;background-position:center;background-size:60%;background-repeat:no-repeat;box-shadow:0 10px 18px rgba(11,116,255,.28)}
.login-icon1{background-image:url(../img/icon_1.png)}
.login-icon2{background-image:url(../img/icon_2.png)}
.login-icon3{background-image:url(../img/icon_3.png)}

#loginName,#loginPwd,#verifyCode{position:static;width:100%}

.login-wrapper .box input[type="text"],.login-wrapper .box input[type="password"]{border-radius:12px;font-size:15px;height:50px;margin:0;border:1px solid #e5e7eb;padding-left:12px;background:#fff;transition:all .2s ease}
.login-wrapper .box input[type="text"]:focus,.login-wrapper .box input[type="password"]:focus{border-color:#0b74ff;box-shadow:0 0 0 4px rgba(11,116,255,.12)}

/* 验证码行：图片在输入框右侧（仍保留 #verifyImg） */
.modern-verify-row{gap:10px}
.modern-verify-row #verifyImg{cursor:pointer;width:120px;height:50px;border-radius:10px;border:1px solid rgba(0,0,0,.06);position:static;margin-left:0;box-shadow:0 6px 16px rgba(0,0,0,.10)}

#loginbtn{margin-left:0;font-size:18px;border-radius:12px;height:52px;background:#0b74ff;box-shadow:0 10px 18px rgba(11,116,255,.28)}
.modern-login-btn:hover{background:#40a9ff}

.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: 980px){
  .wst-lo-top{width:auto;padding:0 18px}
  .wst-lo{width:auto;padding:0 18px}
  .modern-shop-wrap{flex-direction:column;align-items:stretch}
  .modern-shop-hero{min-height:auto}
  .login-wrapper{float:none;margin:24px 0}
  .login-wrapper .boxbg2{width:100%}
  .login-wrapper .box{width:92%}
  .login-footer .wst-footer{width:auto}
}

/* ============================================
   卖家登录页高级重设计（独立作用域）
   ============================================ */
#loginFrame.seller-premium{
    background:
      linear-gradient(120deg, rgba(59,191,205,.12) 0%, rgba(59,191,205,.06) 42%, transparent 42%),
      linear-gradient(310deg, rgba(59,191,205,.10) 0%, rgba(59,191,205,.05) 38%, transparent 38%),
      linear-gradient(135deg,#eef5ff 0%, #f5fbff 45%, #f2fbff 100%);
}
#loginFrame.seller-premium .wst-lo-top{
    width: 1260px;
}
#loginFrame.seller-premium .modern-shop-top{
    padding: 14px 0;
}
#loginFrame.seller-premium .seller-top-actions{
    display:flex;
    align-items:center;
    gap:10px;
}
#loginFrame.seller-premium .seller-top-actions a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:34px;
    padding:0 14px;
    border-radius:999px;
    font-size:13px;
    text-decoration:none;
    color:#246;
    border:1px solid rgba(59,191,205,.45);
    background:#fff;
}
#loginFrame.seller-premium .seller-top-actions a:last-child{
    color:#fff;
    background:linear-gradient(90deg,#2eb2c1,#3BBFCD);
    border-color:transparent;
}

#loginFrame.seller-premium .wst-lo-center{
    background: transparent !important;
}
#loginFrame.seller-premium .wst-lo-center:before{
    background:
      linear-gradient(105deg, rgba(8,31,44,.92) 0%, rgba(10,45,63,.90) 42%, rgba(59,191,205,.55) 42.4%, rgba(59,191,205,.32) 100%),
      repeating-linear-gradient(135deg, rgba(255,255,255,.035) 0 14px, rgba(255,255,255,0) 14px 30px);
}
#loginFrame.seller-premium .wst-lo-center:after{
    content: none;
}

#loginFrame.seller-premium .wst-lo{
    width: 1260px;
}
#loginFrame.seller-premium .modern-shop-wrap{
    gap: 52px;
    padding: 56px 0 72px;
}
#loginFrame.seller-premium .modern-shop-hero-content{
    max-width: 610px;
    position: relative;
    z-index: 2;
    padding: 22px 26px 26px;
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(70, 157, 207, 0.74), rgba(32, 213, 219, 0.3));
    border: 1px solid rgba(255,255,255,.16);
    box-shadow: 0 14px 34px rgba(2,14,32,.24);
}
#loginFrame.seller-premium .modern-shop-badge{
    background: rgba(255,255,255,.20);
    color: #f3f9ff;
}
#loginFrame.seller-premium .modern-shop-slogan{
    font-size: 42px;
    line-height: 1.16;
    color: #ffffff;
    text-shadow: 0 2px 10px rgba(4,12,25,.28);
}
#loginFrame.seller-premium .modern-shop-desc{
    font-size: 15px;
    opacity: 1;
    color: rgba(241,248,255,.94);
}
#loginFrame.seller-premium .modern-shop-points li{
    color: #eef6ff;
}
#loginFrame.seller-premium .seller-hero-kpi{
    margin-top: 20px;
    display:grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 12px;
}
#loginFrame.seller-premium .seller-hero-kpi > div{
    background: rgba(255,255,255,.18);
    border: 1px solid rgba(255,255,255,.30);
    border-radius: 12px;
    padding: 12px 14px;
}
#loginFrame.seller-premium .seller-hero-kpi strong{
    display:block;
    font-size: 24px;
    color: #fff;
    line-height: 1.1;
}
#loginFrame.seller-premium .seller-hero-kpi span{
    display:block;
    margin-top: 5px;
    font-size: 12px;
    color: rgba(255,255,255,.92);
}

#loginFrame.seller-premium .login-wrapper{
    margin: 28px 0;
}
#loginFrame.seller-premium .login-wrapper .boxbg2{
    width: 520px;
    height: 430px;
    border-radius: 22px;
    background: rgba(255,255,255,.985);
    box-shadow: 0 28px 68px rgba(10,30,66,.30);
    border: 1px solid rgba(255,255,255,.70);
}
#loginFrame.seller-premium .login-wrapper .box{
    width: 452px;
    top: 28px;
}
#loginFrame.seller-premium .login-wrapper .box .content-wrap{
    width: 86%;
}
#loginFrame.seller-premium .login-wrapper .login-title{
    font-size: 30px;
    color: #12345f;
    height: auto;
    line-height: 1.2;
}
#loginFrame.seller-premium .modern-shop-subtitle{
    font-size: 13px;
    color: #7a8798;
    margin: 6px 0 14px;
}
#loginFrame.seller-premium .modern-shop-form{
    gap: 16px;
}
#loginFrame.seller-premium .login-icon1,
#loginFrame.seller-premium .login-icon2,
#loginFrame.seller-premium .login-icon3{
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background-color: #3BBFCD;
    box-shadow: 0 8px 18px rgba(59,191,205,.32);
}
#loginFrame.seller-premium .login-wrapper .box input[type="text"],
#loginFrame.seller-premium .login-wrapper .box input[type="password"]{
    height: 52px;
    border-radius: 14px;
    padding-left: 14px;
    border-color:#d8dfeb;
}
#loginFrame.seller-premium .login-wrapper .box input[type="text"]:focus,
#loginFrame.seller-premium .login-wrapper .box input[type="password"]:focus{
    border-color:#3BBFCD;
    box-shadow:0 0 0 4px rgba(59,191,205,.20);
}
#loginFrame.seller-premium .modern-verify-row #verifyImg{
    width: 128px;
    height: 52px;
    border-radius: 12px;
}
#loginFrame.seller-premium #loginbtn{
    height: 54px;
    border-radius: 14px;
    font-size: 18px;
    letter-spacing: 2px;
    background: linear-gradient(90deg,#2eaebb,#3BBFCD);
    box-shadow: 0 10px 22px rgba(59,191,205,.36);
}
#loginFrame.seller-premium .modern-login-btn:hover{
    background: linear-gradient(90deg,#27a3af,#35b6c4);
}
#loginFrame.seller-premium .seller-login-tips{
    margin-top: 12px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    font-size: 12px;
    color:#7f8da0;
}
#loginFrame.seller-premium .seller-login-tips a{
    color:#2eaebb;
    text-decoration:none;
}

@media (max-width: 980px){
  #loginFrame.seller-premium .wst-lo-top,
  #loginFrame.seller-premium .wst-lo{width:auto;padding:0 16px}
  #loginFrame.seller-premium .modern-shop-wrap{padding:30px 0;gap:22px}
  #loginFrame.seller-premium .modern-shop-slogan{font-size:30px}
  #loginFrame.seller-premium .login-wrapper .boxbg2{width:100%;height:auto;min-height:390px}
  #loginFrame.seller-premium .login-wrapper .box{width:92%}
  #loginFrame.seller-premium .seller-login-tips{flex-direction:column;align-items:flex-start}
}