:root{--cj-ink:#123d3b;--cj-mute:#617d76;--cj-green:#08786e;--cj-mid:#4da38e;--cj-line:#d9e8df;--cj-pale:#e9f5ef;--cj-bg:#f4f8f5;--cj-sand:#d2ad7d}.cj-demo{box-sizing:border-box;color:var(--cj-ink);font-family:Inter,"Segoe UI",Arial,sans-serif}.cj-demo *{box-sizing:border-box}.cj-demo button,.cj-demo a{font:inherit}.cj-demo button{cursor:pointer}.cj-demo a{text-decoration:none;color:inherit}.cj-demo button:focus-visible,.cj-demo a:focus-visible{outline:3px solid #249d8b;outline-offset:3px}.chinazub-treatment .cj-head h2{font-size:clamp(35px,4.35vw,61px)!important}.chinazub-treatment .cj-detail h3{font-size:clamp(21px,2.2vw,29px)!important;line-height:1.25!important;padding:0!important}.cj-demo{padding:24px}.cj-journey{isolation:isolate;max-width:1420px;margin:auto;padding:49px 48px 26px;background:linear-gradient(145deg,#fff 0%,#f7faf7 100%);border:1px solid #dce7de;border-radius:30px;box-shadow:0 25px 70px #1e58461a;overflow:hidden}.cj-head{display:grid;grid-template-columns:1.25fr .75fr;gap:35px;align-items:end}.cj-kicker{display:flex;align-items:center;gap:10px;color:#558578;font-size:11px;letter-spacing:.17em;font-weight:850;text-transform:uppercase}.cj-kicker:before{content:"";width:24px;height:2px;background:var(--cj-sand)}.cj-head h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.053em;line-height:1.03;margin:17px 0 17px;font-size:clamp(35px,4.35vw,61px)}.cj-head h2 em{font-style:normal;color:#2b927d}.cj-lead{max-width:720px;margin:0;color:var(--cj-mute);font-size:15px;line-height:1.7}.cj-mode{background:#f0f7f2;border-radius:18px;border:1px solid #dce8e0;padding:20px 22px 17px}.cj-mode-label{display:block;color:#567f73;text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:10px;margin-bottom:11px}.cj-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#dfeee4;border-radius:12px;padding:5px}.cj-tabs button{background:0 0;border:0;border-radius:9px;color:#537b70;padding:12px 10px;font-size:12px;font-weight:800}.cj-tabs button[aria-pressed=true]{background:#fff;box-shadow:0 4px 12px #23534618;color:#115c53}.cj-mode-note{font-size:11px;color:#67877d;margin:9px 0 0;line-height:1.5}.cj-photo{position:relative;margin:26px -20px 0;border:1px solid #e2eee7;border-radius:25px;overflow:hidden;background:#f9fcfa;box-shadow:0 10px 28px #2d67480b}.cj-photo img{display:block;width:100%;height:auto;aspect-ratio:1448/629;object-fit:cover}.cj-visual-hint{position:absolute;left:17px;bottom:13px;color:#386a60;font-size:11px;font-weight:750;pointer-events:none;background:#fffffff0;padding:7px 11px;border:1px solid #e5eee9;border-radius:100px}.cj-hotspot{position:absolute;z-index:1;display:grid;place-items:center;width:45px;height:45px;border-radius:100%;border:2px solid #fff;box-shadow:0 8px 20px #004e434d;background:#fffdfbe8;color:#155e55;font-weight:900;font-size:14px;transform:translate(-50%,-50%);transition:transform .18s,background .18s,color .18s}.cj-hotspot:hover{transform:translate(-50%,-50%) scale(1.1)}.cj-hotspot[aria-pressed=true]{background:#0c695f;color:#fff;box-shadow:0 0 0 6px #0b84702e,0 8px 20px #13564d55}.cj-hotspot:nth-of-type(1){left:11.5%;top:16.8%}.cj-hotspot:nth-of-type(2){left:31.2%;top:23.9%}.cj-hotspot:nth-of-type(3){left:50.7%;top:26.6%}.cj-hotspot:nth-of-type(4){left:70.3%;top:25.5%}.cj-hotspot:nth-of-type(5){left:88.7%;top:18.1%}.cj-mobile-photo{display:none}.cj-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:15px 0 13px}.cj-nav-step{background:#fff;border:1px solid #dbe8e1;border-radius:14px;display:flex;align-items:center;gap:11px;text-align:left;padding:12px 11px;min-width:0;color:#214c48;transition:background .2s,transform .2s,border .2s;position:relative}.cj-nav-step:hover{transform:translateY(-2px)}.cj-nav-step[aria-pressed=true]{border-color:#69af9b;background:#ebf7ef;box-shadow:0 8px 25px #0e64411a}.cj-no{border:1px solid #c5e5d7;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e9f3ed;flex-shrink:0;font-size:12px;font-weight:900;color:#286f60}.cj-nav-step[aria-pressed=true] .cj-no{background:#0e6c5d;color:#fff;border-color:#0e6c5d}.cj-nav-step strong{font-size:12px;line-height:1.3;font-weight:850}.cj-nav-step small{display:block;margin-top:3px;font-size:10px;color:#7c9488}.cj-progress{height:4px;border-radius:10px;background:#e5f0e9;overflow:hidden;margin:0 2px 21px}.cj-progress span{display:block;height:100%;background:linear-gradient(90deg,#6cae97,#0e7166);width:0;transition:width .25s}.cj-detail{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:24px;align-items:center;background:linear-gradient(115deg,#eaf5ec,#f5faf5);border:1px solid #cee5d4;padding:25px 28px;border-radius:20px;min-height:190px}.cj-detail-kicker{font-size:11px;font-weight:850;color:#287a66;letter-spacing:.1em}.cj-detail h3{font-size:clamp(20px,2vw,27px);line-height:1.25;letter-spacing:-.035em;margin:8px 0}.cj-detail p{margin:0;color:#50756b;line-height:1.65;font-size:13px}.cj-pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.cj-pills span{border:1px solid #c3ddce;border-radius:999px;background:#fff9;padding:5px 9px;font-size:10px;color:#326958;font-weight:750}.cj-side{background:#fff;border:1px solid #dce9de;padding:20px;border-radius:17px;display:flex;gap:14px;align-items:flex-start;box-shadow:0 10px 24px #16462b0b}.cj-icon{background:#e3f1e7;border-radius:12px;color:#237461;padding:12px;font-size:22px;line-height:1}.cj-side strong{display:block;font-size:14px;margin:4px 0 5px}.cj-side small{display:block;color:#729282;font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:850}.cj-side p{color:#65867a;font-size:12px;line-height:1.55}.cj-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:21px}.cj-foot-main{color:#53776c;font-size:12px;line-height:1.9}.cj-check{display:inline-flex;align-items:center;gap:5px;margin-right:10px;font-size:11px;font-weight:750}.cj-check:before{content:'✓';color:#159076;font-weight:900}.cj-ctas{display:flex;align-items:center;gap:9px}.cj-btn{display:inline-flex;align-items:center;gap:12px;border-radius:11px;padding:13px 18px;background:#0e665e;border:1px solid #0e665e;color:#fff;font-size:12px;font-weight:850;white-space:nowrap}.cj-btn:hover{background:#0a554c}.cj-btn-light{color:#19675c;background:#fff;border:1px solid #bed9cb}.cj-btn-light:hover{background:#eef7f1}.cj-legal{font-size:10px;color:#87978f;line-height:1.65;border-top:1px solid #e0e8de;padding-top:12px;margin-top:21px}@media (max-width:1080px){.cj-head{grid-template-columns:1fr}.cj-mode{max-width:520px}.cj-photo{margin-left:0;margin-right:0}.cj-nav{grid-template-columns:repeat(5,1fr)}.cj-nav-step{display:block;padding:10px}.cj-nav-step strong{display:block;margin-top:5px}.cj-foot{align-items:flex-start;flex-direction:column}.cj-detail{grid-template-columns:1fr 1fr}}@media(max-width:700px){.cj-demo{padding:11px}.cj-journey{padding:27px 15px 17px;border-radius:22px}.chinazub-treatment .cj-head h2{font-size:clamp(34px,10vw,45px)!important;margin:10px 0}.cj-lead{font-size:13px}.cj-kicker{font-size:9px;letter-spacing:.09em}.cj-mode{padding:15px}.cj-photo{display:none}.cj-mobile-photo{display:block;position:relative;margin:17px 0 0;overflow:hidden;border:1px solid #dce8de;border-radius:19px;background:#f3f9f5;height:303px}.cj-mobile-photo img{height:100%;width:100%;object-fit:cover;transition:opacity .17s}.cj-mobile-photo-label{position:absolute;left:10px;bottom:11px;background:#fffc;padding:9px 12px;border-radius:10px;font-size:12px;color:#0b675a;font-weight:850;box-shadow:0 5px 20px #245c3a1a}.cj-nav{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(123px,1fr);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;margin:12px -15px;padding:0 15px 6px;scrollbar-width:thin}.cj-nav-step{display:flex;flex-direction:column;align-items:flex-start;min-height:103px;scroll-snap-align:center;gap:2px}.cj-nav-step strong{font-size:11px}.cj-nav-step small{font-size:10px}.cj-detail{grid-template-columns:1fr;padding:20px;gap:13px}.cj-detail h3{font-size:21px}.cj-side{padding:15px}.cj-foot{margin-top:19px}.cj-ctas{width:100%;display:grid;grid-template-columns:1fr 1fr}.cj-btn{white-space:normal;line-height:1.4;text-align:center;justify-content:center;font-size:11px;padding:13px 8px}.cj-legal{font-size:10px}}@media(prefers-reduced-motion:reduce){.cj-demo,.cj-demo *,.cj-demo *:before,.cj-demo *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}