.hj-diagnosis-root{
  position:fixed;
  inset:0;
  z-index:999999;
  display:none;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
}
.hj-diagnosis-root.is-open{display:block}
.hj-diagnosis-lock{overflow:hidden}
.hj-diagnosis-overlay{
  position:absolute;
  inset:0;
  background:rgba(0,16,45,.76);
  backdrop-filter:blur(7px);
}
.hj-diagnosis-panel{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:min(920px,calc(100vw - 40px));
  max-height:calc(100vh - 40px);
  overflow:auto;
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(260px,.85fr);
  background:#fff;
  border-radius:22px;
  box-shadow:0 28px 90px rgba(0,28,88,.32);
  outline:none;
}
.hj-diagnosis-main{padding:40px}
.hj-diagnosis-aside{
  padding:40px 30px;
  background:linear-gradient(145deg,#061b43,#0a3277);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:26px;
}
.hj-diagnosis-close{
  position:absolute;
  top:14px;
  right:16px;
  z-index:5;
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.92);
  color:#15345d;
  font-size:26px;
  line-height:1;
  cursor:pointer;
}
.hj-kicker,.hj-side-label{
  display:block;
  margin-bottom:10px;
  font-size:12px;
  letter-spacing:.14em;
  font-weight:700;
  color:#1677ff;
}
.hj-side-label{color:#75ddff}
.hj-diagnosis-main h2{
  margin:0 0 12px;
  font-size:30px;
  line-height:1.2;
  color:#0a2145;
}
.hj-diagnosis-intro{
  margin:0 0 26px;
  color:#60728d;
  line-height:1.7;
}
#hjDiagnosisForm{
  display:grid;
  gap:15px;
}
#hjDiagnosisForm label span{
  display:block;
  margin-bottom:7px;
  font-size:14px;
  font-weight:650;
  color:#183456;
}
#hjDiagnosisForm input,
#hjDiagnosisForm select,
#hjDiagnosisForm textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid #dbe4ef;
  border-radius:10px;
  padding:12px 13px;
  font:inherit;
  color:#0d2548;
  background:#fff;
  outline:none;
}
#hjDiagnosisForm textarea{
  min-height:94px;
  resize:vertical;
}
#hjDiagnosisForm input:focus,
#hjDiagnosisForm select:focus,
#hjDiagnosisForm textarea:focus{
  border-color:#1677ff;
  box-shadow:0 0 0 3px rgba(22,119,255,.1);
}
.hj-hp{
  position:absolute!important;
  left:-10000px!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
}
.hj-submit,
.hj-copy-wechat,
.hj-complete,
.hj-wechat-box button{
  border:0;
  border-radius:10px;
  cursor:pointer;
  font-weight:700;
}
.hj-submit{
  padding:14px 18px;
  background:#1268e8;
  color:#fff;
  font-size:16px;
}
.hj-submit:disabled{opacity:.6;cursor:wait}
.hj-form-message{
  min-height:20px;
  color:#d92d20;
  font-size:13px;
}
.hj-privacy{
  margin:0;
  font-size:12px;
  color:#8796aa;
  line-height:1.6;
}
.hj-success{
  text-align:center;
  padding:28px 8px;
}
.hj-success-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  margin:0 auto 15px;
  border-radius:50%;
  background:#eaf4ff;
  color:#1268e8;
  font-size:28px;
  font-weight:800;
}
.hj-success h3{
  margin:0 0 10px;
  color:#0a2145;
}
.hj-success p{
  color:#667892;
  line-height:1.7;
}
.hj-copy-wechat,
.hj-complete{
  display:block;
  width:100%;
  padding:13px 16px;
  margin-top:10px;
}
.hj-copy-wechat{
  background:#1268e8;
  color:#fff;
}
.hj-complete{
  background:#eef3f9;
  color:#24415f;
}
.hj-diagnosis-aside h3{
  margin:5px 0 10px;
  font-size:24px;
}
.hj-diagnosis-aside p{
  margin:0;
  color:#c8d9f1;
  line-height:1.75;
}
.hj-wechat-box{
  padding:18px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  background:rgba(255,255,255,.08);
}
.hj-wechat-box span{
  display:block;
  font-size:12px;
  color:#a9c5ec;
}
.hj-wechat-box strong{
  display:block;
  margin:5px 0 12px;
  font-size:22px;
}
.hj-wechat-box button{
  width:100%;
  padding:11px 13px;
  background:#fff;
  color:#0c3976;
}
.hj-phone-link{
  color:#fff;
  text-decoration:none;
  font-weight:650;
}
@media(max-width:720px){
  .hj-diagnosis-panel{
    top:auto;
    bottom:0;
    left:0;
    transform:none;
    width:100%;
    max-height:94vh;
    grid-template-columns:1fr;
    border-radius:20px 20px 0 0;
  }
  .hj-diagnosis-main{
    padding:30px 20px 22px;
  }
  .hj-diagnosis-main h2{
    font-size:25px;
    padding-right:26px;
  }
  .hj-diagnosis-aside{
    padding:24px 20px 30px;
  }
}


/* V1.1.1 — clean submitted state */
.hj-diagnosis-submitted .hj-diagnosis-form,
.hj-diagnosis-submitted [data-hj-form-view] {
    display: none !important;
}



/* HJ Diagnosis V1 final success-state guard */
#hjDiagnosisRoot.hj-diagnosis-submitted #hjDiagnosisForm,
#hjDiagnosisRoot.hj-diagnosis-submitted [data-hj-form-view] {
    display: none !important;
}

/* HJ V1.1.1 FINAL SUCCESS UX */
#hjDiagnosisRoot.hj-diagnosis-submitted .hj-diagnosis-aside,
#hjDiagnosisRoot.hj-diagnosis-submitted .hj-kicker,
#hjDiagnosisRoot.hj-diagnosis-submitted #hjDiagnosisTitle,
#hjDiagnosisRoot.hj-diagnosis-submitted .hj-diagnosis-intro {
    display: none !important;
}

#hjDiagnosisRoot.hj-diagnosis-submitted .hj-diagnosis-panel {
    width: min(92vw, 520px) !important;
    grid-template-columns: 1fr !important;
    height: auto !important;
    min-height: 0 !important;
}

#hjDiagnosisRoot.hj-diagnosis-submitted .hj-diagnosis-main {
    padding: 38px 34px 32px !important;
}

#hjDiagnosisRoot.hj-diagnosis-submitted .hj-success {
    display: block !important;
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    padding: 12px 0 0;
}

@media (max-width: 720px) {
    #hjDiagnosisRoot.hj-diagnosis-submitted .hj-diagnosis-panel {
        width: calc(100vw - 28px) !important;
        max-height: none !important;
        height: auto !important;
    }

    #hjDiagnosisRoot.hj-diagnosis-submitted .hj-diagnosis-main {
        padding: 34px 22px 26px !important;
    }
}
/* END HJ V1.1.1 FINAL SUCCESS UX */



/* HJ V1.1.3 MOBILE SUCCESS FINAL */
@media (max-width: 720px) {
  #hjDiagnosisRoot.hj-diagnosis-submitted .hj-diagnosis-panel {
    top: 50% !important;
    bottom: auto !important;
    left: 14px !important;
    right: 14px !important;

    width: auto !important;
    max-width: none !important;
    max-height: calc(100dvh - 40px) !important;

    transform: translateY(-50%) !important;

    grid-template-columns: 1fr !important;
    border-radius: 20px !important;

    overflow: auto !important;
  }

  #hjDiagnosisRoot.hj-diagnosis-submitted .hj-diagnosis-main {
    padding: 32px 22px 26px !important;
  }

  #hjDiagnosisRoot.hj-diagnosis-submitted .hj-success {
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 4px 0 0 !important;
  }
}
/* END HJ V1.1.3 MOBILE SUCCESS FINAL */