/* Three complete design directions, sharing the same verified clinical content. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.review-toolbar{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:min(840px,calc(100% - 40px));z-index:25;color:#ecf1fa;background:#152338f5;backdrop-filter:blur(18px);border:1px solid #ffffff20;border-radius:15px;padding:13px 16px 15px;box-shadow:0 12px 45px #05183238;font-family:'Microsoft YaHei',sans-serif;line-height:1.5}.review-heading{display:flex;align-items:center;gap:20px;font-size:11px;margin-bottom:11px;color:#d9e3f1;padding:0 3px}.review-heading>span:first-child{font-size:12px;letter-spacing:1px}.review-heading i{color:#65758b;padding:0 7px;font-style:normal}.review-heading>span:nth-child(2){color:#9baec8;font-size:10px}.review-heading>button{margin-left:auto;font-size:22px;line-height:1;color:#bdccdf;padding:0 3px}.review-controls{display:flex;gap:19px;align-items:center}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;flex:1}.theme-options>button{padding:10px 12px;display:flex;gap:9px;align-items:center;text-align:left;border:1px solid #ffffff15;border-radius:8px;background:#ffffff05;color:#d2dcec;min-width:0}.theme-options>button[aria-pressed=true]{background:#fff;color:#172c46;border-color:white}.theme-options>button:hover{border-color:#9caeca}.theme-dot{width:24px;height:31px;border-radius:5px;flex-shrink:0;box-shadow:inset 0 0 0 1px #00000008}.blue-dot{background:linear-gradient(150deg,#0052cc 55%,#092b77 55%)}.green-dot{background:linear-gradient(150deg,#167364 55%,#eaf2eb 55%)}.orange-dot{background:linear-gradient(150deg,#cb4620 55%,#282e34 55%)}.theme-options>button>span{font-size:12px;font-weight:500;white-space:nowrap}.theme-options small{display:block;font-size:9px;letter-spacing:.7px;font-weight:400;opacity:.65;margin-bottom:1px}.theme-options b{font-size:12px;margin-left:auto;visibility:hidden}.theme-options>button[aria-pressed=true] b{visibility:visible}.review-navigation{display:flex;align-items:center;gap:15px}.review-navigation select{background:#25364e;color:#dbe5f3;border:1px solid #50607a;border-radius:5px;font-size:11px;padding:8px 20px 8px 9px;max-width:125px;cursor:pointer}.review-navigation .compare-link{font-size:11px;color:#dbe5f3;white-space:nowrap}.review-launcher{position:fixed;bottom:22px;left:23px;z-index:25;background:#152338;color:#fff;border:1px solid #ffffff4a;border-radius:30px;padding:12px 18px;font-size:12px;box-shadow:0 4px 20px #071d4533;align-items:center;gap:11px}.review-launcher:not([hidden]){display:flex}.review-launcher i{width:10px;height:10px;background:linear-gradient(120deg,#5d99ff 30%,#58bc9c 30% 65%,#ed9367 65%);border-radius:50%}.review-launcher span{font-size:18px}.review-toolbar[hidden]{display:none}html[data-review=off] .review-toolbar,html[data-review=off] .review-launcher{display:none!important}.footer{padding-bottom:120px}html[data-review=off] .footer{padding-bottom:0}

/* 02 — A calm, human-centred clinic. Light split hero, botanical green, soft edges. */
html[data-style=green]{--blue:#176b59;--bright:#228771;--navy:#153f36;--ink:#233e35;--muted:#647b70;--line:#d6e3d9;--pale:#f0f5ef}
[data-style=green] body{background:#fcfdf9}
[data-style=green] .topbar{background:#e9f0e7;color:#506c5a}
[data-style=green] .topbar i{background:#a1b6a8}
[data-style=green] .site-header{background:#fcfdf9f5;border-color:#e0e8de}
[data-style=green] .brand img{mix-blend-mode:multiply}
[data-style=green] .nav-book{border-radius:28px}
[data-style=green] .hero{background:#eff4eb;color:var(--ink);height:660px;max-height:none;min-height:660px;margin:0 24px;border-radius:12px 12px 110px 12px}
[data-style=green] .hero-images{left:51%;width:49%;inset-block:24px;height:calc(100% - 48px);right:24px;border-radius:180px 12px 92px 12px;overflow:hidden}
[data-style=green] .hero-image{object-position:58% center}
[data-style=green] .hero-shade{background:linear-gradient(90deg,#eff4eb 39%,#eff4eb 43%,#eff4eb00 59%)}
[data-style=green] .hero-inner{padding-top:91px;width:min(1280px,calc(100% - 78px))}
[data-style=green] .hero-copy{max-width:57%}
[data-style=green] .hero h1{font-size:64px;line-height:1.38;font-family:'STSong','SimSun',serif;letter-spacing:1px;font-weight:600}
[data-style=green] .hero-emphasis{color:#278069}
[data-style=green] .hero-copy .eyebrow{color:#5d816d;font-size:11px;letter-spacing:1.8px}
[data-style=green] .hero-english{color:#648170;font-size:21px}
[data-style=green] .hero-description{color:#647b6e;font-size:15px}
[data-style=green] .hero .button.white{background:var(--blue);color:#fff;border-radius:30px}
[data-style=green] .hero-text-link{color:var(--blue)}
[data-style=green] .hero-bottom{bottom:34px;right:38px}
[data-style=green] .scroll-cue{color:#587263}
[data-style=green] .hero-controls{background:#fcfdf9ea;padding:10px 17px;border-radius:32px;color:var(--ink)}
[data-style=green] .hero-controls .total{color:#7a8c7f}
[data-style=green] .slide-track{background:#bdd0c0}
[data-style=green] .slide-track i{background:var(--blue)}
[data-style=green] .round-button{color:var(--blue);border-color:#adc7b9}
[data-style=green] .round-button:hover{color:white;background:var(--blue)}
[data-style=green] .hero-caption{display:none}
[data-style=green] .button{border-radius:32px}
[data-style=green] .button.blue:hover{background:#0d5344}
[data-style=green] .button.white{color:var(--blue)}
[data-style=green] h2{font-family:'STSong','SimSun',serif;font-weight:600;letter-spacing:.6px}
[data-style=green] .intro-strip{border-bottom:0;padding-top:42px}
[data-style=green] .intro-strip strong{font-family:var(--serif),'SimSun',serif}
[data-style=green] .service-tabs{gap:13px;border:0;margin-bottom:25px}
[data-style=green] .service-tabs>button{border:1px solid var(--line);border-radius:13px;background:#f6f9f3;padding:21px}
[data-style=green] .service-tabs>button[aria-selected=true]{background:var(--blue)}
[data-style=green] .service-tabs>button[aria-selected=true] .tab-index{color:#b2d6c5}
[data-style=green] .service-panel{border-radius:20px;overflow:hidden;grid-template-columns:1fr 1.05fr}
[data-style=green] .service-content{padding:45px}
[data-style=green] .service-content h3{font-family:'STSong','SimSun',serif;font-size:31px;font-weight:600}
[data-style=green] .service-tags span{border-radius:16px;border-color:#c9d9ca;color:#577566}
[data-style=green] .service-photo{border-radius:20px 80px 80px 20px;overflow:hidden}
[data-style=green] .about-section{background:#edf2e9}
[data-style=green] .about-main{border-radius:140px 140px 9px 9px}
[data-style=green] .about-image-inset{border-color:#edf2e9;background:#edf2e9}
[data-style=green] .about-image-inset img{border-radius:13px}
[data-style=green] .filter-buttons button{border-radius:24px}
[data-style=green] .doctor-card .portrait{border-radius:120px 120px 10px 10px;background:#dbe6dc}
[data-style=green] .doctor-card .portrait img{mix-blend-mode:multiply}
[data-style=green] .doctor-card h3{font-family:'STSong','SimSun',serif;font-weight:600}
[data-style=green] .doctor-card h3 span{font-family:var(--sans);font-weight:400}
[data-style=green] .spaces-section{background:#153f36}
[data-style=green] .space-zoom{border-radius:24px}
[data-style=green] .spaces-top .eyebrow,[data-style=green] .spaces-top-right>p,[data-style=green] .space-tabs button{color:#c5dfd1}
[data-style=green] .visit-card{border-radius:24px;overflow:hidden}
[data-style=green] .visit-photo{border-radius:24px 85px 85px 24px}
[data-style=green] .visit-steps>div>span{color:#bacfbd}
[data-style=green] .closing{background:#dce8d8;color:#1f503e}
[data-style=green] .closing p{color:#577866}
[data-style=green] .closing .button{background:#176b59;color:white}
[data-style=green] .footer{background:#f3f6ee}
[data-style=green] .floating-tools{border-radius:32px;overflow:hidden}
[data-style=green] dialog{border-radius:20px}

/* 03 — A confident, lively city clinic. Warm orange, sharp editorial typography, image-first composition. */
html[data-style=orange]{--blue:#bd4b23;--bright:#dd602e;--navy:#412b24;--ink:#3b2a23;--muted:#83756b;--line:#e5dbd2;--pale:#faf2e9}
[data-style=orange] body{background:#fffdfa}
[data-style=orange] .topbar{background:#c4522b;color:#fff5ec}
[data-style=orange] .site-header{background:#fffdf9f5;border-color:#e6ddd3}
[data-style=orange] .brand img{mix-blend-mode:multiply}
[data-style=orange] .nav-book{background:var(--blue);color:#fff;border:0;border-radius:5px}
[data-style=orange] .hero{background:#f9eadb;color:var(--ink);height:665px;min-height:665px;max-height:none;overflow:hidden}
[data-style=orange] .hero-images{width:49%;left:0;right:auto;inset-block:0;z-index:-1}
[data-style=orange] .hero-image{object-position:42% center}
[data-style=orange] .hero-shade{background:linear-gradient(90deg,transparent 36%,#f9eadb00 39%,#f9eadb 53%);z-index:-1}
[data-style=orange] .hero-inner{padding-top:76px}
[data-style=orange] .hero-copy{margin-left:51%;max-width:49%;position:relative}
[data-style=orange] .hero-copy:before{content:'SMILE.';position:absolute;top:122px;left:82px;font-size:143px;letter-spacing:-8px;line-height:1;font-family:var(--serif);font-weight:bold;color:#bd4b2308;z-index:-1}
[data-style=orange] .hero-copy .eyebrow{color:#a65b3e;font-size:10px;letter-spacing:1.8px;margin-bottom:29px}
[data-style=orange] .hero h1{font-size:63px;font-weight:600;line-height:1.4;letter-spacing:-2px}
[data-style=orange] .hero-emphasis{color:#c55128;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:13px}
[data-style=orange] .hero-english{color:#aa7053;font-size:22px;margin-top:21px}
[data-style=orange] .hero-description{color:#827060;font-size:15px;margin-top:25px}
[data-style=orange] .hero-actions{gap:25px}
[data-style=orange] .hero .button.white{background:#bc4c26;color:white;border-radius:4px}
[data-style=orange] .hero-text-link{color:#9e4a28}
[data-style=orange] .hero-bottom{bottom:25px}
[data-style=orange] .scroll-cue{background:#fff6e9f0;color:#71422c;padding:7px 15px;border-radius:3px}
[data-style=orange] .hero-controls{color:#71422c}
[data-style=orange] .hero-controls .total{color:#9c8877}
[data-style=orange] .slide-track{background:#d7bbaa}
[data-style=orange] .slide-track i{background:var(--blue)}
[data-style=orange] .round-button{border-color:#cbae9b;color:var(--blue)}
[data-style=orange] .round-button:hover{background:var(--blue);color:#fff}
[data-style=orange] .hero-caption{display:none}
[data-style=orange] .button{border-radius:4px}
[data-style=orange] .button.blue:hover{background:#963b1d}
[data-style=orange] .intro-strip{background:#fffdfa;padding-block:36px}
[data-style=orange] .intro-strip strong{font-family:var(--serif),var(--sans);font-size:34px;color:var(--blue)}
[data-style=orange] .intro-strip strong span{font-family:var(--sans);color:var(--ink)}
[data-style=orange] .intro-strip .phone-number{font-size:28px}
[data-style=orange] h2{font-weight:600;letter-spacing:-1.7px}
[data-style=orange] .section-heading{position:relative}
[data-style=orange] .section-heading h2:after{content:'';display:block;width:48px;height:3px;background:#d96638;margin-top:20px}
[data-style=orange] .service-tabs{border-bottom:2px solid #d7b49c;background:transparent}
[data-style=orange] .service-tabs>button{border:0;padding:20px 23px;border-right:1px solid var(--line)}
[data-style=orange] .service-tabs>button:last-child{border:0}
[data-style=orange] .service-tabs>button[aria-selected=true]{background:#f7e4d1;color:#a64825;box-shadow:inset 0 -3px 0 #bd4b23}
[data-style=orange] .service-tabs>button[aria-selected=true] .tab-index{color:#bb795d}
[data-style=orange] .tab-index{font-size:28px;font-style:italic;line-height:1.2;color:#cdb19c}
[data-style=orange] .service-panel{background:#faf1e7;border:1px solid #ebddcd}
[data-style=orange] .service-photo{order:2}
[data-style=orange] .service-content{order:1;padding:43px}
[data-style=orange] .service-content h3{font-size:30px;font-weight:600}
[data-style=orange] .service-tags span{border-color:#ddc8b4;color:#957151}
[data-style=orange] .about-section{background:#f7eee4}
[data-style=orange] .about-images{order:2;padding-right:0;padding-left:55px}
[data-style=orange] .about-copy{order:1}
[data-style=orange] .about-main{border-radius:3px}
[data-style=orange] .about-image-inset{right:auto;left:0;border-color:#f7eee4;background:#f7eee4}
[data-style=orange] .about-label{left:auto;right:0}
[data-style=orange] .about-label small{text-align:right}
[data-style=orange] .filter-buttons button.selected{background:#c25630;border-color:#c25630}
[data-style=orange] .doctor-card{padding-bottom:20px;border-bottom:2px solid #e4d8cb}
[data-style=orange] .doctor-card .portrait{background:#f0e1d3;border-radius:3px}
[data-style=orange] .doctor-card .portrait img{mix-blend-mode:multiply}
[data-style=orange] .doctor-open{border-radius:3px;background:#fff6eb;color:#b4502b}
[data-style=orange] .doctor-card h3{font-weight:600}
[data-style=orange] .spaces-section{background:#422d26}
[data-style=orange] .spaces-top .eyebrow,[data-style=orange] .spaces-top-right>p,[data-style=orange] .space-tabs button{color:#e2c5ac}
[data-style=orange] .space-caption small{color:#ecdbc8}
[data-style=orange] .visit-steps>div>span{color:#d5b59b}
[data-style=orange] .closing{background:#c4552d}
[data-style=orange] .closing p{color:#f4d8c2}
[data-style=orange] .closing .button{color:#ad4724;background:#fff7eb}
[data-style=orange] .footer{background:#f9f1e7}
[data-style=orange] .footer-brand img{mix-blend-mode:multiply}
[data-style=orange] .service-photo>span{background:linear-gradient(transparent,#352118bd)}

@media(min-width:1600px){[data-style=green] .hero{height:720px}[data-style=green] .hero h1{font-size:72px}[data-style=green] .hero-inner{padding-top:105px}[data-style=orange] .hero{height:720px}[data-style=orange] .hero-inner{padding-top:98px}[data-style=orange] .hero h1{font-size:70px}}
@media(max-width:1240px){[data-style=green] .hero h1{font-size:55px}[data-style=green] .hero-description{font-size:14px}[data-style=green] .hero-english{font-size:18px}[data-style=green] .hero-inner{padding-top:103px}[data-style=green] .hero-actions{gap:20px}[data-style=green] .hero .button.white{font-size:13px;padding:14px 21px}[data-style=green] .service-tabs>button{padding:19px 15px}[data-style=green] .service-content{padding:32px}[data-style=green] .service-content h3{font-size:26px}[data-style=orange] .hero h1{font-size:52px}[data-style=orange] .hero-inner{padding-top:96px}[data-style=orange] .hero-description{font-size:14px}[data-style=orange] .hero .button.white{font-size:13px;padding:14px 20px}[data-style=orange] .hero-text-link{font-size:12px;gap:12px}[data-style=orange] .hero-english{font-size:19px}[data-style=orange] .service-content{padding:33px}[data-style=orange] .service-content h3{font-size:26px}[data-style=orange] .service-tabs>button{padding:19px 16px}[data-style=orange] .intro-strip .phone-number{font-size:24px}}
@media(max-width:1023px){[data-style=green] .hero{margin:0 16px;border-bottom-right-radius:70px;height:635px;min-height:635px}[data-style=green] .hero-inner{width:calc(100% - 56px);padding-top:103px}[data-style=green] .hero-images{left:46%;width:54%;border-top-left-radius:160px}[data-style=green] .hero-shade{background:linear-gradient(90deg,#eff4eb 35%,#eff4ebe6 44%,#eff4eb00 72%)}[data-style=green] .hero-copy{max-width:65%}[data-style=green] .hero h1{font-size:51px}[data-style=green] .hero-bottom{right:15px}[data-style=green] .service-tabs{gap:8px}[data-style=green] .service-tabs small{font-size:8px}[data-style=green] .service-tabs>button{padding:18px 12px}[data-style=green] .service-content{padding:28px}[data-style=green] .service-photo{border-radius:15px 45px 45px 15px}[data-style=orange] .hero-images{width:44%}[data-style=orange] .hero-shade{background:linear-gradient(90deg,transparent 31%,#f9eadb 46%)}[data-style=orange] .hero-copy{margin-left:43%;max-width:57%}[data-style=orange] .hero h1{font-size:49px}[data-style=orange] .hero-english{font-size:18px}[data-style=orange] .hero{height:635px;min-height:635px}[data-style=orange] .about-images{padding-left:25px}[data-style=orange] .service-content{padding:28px}.review-toolbar{width:min(760px,calc(100% - 30px));padding:12px}.review-controls{gap:12px}.theme-options>button{padding:9px 10px}.review-navigation{gap:10px}.review-heading{gap:15px}.review-navigation .compare-link{font-size:10px}}
@media(max-width:700px){.review-toolbar{bottom:75px;width:calc(100% - 24px);padding:11px 12px 12px;border-radius:12px}.review-heading{font-size:10px;margin-bottom:9px;gap:8px}.review-heading>span:first-child{font-size:10px}.review-heading>span:nth-child(2){display:none}.review-controls{display:block}.theme-options{gap:6px}.theme-options>button{padding:8px 7px;gap:7px;border-radius:6px}.theme-dot{width:17px;height:28px;border-radius:3px}.theme-options>button>span{font-size:10px}.theme-options small{font-size:8px}.theme-options b{display:none}.review-navigation{margin-top:10px;justify-content:space-between}.review-navigation select{font-size:10px;width:124px;padding:5px 8px;max-width:140px}.review-navigation .compare-link{font-size:11px}.review-launcher{bottom:82px;left:14px;font-size:11px;padding:9px 14px}.footer,html[data-review=off] .footer{padding-bottom:67px}.review-toolbar~.toast{bottom:225px}
[data-style=green] .hero{height:770px;min-height:0;margin:0 10px;border-radius:7px 7px 50px 7px}
[data-style=green] .hero-images{left:12px;right:12px;top:auto;bottom:12px;width:calc(100% - 24px);height:280px;border-radius:70px 8px 42px 8px}
[data-style=green] .hero-image{object-position:center 48%}
[data-style=green] .hero-shade{display:none}
[data-style=green] .hero-inner{width:calc(100% - 40px);padding-top:39px}
[data-style=green] .hero-copy{max-width:100%}
[data-style=green] .hero h1{font-size:43px;line-height:1.35;font-weight:600}
[data-style=green] .hero-copy .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:18px}
[data-style=green] .hero-english{font-size:18px;margin-top:13px}
[data-style=green] .hero-description{font-size:13px;margin-top:17px;line-height:1.9}
[data-style=green] .hero-actions{gap:25px;margin-top:24px}
[data-style=green] .hero .button.white{font-size:12px;padding:12px 19px;min-height:46px}
[data-style=green] .hero-text-link{font-size:12px}
[data-style=green] .hero-bottom{bottom:30px;right:13px;left:13px;justify-content:flex-end}
[data-style=green] .scroll-cue{display:none}
[data-style=green] .hero-controls{padding:7px 12px;gap:9px;background:#fffefaeb}
[data-style=green] .service-tabs{background:transparent;border:0;gap:8px}
[data-style=green] .service-tabs>button{padding:16px 12px}
[data-style=green] .service-panel{grid-template-columns:1fr;border-radius:16px}
[data-style=green] .service-photo{border-radius:16px 16px 50px 16px}
[data-style=green] .service-content{padding:28px 23px}
[data-style=green] .service-content h3{font-size:26px}
[data-style=green] .intro-strip strong{font-size:26px}
[data-style=green] .intro-strip .phone-number{font-size:20px}
[data-style=green] .about-main{border-radius:100px 100px 8px 8px}
[data-style=green] .doctor-card .portrait{border-radius:90px 90px 7px 7px}
[data-style=green] .space-zoom{border-radius:15px}
[data-style=green] .visit-photo{border-radius:20px 20px 60px 20px}
[data-style=green] .closing h2{font-size:30px}
[data-style=orange] .hero{height:770px;min-height:0}
[data-style=orange] .hero-images{left:0;width:100%;top:465px;height:305px}
[data-style=orange] .hero-shade{background:linear-gradient(0deg,#42281922,transparent 30%,transparent 39%,#f9eadb 47%)}
[data-style=orange] .hero-inner{padding-top:38px}
[data-style=orange] .hero-copy{margin-left:0;max-width:100%}
[data-style=orange] .hero-copy:before{font-size:110px;top:80px;left:70px}
[data-style=orange] .hero-copy .eyebrow{font-size:8px;margin-bottom:18px;letter-spacing:1.4px}
[data-style=orange] .hero h1{font-size:44px;line-height:1.38;letter-spacing:-1px}
[data-style=orange] .hero-english{font-size:18px;margin-top:16px}
[data-style=orange] .hero-description{font-size:13px;line-height:1.9;margin-top:20px}
[data-style=orange] .hero-actions{margin-top:23px;gap:24px}
[data-style=orange] .hero .button.white{font-size:12px;min-height:47px;padding:12px 18px}
[data-style=orange] .hero-bottom{bottom:22px}
[data-style=orange] .scroll-cue{display:none}
[data-style=orange] .hero-controls{margin-left:auto;background:#fff3e3ed;border-radius:3px;padding:8px 10px}
[data-style=orange] .intro-strip strong{font-size:28px}
[data-style=orange] .intro-strip .phone-number{font-size:20px}
[data-style=orange] .section-heading h2:after{margin-top:17px;width:38px}
[data-style=orange] .service-tabs{background:transparent;border:1px solid var(--line);gap:0}
[data-style=orange] .service-tabs>button{padding:17px 13px;border-bottom:1px solid var(--line)}
[data-style=orange] .tab-index{font-size:23px}
[data-style=orange] .service-content{order:2;padding:28px 23px}
[data-style=orange] .service-photo{order:1}
[data-style=orange] .service-content h3{font-size:25px}
[data-style=orange] .about-images{order:1;padding-left:35px}
[data-style=orange] .about-copy{order:2}
[data-style=orange] .about-label{right:0;bottom:42px;font-size:14px}
[data-style=orange] .doctor-card{padding-bottom:14px}
[data-style=orange] .doctor-card h3{font-size:20px}
}
@media(prefers-reduced-motion:reduce){[data-style] *{scroll-behavior:auto}}