{"id":21043,"date":"2026-08-16T04:49:28","date_gmt":"2026-08-16T04:49:28","guid":{"rendered":"https:\/\/carejourneychina.com\/index.php\/front_page\/"},"modified":"2026-08-26T18:39:33","modified_gmt":"2026-08-26T18:39:33","slug":"front_page","status":"publish","type":"page","link":"https:\/\/carejourneychina.com\/zh\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n<style>\n\/* CJC-HOSPITAL-COMPACT-LAYOUT-20260821 *\/\n#services { padding-top: 30px !important; padding-bottom: 15px !important; }\n#services .wp-block-kubio-row__container,\n#services .wp-block-kubio-column__container,\n#services .wp-block-kubio-column__inner { padding-top: 0 !important; padding-bottom: 0 !important; }\n#hospital-gallery { padding-top: 0 !important; padding-bottom: 10px !important; }\n#hospital-gallery .wp-block-kubio-row__container,\n#hospital-gallery .wp-block-kubio-column__container,\n#hospital-gallery .wp-block-kubio-column__inner { padding-top: 0 !important; padding-bottom: 0 !important; }\n#services h2 { margin-bottom: 8px !important; }\n<\/style>\n\n\n\n<style>\n\/* CJC-HOSPITAL-VISUAL-REFINEMENT-20260821 *\/\n#services, #hospital-gallery { background: #ffffff !important; }\n#services .wp-block-kubio-text__text { font-size: 17px !important; line-height: 1.35 !important; transform: translateY(-10px); margin-bottom: 0 !important; }\n#hospital-gallery .wp-block-kubio-row__inner { margin-top: 0 !important; margin-bottom: 0 !important; }\n#hospital-gallery, #hospital-gallery > div, #hospital-gallery iframe { background-color: #ffffff !important; }\n<\/style>\n\n\n\n<style>\n\/* CJC-DENTAL-SECTION-HEIGHT-20260821 *\/\n#content-3 .wp-block-kubio-row__inner > .wp-block-kubio-column__container:first-child > .wp-block-kubio-column__inner {\n  padding-top: 60px !important;\n  padding-bottom: 60px !important;\n}\n<\/style>\n\n\n\n<style>\n\/* CJC-CAPSULE-SECTION-HEIGHT-20260821 *\/\n#content-2 .wp-block-kubio-row__inner > .wp-block-kubio-column__container:nth-child(2) > .wp-block-kubio-column__inner {\n  padding-top: 81px !important;\n  padding-bottom: 81px !important;\n}\n<\/style>\n\n\n\n<style>\n\/* CJC-GATEWAY-THREE-CARD-LAYOUT-20260821 *\/\n#features { padding-top: 20px !important; padding-bottom: 20px !important; }\n#features > .wp-block-kubio-section__inner > .wp-block-kubio-row__container:first-child,\n#features > .wp-block-kubio-section__inner > .wp-block-kubio-row__container:first-child .wp-block-kubio-column__container,\n#features > .wp-block-kubio-section__inner > .wp-block-kubio-row__container:first-child .wp-block-kubio-column__inner {\n  padding-top: 0 !important; padding-bottom: 0 !important;\n}\n#features > .wp-block-kubio-section__inner > .wp-block-kubio-row__container:nth-child(2),\n#features > .wp-block-kubio-section__inner > .wp-block-kubio-row__container:nth-child(2) .wp-block-kubio-column__container,\n#features > .wp-block-kubio-section__inner > .wp-block-kubio-row__container:nth-child(2) .wp-block-kubio-column__inner {\n  padding-top: 0 !important; padding-bottom: 0 !important;\n}\n#features > .wp-block-kubio-section__inner > .wp-block-kubio-row__container:nth-child(2) .wp-block-kubio-image__frameContainer,\n#features > .wp-block-kubio-section__inner > .wp-block-kubio-row__container:nth-child(2) img {\n  width: 100% !important; height: 180px !important; object-fit: cover !important;\n}\n<\/style>\n\n\n\n<style>\n\/* CJC-GATEWAY-BALANCED-SPACING-20260821 *\/\n#features { padding-top: 35px !important; padding-bottom: 35px !important; }\n#features > .wp-block-kubio-section__inner > .wp-block-kubio-row__container:first-child { padding-bottom: 45px !important; }\n#features > .wp-block-kubio-section__inner > .wp-block-kubio-row__container:nth-child(2) .wp-block-kubio-column__inner { padding-top: 12px !important; padding-bottom: 23px !important; }\n<\/style>\n\n\n\n<style>\n\/* CJC-GATEWAY-ASYMMETRIC-SPACING-20260821 *\/\n#features { padding-top: 60px !important; padding-bottom: 15px !important; }\n<\/style>\n\n\n\n<style>\n\/* CJC-GATEWAY-WIDE-JUNCTIONS-20260821 *\/\n#features { padding-top: 90px !important; padding-bottom: 60px !important; }\n<\/style>\n\n\n\n<style>\n\/* CJC-HOSPITAL-UPPER-JUNCTION-SPACING-20260821 *\/\n#services { padding-top: 60px !important; }\n<\/style>\n\n\n\n\n<style>\n  <style>\n  \/* All classes prefixed with cm- to avoid conflicts with existing site CSS *\/\n  *,\n  *::before,\n  *::after { box-sizing: border-box; }\n\n  :root {\n    --cm-primary: #0A5C7C;\n    --cm-primary-dark: #074659;\n    --cm-primary-light: #E6F2F7;\n    --cm-text: #14323b;\n    --cm-text-soft: #5b7480;\n    --cm-border: #d8e3e8;\n    --cm-bg: #ffffff;\n    --cm-danger: #d9534f;\n    --cm-success: #2bb673;\n    --cm-shadow-lg: 0 30px 80px -20px rgba(0, 30, 50, 0.45);\n    --cm-shadow-md: 0 12px 28px -10px rgba(10, 92, 124, 0.18);\n    --cm-radius-lg: 18px;\n    --cm-radius-md: 10px;\n    --cm-radius-sm: 6px;\n  }\n\n  .cm-backdrop {\n    position: fixed;\n    inset: 0;\n    background: rgba(7, 22, 31, 0.55);\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n    display: none;\n    align-items: center;\n    justify-content: center;\n    padding: 20px;\n    z-index: 2147483600;\n    overflow-y: auto;\n    animation: cm-fadeIn .4s ease;\n  }\n  .cm-backdrop.cm-open { display: flex; }\n  @keyframes cm-fadeIn { from {opacity:0} to {opacity:1} }\n  @keyframes cm-modalPop {\n    from { opacity:0; transform: translateY(10px) scale(.99); }\n    to   { opacity:1; transform: translateY(0)    scale(1); }\n  }\n  @keyframes cm-modalOut {\n    from { opacity:1; transform: translateY(0)   scale(1); }\n    to   { opacity:0; transform: translateY(8px) scale(.99); }\n  }\n  @keyframes cm-fadeOut {\n    from { opacity:1; }\n    to   { opacity:0; }\n  }\n  .cm-backdrop.cm-closing { animation: cm-fadeOut .4s ease forwards; }\n  .cm-backdrop.cm-closing .cm-modal { animation: cm-modalOut .4s ease forwards; }\n\n  .cm-modal {\n    background: #fff;\n    width: min(960px, 100%);\n    max-height: calc(100vh - 40px);\n    border-radius: var(--cm-radius-lg);\n    box-shadow: var(--cm-shadow-lg);\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    animation: cm-modalPop .4s cubic-bezier(.2,.7,.2,1);\n    position: relative;\n  }\n  .cm-close {\n    position: absolute; top: 14px; right: 14px;\n    width: 36px; height: 36px;\n    border-radius: 50%; border: 0;\n    background: rgba(255,255,255,.92);\n    color: #1c4757; cursor: pointer;\n    font-size: 20px; line-height: 1;\n    display: flex; align-items: center; justify-content: center;\n    z-index: 5;\n    box-shadow: 0 4px 12px rgba(0,0,0,.12);\n    transition: transform .15s ease, background .15s ease;\n  }\n  .cm-close:hover { transform: rotate(90deg); background:#fff; }\n\n  .cm-body { overflow-y: auto; overflow-x: hidden; flex: 1 1 auto; }\n  .cm-body::-webkit-scrollbar { width: 8px; }\n  .cm-body::-webkit-scrollbar-thumb { background: rgba(10,92,124,.25); border-radius: 4px; }\n\n  \/* intro *\/\n  .cm-intro {\n    background: linear-gradient(180deg, #f4faff 0%, #ffffff 100%);\n    padding: 30px 36px 24px;\n    border-bottom: 1px solid var(--cm-border);\n  }\n  .cm-eyebrow {\n    display: inline-flex; align-items: center; gap: 8px;\n    font-size: 12px; letter-spacing: 2px;\n    color: var(--cm-primary);\n    background: var(--cm-primary-light);\n    padding: 6px 12px; border-radius: 999px;\n    text-transform: uppercase; font-weight: 700;\n  }\n  .cm-eyebrow .cm-dot {\n    width: 6px; height: 6px; border-radius: 50%;\n    background: var(--cm-primary);\n    box-shadow: 0 0 0 4px rgba(10,92,124,.15);\n  }\n  .cm-intro h2 {\n    font-size: clamp(22px, 3vw, 30px);\n    margin: 14px 0 6px; color: var(--cm-text);\n  }\n  .cm-intro h2 .cm-accent { color: var(--cm-primary); padding-right: 6px; }\n  .cm-lede { color: var(--cm-text-soft); margin: 0 0 18px; font-size: 14px; line-height: 1.7; }\n\n  .cm-caps { margin-bottom: 20px; }\n  .cm-cap-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }\n  .cm-cap-tag {\n    display: inline-flex; align-items: center;\n    background: var(--cm-primary-light);\n    color: var(--cm-primary);\n    font-size: 12.5px; font-weight: 600;\n    padding: 5px 12px; border-radius: 999px;\n    letter-spacing: .3px;\n    border: 1px solid rgba(10,92,124,.15);\n  }\n  .cm-cap-tag::before {\n    content: \"\"; width: 5px; height: 5px;\n    border-radius: 50%; background: var(--cm-primary);\n    margin-right: 7px; flex-shrink: 0;\n  }\n  .cm-cap-desc { color: var(--cm-text-soft); font-size: 13px; margin: 0; line-height: 1.7; }\n  .cm-cap-desc strong { color: var(--cm-primary); font-weight: 600; }\n\n  .cm-stats {\n    display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px;\n    background: #fff; border: 1px solid var(--cm-border);\n    border-radius: var(--cm-radius-md);\n    padding: 16px 12px; margin-bottom: 16px;\n  }\n  .cm-stat { text-align: center; }\n  .cm-stat .cm-num {\n    font-size: clamp(18px, 2.4vw, 24px);\n    font-weight: 800; color: var(--cm-primary); line-height: 1.1;\n  }\n  .cm-stat .cm-num small { font-size: 14px; font-weight: 600; margin-left: 2px; }\n  .cm-stat .cm-label { color: var(--cm-text-soft); font-size: 12.5px; margin-top: 4px; }\n\n  .cm-tip {\n    background: rgba(10,92,124,.06);\n    border-left: 3px solid var(--cm-primary);\n    color: var(--cm-text-soft);\n    font-size: 13px; padding: 10px 14px;\n    border-radius: var(--cm-radius-sm); line-height: 1.7;\n  }\n  .cm-tip strong { color: var(--cm-primary); font-weight: 700; }\n\n  \/* form *\/\n  .cm-form-wrap { padding: 32px 36px 36px; background: #fff; }\n  .cm-form-wrap h3 { font-size: 19px; margin: 0 0 4px; color: var(--cm-text); }\n  .cm-sub { color: var(--cm-text-soft); font-size: 13px; margin: 0 0 22px; }\n\n  .cm-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 16px; }\n  .cm-grid .cm-full { grid-column: 1 \/ -1; }\n  .cm-field { display: flex; flex-direction: column; }\n  .cm-field label { font-size: 13px; font-weight: 600; color: var(--cm-text); margin-bottom: 6px; }\n  .cm-field label .cm-req { color: var(--cm-danger); margin-left: 3px; }\n  .cm-field label .cm-hint { color: var(--cm-text-soft); font-weight: 400; font-size: 12px; margin-left: 6px; }\n\n  .cm-field input[type=text],\n  .cm-field input[type=email],\n  .cm-field input[type=tel],\n  .cm-field select,\n  .cm-field textarea {\n    width: 100%;\n    border: 1px solid var(--cm-border);\n    border-radius: var(--cm-radius-sm);\n    padding: 11px 13px; font-size: 14px;\n    color: var(--cm-text); background: #fff;\n    font-family: inherit;\n    transition: border-color .15s ease, box-shadow .15s ease;\n  }\n  .cm-field textarea { min-height: 110px; resize: vertical; line-height: 1.6; }\n  .cm-field input:focus, .cm-field select:focus, .cm-field textarea:focus {\n    outline: 0; border-color: var(--cm-primary);\n    box-shadow: 0 0 0 3px rgba(10,92,124,.15);\n  }\n  .cm-field .cm-err { color: var(--cm-danger); font-size: 12px; margin-top: 5px; display: none; }\n  .cm-field.cm-has-error input,\n  .cm-field.cm-has-error select,\n  .cm-field.cm-has-error textarea { border-color: var(--cm-danger); }\n  .cm-field.cm-has-error .cm-err { display: block; }\n\n  .cm-field select {\n    appearance: none; -webkit-appearance: none;\n    background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 12 12'><path fill='%230A5C7C' d='M6 8.5 1.5 4h9z'\/><\/svg>\");\n    background-repeat: no-repeat;\n    background-position: right 12px center;\n    padding-right: 36px;\n  }\n\n  .cm-drop {\n    border: 2px dashed var(--cm-border);\n    border-radius: var(--cm-radius-md);\n    padding: 22px 16px; text-align: center;\n    background: #fafdff; cursor: pointer;\n    transition: background .15s ease, border-color .15s ease;\n  }\n  .cm-drop:hover, .cm-drop.cm-drag { border-color: var(--cm-primary); background: var(--cm-primary-light); }\n  .cm-drop .cm-upico { font-size: 28px; color: var(--cm-primary); }\n  .cm-drop .cm-dztxt { margin-top: 6px; font-size: 13.5px; color: var(--cm-text); }\n  .cm-drop .cm-dztxt strong { color: var(--cm-primary); }\n  .cm-drop .cm-dzmeta { margin-top: 4px; color: var(--cm-text-soft); font-size: 12px; }\n  .cm-drop input[type=file] { display: none; }\n\n  .cm-filelist { margin-top: 10px; display: flex; flex-direction: column; gap: 6px; }\n  .cm-fileitem {\n    display: flex; align-items: center; gap: 10px;\n    padding: 8px 12px;\n    background: #f4f8fa; border: 1px solid var(--cm-border);\n    border-radius: var(--cm-radius-sm);\n    font-size: 13px;\n  }\n  .cm-fileitem .cm-fname { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n  .cm-fileitem .cm-fsize { color: var(--cm-text-soft); font-size: 12px; }\n  .cm-fileitem .cm-rm {\n    background: transparent; border: 0; color: var(--cm-danger);\n    cursor: pointer; font-size: 16px; line-height: 1;\n    padding: 4px 6px; border-radius: 4px;\n  }\n  .cm-fileitem .cm-rm:hover { background: rgba(217,83,79,.1); }\n\n  .cm-cap { display: none; }\n  .cm-recap {\n    border: 1px solid var(--cm-border);\n    background: #f9fcfe; border-radius: var(--cm-radius-sm);\n    padding: 12px 14px;\n    display: flex; align-items: center; gap: 12px;\n    max-width: 320px;\n  }\n  .cm-recap .cm-cbx {\n    width: 22px; height: 22px;\n    border: 2px solid #c1c8cc; border-radius: 4px;\n    background: #fff; flex-shrink: 0; cursor: pointer;\n    position: relative; transition: background .15s ease, border-color .15s ease;\n  }\n  .cm-recap .cm-cbx.cm-checked { background: var(--cm-success); border-color: var(--cm-success); }\n  .cm-recap .cm-cbx.cm-checked::after {\n    content: \"\"; position: absolute;\n    left: 5px; top: 1px;\n    width: 6px; height: 11px;\n    border: solid #fff;\n    border-width: 0 2px 2px 0;\n    transform: rotate(45deg);\n  }\n  .cm-recap .cm-rtxt { font-size: 13.5px; color: var(--cm-text); }\n\n  .cm-disclaim { font-size: 12px; color: var(--cm-text-soft); line-height: 1.6; margin-top: 4px; }\n  .cm-disclaim a { color: var(--cm-primary); text-decoration: none; }\n  .cm-disclaim a:hover { text-decoration: underline; }\n\n  .cm-submitrow { margin-top: 18px; display: flex; justify-content: flex-end; gap: 12px; align-items: center; }\n  .cm-submit {\n    appearance: none; border: 0; cursor: pointer;\n    background: linear-gradient(135deg, var(--cm-primary), var(--cm-primary-dark));\n    color: #fff; font: inherit; font-weight: 600; font-size: 15px;\n    padding: 13px 28px; border-radius: var(--cm-radius-md);\n    box-shadow: 0 8px 20px -6px rgba(10,92,124,.4);\n    transition: transform .15s ease, box-shadow .2s ease;\n  }\n  .cm-submit:hover { transform: translateY(-2px); box-shadow: 0 12px 24px -6px rgba(10,92,124,.5); }\n  .cm-submit:active { transform: translateY(0); }\n  .cm-submit:disabled { opacity: .6; cursor: not-allowed; transform: none; box-shadow: none; }\n\n  \/* Success message: inline within modal, no separate overlay or border *\/\n  .cm-done {\n    display: none;\n    text-align: center;\n    padding: 44px 36px 48px;\n    animation: cm-modalPop .35s cubic-bezier(.2,.7,.2,1);\n  }\n  .cm-done.cm-show { display: block; }\n  .cm-done .cm-check {\n    width: 64px; height: 64px; margin: 0 auto 16px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, #4dd89b, #2bb673);\n    color: #fff; display: flex; align-items: center; justify-content: center;\n    font-size: 32px;\n    box-shadow: 0 10px 24px -6px rgba(43,182,115,.45);\n  }\n  .cm-done h4 { margin: 0 0 8px; font-size: 19px; color: var(--cm-text); }\n  .cm-done p { margin: 0 0 24px; color: var(--cm-text-soft); font-size: 14px; line-height: 1.7; }\n  .cm-done button {\n    appearance: none; border: 0; cursor: pointer;\n    background: var(--cm-primary); color: #fff;\n    font: inherit; font-weight: 600; font-size: 14px;\n    padding: 11px 26px; border-radius: var(--cm-radius-md);\n    transition: background .15s ease;\n  }\n  .cm-done button:hover { background: var(--cm-primary-dark); }\n\n  body.cm-locked { overflow: hidden; }\n\n  \/* responsive *\/\n  @media (max-width: 860px) {\n    .cm-stats { grid-template-columns: repeat(2, 1fr); }\n    .cm-grid  { grid-template-columns: 1fr; }\n    .cm-grid .cm-full { grid-column: 1; }\n  }\n  @media (max-width: 600px) {\n    .cm-intro, .cm-form-wrap { padding-left: 22px; padding-right: 22px; }\n    .cm-modal { border-radius: 14px; }\n    .cm-close { top: 10px; right: 10px; }\n    .cm-submitrow { flex-direction: column; align-items: stretch; }\n    .cm-submit { width: 100%; }\n    .cm-stats { grid-template-columns: 1fr 1fr; }\n  }\n<\/style>\n\n<div class=\"cm-backdrop\" id=\"cmBackdrop\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"cmModalTitle\">\n  <div class=\"cm-modal\">\n\n    <button class=\"cm-close\" id=\"cmClose\" aria-label=\"Close\" type=\"button\">&times;<\/button>\n\n    <div class=\"cm-body\">\n\n      <!-- ========== Upper: Hangzhou Medical Hub ========== -->\n      <div class=\"cm-intro\">\n        <span class=\"cm-eyebrow\"><span class=\"cm-dot\"><\/span> HANGZHOU &middot; MEDICAL HUB<\/span>\n        <h2 id=\"cmModalTitle\">Hangzhou <span class=\"cm-accent\">Medical Hub<\/span><\/h2>\n        <p class=\"cm-lede\">Bringing together top-tier tertiary hospitals, clinical research centers, and international medical departments \u2014 powered by a smart healthcare system to provide efficient, trusted bilingual online consultation for patients worldwide.<\/p>\n\n        <div class=\"cm-caps\">\n          <div class=\"cm-cap-tags\">\n            <span class=\"cm-cap-tag\">Tertiary Hospital Network<\/span>\n            <span class=\"cm-cap-tag\">Clinical Research and Translation<\/span>\n            <span class=\"cm-cap-tag\">Smart City Healthcare<\/span>\n            <span class=\"cm-cap-tag\">Multilingual International Services<\/span>\n          <\/div>\n          <p class=\"cm-cap-desc\">Comprehensive support from <strong>online triage<\/strong> and <strong>remote consultation<\/strong> to <strong>in-person treatment<\/strong> for patients worldwide. Submit the form below to enter the consultation channel.<\/p>\n        <\/div>\n\n        <div class=\"cm-stats\">\n          <div class=\"cm-stat\">\n            <div class=\"cm-num\">42<small>K+<\/small><\/div>\n            <div class=\"cm-label\">Licensed Physicians<\/div>\n          <\/div>\n          <div class=\"cm-stat\">\n            <div class=\"cm-num\">180<small>M+<\/small><\/div>\n            <div class=\"cm-label\">Annual Outpatient Visits<\/div>\n          <\/div>\n          <div class=\"cm-stat\">\n            <div class=\"cm-num\">38<\/div>\n            <div class=\"cm-label\">National Key Specialties<\/div>\n          <\/div>\n          <div class=\"cm-stat\">\n            <div class=\"cm-num\">24\/7<\/div>\n            <div class=\"cm-label\">Online Telemedicine<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"cm-tip\">\n          <strong>Notice:<\/strong> Leveraging Hangzhou's premium healthcare resources to provide professional, convenient online consultation for patients worldwide.\n        <\/div>\n      <\/div>\n\n      <!-- ========== Lower: Online Case Registration Form ========== -->\n      <div class=\"cm-form-wrap\">\n        <h3>Online Case Registration<\/h3>\n        <p class=\"cm-sub\">Please fill in the information below truthfully. A Hangzhou medical advisor will contact you within 24 hours. All information is used solely for medical consultation and kept strictly confidential.<\/p>\n\n        <form id=\"cmForm\"\n              action=\"https:\/\/forminit.com\/f\/o2qz30tag2n\"\n              method=\"POST\"\n              enctype=\"multipart\/form-data\"\n              target=\"cmHiddenIframe\">\n          <div class=\"cm-grid\">\n\n            <div class=\"cm-field\">\n              <label for=\"cm-name\">Patient Name<span class=\"cm-req\">*<\/span><\/label>\n              <input id=\"cm-name\" name=\"fi-text-name\" type=\"text\" placeholder=\"Enter your name\" autocomplete=\"name\" \/>\n              <div class=\"cm-err\">Please enter the patient's name<\/div>\n            <\/div>\n\n            <div class=\"cm-field\">\n              <label for=\"cm-email\">Email Address<span class=\"cm-req\">*<\/span><\/label>\n              <input id=\"cm-email\" name=\"fi-email-email\" type=\"email\" placeholder=\"example@email.com\" autocomplete=\"email\" \/>\n              <div class=\"cm-err\">Please enter a valid email address<\/div>\n            <\/div>\n\n            <div class=\"cm-field\">\n              <label for=\"cm-phone\">Phone Number<span class=\"cm-req\">*<\/span><span class=\"cm-hint\">Include country code<\/span><\/label>\n              <input id=\"cm-phone\" name=\"fi-phone-phone\" type=\"tel\" placeholder=\"+86 138 0000 0000\" autocomplete=\"tel\" \/>\n              <div class=\"cm-err\">Please enter a valid phone number<\/div>\n            <\/div>\n\n            <div class=\"cm-field\">\n              <label for=\"cm-dept\">Medical Specialty \/ Topic<span class=\"cm-req\">*<\/span><\/label>\n              <select id=\"cm-dept\" name=\"fi-select-department\">\n                <option value=\"\" disabled selected>Please select a specialty<\/option>\n                <option>Orthopedics \/ Sports Medicine<\/option>\n                <option>Neurosurgery \/ Spine<\/option>\n                <option>Cardiovascular \/ Thoracic<\/option>\n                <option>Oncology \/ Cancer<\/option>\n                <option>Rehabilitation \/ Physiotherapy<\/option>\n                <option>Medical Imaging Consultation<\/option>\n                <option>International Medical Department<\/option>\n                <option>Other Specialties<\/option>\n              <\/select>\n              <div class=\"cm-err\">Please select a medical specialty<\/div>\n            <\/div>\n\n            <div class=\"cm-field cm-full\">\n              <label for=\"cm-desc\">Condition Description \/ Chief Complaint<span class=\"cm-req\">*<\/span><\/label>\n              <textarea id=\"cm-desc\" name=\"fi-text-description\" placeholder=\"Please briefly describe symptoms, onset time, previous treatment history, current medications, etc.\"><\/textarea>\n              <div class=\"cm-err\">Please describe your condition<\/div>\n            <\/div>\n\n            <div class=\"cm-field cm-full\">\n              <label>Upload Medical Records<span class=\"cm-hint\">Optional &middot; JPG \/ PNG \/ PDF, max 20MB per file<\/span><\/label>\n              <label class=\"cm-drop\" id=\"cmDrop\" for=\"cm-files\">\n                <div class=\"cm-upico\">&uparrow;<\/div>\n                <div class=\"cm-dztxt\"><strong>Click to upload<\/strong> or drag files here<\/div>\n                <div class=\"cm-dzmeta\">Reports, imaging, prescriptions, etc. (multiple files allowed)<\/div>\n                <input id=\"cm-files\" name=\"fi-file-files\" type=\"file\" multiple accept=\".jpg,.jpeg,.png,.pdf\" \/>\n              <\/label>\n              <div class=\"cm-filelist\" id=\"cmFileList\" aria-live=\"polite\"><\/div>\n              <div class=\"cm-err\" id=\"cmFilesErr\" style=\"display:none;\">Multiple files allowed, max 20MB each (optional)<\/div>\n            <\/div>\n\n            <div class=\"cm-field cm-full\">\n              <label>Verification<span class=\"cm-req\">*<\/span><\/label>\n              <div class=\"cm-recap\" id=\"cmRecap\">\n                <div class=\"cm-cbx\" id=\"cmCbx\" role=\"checkbox\" aria-checked=\"false\" tabindex=\"0\"><\/div>\n                <div class=\"cm-rtxt\">I'm not a robot<\/div>\n              <\/div>\n              <div class=\"cm-err\" id=\"cmCapErr\" style=\"display:none;margin-top:6px;\">Please complete the verification<\/div>\n            <\/div>\n\n            <div class=\"cm-field cm-full\">\n              <p class=\"cm-disclaim\">\n                &#9888; Medical Disclaimer: This platform provides online consultation and triage suggestions only, and does not constitute a final diagnosis. Specific treatment plans must be confirmed by a licensed physician in person. By submitting, you acknowledge that you have read and agree to the\n                <a href=\"#\" onclick=\"event.preventDefault();\">Privacy Policy<\/a> and <a href=\"#\" onclick=\"event.preventDefault();\">Terms of Service<\/a>.\n              <\/p>\n            <\/div>\n\n            <div class=\"cm-field cm-full\">\n              <div class=\"cm-submitrow\">\n                <button type=\"button\" class=\"cm-submit\" id=\"cmSubmit\">Submit Consultation Request<\/button>\n              <\/div>\n            <\/div>\n\n          <\/div>\n        <\/form>\n        <!-- Hidden iframe for native form POST (bypasses CORS preflight and fetch issues) -->\n        <iframe name=\"cmHiddenIframe\" id=\"cmHiddenIframe\" style=\"display:none;width:0;height:0;border:0\" title=\"empty\"><\/iframe>\n      <\/div>\n\n      <!-- Success message: inline within modal, replaces form area, no separate overlay -->\n      <div class=\"cm-done\" id=\"cmDone\" role=\"alertdialog\" aria-modal=\"true\" aria-labelledby=\"cmDoneTitle\">\n        <div class=\"cm-check\">&#10003;<\/div>\n        <h4 id=\"cmDoneTitle\">Case Submitted Successfully!<\/h4>\n        <p>A Hangzhou medical advisor will contact you within <strong>24 hours<\/strong>.<br\/>For urgent assistance, call <strong>+86 571-8888-8888<\/strong><\/p>\n        <button type=\"button\" id=\"cmDoneClose\">OK<\/button>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n\/* ============================================================\n   CareJourney China - Medical Consultation Modal (auto-bind + exposed API)\n   When deploying to homepage, copy this entire <script> before <\/body>.\n============================================================ *\/\n(function () {\n  'use strict';\n\n  \/\/ Prevent duplicate injection\n  if (window.__CJ_MEDICAL_MODAL__) return;\n  window.__CJ_MEDICAL_MODAL__ = true;\n\n  const $ = (id) => document.getElementById(id);\n  const backdrop   = $('cmBackdrop');\n  const closeBtn   = $('cmClose');\n  const form       = $('cmForm');\n  const submitBtn  = $('cmSubmit');\n  const fileInput  = $('cm-files');\n  const dropzone   = $('cmDrop');\n  const fileList   = $('cmFileList');\n  const filesErr   = $('cmFilesErr');\n  const capErr     = $('cmCapErr');\n  const recaptcha  = $('cmRecap');\n  const cbx        = $('cmCbx');\n  const formWrap   = backdrop ? backdrop.querySelector('.cm-form-wrap') : null;\n  const done       = $('cmDone');\n  const doneClose  = $('cmDoneClose');\n  const uploaded   = [];\n  let closeTimer   = null;\n\n  \/\/ ---- open \/ close ----\n  window.openMedicalModal = function () {\n    if (!backdrop) return;\n    if (closeTimer) { clearTimeout(closeTimer); closeTimer = null; }\n    backdrop.classList.remove('cm-closing');\n    if (formWrap) formWrap.style.display = '';\n    if (done) done.classList.remove('cm-show');\n    backdrop.classList.add('cm-open');\n    document.body.classList.add('cm-locked');\n    setTimeout(function () { const n = $('cm-name'); if (n) n.focus(); }, 100);\n  };\n  window.closeMedicalModal = function () {\n    if (!backdrop) return;\n    if (closeTimer) { clearTimeout(closeTimer); closeTimer = null; }\n    if (backdrop.classList.contains('cm-open')) {\n      backdrop.classList.add('cm-closing');\n      closeTimer = setTimeout(function () {\n        backdrop.classList.remove('cm-open');\n        backdrop.classList.remove('cm-closing');\n        document.body.classList.remove('cm-locked');\n        closeTimer = null;\n      }, 400);\n    } else {\n      backdrop.classList.remove('cm-open');\n      backdrop.classList.remove('cm-closing');\n      document.body.classList.remove('cm-locked');\n    }\n  };\n\n  if (closeBtn) closeBtn.addEventListener('click', window.closeMedicalModal);\n  if (backdrop) backdrop.addEventListener('click', (e) => { if (e.target === backdrop) window.closeMedicalModal(); });\n  document.addEventListener('keydown', (e) => {\n    if (e.key === 'Escape') { if (backdrop) { if (backdrop.classList.contains('cm-open')) { window.closeMedicalModal(); } } }\n  });\n\n  \/\/ ---- validation ----\n  const setErr = (field, on) => { if (field) { field.classList.toggle('cm-has-error', on); } };\n  const validEmail = (v) => \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(v);\n  const validPhone = (v) => \/^[+\\d][\\d\\s\\-()]{5,}$\/.test(v);\n\n  \/\/ ---- file upload ----\n  const MAX = 20 * 1024 * 1024;\n  const ALLOWED = \/\\.(jpe?g|png|pdf)$\/i;\n  const fmtSize = (b) => b < 1024 ? b+' B' : b < 1048576 ? (b\/1024).toFixed(1)+' KB' : (b\/1048576).toFixed(2)+' MB';\n\n  function renderFiles() {\n    if (!fileList) return;\n    fileList.innerHTML = '';\n    uploaded.forEach((f, idx) => {\n      const ext = (f.name.split('.').pop() || '').toUpperCase();\n      const item = document.createElement('div');\n      item.className = 'cm-fileitem';\n      item.innerHTML = `\n        <span style=\"color:var(--cm-primary);font-weight:600;font-size:12px;min-width:36px;text-align:center;\">${ext}<\/span>\n        <span class=\"cm-fname\" title=\"${f.name}\">${f.name}<\/span>\n        <span class=\"cm-fsize\">${fmtSize(f.size)}<\/span>\n        <button type=\"button\" class=\"cm-rm\" aria-label=\"Remove\" data-idx=\"${idx}\">&times;<\/button>`;\n      fileList.appendChild(item);\n    });\n    if (uploaded.length > 0) { if (filesErr) { filesErr.style.display = 'none'; } }\n  }\n\n  function handleFiles(list) {\n    Array.from(list).forEach((f) => {\n      if (!ALLOWED.test(f.name)) { alert('Unsupported file type: ' + f.name + '\\nPlease upload JPG \/ PNG \/ PDF'); return; }\n      if (f.size > MAX)         { alert('File too large: ' + f.name + '\\nMax 20MB per file'); return; }\n      uploaded.push(f);\n    });\n    renderFiles();\n  }\n\n  if (fileInput) {\n    fileInput.addEventListener('change', () => { handleFiles(fileInput.files); fileInput.value = ''; });\n  }\n  if (dropzone) {\n    ['dragenter','dragover'].forEach(ev => dropzone.addEventListener(ev, (e) => { e.preventDefault(); dropzone.classList.add('cm-drag'); }));\n    ['dragleave','drop'].forEach(ev       => dropzone.addEventListener(ev, (e) => { e.preventDefault(); dropzone.classList.remove('cm-drag'); }));\n    dropzone.addEventListener('drop', (e) => { if (e.dataTransfer) { if (e.dataTransfer.files) { handleFiles(e.dataTransfer.files); } } });\n  }\n  if (fileList) {\n    fileList.addEventListener('click', (e) => {\n      const btn = e.target.closest('.cm-rm');\n      if (!btn) return;\n      uploaded.splice(+btn.dataset.idx, 1);\n      renderFiles();\n    });\n  }\n\n  \/\/ ---- reCAPTCHA placeholder ----\n  let captchaChecked = false;\n  function toggleCaptcha() {\n    captchaChecked = !captchaChecked;\n    cbx.classList.toggle('cm-checked', captchaChecked);\n    cbx.setAttribute('aria-checked', captchaChecked);\n    if (capErr) capErr.style.display = captchaChecked ? 'none' : '';\n  }\n  if (cbx) {\n    cbx.addEventListener('click', toggleCaptcha);\n    cbx.addEventListener('keydown', (e) => { if (e.key===' '||e.key==='Enter') { e.preventDefault(); toggleCaptcha(); } });\n  }\n\n  \/\/ ---- submit (Native POST via hidden iframe) ----\n  if (submitBtn) {\n    const iframe = document.getElementById('cmHiddenIframe');\n    const SUBMIT_TIMEOUT_MS = 15000;\n    let iframeDone = false;\n    let submitted = false;\n\n    iframe.addEventListener('load', () => {\n      if (!submitted) return;\n      iframeDone = true;\n      if (formWrap) formWrap.style.display = 'none';\n      if (done) done.classList.add('cm-show');\n      form.reset();\n      uploaded.length = 0;\n      renderFiles();\n      captchaChecked = false;\n      if (cbx) { cbx.classList.remove('cm-checked'); cbx.setAttribute('aria-checked','false'); }\n      submitBtn.disabled = false;\n      submitBtn.textContent = 'Submit Consultation Request';\n    });\n\n    submitBtn.addEventListener('click', () => {\n      let ok = true;\n      const name  = $('cm-name'),  email = $('cm-email'),  phone = $('cm-phone');\n      const dept  = $('cm-dept'),  desc  = $('cm-desc');\n\n      if (!name.value.trim())  { setErr(name.parentElement,  true);  ok = false; } else setErr(name.parentElement,  false);\n      if (!validEmail(email.value.trim())) { setErr(email.parentElement, true); ok = false; } else setErr(email.parentElement, false);\n      if (!validPhone(phone.value.trim())) { setErr(phone.parentElement, true); ok = false; } else setErr(phone.parentElement, false);\n      if (!dept.value)         { setErr(dept.parentElement,  true);  ok = false; } else setErr(dept.parentElement,  false);\n      if (!desc.value.trim())  { setErr(desc.parentElement,  true);  ok = false; } else setErr(desc.parentElement,  false);\n      \/* Upload medical records is optional, submission allowed without files *\/\n      if (!captchaChecked)      { if (capErr)   capErr.style.display   = 'block'; ok = false; }\n\n      if (!ok) {\n        const first = document.querySelector('.cm-has-error, #cmFilesErr[style*=\"block\"], #cmCapErr[style*=\"block\"]');\n        if (first) { if (first.scrollIntoView) { first.scrollIntoView({ behavior:'smooth', block:'center' }); } }\n        return;\n      }\n\n      \/\/ Submit: native POST to hidden iframe, bypasses CORS \/ fetch issues\n      submitBtn.disabled = true;\n      submitBtn.textContent = 'Submitting...';\n\n      iframeDone = false;\n      submitted = true;\n      form.submit();\n\n      setTimeout(() => {\n        if (!iframeDone) {\n          submitted = false;\n          submitBtn.disabled = false;\n          submitBtn.textContent = 'Submit Consultation Request';\n          alert('Submission timed out. Please check your network and try again.');\n        }\n      }, SUBMIT_TIMEOUT_MS);\n    });\n  }\n\n  \/\/ ---- done (inline success panel) ----\n  if (doneClose) doneClose.addEventListener('click', window.closeMedicalModal);\n\n  \/\/ ---- auto-attach to existing \"Explore Medical Services\" buttons ----\n  function tryAttach() {\n    const sels = ['button', 'a[href]', 'a', '[role=\"button\"]', '.btn', '.button', 'input[type=\"button\"]', 'input[type=\"submit\"]'];\n    const nodes = document.querySelectorAll(sels.join(','));\n    let count = 0;\n    nodes.forEach((el) => {\n      if (el.__cmBound) return;\n      const t = (el.textContent || el.value || '').trim();\n      const m = t.match(\/(explore\\s*medical\\s*services|explore\\s*medical)\/i);\n      if (m) {\n        el.__cmBound = true;\n        el.addEventListener('click', (e) => {\n          \/\/ If it's an <a> tag with a non-hash href, prevent navigation and open modal\n          if (el.tagName === 'A') { if (el.getAttribute('href')) {\n            const href = el.getAttribute('href');\n            if (href) { if (!href.startsWith('#')) { if (!\/^javascript:\/i.test(href)) {\n              e.preventDefault();\n            } } }\n          } } else {\n            e.preventDefault();\n          }\n          window.openMedicalModal();\n        });\n        count++;\n      }\n    });\n    return count;\n  }\n\n  function init() {\n    tryAttach();\n    \/\/ Handle delayed rendering: re-scan on DOM changes (throttled 500ms)\n    let pending = null;\n    const obs = new MutationObserver(() => {\n      if (pending) return;\n      pending = setTimeout(() => { pending = null; tryAttach(); }, 500);\n    });\n    obs.observe(document.documentElement, { childList: true, subtree: true });\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n\n})();\n<\/script>\n\n\n\n\n\n\n\n\n\n\n<style>\n  \/* All classes prefixed with hp- to avoid conflicts with existing site CSS *\/\n  *,\n  *::before,\n  *::after { box-sizing: border-box; }\n\n  :root {\n    --hp-primary: #0A5C7C;\n    --hp-primary-dark: #074659;\n    --hp-primary-light: #E6F2F7;\n    --hp-text: #14323b;\n    --hp-text-soft: #5b7480;\n    --hp-border: #d8e3e8;\n    --hp-bg: #ffffff;\n    --hp-danger: #d9534f;\n    --hp-success: #2bb673;\n    --hp-shadow-lg: 0 30px 80px -20px rgba(0, 30, 50, 0.45);\n    --hp-radius-lg: 18px;\n    --hp-radius-md: 10px;\n    --hp-radius-sm: 6px;\n  }\n\n  .hp-backdrop {\n    position: fixed;\n    inset: 0;\n    background: rgba(7, 22, 31, 0.55);\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n    display: none;\n    align-items: center;\n    justify-content: center;\n    padding: 20px;\n    z-index: 2147483600;\n    overflow-y: auto;\n    animation: hp-fadeIn .4s ease;\n  }\n  .hp-backdrop.hp-open { display: flex; }\n  @keyframes hp-fadeIn { from {opacity:0} to {opacity:1} }\n  @keyframes hp-modalPop {\n    from { opacity:0; transform: translateY(10px) scale(.99); }\n    to   { opacity:1; transform: translateY(0)    scale(1); }\n  }\n  @keyframes hp-modalOut {\n    from { opacity:1; transform: translateY(0)   scale(1); }\n    to   { opacity:0; transform: translateY(8px) scale(.99); }\n  }\n  @keyframes hp-fadeOut {\n    from { opacity:1; }\n    to   { opacity:0; }\n  }\n  .hp-backdrop.hp-closing { animation: hp-fadeOut .4s ease forwards; }\n  .hp-backdrop.hp-closing .hp-modal { animation: hp-modalOut .4s ease forwards; }\n\n  .hp-modal {\n    background: #fff;\n    width: min(960px, 100%);\n    max-height: calc(100vh - 40px);\n    border-radius: var(--hp-radius-lg);\n    box-shadow: var(--hp-shadow-lg);\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    animation: hp-modalPop .4s cubic-bezier(.2,.7,.2,1);\n    position: relative;\n  }\n  .hp-close {\n    position: absolute; top: 14px; right: 14px;\n    width: 36px; height: 36px;\n    border-radius: 50%; border: 0;\n    background: rgba(255,255,255,.92);\n    color: #1c4757; cursor: pointer;\n    font-size: 20px; line-height: 1;\n    display: flex; align-items: center; justify-content: center;\n    z-index: 5;\n    box-shadow: 0 4px 12px rgba(0,0,0,.12);\n    transition: transform .15s ease, background .15s ease;\n  }\n  .hp-close:hover { transform: rotate(90deg); background:#fff; }\n\n  .hp-body { overflow-y: auto; overflow-x: hidden; flex: 1 1 auto; }\n  .hp-body::-webkit-scrollbar { width: 8px; }\n  .hp-body::-webkit-scrollbar-thumb { background: rgba(10,92,124,.25); border-radius: 4px; }\n\n  \/* intro *\/\n  .hp-intro {\n    background: linear-gradient(180deg, #f4faff 0%, #ffffff 100%);\n    padding: 30px 36px 24px;\n    border-bottom: 1px solid var(--hp-border);\n  }\n  .hp-eyebrow {\n    display: inline-flex; align-items: center; gap: 8px;\n    font-size: 12px; letter-spacing: 2px;\n    color: var(--hp-primary);\n    background: var(--hp-primary-light);\n    padding: 6px 12px; border-radius: 999px;\n    text-transform: uppercase; font-weight: 700;\n  }\n  .hp-eyebrow .hp-dot {\n    width: 6px; height: 6px; border-radius: 50%;\n    background: var(--hp-primary);\n    box-shadow: 0 0 0 4px rgba(10,92,124,.15);\n  }\n  .hp-intro h2 {\n    font-size: clamp(22px, 3vw, 30px);\n    margin: 14px 0 6px; color: var(--hp-text);\n  }\n  .hp-intro h2 .hp-accent { color: var(--hp-primary); padding-right: 6px; }\n  .hp-lede { color: var(--hp-text-soft); margin: 0 0 18px; font-size: 14px; line-height: 1.7; }\n\n  .hp-caps { margin-bottom: 20px; }\n  .hp-cap-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }\n  .hp-cap-tag {\n    display: inline-flex; align-items: center;\n    background: var(--hp-primary-light);\n    color: var(--hp-primary);\n    font-size: 12.5px; font-weight: 600;\n    padding: 5px 12px; border-radius: 999px;\n    letter-spacing: .3px;\n    border: 1px solid rgba(10,92,124,.15);\n  }\n  .hp-cap-tag::before {\n    content: \"\"; width: 5px; height: 5px;\n    border-radius: 50%; background: var(--hp-primary);\n    margin-right: 7px; flex-shrink: 0;\n  }\n  .hp-cap-desc { color: var(--hp-text-soft); font-size: 13px; margin: 0; line-height: 1.7; }\n  .hp-cap-desc strong { color: var(--hp-primary); font-weight: 600; }\n\n  .hp-stats {\n    display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px;\n    background: #fff; border: 1px solid var(--hp-border);\n    border-radius: var(--hp-radius-md);\n    padding: 16px 12px; margin-bottom: 18px;\n  }\n  .hp-stat { text-align: center; }\n  .hp-stat .hp-num {\n    font-size: clamp(18px, 2.4vw, 24px);\n    font-weight: 800; color: var(--hp-primary); line-height: 1.1;\n  }\n  .hp-stat .hp-num small { font-size: 14px; font-weight: 600; margin-left: 2px; }\n  .hp-stat .hp-label { color: var(--hp-text-soft); font-size: 12.5px; margin-top: 4px; }\n\n  \/* package cards *\/\n  .hp-pkgs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 18px; }\n  .hp-pkg {\n    border: 1px solid var(--hp-border);\n    border-radius: var(--hp-radius-md);\n    padding: 20px 16px 16px;\n    background: #fff;\n    position: relative;\n    display: flex; flex-direction: column;\n  }\n  .hp-pkg.hp-popular {\n    border-color: rgba(10,92,124,.45);\n    background: linear-gradient(180deg, #f4faff 0%, #ffffff 100%);\n    box-shadow: 0 12px 28px -14px rgba(10,92,124,.35);\n  }\n  .hp-pkg .hp-badge {\n    position: absolute; top: -11px; left: 50%;\n    transform: translateX(-50%);\n    background: linear-gradient(135deg, var(--hp-primary), var(--hp-primary-dark));\n    color: #fff; font-size: 11px; font-weight: 700;\n    letter-spacing: .8px; padding: 4px 12px;\n    border-radius: 999px; white-space: nowrap;\n    box-shadow: 0 6px 14px -4px rgba(10,92,124,.4);\n  }\n  .hp-pkg h4 { margin: 2px 0 2px; font-size: 15.5px; color: var(--hp-text); text-align: center; }\n  .hp-pkg .hp-pksub { text-align: center; color: var(--hp-text-soft); font-size: 12px; margin: 0 0 12px; }\n  .hp-pkg ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 7px; }\n  .hp-pkg li {\n    font-size: 12.5px; color: var(--hp-text-soft); line-height: 1.5;\n    padding-left: 16px; position: relative;\n  }\n  .hp-pkg li::before {\n    content: \"\"; position: absolute; left: 0; top: 7px;\n    width: 6px; height: 6px; border-radius: 50%;\n    background: var(--hp-primary); opacity: .7;\n  }\n\n  .hp-tip {\n    background: rgba(10,92,124,.06);\n    border-left: 3px solid var(--hp-primary);\n    color: var(--hp-text-soft);\n    font-size: 13px; padding: 10px 14px;\n    border-radius: var(--hp-radius-sm); line-height: 1.7;\n  }\n  .hp-tip strong { color: var(--hp-primary); font-weight: 700; }\n\n  \/* form *\/\n  .hp-form-wrap { padding: 32px 36px 36px; background: #fff; }\n  .hp-form-wrap h3 { font-size: 19px; margin: 0 0 4px; color: var(--hp-text); }\n  .hp-sub { color: var(--hp-text-soft); font-size: 13px; margin: 0 0 22px; }\n\n  .hp-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 16px; }\n  .hp-grid .hp-full { grid-column: 1 \/ -1; }\n  .hp-field { display: flex; flex-direction: column; }\n  .hp-field label { font-size: 13px; font-weight: 600; color: var(--hp-text); margin-bottom: 6px; }\n  .hp-field label .hp-req { color: var(--hp-danger); margin-left: 3px; }\n  .hp-field label .hp-hint { color: var(--hp-text-soft); font-weight: 400; font-size: 12px; margin-left: 6px; }\n\n  .hp-field input[type=text],\n  .hp-field input[type=email],\n  .hp-field input[type=tel],\n  .hp-field input[type=number],\n  .hp-field select,\n  .hp-field textarea {\n    width: 100%;\n    border: 1px solid var(--hp-border);\n    border-radius: var(--hp-radius-sm);\n    padding: 11px 13px; font-size: 14px;\n    color: var(--hp-text); background: #fff;\n    font-family: inherit;\n    transition: border-color .15s ease, box-shadow .15s ease;\n  }\n  .hp-field textarea { min-height: 96px; resize: vertical; line-height: 1.6; }\n  .hp-field input:focus, .hp-field select:focus, .hp-field textarea:focus {\n    outline: 0; border-color: var(--hp-primary);\n    box-shadow: 0 0 0 3px rgba(10,92,124,.15);\n  }\n  .hp-field .hp-err { color: var(--hp-danger); font-size: 12px; margin-top: 5px; display: none; }\n  .hp-field.hp-has-error input,\n  .hp-field.hp-has-error select,\n  .hp-field.hp-has-error textarea { border-color: var(--hp-danger); }\n  .hp-field.hp-has-error .hp-err { display: block; }\n\n  .hp-field select {\n    appearance: none; -webkit-appearance: none;\n    background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 12 12'><path fill='%230A5C7C' d='M6 8.5 1.5 4h9z'\/><\/svg>\");\n    background-repeat: no-repeat;\n    background-position: right 12px center;\n    padding-right: 36px;\n  }\n\n  .hp-recap {\n    border: 1px solid var(--hp-border);\n    background: #f9fcfe; border-radius: var(--hp-radius-sm);\n    padding: 12px 14px;\n    display: flex; align-items: center; gap: 12px;\n    max-width: 320px;\n  }\n  .hp-recap .hp-cbx {\n    width: 22px; height: 22px;\n    border: 2px solid #c1c8cc; border-radius: 4px;\n    background: #fff; flex-shrink: 0; cursor: pointer;\n    position: relative; transition: background .15s ease, border-color .15s ease;\n  }\n  .hp-recap .hp-cbx.hp-checked { background: var(--hp-success); border-color: var(--hp-success); }\n  .hp-recap .hp-cbx.hp-checked::after {\n    content: \"\"; position: absolute;\n    left: 5px; top: 1px;\n    width: 6px; height: 11px;\n    border: solid #fff;\n    border-width: 0 2px 2px 0;\n    transform: rotate(45deg);\n  }\n  .hp-recap .hp-rtxt { font-size: 13.5px; color: var(--hp-text); }\n\n  .hp-disclaim { font-size: 12px; color: var(--hp-text-soft); line-height: 1.6; margin-top: 4px; }\n  .hp-disclaim a { color: var(--hp-primary); text-decoration: none; }\n  .hp-disclaim a:hover { text-decoration: underline; }\n\n  .hp-submitrow { margin-top: 18px; display: flex; justify-content: flex-end; gap: 12px; align-items: center; }\n  .hp-submit {\n    appearance: none; border: 0; cursor: pointer;\n    background: linear-gradient(135deg, var(--hp-primary), var(--hp-primary-dark));\n    color: #fff; font: inherit; font-weight: 600; font-size: 15px;\n    padding: 13px 28px; border-radius: var(--hp-radius-md);\n    box-shadow: 0 8px 20px -6px rgba(10,92,124,.4);\n    transition: transform .15s ease, box-shadow .2s ease;\n  }\n  .hp-submit:hover { transform: translateY(-2px); box-shadow: 0 12px 24px -6px rgba(10,92,124,.5); }\n  .hp-submit:active { transform: translateY(0); }\n  .hp-submit:disabled { opacity: .6; cursor: not-allowed; transform: none; box-shadow: none; }\n\n  \/* Success message: inline within modal, no separate overlay or border *\/\n  .hp-done {\n    display: none;\n    text-align: center;\n    padding: 44px 36px 48px;\n    animation: hp-modalPop .35s cubic-bezier(.2,.7,.2,1);\n  }\n  .hp-done.hp-show { display: block; }\n  .hp-done .hp-check {\n    width: 64px; height: 64px; margin: 0 auto 16px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, #4dd89b, #2bb673);\n    color: #fff; display: flex; align-items: center; justify-content: center;\n    font-size: 32px;\n    box-shadow: 0 10px 24px -6px rgba(43,182,115,.45);\n  }\n  .hp-done h4 { margin: 0 0 8px; font-size: 19px; color: var(--hp-text); }\n  .hp-done p { margin: 0 0 24px; color: var(--hp-text-soft); font-size: 14px; line-height: 1.7; }\n  .hp-done button {\n    appearance: none; border: 0; cursor: pointer;\n    background: var(--hp-primary); color: #fff;\n    font: inherit; font-weight: 600; font-size: 14px;\n    padding: 11px 26px; border-radius: var(--hp-radius-md);\n    transition: background .15s ease;\n  }\n  .hp-done button:hover { background: var(--hp-primary-dark); }\n\n  body.hp-locked { overflow: hidden; }\n\n  \/* responsive *\/\n  @media (max-width: 860px) {\n    .hp-stats { grid-template-columns: repeat(2, 1fr); }\n    .hp-pkgs  { grid-template-columns: 1fr; }\n    .hp-grid  { grid-template-columns: 1fr; }\n    .hp-grid .hp-full { grid-column: 1; }\n  }\n  @media (max-width: 600px) {\n    .hp-intro, .hp-form-wrap { padding-left: 22px; padding-right: 22px; }\n    .hp-modal { border-radius: 14px; }\n    .hp-close { top: 10px; right: 10px; }\n    .hp-submitrow { flex-direction: column; align-items: stretch; }\n    .hp-submit { width: 100%; }\n    .hp-stats { grid-template-columns: 1fr 1fr; }\n  }\n<\/style>\n\n<div class=\"hp-backdrop\" id=\"hpBackdrop\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hpModalTitle\">\n  <div class=\"hp-modal\">\n\n    <button class=\"hp-close\" id=\"hpClose\" aria-label=\"Close\" type=\"button\">&times;<\/button>\n\n    <div class=\"hp-body\">\n\n      <!-- ========== Upper: Health Checkup Packages ========== -->\n      <div class=\"hp-intro\">\n        <span class=\"hp-eyebrow\"><span class=\"hp-dot\"><\/span> HANGZHOU &middot; HEALTH CHECKUP<\/span>\n        <h2 id=\"hpModalTitle\">Health Checkup <span class=\"hp-accent\">Packages<\/span><\/h2>\n        <p class=\"hp-lede\">Backed by Meinian Health \u2014 a Shenzhen-listed healthcare group with 600+ centers nationwide since 2004 \u2014 our preventive checkup packages combine full-body screenings with early-detection technology, tailored to your age, history, and lifestyle.<\/p>\n\n        <div class=\"hp-caps\">\n          <div class=\"hp-cap-tags\">\n            <span class=\"hp-cap-tag\">Meinian Health Partnership<\/span>\n            <span class=\"hp-cap-tag\">Customizable Packages<\/span>\n            <span class=\"hp-cap-tag\">Early-Detection Technology<\/span>\n            <span class=\"hp-cap-tag\">Bilingual Reports<\/span>\n          <\/div>\n          <p class=\"hp-cap-desc\">From <strong>package selection<\/strong> and <strong>appointment booking<\/strong> to <strong>bilingual report interpretation<\/strong> and follow-up tracking \u2014 one inquiry covers it all. Fill in the form below and an advisor will reco[Truncated]","protected":false},"excerpt":{"rendered":"<p>&times; HANGZHOU &middot; MEDICAL HUB Hangzhou Medical Hub Bringing together top-tier tertiary hospitals, clinical research centers, and international medical departments \u2014 powered by a smart healthcare system to provide efficient, trusted bilingual online consultation for patients worldwide. Tertiary Hospital Network Clinical Research and Translation Smart City Healthcare Multilingual International Services Comprehensive support from online triage [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"saved_in_kubio":true,"_angie_page":false,"footnotes":""},"class_list":["post-21043","page","type-page","status-publish","hentry"],"kubio_ai_page_context":{"short_desc":"","purpose":"general"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home - carejourneychina<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/carejourneychina.com\/zh\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - carejourneychina\" \/>\n<meta property=\"og:description\" content=\"&times; HANGZHOU &middot; MEDICAL HUB Hangzhou Medical Hub Bringing together top-tier tertiary hospitals, clinical research centers, and international medical departments \u2014 powered by a smart healthcare system to provide efficient, trusted bilingual online consultation for patients worldwide. Tertiary Hospital Network Clinical Research and Translation Smart City Healthcare Multilingual International Services Comprehensive support from online triage [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/carejourneychina.com\/zh\/\" \/>\n<meta property=\"og:site_name\" content=\"carejourneychina\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-26T18:39:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/images.unsplash.com\/photo-1576091160399-112ba8d25d1d?auto=format&amp;fit=crop&amp;w=1200&amp;q=82\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/carejourneychina.com\\\/\",\"url\":\"https:\\\/\\\/carejourneychina.com\\\/\",\"name\":\"Home - carejourneychina\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/carejourneychina.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/carejourneychina.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/carejourneychina.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1576091160399-112ba8d25d1d?auto=format&amp;fit=crop&amp;w=1200&amp;q=82\",\"datePublished\":\"2026-08-16T04:49:28+00:00\",\"dateModified\":\"2026-08-26T18:39:33+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/carejourneychina.com\\\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/carejourneychina.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\\\/\\\/carejourneychina.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1576091160399-112ba8d25d1d?auto=format&amp;fit=crop&amp;w=1200&amp;q=82\",\"contentUrl\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1576091160399-112ba8d25d1d?auto=format&amp;fit=crop&amp;w=1200&amp;q=82\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/carejourneychina.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/carejourneychina.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\\\/\\\/carejourneychina.com\\\/#website\",\"url\":\"http:\\\/\\\/carejourneychina.com\\\/\",\"name\":\"carejourneychina\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\\\/\\\/carejourneychina.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-Hans\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - carejourneychina","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/carejourneychina.com\/zh\/","og_locale":"zh_CN","og_type":"article","og_title":"Home - carejourneychina","og_description":"&times; HANGZHOU &middot; MEDICAL HUB Hangzhou Medical Hub Bringing together top-tier tertiary hospitals, clinical research centers, and international medical departments \u2014 powered by a smart healthcare system to provide efficient, trusted bilingual online consultation for patients worldwide. Tertiary Hospital Network Clinical Research and Translation Smart City Healthcare Multilingual International Services Comprehensive support from online triage [&hellip;]","og_url":"https:\/\/carejourneychina.com\/zh\/","og_site_name":"carejourneychina","article_modified_time":"2026-08-26T18:39:33+00:00","og_image":[{"url":"https:\/\/images.unsplash.com\/photo-1576091160399-112ba8d25d1d?auto=format&amp;fit=crop&amp;w=1200&amp;q=82","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"8 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/carejourneychina.com\/","url":"https:\/\/carejourneychina.com\/","name":"Home - carejourneychina","isPartOf":{"@id":"http:\/\/carejourneychina.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/carejourneychina.com\/#primaryimage"},"image":{"@id":"https:\/\/carejourneychina.com\/#primaryimage"},"thumbnailUrl":"https:\/\/images.unsplash.com\/photo-1576091160399-112ba8d25d1d?auto=format&amp;fit=crop&amp;w=1200&amp;q=82","datePublished":"2026-08-16T04:49:28+00:00","dateModified":"2026-08-26T18:39:33+00:00","breadcrumb":{"@id":"https:\/\/carejourneychina.com\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carejourneychina.com\/"]}]},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/carejourneychina.com\/#primaryimage","url":"https:\/\/images.unsplash.com\/photo-1576091160399-112ba8d25d1d?auto=format&amp;fit=crop&amp;w=1200&amp;q=82","contentUrl":"https:\/\/images.unsplash.com\/photo-1576091160399-112ba8d25d1d?auto=format&amp;fit=crop&amp;w=1200&amp;q=82"},{"@type":"BreadcrumbList","@id":"https:\/\/carejourneychina.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/carejourneychina.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"http:\/\/carejourneychina.com\/#website","url":"http:\/\/carejourneychina.com\/","name":"carejourneychina","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/carejourneychina.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-Hans"}]}},"_links":{"self":[{"href":"https:\/\/carejourneychina.com\/zh\/wp-json\/wp\/v2\/pages\/21043","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carejourneychina.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carejourneychina.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carejourneychina.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/carejourneychina.com\/zh\/wp-json\/wp\/v2\/comments?post=21043"}],"version-history":[{"count":5,"href":"https:\/\/carejourneychina.com\/zh\/wp-json\/wp\/v2\/pages\/21043\/revisions"}],"predecessor-version":[{"id":21276,"href":"https:\/\/carejourneychina.com\/zh\/wp-json\/wp\/v2\/pages\/21043\/revisions\/21276"}],"wp:attachment":[{"href":"https:\/\/carejourneychina.com\/zh\/wp-json\/wp\/v2\/media?parent=21043"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}