/* 应用中心弹窗样式 - 使用社区主题变量 */

body.uc-ui-lock{overflow:hidden;}

/* ========== 弹窗基础 ========== */
.mk-modal{
  position:fixed;inset:0;z-index:80;
  display:none;align-items:center;justify-content:center;padding:20px;
}
.mk-modal.open{display:flex;}
.mk-modal-mask{position:absolute;inset:0;background:var(--overlay);}
.mk-modal-panel{
  position:relative;z-index:1;
  background:var(--card);border-radius:var(--radius-sm,16px);
  max-height:min(90vh,920px);overflow:auto;
  box-shadow:var(--card-shadow);
}
.mk-modal-panel::-webkit-scrollbar{width:0;height:0;display:none;}
.mk-modal-close{
  position:absolute;top:10px;right:10px;z-index:2;
  width:32px;height:32px;border:0;border-radius:10px;
  background:transparent;cursor:pointer;color:var(--muted);
  display:flex;align-items:center;justify-content:center;font-size:16px;
  transition:background .15s,color .15s;
}
.mk-modal-close:hover{background:var(--chip);color:var(--text);}

.mk-modal-title{
  margin:0 0 10px;padding-right:36px;
  font-size:16px;font-weight:500;color:var(--text);
  display:flex;align-items:center;gap:6px;
}
.mk-modal-title i{color:var(--accent);}
.mk-modal-tip{
  display:flex;align-items:flex-start;gap:6px;
  padding:8px 12px;border-radius:8px;
  background:var(--accent-soft);font-size:13px;
  color:var(--text-soft);line-height:1.5;margin-bottom:14px;
}
.mk-modal-tip i{color:var(--accent);flex-shrink:0;margin-top:1px;}
.mk-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px;}
.mk-modal-actions.justify-center{justify-content:center;}

/* ========== 购买弹窗 ========== */
.mk-buy-panel{width:min(420px,100%);padding:24px 20px;box-sizing:border-box;}
.mk-buy-title{margin:0 0 6px;padding:0 36px;font-size:17px;font-weight:500;color:var(--text);text-align:center;line-height:1.4;}
.mk-buy-price{font-size:26px;color:var(--danger);margin:6px 0;text-align:center;font-weight:600;line-height:1.3;}
.mk-buy-price.free{color:var(--success);}
.mk-buy-desc{color:var(--muted);font-size:13px;line-height:1.5;margin:0 0 14px;text-align:center;}
.mk-pay-list{display:flex;flex-direction:column;gap:8px;text-align:left;}
.mk-pay-item{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:10px 14px;border-radius:10px;border:1.5px solid var(--stroke);
  cursor:pointer;transition:all .18s;background:var(--card);text-align:left;
}
.mk-pay-item:hover{border-color:var(--stroke-strong);}
.mk-pay-item.on{border-color:var(--accent);background:var(--accent-soft);}
.mk-pay-item-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0;}
.mk-pay-item-ico{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;flex-shrink:0;}
.mk-pay-item-ico.pm-zfb{background:#1677ff;}
.mk-pay-item-ico.pm-wx{background:#07c160;}
.mk-pay-item-ico.pm-qq{background:#12b7f5;}
.mk-pay-item-ico.pm-coin{background:#f5a623;}
.mk-pay-item-main{flex:1;min-width:0;text-align:left;}
.mk-pay-item-text{font-size:14px;font-weight:500;color:var(--text);text-align:left;line-height:1.4;}
.mk-pay-item-desc{font-size:12px;color:var(--muted);margin-top:2px;text-align:left;line-height:1.4;}
.mk-pay-item-check{width:20px;height:20px;border-radius:50%;border:2px solid var(--stroke);flex:0 0 20px;display:flex;align-items:center;justify-content:center;}
.mk-pay-item.on .mk-pay-item-check{border-color:var(--accent);background:var(--accent);}
.mk-pay-item.on .mk-pay-item-check::after{content:'';width:8px;height:8px;background:var(--accent-ink);border-radius:50%;}
.mk-modal-btn{height:38px;padding:0 18px;border-radius:12px;border:0;font-size:14px;cursor:pointer;transition:filter .15s,transform .1s;}
.mk-modal-btn:active{transform:scale(.98);}
.mk-modal-cancel{background:var(--chip);color:var(--text-soft);}
.mk-modal-cancel:hover{background:var(--stroke);}
.mk-modal-ok{background:var(--accent);color:var(--accent-ink);}
.mk-modal-ok:hover{filter:brightness(1.05);}

/* ========== 扫码支付弹窗 ========== */
.mk-pay-panel{width:min(420px,100%);padding:24px 20px;text-align:center;box-sizing:border-box;}
.mk-pay-amount{font-size:26px;color:var(--danger);margin:8px 0 16px;font-weight:600;}
.mk-pay-qr-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:12px;}
.mk-pay-qr{width:220px;height:220px;object-fit:contain;border-radius:12px;background:#fff;}
.mk-pay-hint{font-size:13px;color:var(--muted);line-height:1.5;}
.mk-pay-sandbox{margin-bottom:12px;}
.mk-pay-status{font-size:13px;color:var(--muted);margin:8px 0;}
.mk-pay-status.is-ok{color:var(--success,#1fa658);}
.mk-pay-status.is-err{color:var(--danger);}
.mk-pay-order-no{font-size:12px;color:var(--muted);word-break:break-all;}

/* ========== 开发者应用弹窗 ========== */
.mk-author-panel{width:min(460px,100%);padding:20px;}
.mk-author-title{margin:0 0 12px;font-size:16px;font-weight:500;color:var(--text);text-align:center;}
.mk-author-app-list{display:flex;flex-direction:column;gap:8px;max-height:380px;overflow-y:auto;}
.mk-author-app-item{
  display:flex;align-items:center;gap:10px;
  padding:10px 12px;border-radius:10px;border:1px solid var(--stroke);
  text-decoration:none;color:inherit;transition:all .18s;
}
.mk-author-app-item:hover{border-color:var(--accent);background:var(--accent-soft);}
.mk-author-app-ico{width:36px;height:36px;border-radius:9px;background:var(--chip);color:var(--accent);font-size:17px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;}
.mk-author-app-ico img{width:100%;height:100%;object-fit:cover;}
.mk-author-app-info{flex:1;min-width:0;}
.mk-author-app-name{font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mk-author-app-meta{font-size:12px;color:var(--muted);margin-top:2px;}
.mk-author-empty{text-align:center;padding:30px;color:var(--muted);font-size:13px;}

/* ========== 申请开发者弹窗（参考社区登录弹窗设计） ========== */
.mk-apply-panel{
  position:relative;
  width:min(480px,100%);
  padding:0;overflow:hidden;
  background:#fff;
  border-radius:16px;
  isolation:isolate;
}
.mk-apply-panel::before{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
  width:min(240px,90%);
  height:120px;
  top:-48px;
  right:-28px;
  border-radius:50%;
  background:radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--accent) 18%,#fff) 0%,color-mix(in srgb,var(--brand-lite,var(--accent)) 3%,#fff) 48%,#fff 86%);
}
.mk-apply-panel::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
  width:min(200px,82%);
  height:100px;
  bottom:-30px;
  left:-32px;
  border-radius:50%;
  background:radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--accent) 10%,#fff) 0%,color-mix(in srgb,var(--brand-lite,var(--accent)) 3%,#fff) 48%,#fff 86%);
}
.mk-apply-panel > :not(.mk-modal-close){
  position:relative;
  z-index:1;
}
.mk-apply-body{
  padding:30px;
  display:flex;flex-direction:column;justify-content:center;
}
.mk-apply-header{
  position:relative;
  margin:0 -40px 24px;
  text-align:center;
  color:var(--text);
}
.mk-apply-title{
  position:relative;z-index:1;
  margin:0 0 6px;
  font-size:22px;font-weight:800;letter-spacing:.02em;
  color:inherit;
  display:block;text-align:center;
}
.mk-apply-title i{color:var(--accent);margin-right:2px;}
.mk-apply-subtitle{
  position:relative;z-index:1;
  margin:0;
  font-size:13px;opacity:.92;color:inherit;
}
.mk-apply-tip{
  display:flex;align-items:flex-start;gap:6px;
  padding:10px 12px;border-radius:10px;
  background:var(--accent-soft);font-size:13px;
  color:var(--text-soft);line-height:1.6;margin-bottom:16px;
}
.mk-apply-tip i{color:var(--accent);flex-shrink:0;margin-top:1px;font-size:15px;}
.mk-apply-form{margin:0;}

/* 表单字段 textarea 变体（复用 uc-auth-field 基础样式） */
.uc-auth-field.mk-apply-textarea{
  flex-direction:column;align-items:stretch;
  min-height:auto;padding:12px 14px;
}
.uc-auth-field.mk-apply-textarea label{
  min-width:auto;width:100%;margin-bottom:6px;
}
.uc-auth-field.mk-apply-textarea .uc-auth-input{
  height:auto;min-height:72px;padding:0;
  resize:vertical;font-family:inherit;line-height:1.6;
}
.uc-auth-field .req{color:var(--danger);margin-left:1px;}

/* Tab 切换 - 认证类型 */
.mk-apply-tabs{display:flex;gap:10px;margin:0 0 16px;}
.mk-apply-tab{
  flex:1;padding:10px 12px;border-radius:10px;background:#f0f2f5;
  border:1px solid transparent;text-align:center;font-size:14px;font-weight:650;
  color:#9aa3af;cursor:pointer;transition:all .18s;user-select:none;
  display:flex;align-items:center;justify-content:center;gap:6px;
}
.mk-apply-tab:hover{color:#5b6470;}
.mk-apply-tab.active{
  background:#fff;border-color:var(--accent);color:var(--accent);
  box-shadow:0 0 0 3px var(--accent-soft);
}
.mk-apply-tab i{font-size:16px;}

.mk-apply-section{display:none;}
.mk-apply-section.on{display:block;}

/* 提交按钮复用 uc-auth-btn，此处仅扩展 disabled 状态 */
.uc-auth-btn:disabled{opacity:.55;cursor:not-allowed;filter:none;}

.mk-apply-footer{
  text-align:center;font-size:12px;
  color:#9aa3af;margin-top:14px;line-height:1.6;
}

/* ========== 弹窗内简单表单（审核弹窗等） ========== */
.mk-modal-panel label{display:block;font-size:13px;font-weight:500;color:var(--text);margin-bottom:5px;}
.mk-modal-panel input[type=text],
.mk-modal-panel input[type=number],
.mk-modal-panel input[type=email],
.mk-modal-panel select,
.mk-modal-panel textarea{
  width:100%;
  padding:9px 12px;
  border: none;
  border-radius:8px;
  color:var(--text);
  font-size:14px;
  outline:none;
  transition:border-color .15s,box-shadow .15s;
  font-family:inherit;
  box-sizing:border-box;
  background-color: transparent !important;
}
.mk-modal-panel input:-webkit-autofill,
.mk-modal-panel input:-webkit-autofill:hover,
.mk-modal-panel input:-webkit-autofill:focus,
.mk-modal-panel input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: var(--text) !important;
  background-color: transparent !important;
  background-clip: text; /* 部分浏览器需要 */
}
.mk-modal-panel input:focus,.mk-modal-panel select:focus,.mk-modal-panel textarea:focus{
  border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);
}
.mk-modal-panel textarea{resize:vertical;min-height:80px;line-height:1.5;}
.mk-modal-panel .req{color:var(--danger);}

/* ========== 响应式 ========== */
@media (max-width:600px){
  .mk-apply-panel{width:calc(100vw - 32px);}
  .mk-apply-body{padding:24px 20px;}
  .mk-apply-header{margin:0 -20px 20px;}
  .uc-auth-field{min-height:44px;padding:0 12px;}
  .uc-auth-input{height:42px;font-size:13px;}
  .mk-apply-tab{padding:8px 10px;font-size:13px;}
}