.zhj-mode-separation{border-radius:26px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(7,15,34,.92),rgba(6,12,27,.78));padding:16px;box-shadow:0 22px 60px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.06)}
.zhj-mode-separation-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:13px}
.zhj-mode-separation-head b{display:block;color:#fff;font-size:16px;font-weight:1000}
.zhj-mode-separation-head span:not(.zhj-mode-separation-badge){display:block;color:rgba(255,255,255,.48);font-size:12px;font-weight:800;margin-top:4px}
.zhj-mode-separation-badge{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:rgba(103,232,249,.08);border:1px solid rgba(103,232,249,.22);color:#67E8F9;font-size:11px;font-weight:1000;white-space:nowrap}
.zhj-mode-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.zhj-workflow-card{position:relative;min-height:112px;border-radius:22px;border:1px solid rgba(103,232,249,.18);background:linear-gradient(145deg,rgba(34,211,238,.08),rgba(59,130,246,.055));display:grid;grid-template-columns:48px minmax(0,1fr) 22px;gap:12px;align-items:center;text-align:left;padding:14px;color:#fff;transition:.2s ease}
.zhj-workflow-card:hover{transform:translateY(-1px);border-color:rgba(103,232,249,.48)}
.zhj-workflow-card.pro{border-color:rgba(246,196,83,.24);background:linear-gradient(145deg,rgba(246,196,83,.10),rgba(139,92,246,.07))}
.zhj-workflow-card.is-active{border-color:#67E8F9;box-shadow:0 0 0 1px rgba(103,232,249,.18),0 0 28px rgba(34,211,238,.16)}
.zhj-workflow-card.pro.is-active{border-color:#F6C453;box-shadow:0 0 0 1px rgba(246,196,83,.18),0 0 30px rgba(246,196,83,.16)}
.zhj-workflow-icon{width:48px;height:48px;border-radius:17px;display:flex;align-items:center;justify-content:center;font-size:20px;background:linear-gradient(135deg,#22D3EE,#3B82F6,#8B5CF6);box-shadow:0 0 22px rgba(34,211,238,.24)}
.zhj-workflow-icon.pro{background:linear-gradient(135deg,#FFE7A3,#F6C453,#E7942A);color:#231600;box-shadow:0 0 24px rgba(246,196,83,.24)}
.zhj-workflow-copy b{display:block;font-size:15px;font-weight:1000}
.zhj-workflow-copy small{display:block;color:rgba(255,255,255,.54);font-size:11px;font-weight:800;line-height:1.55;margin-top:4px}
.zhj-workflow-copy em{display:inline-flex;margin-top:8px;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.07);color:#FDE68A;font-size:11px;font-style:normal;font-weight:1000}
.zhj-workflow-check{color:rgba(255,255,255,.18);font-size:20px}
.zhj-workflow-card.is-active .zhj-workflow-check{color:#34D399;filter:drop-shadow(0 0 8px rgba(52,211,153,.5))}
.zhj-mode-current-summary{margin-top:12px;border-radius:15px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);padding:10px 12px;color:rgba(255,255,255,.65);font-size:12px;font-weight:900;line-height:1.6}
.zhj-mode-fold>summary{display:none!important}
.zhj-mode-fold[hidden]{display:none!important}
.zhj-mode-fold{display:block!important}
.zhj-mode-body{padding-top:16px}
.zhj-mode-body-inner{border-top:0!important;padding-top:0!important}
.zhj-separation-flow{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;border-radius:18px;padding:10px 12px;background:rgba(246,196,83,.07);border:1px solid rgba(246,196,83,.16);color:rgba(255,255,255,.56);font-size:11px;font-weight:1000}
.zhj-separation-flow span{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.055)}
.zhj-separation-flow span.active{color:#FDE68A;background:rgba(246,196,83,.12)}
.zhj-field-separation-tip{margin-bottom:10px;border-left:3px solid #67E8F9;border-radius:10px;background:rgba(34,211,238,.07);padding:9px 10px;color:rgba(255,255,255,.62);font-size:11px;line-height:1.65;font-weight:800}
.zhj-functional-space-grid,.zhj-height-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.zhj-functional-space-grid button,.zhj-height-type-grid button{min-height:44px;border-radius:15px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.055);color:#fff;font-size:12px;font-weight:900;padding:8px;transition:.18s ease}
.zhj-functional-space-grid button.option-active,.zhj-height-type-grid button.option-active{border-color:#67E8F9;background:linear-gradient(180deg,rgba(34,211,238,.18),rgba(139,92,246,.09));box-shadow:0 0 18px rgba(34,211,238,.15)}
.zhj-sub-label{margin-top:14px!important}
.zhj-pro-tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.zhj-pro-tier-grid button{min-height:78px;border-radius:18px;border:1px solid rgba(246,196,83,.18);background:rgba(246,196,83,.055);color:#fff;text-align:left;padding:11px;transition:.18s ease}
.zhj-pro-tier-grid button b{display:block;font-size:13px;font-weight:1000}
.zhj-pro-tier-grid button small{display:block;margin-top:6px;color:rgba(255,255,255,.52);font-size:11px;line-height:1.45;font-weight:800}
.zhj-pro-tier-grid button.option-active{border-color:#F6C453;background:linear-gradient(180deg,rgba(246,196,83,.20),rgba(139,92,246,.09));box-shadow:0 0 22px rgba(246,196,83,.15)}
.zhj-profile-stage-head{border-radius:18px;border:1px solid rgba(246,196,83,.20);background:linear-gradient(135deg,rgba(246,196,83,.12),rgba(139,92,246,.06));padding:12px 13px}
.zhj-profile-stage-head b{display:block;color:#FDE68A;font-size:14px;font-weight:1000}
.zhj-profile-stage-head span{display:block;margin-top:4px;color:rgba(255,255,255,.55);font-size:11px;line-height:1.6;font-weight:800}
@media(max-width:768px){
 .zhj-mode-separation-head{display:block}.zhj-mode-separation-badge{margin-top:9px}
 .zhj-mode-card-grid{grid-template-columns:1fr}
 .zhj-workflow-card{min-height:96px}
 .zhj-functional-space-grid,.zhj-height-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .zhj-pro-tier-grid{grid-template-columns:1fr}
}

/* V20.15-G01.1 上传原图预览状态修复：继续使用本模块原文件名，不新增CSS文件 */
#spaceUploadBox{
  position:relative!important;
  overflow:hidden!important;
  min-height:260px!important;
}
#spaceUploadBox .zhj-upload-placeholder{
  position:relative;
  z-index:1;
  width:100%;
}
#spaceUploadBox #fileName{
  display:none!important;
}
#spaceUploadBox .zhj-upload-preview-img{
  position:absolute!important;
  inset:18px!important;
  width:calc(100% - 36px)!important;
  height:calc(100% - 36px)!important;
  max-width:calc(100% - 36px)!important;
  max-height:calc(100% - 36px)!important;
  object-fit:contain!important;
  object-position:center!important;
  display:none!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
  z-index:5!important;
  border-radius:22px!important;
  background:rgba(2,6,23,.42)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.28)!important;
}
#spaceUploadBox.zhj-has-preview .zhj-upload-placeholder{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
#spaceUploadBox.zhj-has-preview .zhj-upload-preview-img{
  display:block!important;
}
#spaceUploadBox.zhj-has-preview::after{
  display:none!important;
}
@media(max-width:768px){
  #spaceUploadBox{min-height:230px!important;}
  #spaceUploadBox .zhj-upload-preview-img{
    inset:12px!important;
    width:calc(100% - 24px)!important;
    height:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
    max-height:calc(100% - 24px)!important;
    border-radius:18px!important;
  }
}