/* 豆图工坊 V3 登录页 - 精致紧凑版 */
.license-modal,
.license-modal *{
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}
.license-modal::-webkit-scrollbar,
.license-modal *::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
  display:none !important;
}

.license-modal{
  overflow-y:auto !important;
  overflow-x:hidden !important;
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior:contain !important;
  padding:18px !important;
}
.license-modal-backdrop{
  backdrop-filter:blur(10px) saturate(115%) !important;
  -webkit-backdrop-filter:blur(10px) saturate(115%) !important;
  background:rgba(15,20,30,.54) !important;
}

.license-modern-card{
  width:min(448px,calc(100vw - 28px)) !important;
  max-height:min(780px,calc(100dvh - 28px)) !important;
  padding:22px 22px 18px !important;
  border-radius:28px !important;
  border:1px solid rgba(255,255,255,.7) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(250,252,255,.975)) !important;
  box-shadow:0 28px 80px rgba(12,20,34,.30),0 6px 24px rgba(255,122,24,.08) !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
}

.license-modern-brand{
  gap:11px !important;
  margin:0 38px 15px 0 !important;
}
.license-modern-logo{
  width:44px !important;
  height:44px !important;
  border-radius:14px !important;
  font-size:22px !important;
  box-shadow:0 7px 18px rgba(255,122,24,.22) !important;
}
.license-modern-brand-name{font-size:16px !important;letter-spacing:-.2px}
.license-modern-brand-sub{font-size:10.5px !important;color:#98a1af !important}

.license-modern-hero{
  margin:0 1px 15px !important;
}
.license-modern-badge{
  padding:5px 9px !important;
  margin-bottom:9px !important;
  font-size:10.5px !important;
  background:linear-gradient(135deg,#fff3e8,#fff8f2) !important;
  border:1px solid #ffe4cf !important;
}
.license-modern-hero h2{
  font-size:25px !important;
  line-height:1.2 !important;
  margin-bottom:5px !important;
  letter-spacing:-.7px !important;
}
.license-modern-hero p{
  font-size:12.5px !important;
  line-height:1.55 !important;
}

.license-modern-label{
  font-size:11.5px !important;
  margin:10px 2px 6px !important;
  color:#596477 !important;
}
.license-modern-input-wrap{
  height:54px !important;
  min-height:54px !important;
  border-radius:14px !important;
  padding:0 13px !important;
  background:#f7f9fc !important;
  border-color:#e5eaf0 !important;
}
.license-modern-input-wrap input{
  height:52px !important;
  font-size:15px !important;
}

.license-modern-primary{
  height:54px !important;
  margin-top:13px !important;
  border-radius:14px !important;
  font-size:14px !important;
  box-shadow:0 10px 22px rgba(255,122,24,.20) !important;
  transition:transform .16s ease,box-shadow .16s ease !important;
}
.license-modern-primary:active{
  transform:translateY(1px) !important;
}

.license-modern-divider{
  margin:16px 0 8px !important;
  font-size:10.5px !important;
  gap:9px !important;
}

/* 其他登录方式：紧凑排列 */
.license-modern-link-btn,
.license-modern-outline-btn,
.license-modern-buy{
  height:43px !important;
  min-height:43px !important;
  margin-top:6px !important;
  border-radius:12px !important;
  font-size:12px !important;
  line-height:1 !important;
}
.license-modern-link-btn{
  color:#e96d13 !important;
  background:#fffaf5 !important;
  border:1px solid transparent !important;
}
.license-modern-outline-btn{
  border:1px solid #ffd9bb !important;
  background:#fff8f2 !important;
  box-shadow:none !important;
}
.license-modern-buy{
  background:#f5f7fa !important;
  color:#667184 !important;
  border:1px solid #edf0f4 !important;
}

.license-modern-step{
  font-size:11.5px !important;
  margin:9px 2px 6px !important;
}
.license-modern-step span{
  width:20px !important;
  height:20px !important;
}

.license-modern-footer{
  margin-top:12px !important;
  font-size:10px !important;
}
.license-modern-card .license-modal-close{
  width:32px !important;
  height:32px !important;
  line-height:32px !important;
  font-size:21px !important;
}

@media(max-width:767px){
  .license-modal{
    padding:10px !important;
    align-items:center !important;
  }
  .license-modern-card{
    width:calc(100vw - 20px) !important;
    max-height:calc(100dvh - 20px) !important;
    padding:18px 17px 14px !important;
    border-radius:24px !important;
  }
  .license-modern-brand{margin-bottom:12px !important}
  .license-modern-logo{width:42px !important;height:42px !important}
  .license-modern-hero{margin-bottom:13px !important}
  .license-modern-hero h2{font-size:23px !important}
  .license-modern-input-wrap{height:54px !important;min-height:54px !important}
  .license-modern-input-wrap input{height:52px !important;font-size:16px !important}
  .license-modern-primary{height:53px !important;min-height:53px !important}
  .license-modern-link-btn,
  .license-modern-outline-btn,
  .license-modern-buy{
    height:42px !important;
    min-height:42px !important;
  }
}

body:not(.light-theme) .license-modern-card{
  background:linear-gradient(180deg,rgba(25,30,40,.99),rgba(20,25,34,.99)) !important;
  border-color:rgba(255,255,255,.08) !important;
}
body:not(.light-theme) .license-modern-link-btn{background:rgba(255,138,34,.08) !important}
body:not(.light-theme) .license-modern-outline-btn{background:rgba(255,138,34,.10) !important;border-color:rgba(255,166,92,.24) !important}
body:not(.light-theme) .license-modern-buy{background:rgba(255,255,255,.06) !important;border-color:rgba(255,255,255,.08) !important}


/* 登录页标题居中优化 */
.license-modern-hero{
  text-align:center !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
}
.license-modern-hero .license-modern-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.license-modern-hero h2,
.license-modern-hero p{
  width:100% !important;
  text-align:center !important;
}
.license-modern-hero h2{
  letter-spacing:-.6px !important;
}

/* 账号登录 / 卡密绑定手机号等模式切换后，主标题保持统一居中 */
#license-title,
#license-subtitle{
  text-align:center !important;
}