.jy-home.jy-inner{background:#f6f2e8;color:var(--jy-ink);font-family:"Microsoft JhengHei","Noto Sans TC",sans-serif} .jy-inner .jy-container{max-width:1380px} .jy-inner .jy-section{padding:88px 0} .jy-inner .jy-heading{text-align:center;margin-bottom:46px} .jy-inner .jy-heading h2{font-size:48px} .jy-inner .jy-heading>p:last-child{margin-top:16px} .jy-inner .jy-topline{height:42px;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#748374;letter-spacing:.1em} .jy-inner .jy-topline nav{display:flex;gap:8px} .jy-inner .jy-topline a:hover,.jy-inner .jy-back-link a:hover{color:var(--jy-gold)} .jy-inner .jy-page-hero{height:300px;display:flex;align-items:center;position:relative;isolation:isolate;overflow:hidden;color:#fff;background:#30493c} .jy-inner .jy-page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#243d32 0%,#243d32 25%,#243d32c9 43%,transparent 77%),var(--jy-hero-image) center/cover no-repeat;z-index:-1} .jy-page-hero-about{--jy-hero-image:url('../images/jingyang/phase2/about-banner.webp')} .jy-page-hero-team{--jy-hero-image:url('../images/jingyang/phase2/team-banner.webp')} .jy-page-hero-treatments{--jy-hero-image:url('../images/jingyang/phase2/treatments-banner.webp')} .jy-page-hero-article{--jy-hero-image:url('../images/jingyang/phase2/article-banner.webp')} .jy-page-hero-video{--jy-hero-image:url('../images/jingyang/phase2/video-banner.webp')} .jy-page-hero-contact{--jy-hero-image:url('../images/jingyang/phase2/contact-banner.webp')} .jy-inner .jy-page-hero h1{font-size:48px} .jy-inner .jy-page-hero .jy-eyebrow{color:var(--jy-gold)} .jy-inner .jy-intro-grid,.jy-inner .jy-copy-grid{display:grid;grid-template-columns:38% minmax(0,1fr);gap:7%;align-items:start} .jy-inner .jy-intro-grid>div:first-child{text-align:center;padding:35px 8%} .jy-inner .jy-intro-grid>div+div{border-left:1px solid #b8a35e55;padding-left:8%;font-size:16px} .jy-inner .jy-prose{line-height:28px;font-size:16px;overflow-wrap:anywhere;letter-spacing:.04em} .jy-inner .jy-prose p{margin:0 0 1.5em} .jy-inner .jy-prose img{max-width:100%;height:auto} .jy-inner .jy-about-intro{background:radial-gradient(circle at 0 70%,#e9e2ce 0,transparent 25%),#f1ecdd} .jy-inner .jy-about-values{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:70px;box-shadow:0 12px 32px #243b301a} .jy-about-values article{position:relative;height:220px;overflow:hidden;background:#fff} .jy-about-values article>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62} .jy-about-values article>div{position:relative;display:flex;align-items:center;gap:30px;padding:38px 8%;height:100%} .jy-about-values strong{font:400 108px/1.2 var(--jy-font-zh);letter-spacing:.02em;flex-shrink:0}.jy-about-values p{font-size:16px;max-width:none;line-height:32px} .jy-inner .jy-about-space{background:#faf8f0}.jy-inner .jy-scroll-shell{position:relative}.jy-scroll-shell>button{position:absolute;z-index:2;top:40%;width:36px;height:36px;border:1px solid #c5b67c;border-radius:50%;background:#f8f4e8}.jy-scroll-shell>button:first-child{left:-22px}.jy-scroll-shell>button:last-child{right:-22px} .jy-space-track{display:flex;gap:30px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.jy-space-track figure{flex:0 0 calc((100% - 60px)/3);scroll-snap-align:start;min-width:0}.jy-space-track img{width:100%;height:300px;object-fit:cover}.jy-space-track figcaption{font-size:16px;margin-top:12px;letter-spacing:.04em}.jy-space-track figcaption::before{content:'▏';color:var(--jy-gold)} .jy-about-safety{background:#f1ecdd}.jy-safety-grid{display:grid;grid-template-columns:1fr 1fr}.jy-safety-grid article{display:contents}.jy-safety-grid article>img{width:100%;height:350px;object-fit:cover}.jy-safety-grid article>div{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:55px max(30px,calc((100vw - 1380px)/2));min-width:0}.jy-safety-grid h3{font-size:24px;margin:8px 0;font-weight:700;letter-spacing:.04em}.jy-safety-grid h4{font-size:18px;font-weight:700;margin:0 0 10px;letter-spacing:.04em}.jy-safety-grid p:not(.jy-eyebrow){font-size:16px;line-height:32px;letter-spacing:.04em} .jy-about-team{position:relative;background:#f1ecdd}.jy-about-team>img{width:100%;height:490px;object-fit:cover}.jy-about-team-copy{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:58px 0}.jy-about-team-copy h2{font-size:48px;flex-shrink:0} .jy-inner .jy-inner-cta{padding:95px 0;background:linear-gradient(90deg,#f9f6ee 0%,#f9f6eece 51%,transparent 80%),url('../images/jingyang/cta.webp') center/cover no-repeat}.jy-inner-cta h2{font-size:48px}.jy-inner-cta p:not(.jy-eyebrow){max-width:600px;margin-top:14px}.jy-inner-cta .jy-cta-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px} .jy-inner .jy-toned{background:#f1ecdd} .jy-team-lead{padding-bottom:0!important}.jy-team-lead>img{width:100%;max-height:650px;object-fit:cover}.jy-team-quote{padding:85px 0}.jy-team-quote>.jy-container{display:flex;justify-content:space-between;gap:60px;align-items:center}.jy-team-quote h2{font-size:48px}.jy-team-quote p{max-width:500px} .jy-doctor-grid,.jy-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px} .jy-doctor-card,.jy-content-card,.jy-video-card{display:block;background:#f8f5eb;border:1px solid #c9be9d65;min-width:0;overflow:hidden}.jy-doctor-card>img{width:100%;height:430px;object-fit:cover;object-position:center top}.jy-doctor-card>div:last-child,.jy-card-copy{padding:21px 22px}.jy-doctor-card h3{font-size:24px;font-weight:700;letter-spacing:.04em}.jy-doctor-card h3 small,.jy-detail-hero h1 small{font-size:14px;font-weight:400}.jy-doctor-card p,.jy-card-copy p{font-size:14px;line-height:24px;margin:8px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:.04em}.jy-doctor-card span,.jy-card-copy>span{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #b8a35e50;padding-top:12px;margin-top:18px;font-size:14px;color:#98864c}.jy-card-copy i{font-style:normal} .jy-photo-missing{display:flex;align-items:center;justify-content:center;width:100%;min-height:220px;background:linear-gradient(135deg,#dbcfac,#ad9b63);color:#5a674e;font-size:12px}.jy-doctor-card>.jy-photo-missing{height:430px} .jy-inner .jy-filter{display:flex;gap:10px;flex-wrap:wrap;padding:20px 0;border-top:1px solid #cabb8f;border-bottom:1px solid #cabb8f;margin-bottom:42px}.jy-filter a{padding:8px 17px;border:1px solid #b8a35e66;font-size:14px}.jy-filter a.is-active,.jy-filter a:hover{background:#30493c;color:#fff}.jy-pager{text-align:center;margin-top:38px}.jy-pager .pagination{justify-content:center} .jy-team-appointment{text-align:center;background:#fbf9f3}.jy-team-appointment p{margin-bottom:22px} .jy-inner .jy-detail-hero{padding:75px 0;background:#f9f6ed}.jy-inner .jy-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.jy-detail-hero h1,.jy-article-hero h1{font-size:48px;line-height:1.375}.jy-detail-hero p:not(.jy-eyebrow),.jy-article-hero p:not(.jy-eyebrow){margin:18px 0 28px;max-width:600px}.jy-detail-image{min-height:340px;background:#30493c;display:flex;align-items:center;justify-content:center}.jy-detail-image>img{width:100%;height:420px;object-fit:cover}.jy-doctor-hero .jy-detail-image>img{height:490px;object-position:center top}.jy-detail-image>.jy-photo-missing{height:420px}.jy-category-visual{height:400px;background:#30493c;color:#c9ba80;display:flex;flex-direction:column;justify-content:center;gap:25px;padding:7%}.jy-category-visual .jy-photo-missing{height:245px}.jy-category-visual p{writing-mode:vertical-rl;margin:0} .jy-detail-body .jy-copy-grid>div:first-child{border-right:1px solid #c7b981;padding-right:30px}.jy-detail-body .jy-prose{padding-left:20px}.jy-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.jy-photo-grid img{width:100%;height:260px;object-fit:cover}.jy-back-link{padding:26px 0 65px;font-size:13px} .jy-inner .jy-area-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.jy-area-grid>a{min-height:330px;padding:25px;color:#f6f1e2;background:linear-gradient(160deg,#738373,#30493c);display:flex;flex-direction:column;justify-content:end}.jy-area-grid>a:nth-child(2){background:linear-gradient(160deg,#b5b7a2,#4a5947)}.jy-area-grid>a:nth-child(3){background:linear-gradient(160deg,#b6aa87,#435648)}.jy-area-grid>a:nth-child(4){background:linear-gradient(160deg,#d4c9a5,#65715d)}.jy-area-grid small{color:#d2b968}.jy-area-grid h3{margin:12px 0;font-size:20px;font-weight:400;letter-spacing:.04em}.jy-area-grid span{font-size:12px}.jy-content-card>img{width:100%;height:235px;object-fit:cover}.jy-content-card>.jy-photo-missing{height:235px}.jy-content-card h3,.jy-video-card h3{font-size:18px;font-weight:700;letter-spacing:.04em}.jy-content-card .jy-tags{margin:14px 0}.jy-guided{text-align:center}.jy-guided .jy-filter{justify-content:center;border:0}.jy-visit-note{text-align:center}.jy-visit-note p{margin-bottom:25px}.jy-link-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.jy-link-grid a{display:flex;justify-content:space-between;padding:40px;background:#e8e2d2;font-size:18px} .jy-listing-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}.jy-listing-head h2{font-size:48px}.jy-listing-head>p{max-width:360px}.jy-featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.jy-featured-grid .jy-content-card>img,.jy-featured-grid .jy-content-card>.jy-photo-missing{height:330px}.jy-inner .jy-article-hero{background:radial-gradient(circle at 30% 70%,#e8dfc8,transparent 32%),#f3eddb}.jy-article-hero .jy-meta{display:flex;gap:18px;color:#9b8855;font-size:12px}.jy-article-layout{display:grid;grid-template-columns:minmax(0,820px) 100px;justify-content:center;gap:7%}.jy-share{position:sticky;top:25px;align-self:start}.jy-share h2{font-size:18px;font-weight:700;letter-spacing:.1em}.jy-share a{display:block;margin-top:14px}.jy-video-frame{aspect-ratio:16/9;background:#253b32;overflow:hidden}.jy-video-frame iframe{width:100%!important;height:100%!important;border:0}.jy-video-card .jy-card-copy{min-height:80px} .jy-contact-intro{background:#f3eddf}.jy-contact-grid{display:grid;grid-template-columns:44% 56%;box-shadow:0 20px 50px #273c321c}.jy-contact-photo{position:relative;min-height:650px}.jy-contact-photo img{width:100%;height:100%;object-fit:cover}.jy-contact-photo p{position:absolute;bottom:20px;left:20px;right:20px;background:#30493ce0;color:#fff;padding:20px;font-size:25px;line-height:38px;letter-spacing:.04em}.jy-reservation{background:#faf7ec;padding:65px 8%}.jy-reservation h2{font-size:48px;line-height:1.458333;letter-spacing:0}.jy-reservation>p:not(.jy-eyebrow){font-size:16px;margin:12px 0 25px;line-height:28px}.jy-contact-form label{display:block;font-size:14px;margin-bottom:17px;font-weight:700;letter-spacing:.02em}.jy-contact-form em{color:#b29a54;font-style:normal}.jy-contact-form input:not([type=checkbox]),.jy-contact-form textarea{display:block;width:100%;border:1px solid #b8a35e55;background:#fffdf7;padding:12px;margin-top:6px;color:#30493c;min-height:43px;font:400 14px/22px var(--jy-font-zh);letter-spacing:.02em}.jy-contact-form textarea{resize:vertical}.jy-contact-form .jy-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.jy-contact-form .jy-captcha{display:flex;gap:12px;align-items:end}.jy-captcha label{flex:1}.jy-captcha img{width:110px;height:44px;object-fit:contain;margin-bottom:17px}.jy-captcha button{height:43px;margin-bottom:17px;border:1px solid #cabb8f;background:transparent}.jy-form-consent{display:flex!important;align-items:start;gap:9px}.jy-form-consent input{margin-top:4px}.jy-form-error{display:block;color:#a04a37}.jy-submit{width:100%} .jy-contact-methods{background:#e9e5d4 url('../images/jingyang/phase2/contact-connected.webp') center/cover}.jy-method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:40px}.jy-method-grid a{padding:25px;border:1px solid #c5b991;background:#f8f4e855;min-height:230px}.jy-method-grid small{color:#b8a35e;font:italic 24px/26px var(--jy-font-en)}.jy-method-grid h3{font-size:25px;margin:30px 0 8px;line-height:35px;font-weight:400}.jy-method-grid p{font-size:16px}.jy-method-grid span{display:block;border-top:1px solid #c5b991;margin-top:25px;padding-top:12px;font-size:14px}.jy-visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.jy-visit-grid>div:first-child{padding:40px;background:#30493c;color:#f6f0df}.jy-visit-grid h3{font-size:28px;margin:0 0 20px;font-weight:400}.jy-visit-grid p{margin-bottom:30px}.jy-map{min-height:340px;background:#d2c5a0;display:flex;align-items:center;justify-content:center}.jy-map iframe{width:100%;height:100%;min-height:340px;border:0}.jy-contact-faq{background:#f8f5ea}.jy-accordion{border-top:1px solid #b8a35e66}.jy-accordion:last-child{border-bottom:1px solid #b8a35e66}.jy-accordion button{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:22px 0;background:transparent;border:0;font-size:18px;line-height:32px;letter-spacing:.02em}.jy-accordion button span{font-size:20px}.jy-accordion [data-jy-panel]{padding:0 20px 20px} @media(max-width:991px){.jy-inner .jy-section{padding:65px 0}.jy-inner .jy-page-hero{height:260px}.jy-doctor-grid,.jy-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jy-inner .jy-area-grid,.jy-method-grid{grid-template-columns:repeat(2,1fr)}.jy-safety-grid article>div{padding:30px}.jy-space-track figure{flex-basis:calc((100% - 30px)/2)}.jy-contact-grid{grid-template-columns:40% 60%}.jy-reservation{padding:35px 5%}.jy-contact-photo{min-height:590px}.jy-inner .jy-article-layout{grid-template-columns:minmax(0,1fr) 50px}} @media(max-width:600px){.jy-inner .jy-container{width:calc(100% - 40px)}.jy-inner .jy-topline{height:38px;font-size:10px}.jy-inner .jy-page-hero{height:220px}.jy-inner .jy-page-hero h1{font-size:33px}.jy-inner .jy-page-hero::before{background:linear-gradient(90deg,#243d32e8,#243d327a),var(--jy-hero-image) center/cover no-repeat}.jy-inner .jy-section{padding:55px 0}.jy-inner .jy-heading{margin-bottom:28px}.jy-inner .jy-heading h2,.jy-inner h2{font-size:28px}.jy-inner .jy-intro-grid,.jy-inner .jy-copy-grid,.jy-inner .jy-detail-grid,.jy-visit-grid,.jy-contact-grid,.jy-featured-grid,.jy-link-grid{grid-template-columns:1fr;gap:24px}.jy-inner .jy-intro-grid>div:first-child{text-align:left;padding:0}.jy-inner .jy-intro-grid>div+div{border-left:0;border-top:1px solid #b8a35e55;padding:20px 0 0}.jy-inner .jy-about-values{grid-template-columns:1fr;margin-top:40px}.jy-about-values article{height:160px}.jy-about-values strong{font-size:50px}.jy-space-track figure{flex-basis:82%}.jy-space-track img{height:240px}.jy-scroll-shell>button:first-child{left:0}.jy-scroll-shell>button:last-child{right:0}.jy-safety-grid{grid-template-columns:1fr}.jy-safety-grid article{display:flex;flex-direction:column}.jy-safety-grid article>img{height:240px}.jy-safety-grid article>div{padding:30px 20px}.jy-about-team>img{height:270px}.jy-about-team-copy{display:block;padding:32px 0}.jy-about-team-copy p{margin:12px 0}.jy-inner .jy-inner-cta{padding:60px 0;background-position:63% center}.jy-inner-cta h2{max-width:270px}.jy-team-lead>img{height:270px}.jy-team-quote{padding:55px 0}.jy-team-quote>.jy-container{display:block}.jy-team-quote h2{margin-bottom:20px}.jy-doctor-grid,.jy-content-grid{grid-template-columns:1fr;gap:18px}.jy-doctor-card>img,.jy-doctor-card>.jy-photo-missing{height:340px}.jy-inner .jy-area-grid,.jy-method-grid{grid-template-columns:1fr 1fr;gap:10px}.jy-area-grid>a{min-height:195px;padding:15px}.jy-area-grid h3{font-size:15px}.jy-inner .jy-detail-hero{padding:45px 0}.jy-detail-hero h1,.jy-article-hero h1{font-size:32px}.jy-detail-image>img,.jy-doctor-hero .jy-detail-image>img{height:350px}.jy-category-visual{height:270px}.jy-inner .jy-section-nav{gap:22px}.jy-detail-body .jy-copy-grid>div:first-child{border:0;padding:0}.jy-detail-body .jy-prose{padding:0}.jy-photo-grid{grid-template-columns:1fr 1fr}.jy-photo-grid img{height:160px}.jy-listing-head{display:block}.jy-listing-head h2{font-size:29px}.jy-listing-head>p{margin-top:16px}.jy-featured-grid .jy-content-card>img,.jy-featured-grid .jy-content-card>.jy-photo-missing{height:220px}.jy-inner .jy-article-layout{grid-template-columns:1fr}.jy-share{position:static;display:flex;align-items:center;gap:16px}.jy-share a{margin:0}.jy-contact-photo{min-height:0;height:340px}.jy-reservation{padding:28px 20px}.jy-contact-form .jy-form-grid{grid-template-columns:1fr}.jy-method-grid a{min-height:160px;padding:14px}.jy-method-grid h3{font-size:15px;margin:12px 0 5px}.jy-method-grid span{margin-top:12px}.jy-inner .jy-page-hero-contact{background-position:center}.jy-visit-grid>div:first-child{padding:25px}.jy-captcha img{width:85px}.jy-captcha button{width:38px}} /* PSD-matched shared consultation strip and treatment field collage. */ .jy-inner .jy-inner-cta{min-height:500px;display:flex;align-items:center;background:#f8f4e8 url('../images/jingyang/phase2/consultation-cta.webp') center/cover no-repeat} .jy-inner .jy-area-grid{grid-template-columns:1.08fr 1.12fr .9fr;grid-template-rows:330px 310px;gap:20px} .jy-area-grid>a{position:relative;min-height:0;padding:0;overflow:hidden;isolation:isolate;background:#bbae91} .jy-area-grid>a:first-child{grid-row:span 2} .jy-area-grid>a:nth-child(4){grid-column:2/4} .jy-area-grid>a>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease;z-index:-2} .jy-area-grid>a::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#1d342bd9 0%,transparent 58%);z-index:-1} .jy-area-grid>a:hover>img{transform:scale(1.04)} .jy-area-grid>a>div{padding:28px;max-width:100%} .jy-area-grid h3{font-size:20px;margin:10px 0 4px} .jy-area-grid p{max-width:330px;margin:0 0 12px;font-size:14px;line-height:24px;color:#fff;letter-spacing:.04em} .jy-area-grid span{display:flex;justify-content:space-between;gap:15px;align-items:center;max-width:200px} .jy-area-grid span i{font-style:normal;border:1px solid #fff9;border-radius:50%;width:31px;height:31px;display:grid;place-items:center} @media(max-width:991px){.jy-inner .jy-area-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,270px)}.jy-area-grid>a:first-child{grid-row:auto}.jy-area-grid>a:nth-child(4){grid-column:auto}} @media(max-width:600px){.jy-inner .jy-inner-cta{min-height:420px;background-position:65% center}.jy-inner .jy-area-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,230px);gap:12px}.jy-area-grid>a>div{padding:15px}.jy-area-grid h3{font-size:17px}.jy-area-grid p{font-size:10px;line-height:1.4}.jy-area-grid span{font-size:10px}.jy-area-grid span i{width:25px;height:25px}} /* Treatments landing page: proportions and fixed sections from treatments.psd. */ .jy-page-treatments .jy-topline{height:50px} .jy-page-treatments .jy-page-hero-treatments::before{background:url('../images/jingyang/phase2/treatments-banner.webp?v=2') center/cover no-repeat} .jy-page-treatments .jy-treatment-areas{background:radial-gradient(ellipse at 95% 19%,#e9dfbd 0%,transparent 31%),#faf7f0} .jy-page-treatments .jy-treatment-areas .jy-heading h2{font-size:48px} .jy-page-treatments .jy-guided{background:#faf7f0} .jy-guided-panel{max-width:1240px;margin:55px auto 0;border:1px solid #bea96a;padding:60px;background:#faf7f0;text-align:left} .jy-guided-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px} .jy-guided-step{min-width:0;margin:0;border:1px solid #d5c89f;padding:30px 40px 38px} .jy-guided-step legend{display:block;width:100%;float:left;margin:0 0 25px;padding:0;color:#34483b} .jy-guided-step legend small,.jy-guided-next small{display:block;color:#a48b4e;font-size:14px;letter-spacing:.02em;font-family:var(--jy-font-en)} .jy-guided-step legend span{display:block;margin-top:10px;font-size:24px} .jy-guided-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;clear:both} .jy-guided-options label{position:relative;margin:0;cursor:pointer} .jy-guided-options input{position:absolute;opacity:0;width:1px;height:1px} .jy-guided-options span{display:flex;align-items:center;justify-content:center;min-height:52px;border:1px solid #b6b9ac;color:#657368;font-size:14px;text-align:center;padding:6px 10px} .jy-guided-options input:checked+span,.jy-guided-options label:hover span{background:#30493c;border-color:#30493c;color:#fff} .jy-guided-options input:focus-visible+span{outline:2px solid #a98d48;outline-offset:2px} .jy-guided-next{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #d1c394;margin-top:27px;padding-top:35px} .jy-guided-next p{margin:10px 0 0;color:#6b796e;font-size:16px;line-height:28px} .jy-guided-next .jy-button{flex:none;background:#30493c;color:#fff} .jy-page-treatments .jy-related{background:#f1ecdd} .jy-related-group+.jy-related-group{margin-top:65px} .jy-related-label{border-bottom:1px solid #b8a35e;color:#a48b4e;font-size:14px;padding-bottom:15px;margin-bottom:38px} .jy-related-status{margin:-20px 0 18px;color:#728073;font-size:12px} .jy-related-cards{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin} .jy-related-card{display:block;flex:0 0 calc((100% - 56px)/3);min-width:0;scroll-snap-align:start;color:#34483b;background:#f8f4e8} .jy-related-media{height:255px;display:grid;place-items:center;background:#d5c49c;color:#817c5f;overflow:hidden} .jy-related-media img{width:100%;height:100%;object-fit:cover} .jy-related-media>span{font-size:35px;opacity:.75} .jy-related-copy{padding:20px 22px;min-height:96px} .jy-related-copy h3{font-size:18px;margin:0 0 13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .jy-related-copy span{font-size:12px;color:#a48b4e} .jy-related-placeholder .jy-related-copy{background:#f1ecdd;min-height:40px;padding:0} .jy-related-shell>button{top:35%} @media(max-width:991px){.jy-guided-panel{padding:30px}.jy-guided-step{padding:22px}.jy-guided-options span{font-size:12px}} @media(max-width:991px){.jy-related-card{flex-basis:calc((100% - 28px)/2)}} @media(max-width:600px){.jy-page-treatments .jy-topline{height:42px}.jy-page-treatments .jy-treatment-areas .jy-heading h2{font-size:30px}.jy-guided-panel{margin-top:35px;padding:18px}.jy-guided-steps{grid-template-columns:1fr;gap:16px}.jy-guided-step{padding:18px}.jy-guided-step legend span{font-size:21px}.jy-guided-options span{min-height:48px}.jy-guided-next{display:block;margin-top:18px;padding-top:22px}.jy-guided-next .jy-button{display:flex;margin-top:20px;justify-content:center}.jy-related-card{flex-basis:82%}.jy-related-media{height:210px}.jy-related-group+.jy-related-group{margin-top:40px}} @media(max-width:600px){.jy-page-treatments .jy-page-hero-treatments::before{background:linear-gradient(90deg,#243d32cc 0%,#243d3266 65%,transparent 100%),url('../images/jingyang/phase2/treatments-banner.webp?v=2') 65% center/cover no-repeat}} /* Team design sections and functional doctor choice. */ .jy-team-lead .jy-heading>p:last-child{font-size:16px;line-height:28px} .jy-team-quote{background:#30483b url('../images/jingyang/hero-texture.webp') center/cover;color:#f6f1e4} .jy-team-quote>.jy-container{align-items:start} .jy-team-quote h2{position:relative;line-height:1.7;margin:0;flex:1} .jy-team-quote h2 span{color:#b9a25b;font-family:serif} .jy-team-quote h2 span:first-child{display:block;line-height:.8} .jy-team-quote h2 span:last-child{display:block;text-align:right;line-height:.8} .jy-team-quote>.jy-container>div{max-width:575px;flex:1} .jy-team-quote .jy-eyebrow{color:#c2ad69} .jy-team-quote p:not(.jy-eyebrow){line-height:28px;font-size:16px} .jy-team-values{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e6dcb251;margin-top:40px;padding-top:20px} .jy-team-values span{display:block;border-right:1px solid #e6dcb251;padding:0 24px;font-size:16px} .jy-team-values span:first-child{padding-left:0}.jy-team-values span:last-child{border-right:0} .jy-team-values small{display:block;color:#c1a864;text-transform:uppercase;font-size:12px;margin-bottom:7px;font-family:var(--jy-font-en)} .jy-team-list{background:#f4efdf url('../images/jingyang/marble.webp') center/cover} .jy-team-list .jy-doctor-card{background:#f9f6ec} .jy-team-list .jy-doctor-card>div:last-child{margin-top:-75px;position:relative;background:linear-gradient(0deg,#f9f6ec 50%,#f9f6ecdb 82%,transparent)} .jy-team-list .jy-doctor-card h3{text-align:center} .jy-team-list .jy-doctor-card p{text-align:center;min-height:30px} .jy-team-list .jy-doctor-card span i{font-style:normal;border:1px solid #b9aa78;border-radius:50%;width:30px;height:30px;display:grid;place-items:center} .jy-team-career{background:#30483b url('../images/jingyang/hero-texture.webp') center/cover;color:#f6f1e4} .jy-team-career .jy-eyebrow{color:#c2ad69} .jy-team-career-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:24px 0 70px} .jy-team-career-head h2{font-size:48px;line-height:1.375}.jy-team-career-head p{max-width:450px;line-height:2} .jy-team-career-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e5dcc24d} .jy-team-career-grid article{padding:50px 35px;min-height:275px;border-right:1px solid #e5dcc24d;display:flex;flex-direction:column;justify-content:end} .jy-team-career-grid article:last-child{border-right:0} .jy-team-career-grid small{color:#c2ad69;font-size:12px;margin-bottom:auto;text-transform:uppercase;font-family:var(--jy-font-en)} .jy-team-career-grid h3{font-size:24px;margin:35px 0 10px;font-weight:700;letter-spacing:.04em}.jy-team-career-grid p{font-size:16px;line-height:28px;color:#e5e1d5} .jy-doctor-picker fieldset{border:0;padding:0;margin:0;text-align:left}.jy-doctor-picker legend{display:block;width:100%;border-bottom:1px solid #bba76b;padding-bottom:10px;color:#a88e47;font-size:14px} .jy-doctor-pick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 28px;margin:30px 0 36px} .jy-doctor-pick-grid label{cursor:pointer;text-align:left;position:relative}.jy-doctor-pick-grid input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer} .jy-doctor-pick-grid label>span{display:flex;align-items:center;gap:15px;min-height:135px;border:1px solid #cbbf9f;padding:12px;background:#f6f2e6} .jy-doctor-pick-grid label:has(input:checked)>span{background:#30483b;color:#fff;border-color:#30483b} .jy-doctor-pick-grid label:has(input:focus-visible)>span{outline:3px solid #b9a25b;outline-offset:3px} .jy-doctor-pick-grid img{width:88px;height:108px;object-fit:cover;object-position:top;flex:none} .jy-doctor-pick-grid strong{font-size:20px}.jy-doctor-pick-grid small{font-size:12px} .jy-doctor-pick-actions{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;border-top:1px solid #bba76b;padding-top:35px} .jy-button-outline{background:transparent!important;border:1px solid #30483b!important;color:#30483b!important} @media(max-width:991px){.jy-team-career-head h2{font-size:35px}.jy-doctor-pick-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:600px){.jy-team-quote>.jy-container{display:block}.jy-team-quote>.jy-container>div{margin-top:30px}.jy-team-values span{padding:0 8px;font-size:13px}.jy-team-career-head{display:block;margin-bottom:32px}.jy-team-career-head h2{font-size:28px}.jy-team-career-grid{grid-template-columns:1fr}.jy-team-career-grid article{min-height:180px;border-right:0;border-bottom:1px solid #e5dcc24d;padding:25px}.jy-doctor-pick-grid{grid-template-columns:1fr;gap:12px}.jy-doctor-pick-grid label>span{min-height:90px}.jy-doctor-pick-grid img{width:70px;height:80px}} /* Doctor detail follows the split portrait, profile and consultation composition. */ .jy-inner .jy-doctor-hero{padding:0;background:#fbf8f0} .jy-doctor-hero .jy-detail-grid{max-width:none;width:100%;gap:0;grid-template-columns:1fr 1fr} .jy-doctor-hero .jy-detail-grid>div:first-child{padding:100px max(45px,calc((100vw - 1380px)/2));min-height:680px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center} .jy-doctor-hero h1{font-size:72px}.jy-doctor-hero h1 small{font-size:36px} .jy-doctor-hero .jy-detail-image{background:#30483b;min-height:680px;padding:70px 16%;} .jy-doctor-hero .jy-detail-image>img{height:540px;max-width:450px;border:1px solid #c8b889;object-fit:cover} .jy-doctor-profile{background:#f2ecdc}.jy-doctor-profile .jy-copy-grid{grid-template-columns:35% 1fr} .jy-doctor-profile .jy-copy-grid>div:first-child{max-width:350px}.jy-doctor-profile .jy-copy-grid>div:first-child p:not(.jy-eyebrow){font-size:13px;line-height:2;margin:25px 0} .jy-doctor-profile .jy-copy-grid>div:first-child a{color:#aa9456;font-size:12px} .jy-doctor-profile .jy-prose{background:#fcfaf4;padding:35px 45px;border-left:7px solid #b5a05e;min-height:250px} .jy-doctor-philosophy{background:#30483b url('../images/jingyang/hero-texture.webp') center/cover;color:#f7f2e6} .jy-doctor-philosophy .jy-detail-grid{align-items:start;gap:5%}.jy-doctor-philosophy h2{font-size:48px;margin:16px 0 35px} .jy-doctor-philosophy img{width:100%;height:auto}.jy-doctor-philosophy h3{font-size:28px;margin:68px 0 30px;font-weight:400;letter-spacing:.02em} .jy-doctor-philosophy p{line-height:28px;color:#ece8da;font-size:16px;margin-bottom:25px} .jy-doctor-consult{display:grid;grid-template-columns:1fr 1fr;min-height:470px;background:#faf7ee} .jy-doctor-consult-copy{padding:75px max(45px,calc((100vw - 1380px)/2));display:flex;flex-direction:column;align-items:flex-start;justify-content:center} .jy-doctor-consult h2{font-size:48px}.jy-doctor-consult p:not(.jy-eyebrow){line-height:28px;font-size:16px} .jy-doctor-hours{border-top:1px solid #baaa7c;border-bottom:1px solid #baaa7c;padding:16px 0;width:100%;margin:20px 0 28px} .jy-doctor-consult-image{background:#e7dfcb;overflow:hidden}.jy-doctor-consult-image img{width:100%;height:100%;max-height:520px;object-fit:cover;object-position:center 25%} .jy-doctor-consult .jy-cta-actions{display:flex;gap:14px;flex-wrap:wrap} @media(max-width:991px){.jy-doctor-hero .jy-detail-grid>div:first-child{padding:60px 7%;min-height:560px}.jy-doctor-hero .jy-detail-image{min-height:560px;padding:45px 10%}.jy-doctor-consult-copy{padding:55px 7%}} @media(max-width:600px){.jy-doctor-hero .jy-detail-grid{grid-template-columns:1fr}.jy-doctor-hero .jy-detail-grid>div:first-child{min-height:0;padding:45px 20px}.jy-doctor-hero h1{font-size:42px}.jy-doctor-hero .jy-detail-image{min-height:0;padding:30px}.jy-doctor-hero .jy-detail-image>img{height:400px}.jy-doctor-profile .jy-prose{padding:22px}.jy-doctor-philosophy h3{margin:20px 0}.jy-doctor-consult{grid-template-columns:1fr}.jy-doctor-consult-copy{padding:50px 20px}.jy-doctor-consult h2{font-size:28px}.jy-doctor-consult-image{height:320px}} /* Treatment category/detail sections shown in the supplied layouts. */ .jy-treatment-doctors{background:#f4efdf url('../images/jingyang/marble.webp') center/cover} .jy-treatment-doctors .jy-doctor-grid{max-width:900px;margin:auto;grid-template-columns:repeat(2,minmax(0,1fr))} .jy-treatment-doctors .jy-doctor-card{background:#fcf9ef}.jy-treatment-doctors .jy-doctor-card>div:last-child{text-align:center} .jy-treatment-doctors .jy-doctor-card span i{font-style:normal} .jy-inner .jy-treatment-hero{padding:0;background:#faf7ef} .jy-treatment-hero .jy-detail-grid{max-width:none;width:100%;gap:0;grid-template-columns:1fr 1fr} .jy-treatment-hero .jy-detail-grid>div:first-child{padding:95px max(45px,calc((100vw - 1380px)/2));min-height:560px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column} .jy-treatment-hero h2{font-size:18px;line-height:24px;margin:16px 0 0;font-weight:700;letter-spacing:.04em} .jy-treatment-hero .jy-detail-image{min-height:560px;background:#30483b;padding:60px 11%} .jy-treatment-hero .jy-detail-image>img,.jy-treatment-hero .jy-photo-missing{width:100%;height:360px;object-fit:cover} .jy-treatment-advice{background:#f1ecdd}.jy-advice-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px} .jy-advice-grid article{padding:28px 35px;background:#fcfaf4;border-left:7px solid #b7a363;min-height:160px} .jy-advice-grid h3{font-size:16px;margin-bottom:16px;font-weight:700;letter-spacing:.04em}.jy-advice-grid p{font-size:16px;line-height:28px} .jy-advice-note{text-align:center;margin:30px 0 0;font-size:12px;color:#756c56} .jy-category-hero .jy-detail-grid{gap:0;grid-template-columns:1fr 1fr;max-width:none;width:100%} .jy-inner .jy-category-hero{padding:0} .jy-category-hero .jy-category-visual{height:510px;padding:65px max(45px,calc((100vw - 1380px)/2));} .jy-category-visual>img{display:block;width:100%;height:300px;object-fit:cover;min-width:0} .jy-category-hero .jy-detail-grid>div:last-child{padding:65px max(45px,calc((100vw - 1380px)/2))} @media(max-width:600px){.jy-treatment-doctors .jy-doctor-grid{grid-template-columns:1fr}.jy-treatment-hero .jy-detail-grid,.jy-category-hero .jy-detail-grid{grid-template-columns:1fr}.jy-treatment-hero .jy-detail-grid>div:first-child,.jy-category-hero .jy-detail-grid>div:last-child{min-height:0;padding:45px 20px}.jy-treatment-hero .jy-detail-image{min-height:0;padding:30px}.jy-category-hero .jy-category-visual{height:320px;padding:30px}.jy-advice-grid{grid-template-columns:1fr;gap:15px}.jy-advice-grid article{padding:20px}} /* Text roles from the original PSDs; backend rich text keeps its own explicit formatting. */ .jy-inner .jy-prose :is(p,li){letter-spacing:inherit} .jy-inner .jy-prose :is(h1,h2,h3,h4,h5,h6){font:700 18px/32px var(--jy-font-zh);letter-spacing:.02em;margin:0 0 16px} .jy-inner .jy-doctor-profile .jy-prose :is(h2,h3,h4),.jy-inner .jy-detail-body .jy-prose :is(h2,h3,h4){font-size:16px} .jy-inner .jy-article-content .jy-prose h2:first-of-type{font-size:16px} .jy-inner .jy-article-hero h1{font-size:28px;font-weight:700;line-height:1.6;letter-spacing:.04em} .jy-inner .jy-copy-block h2{font-size:28px;line-height:1.6} .jy-inner .jy-share h2{font-size:18px} .jy-inner .jy-treatment-hero h2{font-size:18px} .jy-inner .jy-about-values p::first-line{font-family:var(--jy-font-en);letter-spacing:-.02em} .jy-inner .jy-about-values p{flex:1;min-width:0} .jy-inner .jy-safety-grid .jy-eyebrow{font:italic 16px/36px "Arial Narrow",Arial,sans-serif;letter-spacing:.02em} .jy-inner .jy-detail-hero p:not(.jy-eyebrow),.jy-inner .jy-article-hero p:not(.jy-eyebrow){font-size:16px;line-height:28px;letter-spacing:.02em} .jy-inner .jy-doctor-hero h1+p,.jy-inner .jy-category-hero h1+p{font-size:18px;font-weight:700;line-height:28px;letter-spacing:.04em} .jy-inner .jy-doctor-card h3 small{font-size:20px;font-weight:700} .jy-inner .jy-area-grid small{font:italic 14px/24px var(--jy-font-en);letter-spacing:.04em} .jy-inner .jy-category-visual p{font-family:var(--jy-font-en);letter-spacing:.1em} .jy-inner .jy-team-career-grid h3+p:has(+p){font-size:18px} .jy-inner .jy-form-consent{font-size:16px;font-weight:400;line-height:28px} .jy-inner .jy-inner-cta p:not(.jy-eyebrow){font-size:16px;line-height:28px;letter-spacing:.02em} @media(min-width:601px) and (max-width:1199px){ .jy-inner .jy-heading h2,.jy-inner .jy-page-hero h1,.jy-inner .jy-team-quote h2,.jy-inner .jy-listing-head h2,.jy-inner .jy-inner-cta h2,.jy-inner .jy-reservation h2,.jy-inner .jy-about-team-copy h2,.jy-inner .jy-doctor-philosophy h2,.jy-inner .jy-doctor-consult h2,.jy-page-treatments .jy-treatment-areas .jy-heading h2{font-size:36px} .jy-about-values strong{font-size:76px}.jy-about-values article>div{gap:20px;padding:25px 6%} .jy-about-team-copy{flex-wrap:wrap}.jy-doctor-hero h1{font-size:56px} } @media(max-width:600px){ .jy-inner .jy-about-values p{font-size:14px;line-height:26px} .jy-inner .jy-contact-photo p{font-size:20px;line-height:32px} .jy-inner .jy-doctor-hero h1 small{font-size:24px} .jy-inner .jy-copy-block h2{font-size:24px} .jy-inner .jy-article-hero h1{font-size:26px} .jy-inner .jy-area-grid p{font-size:12px;line-height:20px} } /* 2026-10-22 design QA: about page (backgrounds from tools/export-qa-backgrounds.py). */ .jy-inner .jy-page-hero-about::before{background:url('../images/jingyang/bg/about-banner.webp') center/cover no-repeat} .jy-inner .jy-about-intro{background:#f1ecdd url('../images/jingyang/bg/about-intro.webp') center top/cover no-repeat} .jy-inner .jy-about-values p::first-line{color:#a98f4d} .jy-inner .jy-about-space{background:#faf8f0 url('../images/jingyang/bg/about-space.webp') center top/cover no-repeat} .jy-about-safety .jy-safety-grid{border-top:1px solid #b8a35e80} .jy-about-safety .jy-safety-grid article>*{border-bottom:1px solid #b8a35e80} .jy-about-team>img{height:auto;aspect-ratio:1536/603} @media(min-width:992px){ .jy-inner .jy-about-intro .jy-intro-grid{grid-template-columns:1fr 1fr;gap:0;align-items:center} .jy-inner .jy-about-intro .jy-intro-grid>div:first-child{text-align:right;padding:0 36% 0 0} .jy-inner .jy-about-intro .jy-intro-grid>div+div{padding-left:62px;min-height:263px;display:flex;flex-direction:column;justify-content:center} .jy-inner .jy-about-intro .jy-prose{max-width:560px;letter-spacing:.02em} .jy-inner .jy-about-intro .jy-prose p:last-child{margin-bottom:0} } @media(min-width:1300px){ .jy-about-space .jy-scroll-shell>button:first-child{left:-56px} .jy-about-space .jy-scroll-shell>button:last-child{right:-56px} } @media(min-width:601px){ .jy-inner .jy-about-team-copy{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:0;padding:58px 0 80px} .jy-inner .jy-about-team-copy>div+div{padding-left:62px} .jy-inner .jy-about-team-copy>div+div p{margin:0 0 24px;font-size:16px;line-height:28px;letter-spacing:.02em} } @media(max-width:600px){.jy-inner .jy-about-team-copy>div+div{margin-top:16px}} /* Shared carousel page dots. */ .jy-scroll-dots{display:flex;justify-content:center;gap:10px;margin-top:30px} .jy-scroll-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#d6ccb0;cursor:pointer} .jy-scroll-dots button[aria-current=true]{background:#30493c} /* Team page: PSD grid-textured dark sections, marble list, gradient appointment. */ .jy-inner .jy-team-quote,.jy-inner .jy-team-career{background:var(--jy-grid-texture),#344a3e} .jy-inner .jy-team-list{background:#f3eee0 url('../images/jingyang/bg/team-list.webp') center top/cover no-repeat} .jy-team-quote h2 span{font-size:24px;line-height:1!important;color:#a98f4d} .jy-team-quote h2 span:first-child{margin-bottom:16px}.jy-team-quote h2 span:last-child{margin-top:16px;max-width:470px} .jy-team-quote .jy-quote-indent{font-weight:inherit;padding-left:1em} /* Team list doctor cards share the home card structure (quote line + clinic hours row). */ .jy-team-list .jy-doctor-card>div:last-child{margin-top:-120px;padding:96px 18px 24px;background:linear-gradient(180deg,#f9f6ec00 0,#f9f6ecd9 60px,#f9f6ec 100px)} .jy-inner .jy-doctor-card h3 small{font-size:14px} .jy-doctor-card .jy-doctor-quote span,.jy-doctor-card .jy-doctor-time span,.jy-doctor-card .jy-doctor-time strong{display:block;border:0;margin:0;padding:0;font-size:14px;color:inherit;justify-content:normal} .jy-doctor-card .jy-doctor-quote span{display:-webkit-box} .jy-team-list .jy-doctor-card .jy-doctor-quote{text-align:center;min-height:0} /* Career highlight cards (team.psd). */ .jy-inner .jy-team-career-head p{max-width:none;font-size:16px;font-weight:700;line-height:28px;letter-spacing:.02em;color:#faf7ef} .jy-inner .jy-team-career-grid{border:0;gap:0} .jy-inner .jy-team-career-grid article{min-height:361px;padding:48px 35px 50px;justify-content:flex-start;background:var(--jy-grid-texture),#2a3b31;border:1px solid #faf7ef26;margin-left:-1px} .jy-career-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:auto} .jy-inner .jy-team-career-grid .jy-career-top small{margin:6px 0 0;font:12px/1.4 var(--jy-font-en);letter-spacing:.02em;color:#a98f4d;text-transform:none;white-space:pre} .jy-inner .jy-team-career-grid .jy-career-num{font:italic 72px/0.8 "Arial Narrow",Arial,sans-serif;letter-spacing:.02em;color:#faf7ef33;flex:none} .jy-inner .jy-team-career-grid article{padding-right:26px} .jy-inner .jy-team-career-head p{margin-right:165px} .jy-inner .jy-doctor-philosophy{background:var(--jy-grid-texture),#33493d} @media(max-width:991px){.jy-inner .jy-team-career-head p{margin-right:0}} .jy-inner .jy-team-career-grid h3{margin:0 0 14px;font-size:24px;line-height:1.4;font-weight:700;color:#faf7ef} .jy-inner .jy-team-career-grid .jy-career-who{position:relative;margin:0 0 10px;padding-left:14px;font-size:18px;line-height:1.5;font-weight:700;letter-spacing:.04em;color:#faf7ef} .jy-career-who::before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:4px;background:#a98f4d} .jy-inner .jy-team-career-grid .jy-career-who+p{font-size:16px;line-height:28px;letter-spacing:.04em;color:#faf7efb3} @media(max-width:600px){.jy-inner .jy-team-career-grid article{min-height:0;padding:28px 22px;margin-left:0;margin-top:-1px}.jy-career-top{margin-bottom:28px}.jy-career-num{font-size:52px}.jy-inner .jy-team-career-grid .jy-career-who{font-size:16px}} .jy-inner .jy-team-appointment{background:#faf7ef url('../images/jingyang/bg/team-appointment.webp') center top/cover no-repeat} .jy-doctor-pick-grid label>span{position:relative} .jy-doctor-pick-grid label:has(input:checked)>span::after{content:'\2713';position:absolute;top:-14px;right:-14px;width:28px;height:28px;border-radius:50%;background:#a98f4d;color:#fff;display:grid;place-items:center;font-size:15px;font-weight:700} .jy-pick-text{display:flex;flex-direction:column;gap:6px;min-width:0} .jy-pick-text strong small{font-size:12px;margin-left:4px} .jy-pick-text em{font-style:normal;font-size:13px;line-height:20px;opacity:.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} /* Treatments guided panel and related videos (QA: options 16px, CTA 18px). */ .jy-guided-options span{font-size:16px} .jy-page-treatments .jy-guided-next .jy-button{font-size:18px} .jy-related-copy p{margin:-4px 0 12px;font-size:13px;line-height:22px;color:#6b796e;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} @media(max-width:991px){.jy-guided-options span{font-size:14px}.jy-page-treatments .jy-guided-next .jy-button{font-size:16px}} /* Contact page. */ .jy-inner .jy-contact-photo .jy-contact-caption{position:absolute;left:20px;right:20px;bottom:20px;padding:26px 30px;background:#30493cdf;color:#faf8f0} .jy-inner .jy-contact-photo .jy-contact-caption p{position:static;padding:0;background:none;margin:0} .jy-inner .jy-contact-caption .jy-eyebrow{font:12px/1.2 var(--jy-font-en);letter-spacing:.02em;color:#a98e4d;margin-bottom:14px} .jy-inner .jy-contact-caption .jy-eyebrow::before{display:none} .jy-inner .jy-contact-caption p:not(.jy-eyebrow){font-size:25px;line-height:38px;letter-spacing:.04em} .jy-inner .jy-reservation{background:#f7efdf url('../images/jingyang/bg/contact-form.webp') center/cover no-repeat} .jy-contact-form .jy-field-tag{margin-left:4px;font-size:12px;font-weight:400;color:#a98e4d;letter-spacing:0} .jy-select{position:relative;display:block;margin-top:6px} .jy-select::after{content:'';position:absolute;right:16px;top:50%;width:7px;height:7px;border-right:1.5px solid #34483b;border-bottom:1.5px solid #34483b;transform:translateY(-70%) rotate(45deg);pointer-events:none} .jy-contact-form select{display:block;width:100%;min-height:52px;padding:12px 40px 12px 16px;border:1px solid #b8a35e55;background:#fffdf7cc;color:#30493c;font:400 14px/22px var(--jy-font-zh);letter-spacing:.02em;appearance:none;-webkit-appearance:none;border-radius:0} .jy-contact-form select:invalid{color:#30493c99} .jy-inner .jy-contact-form input:not([type=checkbox]),.jy-inner .jy-contact-form textarea{min-height:52px;padding:14px 16px;background:#fffdf7cc} .jy-contact-form .jy-form-grid .jy-captcha{align-self:end} .jy-contact-form .jy-captcha img{height:52px}.jy-contact-form .jy-captcha button{height:52px;width:44px} .jy-inner .jy-form-consent{align-items:flex-start;font-weight:400} .jy-form-consent input{appearance:none;-webkit-appearance:none;flex:0 0 18px;width:18px;height:18px;margin-top:5px;border:1px solid #30493c;background:#fffdf7;display:grid;place-items:center;cursor:pointer} .jy-form-consent input:checked{background:#30493c} .jy-form-consent input:checked::after{content:'';width:5px;height:9px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-1px) rotate(45deg)} .jy-inner .jy-submit{justify-content:center;gap:28px;min-height:58px;margin-top:20px} .jy-inner .jy-visit{background:#f1ecdd} .jy-visit-grid{align-items:stretch} .jy-inner .jy-visit-grid>.jy-visit-hours{padding:66px 66px 50px;background:#1c2a22 url('../images/jingyang/bg/contact-visit.webp') center/cover no-repeat;color:#f6f0df;border:1px solid #a98f4d80} .jy-inner .jy-visit-hours h3{font-size:28px;margin:0 0 18px} .jy-inner .jy-visit-hours>p{font-size:14px;line-height:26px;opacity:.75;margin-bottom:30px} .jy-inner .jy-visit-hours .jy-visit-note{margin:24px 0 0;opacity:.85;text-align:left} .jy-inner .jy-visit-hours .jy-schedule-empty{margin:0} .jy-schedule{width:100%;border-collapse:collapse;font-size:14px;line-height:22px} .jy-schedule th,.jy-schedule td{border:1px solid #f6f0df33;padding:26px 24px;text-align:left;font-weight:400;vertical-align:middle} .jy-schedule thead th{background:#ffffff0f;color:#c9b06a;padding:16px 24px} .jy-schedule tbody th{width:28%;white-space:nowrap} .jy-schedule td{opacity:.85} .jy-visit-place{display:flex;flex-direction:column} .jy-inner .jy-visit-place .jy-map{min-height:390px;background:linear-gradient(135deg,#d6c7a0,#bba776)} .jy-map p{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0;color:#7f7353;font:16px var(--jy-font-en)} .jy-map p i{font-size:28px} .jy-visit-address{display:flex;align-items:center;gap:10px;margin:26px 0 0;padding-bottom:18px;border-bottom:1px solid #b8a35e80;font-size:16px;font-weight:700;letter-spacing:.04em} .jy-visit-address i,.jy-visit-ways i{color:#a98f4d} .jy-visit-ways{margin:0} .jy-visit-ways>div{display:grid;grid-template-columns:34% 1fr;gap:20px;padding:20px 0;border-bottom:1px solid #b8a35e80} .jy-visit-ways dt{font-size:15px;font-weight:700;display:flex;gap:10px;align-items:baseline} .jy-visit-ways dd{margin:0;font-size:14px;line-height:24px;color:#5f6b62} .jy-inner .jy-contact-faq{background:#f5eee0 url('../images/jingyang/bg/contact-qa.webp') center/cover no-repeat} .jy-contact-faq .jy-accordion button{justify-content:flex-start;gap:16px;font-size:16px;font-weight:700;letter-spacing:.04em} .jy-caret{flex:0 0 0;width:0;height:0;border-style:solid;border-width:6px 0 6px 9px;border-color:transparent transparent transparent #34483b;transition:transform .2s} .jy-accordion button[aria-expanded=true] .jy-caret{transform:rotate(90deg)} .jy-contact-faq .jy-accordion [data-jy-panel]{padding:0 0 24px 25px;font-size:14px;line-height:26px;color:#5f6b62} @media(max-width:991px){.jy-inner .jy-visit-grid>.jy-visit-hours{padding:40px 30px}.jy-schedule th,.jy-schedule td{padding:16px 14px}} @media(max-width:600px){.jy-inner .jy-contact-photo .jy-contact-caption{padding:18px 20px}.jy-inner .jy-contact-caption p:not(.jy-eyebrow){font-size:20px;line-height:32px}.jy-visit-ways>div{grid-template-columns:1fr;gap:6px}.jy-inner .jy-visit-place .jy-map{min-height:260px}.jy-schedule tbody th{white-space:normal}} /* QA round 2: shared strip, pager, empty media placeholders. */ .jy-inner .jy-topline{height:50px;width:100%;max-width:none;padding:0 5%;background:#f2ecde;border-bottom:1px solid #dbd0b2;color:#27322d;letter-spacing:.1em} @media(min-width:1534px){.jy-inner .jy-topline{padding:0 calc((100% - 1380px)/2)}} .jy-inner .jy-pager .pagination{display:flex;gap:0;margin:0;padding:0;list-style:none;align-items:center} .jy-inner .jy-pager .pagination li{margin:0;padding:0;float:none} .jy-inner .jy-pager .pagination li>a,.jy-inner .jy-pager .pagination li>span{display:flex;align-items:center;justify-content:center;width:auto;min-width:36px;height:36px;padding:0 4px;border:0;border-radius:4px;background:transparent;color:#27322db3;font:15px/1 var(--jy-font-en);letter-spacing:0;float:none;margin:0} .jy-inner .jy-pager .pagination li.active>a,.jy-inner .jy-pager .pagination li.active>span{background:#344a3e;color:#fff;font-weight:700} .jy-inner .jy-pager .pagination li>a:hover{color:#a98f4e;background:transparent} .jy-inner .jy-pager .pagination li.active>a:hover{color:#fff;background:#344a3e} /* CodeIgniter prints prev/next as "<" / ">" with rel=prev/next; draw the PSD FA chevrons (16px gold) instead. */ .jy-inner .jy-pager .pagination li>a:is([rel=prev],[rel=next]){font-size:0;color:#a98f4e} .jy-inner .jy-pager .pagination li>a[rel=prev]{margin-right:6px}.jy-inner .jy-pager .pagination li>a[rel=next]{margin-left:6px} .jy-inner .jy-pager .pagination li>a[rel=prev]::before{content:"\f053";font:900 16px/1 "Font Awesome 5 Free"} .jy-inner .jy-pager .pagination li>a[rel=next]::before{content:"\f054";font:900 16px/1 "Font Awesome 5 Free"} .jy-inner .jy-pager:not(:empty){margin-top:60px} .jy-video-frame>.jy-photo-missing,.jy-map>.jy-photo-missing{height:100%;min-height:0} @media(max-width:600px){.jy-inner .jy-topline{height:40px}} @media(max-width:600px){.jy-inner .jy-copy-grid,.jy-inner .jy-intro-grid{grid-template-columns:minmax(0,1fr);gap:28px}.jy-inner .jy-intro-grid>div+div{border-left:0;padding-left:0}.jy-inner .jy-prose ul{padding-left:20px}} /* == QA round 3: shared inner (topline, page hero, inner CTA, section nav, carousel controls, FAQ, pager) == */ /* Breadcrumb strip: tracking 100 must reach the crumbs (the .jy-home * reset zeroes it on children). */ .jy-inner .jy-topline :is(span,nav,a){letter-spacing:inherit} @media(min-width:601px){.jy-inner .jy-topline{padding-top:4px}} @media(max-width:600px){.jy-inner .jy-topline{gap:12px;font-size:12px;letter-spacing:.06em}.jy-inner .jy-topline>span{flex:none}.jy-inner .jy-topline nav{min-width:0;gap:6px}.jy-inner .jy-topline nav>*{flex:none}.jy-inner .jy-topline nav>:last-child{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}} /* Page hero: PSD eyebrow glyph +112 and h1 glyph +148 from the hero top. */ .jy-inner .jy-page-hero{padding-top:7px} .jy-inner .jy-page-hero .jy-eyebrow{margin-bottom:8px} /* Full hero composites exported from each PSD (green base, photo crop, gradient, leaf shadow) by tools/export-qa-backgrounds.py, as already done for about. */ .jy-inner .jy-page-hero-team::before{background:url('../images/jingyang/bg/team-banner.webp') center/cover no-repeat} .jy-inner .jy-page-hero-article::before{background:url('../images/jingyang/bg/article-banner.webp') center/cover no-repeat} .jy-inner .jy-page-hero-video::before{background:url('../images/jingyang/bg/video-banner.webp') center/cover no-repeat} .jy-inner .jy-page-hero-contact::before{background:url('../images/jingyang/bg/contact-banner.webp') center/cover no-repeat} @media(max-width:600px){.jy-inner :is(.jy-page-hero-about,.jy-page-hero-team,.jy-page-hero-article,.jy-page-hero-video,.jy-page-hero-contact)::before{background-position:18% center}} /* Shared consultation CTA: 1px #dbcfb3 top rule, PSD #fbf7ef washes (30% overall + 80% layer fading in over the curtain), Bold 16 tr20 75% copy, 27px button gap. */ .jy-inner .jy-inner-cta{min-height:504px;padding:98px 0 104px;border-top:1px solid #dbcfb3;background:linear-gradient(90deg,#fbf7ef00 72%,#fbf7efb5 100%),linear-gradient(#fbf7ef4d,#fbf7ef4d),url('../images/jingyang/phase2/consultation-cta.webp') center/cover no-repeat #f8f4e8} .jy-inner .jy-inner-cta p:not(.jy-eyebrow){margin-top:17px;font-weight:700;letter-spacing:.02em;color:var(--jy-copy)} .jy-inner .jy-inner-cta .jy-cta-actions{gap:27px;margin-top:39px} @media(max-width:600px){ .jy-inner .jy-inner-cta{min-height:0;padding:56px 0 60px;background:linear-gradient(#fbf7efd1,#fbf7efd1),url('../images/jingyang/phase2/consultation-cta.webp') 65% center/cover no-repeat #f8f4e8} .jy-inner .jy-inner-cta h2{max-width:none} .jy-inner .jy-inner-cta .jy-cta-actions{gap:14px;margin-top:28px} } /* Section tab bar: full-width 84px #f7f5eb strip, Bold 14 #657069, active #7b6839 with a 4px #a98f4d underline; JS sets .is-active. Supports the old nav.jy-section-nav.jy-container markup. */ .jy-inner .jy-section-nav{position:relative;display:block;height:84px;padding:0;background:#f7f5eb;border-top:1px solid #d3c7a380;border-bottom:1px solid #d3c7a380;white-space:nowrap} .jy-inner .jy-section-nav>.jy-container,.jy-inner .jy-section-nav.jy-container{display:flex;align-items:stretch;gap:37px;height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none} .jy-inner .jy-section-nav>.jy-container::-webkit-scrollbar,.jy-inner .jy-section-nav.jy-container::-webkit-scrollbar{display:none} .jy-inner .jy-section-nav a{position:relative;display:inline-flex;flex:none;align-items:center;gap:6px;padding:0;border:0;font-size:14px;line-height:22px;font-weight:700;letter-spacing:0;color:#657069} .jy-inner .jy-section-nav a>i{font-size:14px;line-height:1} .jy-inner .jy-section-nav a:hover,.jy-inner .jy-section-nav a.is-active{color:#7b6839} .jy-inner .jy-section-nav a.is-active::after{content:'';position:absolute;left:0;right:0;bottom:0;height:4px;background:#a98f4d} @media(max-width:600px){.jy-inner .jy-section-nav{height:60px}.jy-inner .jy-section-nav>.jy-container,.jy-inner .jy-section-nav.jy-container{gap:24px}} /* Carousel controls: 40px #f7f3e9 60% circles, 1px #a98f4e, shadow, FA chevron 14px #344a3e drawn here (button text/icons hidden); 15px dots, 10px gap. */ .jy-inner .jy-scroll-shell>button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--jy-gold);border-radius:50%;background:#f7f3e999;box-shadow:0 3px 10px #27322d24;color:#344a3e;font-size:0;line-height:0;cursor:pointer} .jy-inner .jy-scroll-shell>button>*{display:none} .jy-inner .jy-scroll-shell>button::before{font:900 14px/1 "Font Awesome 5 Free";color:#344a3e} .jy-inner .jy-scroll-shell>button[data-jy-scroll-prev]::before{content:"\f053"} .jy-inner .jy-scroll-shell>button[data-jy-scroll-next]::before{content:"\f054"} .jy-inner .jy-scroll-shell>button:hover{background:#f7f3e9} @media(min-width:1300px){.jy-inner .jy-scroll-shell>button[data-jy-scroll-prev]{left:-54px}.jy-inner .jy-scroll-shell>button[data-jy-scroll-next]{right:-55px}} .jy-inner .jy-scroll-dots button{width:15px;height:15px;background:#a98f4e4d} .jy-inner .jy-scroll-dots button[aria-current=true]{background:#344a3e} /* FAQ accordion (contact, treatment category/detail): column x661-1458, faux-bold 18 tr20 questions after a 20px caret (right closed / down open), 16/28 answers aligned with the question text, 50% gold rules, 89px rows, no rule after the last item. */ .jy-home{--jy-caret-right:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3E%3C/svg%3E");--jy-caret-down:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E")} @media(min-width:992px){.jy-inner .jy-contact-faq .jy-copy-grid{grid-template-columns:minmax(0,487fr) minmax(0,797fr);gap:0 96px}} .jy-inner .jy-accordion{border-top:1px solid #a98f4e80;border-bottom:0} .jy-inner .jy-accordion:last-child{border-bottom:0} .jy-inner .jy-accordion button{justify-content:flex-start;align-items:flex-start;gap:13px;padding:28px 0;font-size:18px;line-height:32px;font-weight:400;letter-spacing:.02em;color:var(--jy-ink);text-align:left;-webkit-text-stroke:var(--jy-faux) currentColor} .jy-inner .jy-accordion button[aria-expanded=true]{padding-bottom:18px} .jy-inner .jy-accordion .jy-caret{flex:0 0 20px;width:20px;height:20px;margin:6px 0 0 -2px;border:0;background:currentColor;-webkit-mask:var(--jy-caret-right) center/contain no-repeat;mask:var(--jy-caret-right) center/contain no-repeat;transform:none;transition:none} .jy-inner .jy-accordion button[aria-expanded=true] .jy-caret{-webkit-mask-image:var(--jy-caret-down);mask-image:var(--jy-caret-down);transform:none} .jy-inner .jy-accordion [data-jy-panel]{padding:0 0 32px 31px;font-size:16px;line-height:28px;letter-spacing:.02em;color:var(--jy-ink)} .jy-inner .jy-accordion [data-jy-panel] :is(p,li){letter-spacing:inherit} .jy-inner .jy-accordion [data-jy-panel]>:last-child{margin-bottom:0} @media(max-width:600px){.jy-inner .jy-accordion button{gap:10px;padding:20px 0;font-size:17px;line-height:28px}.jy-inner .jy-accordion button[aria-expanded=true]{padding-bottom:12px}.jy-inner .jy-accordion .jy-caret{margin-top:4px}.jy-inner .jy-accordion [data-jy-panel]{padding:0 0 24px 28px}} /* == QA round 3: about / team / doctor detail == */ /* Doctor detail (team-detail.psd, 1536px): hero 812 tall, silk left / patterned green right. */ .jy-page-team-detail .jy-doctor-hero{padding:0;background:#fbf7ef} .jy-page-team-detail .jy-doctor-hero .jy-detail-grid{grid-template-columns:49.09% minmax(0,1fr);align-items:stretch} .jy-page-team-detail .jy-doctor-hero .jy-detail-grid>.jy-doctor-hero-copy{min-height:812px;padding:60px 40px 60px max(45px,calc((100vw - 1380px)/2));background:#fbf7ef url('../images/jingyang/bg/team-detail-hero.webp') right center/cover no-repeat;display:flex;flex-direction:column;justify-content:center;align-items:flex-start} .jy-page-team-detail .jy-doctor-hero h1{margin:0;font-size:72px;line-height:66px;font-weight:400;letter-spacing:.02em;color:#27322d;-webkit-text-stroke:var(--jy-faux) currentColor} .jy-page-team-detail .jy-doctor-hero h1 small{font-size:36px;line-height:1;font-weight:400;letter-spacing:.02em} .jy-page-team-detail .jy-doctor-hero p.jy-doctor-en{margin:21px 0 0;font:18px/24px var(--jy-font-en);letter-spacing:.02em;color:#a98f4e;text-transform:uppercase} .jy-page-team-detail .jy-doctor-hero p.jy-doctor-motto{display:flex;align-items:baseline;gap:10px;max-width:none;margin:23px 0 0;font-size:18px;line-height:24px;font-weight:700;letter-spacing:.04em;color:#27322d} .jy-page-team-detail .jy-doctor-motto i{flex:none;font-size:18px;color:#a98f4e} .jy-page-team-detail .jy-doctor-motto i:first-child{align-self:flex-start;font-size:15px} .jy-page-team-detail .jy-doctor-motto i:last-child{align-self:flex-end;font-size:15px;transform:translateY(5px)} .jy-page-team-detail .jy-doctor-hero p.jy-doctor-intro{max-width:466px;margin:28px 0 0;font-size:16px;line-height:32px;font-weight:700;letter-spacing:.04em;color:var(--jy-copy)} .jy-page-team-detail .jy-doctor-tags{display:flex;flex-wrap:wrap;gap:15px;margin:40px 0 0;padding:0;list-style:none} .jy-page-team-detail .jy-doctor-tags li{display:flex;align-items:center;height:44px;padding:0 21px;border:1px solid #d5c7a7;font-size:14px;line-height:1;letter-spacing:.1em;color:#27322d} .jy-page-team-detail .jy-doctor-hero-copy>.jy-button{margin-top:47px} .jy-page-team-detail .jy-doctor-hero .jy-detail-image{position:relative;min-height:812px;padding:99px 40px 100px;background:var(--jy-grid-texture),#33493d} .jy-page-team-detail .jy-doctor-hero .jy-detail-image>img,.jy-page-team-detail .jy-doctor-hero .jy-detail-image>.jy-photo-missing{width:460px;max-width:100%;height:613px;border:.7px solid #fbf7ef;background:#535f55;object-fit:cover;object-position:center top} .jy-page-team-detail .jy-doctor-hero p.jy-doctor-hero-mark{position:absolute;top:314px;right:42px;max-width:none;margin:0;writing-mode:vertical-rl;font:12px/1 var(--jy-font-en);letter-spacing:.1em;color:#ffffffbf;white-space:nowrap} /* Profile: index column + CKEditor groups as title bars with gold dots. */ .jy-page-team-detail .jy-doctor-profile{padding:92px 0 83px;background:#f1ecdd} .jy-page-team-detail .jy-doctor-profile .jy-copy-grid>.jy-doctor-profile-aside{max-width:none} .jy-page-team-detail .jy-doctor-profile .jy-copy-grid>div:first-child p.jy-doctor-profile-lead{max-width:430px;margin:32px 0 0;font-size:16px;line-height:28px;font-weight:700;letter-spacing:.02em;color:var(--jy-copy)} .jy-page-team-detail .jy-doctor-profile-index{margin:41px 0 0;padding:0;list-style:none;border-top:1px solid #a98f4d80} .jy-page-team-detail .jy-doctor-profile-index li{display:flex;align-items:center;min-height:54px;padding:8px 0 8px 15px;border-bottom:1px solid #a98f4d80;font-size:16px;line-height:24px;font-weight:700;letter-spacing:.04em;color:#344a3e} .jy-page-team-detail .jy-doctor-profile-index span{flex:0 0 40px;font:italic 16px/24px "Arial Narrow",Arial,sans-serif;letter-spacing:.02em;color:#a98f4e} .jy-page-team-detail .jy-doctor-profile .jy-copy-grid>div:first-child p.jy-doctor-profile-note{margin:21px 0 0;font-size:14px;line-height:24px;font-weight:400;letter-spacing:.04em;color:#27322d} .jy-page-team-detail .jy-doctor-profile .jy-prose{min-height:0;padding:0;border:0;background:none;font-size:16px;line-height:36px;letter-spacing:.06em;color:#666} .jy-page-team-detail .jy-doctor-profile .jy-prose :is(h2,h3,h4){display:flex;align-items:center;min-height:53px;margin:0 0 16px;padding:8px 20px 8px 19px;border-left:14px solid #a98f4d;background:#fbf7ef;font:700 16px/24px var(--jy-font-zh);letter-spacing:.04em;color:#344a3e} .jy-page-team-detail .jy-doctor-profile .jy-prose ul,.jy-page-team-detail .jy-doctor-profile .jy-prose ol{margin:0 0 29px;padding:0;list-style:none} .jy-page-team-detail .jy-doctor-profile .jy-prose li{position:relative;list-style:none;padding-left:26px;font-size:16px;line-height:36px;letter-spacing:.06em;color:#666} .jy-page-team-detail .jy-doctor-profile .jy-prose li::before{content:'';position:absolute;left:1px;top:13px;width:10px;height:10px;border-radius:50%;background:#a98f4e} .jy-page-team-detail .jy-doctor-profile .jy-prose>:last-child{margin-bottom:0} @media(min-width:992px){.jy-page-team-detail .jy-doctor-profile .jy-copy-grid{grid-template-columns:minmax(0,427px) minmax(0,808px);justify-content:space-between;gap:0 40px}} /* 專精術式: treatment cards (partial/jy-product-card.php) on the silk background. */ .jy-page-team-detail .jy-doctor-expertise{padding:107px 0 106px;background:#fbf7ef url('../images/jingyang/bg/team-detail-expertise.webp') center top/cover no-repeat} .jy-page-team-detail .jy-doctor-expertise .jy-heading{margin-bottom:49px} .jy-page-team-detail .jy-doctor-expertise .jy-content-grid{gap:38px} .jy-page-team-detail .jy-doctor-expertise .jy-content-card{background:#fbf7ef4d;border:.7px solid #c5cbbf} .jy-page-team-detail .jy-doctor-expertise .jy-content-card>img,.jy-page-team-detail .jy-doctor-expertise .jy-content-card>.jy-photo-missing{height:246px;min-height:0} /* 看診理念: photo 770x435 left, copy column at x913 top-aligned with the eyebrow. */ .jy-page-team-detail .jy-doctor-philosophy{padding:95px 0 100px} .jy-page-team-detail .jy-doctor-philosophy .jy-detail-grid{align-items:start} .jy-page-team-detail .jy-doctor-philosophy h2{margin:16px 0 33px;font-size:48px;line-height:66px;color:#fbf8f0} .jy-page-team-detail .jy-doctor-philosophy img{width:100%;height:auto;aspect-ratio:770/435;object-fit:cover} .jy-page-team-detail .jy-doctor-philosophy-caption{margin:19px 0 0;font:12px/14px var(--jy-font-en);letter-spacing:.1em;color:#ffffffbf} .jy-page-team-detail .jy-doctor-philosophy h3{position:relative;margin:0 0 34px;padding-bottom:24px;font-size:28px;line-height:36px;font-weight:400;letter-spacing:.02em;color:#fbf8f0;-webkit-text-stroke:var(--jy-faux) currentColor} .jy-page-team-detail .jy-doctor-philosophy h3::after{content:'';position:absolute;left:1px;bottom:0;width:183px;height:4px;background:linear-gradient(90deg,#a98f4d,#a98f4d00)} .jy-page-team-detail .jy-doctor-philosophy .jy-detail-grid>div:last-child p{margin:0 0 16px;font-size:14px;line-height:32px;letter-spacing:.02em;color:#fbf8f0} .jy-page-team-detail .jy-doctor-philosophy .jy-detail-grid>div:last-child :is(h4,h5,strong,b){font-size:16px;line-height:32px;font-weight:700;letter-spacing:.02em;color:#fbf8f0} .jy-page-team-detail .jy-doctor-philosophy .jy-detail-grid>div:last-child h4{margin:28px 0 0} .jy-page-team-detail .jy-doctor-philosophy .jy-detail-grid>div:last-child>:last-child{margin-bottom:0} @media(min-width:992px){.jy-page-team-detail .jy-doctor-philosophy .jy-detail-grid{grid-template-columns:55.72% 39.44%;justify-content:space-between;gap:0}} /* 相關影音與見證: video cards + testimonial photos, each a .jy-scroll-shell carousel. */ .jy-page-team-detail .jy-doctor-media{padding:94px 0 109px;background:#f1ecdd} .jy-page-team-detail .jy-doctor-media .jy-heading{margin-bottom:23px} .jy-page-team-detail .jy-doctor-media-group+.jy-doctor-media-group{margin-top:35px} .jy-page-team-detail .jy-doctor-media-label{margin:0 0 35px;padding-bottom:6px;border-bottom:1px solid #a98f4d;font-size:14px;line-height:24px;font-weight:700;letter-spacing:.04em;color:#a98f4e} .jy-doctor-media-track{display:flex;gap:25px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.jy-doctor-media-track::-webkit-scrollbar{display:none} .jy-doctor-video{flex:0 0 calc((100% - 50px)/3);min-width:0;scroll-snap-align:start;display:flex;flex-direction:column;background:#f7f3e7;border:.7px solid #c5cbbf} .jy-doctor-video-media{display:grid;place-items:center;height:273px;overflow:hidden;background:linear-gradient(135deg,#d6c7a0,#bba776)} .jy-doctor-video-media img{width:100%;height:100%;object-fit:cover} .jy-doctor-video-media>i{font-size:28px;color:#344a3e80} .jy-doctor-video-copy{display:flex;flex:1;flex-direction:column;padding:24px 21px 22px} .jy-doctor-video-copy>:not(.jy-doctor-video-link){margin-left:5px;margin-right:5px} .jy-home .jy-doctor-video h3{margin:0;font-size:18px;line-height:24px;font-weight:700;letter-spacing:.04em;color:#27322d} .jy-home .jy-doctor-video-copy p{margin:12px 0 0;font-size:14px;line-height:24px;letter-spacing:.04em;color:#27322d;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .jy-doctor-video-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:16px} .jy-home .jy-doctor-video-tags span{display:inline-flex;align-items:center;height:32px;padding:0 14px;border:1px solid #d5c7a7;font-size:12px;font-weight:700;letter-spacing:.1em;color:#a98f4e} .jy-doctor-video-link{display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:15px;border-top:1px solid #cfcdc1;font-size:14px;line-height:24px;letter-spacing:.04em;color:#27322d} .jy-doctor-video-tags+.jy-doctor-video-link{margin-top:26px} .jy-doctor-video-link>i:first-child{margin-left:5px;font-size:14px;color:#a98f4e} .jy-doctor-video-link strong{margin-right:7px;font-weight:700} .jy-home .jy-doctor-video-link .jy-arrow{margin-left:auto;width:39px;height:39px;flex-basis:39px} .jy-page-team-detail .jy-doctor-media .jy-scroll-dots{margin-top:42px} /* 諮詢: copy + CLINIC HOURS block between two gold rules; doctor photo right. */ .jy-page-team-detail .jy-doctor-consult{min-height:553px} .jy-page-team-detail .jy-doctor-consult-copy{justify-content:flex-start;padding-top:92px;padding-bottom:95px} .jy-page-team-detail .jy-doctor-consult h2{line-height:66px} .jy-page-team-detail .jy-doctor-consult p:not(.jy-eyebrow){margin:22px 0 0;font-size:16px;line-height:28px;font-weight:700;letter-spacing:.02em;color:var(--jy-copy)} .jy-page-team-detail .jy-doctor-consult .jy-doctor-hours{width:100%;max-width:612px;margin:33px 0 0;padding:22px 0 18px 23px;border-top:1px solid #a98f4d80;border-bottom:1px solid #a98f4d80} .jy-page-team-detail .jy-doctor-consult p.jy-doctor-hours-label{display:flex;align-items:center;gap:7px;margin:0;padding-left:2px;font:12px/16px var(--jy-font-en);letter-spacing:.02em;color:#a98f4e} .jy-page-team-detail .jy-doctor-hours-label i{font-size:12px} .jy-page-team-detail .jy-doctor-consult p.jy-doctor-hours-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 0;margin:8px 0 0;font-weight:400;color:#27322d} .jy-page-team-detail .jy-doctor-hours-row strong{flex:0 0 167px;font-size:18px;line-height:24px;font-weight:700;letter-spacing:.04em;color:#344a3e} .jy-page-team-detail .jy-doctor-hours-row span{font-size:14px;line-height:24px;letter-spacing:.04em;color:#27322d} .jy-page-team-detail .jy-doctor-consult .jy-cta-actions{gap:27px;margin-top:40px} .jy-page-team-detail .jy-doctor-consult-image{position:relative} .jy-page-team-detail .jy-doctor-consult-image img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center 22%} @media(max-width:1199px){.jy-page-team-detail .jy-doctor-hero h1{font-size:56px;line-height:60px}.jy-page-team-detail .jy-doctor-hero .jy-detail-image>img,.jy-page-team-detail .jy-doctor-hero .jy-detail-image>.jy-photo-missing{width:400px;height:533px}} @media(max-width:991px){.jy-page-team-detail .jy-doctor-hero .jy-detail-grid>.jy-doctor-hero-copy,.jy-page-team-detail .jy-doctor-hero .jy-detail-image{min-height:640px}.jy-page-team-detail .jy-doctor-hero .jy-detail-grid>.jy-doctor-hero-copy{padding:60px 30px 60px 5%}.jy-page-team-detail .jy-doctor-hero .jy-detail-image{padding:60px 30px}.jy-page-team-detail .jy-doctor-hero .jy-detail-image>img,.jy-page-team-detail .jy-doctor-hero .jy-detail-image>.jy-photo-missing{width:340px;height:453px}.jy-page-team-detail .jy-doctor-hero p.jy-doctor-hero-mark{top:60px;right:14px}.jy-doctor-video{flex-basis:calc((100% - 25px)/2)}} @media(max-width:600px){.jy-page-team-detail .jy-doctor-hero .jy-detail-grid{grid-template-columns:1fr}.jy-page-team-detail .jy-doctor-hero .jy-detail-grid>.jy-doctor-hero-copy{min-height:0;padding:45px 20px}.jy-page-team-detail .jy-doctor-hero h1{font-size:42px;line-height:52px}.jy-page-team-detail .jy-doctor-hero h1 small{font-size:24px}.jy-page-team-detail .jy-doctor-hero p.jy-doctor-motto{font-size:16px}.jy-page-team-detail .jy-doctor-tags{gap:8px;margin-top:28px}.jy-page-team-detail .jy-doctor-tags li{height:38px;padding:0 14px}.jy-page-team-detail .jy-doctor-hero-copy>.jy-button{margin-top:32px}.jy-page-team-detail .jy-doctor-hero .jy-detail-image{min-height:0;padding:30px 44px}.jy-page-team-detail .jy-doctor-hero .jy-detail-image>img,.jy-page-team-detail .jy-doctor-hero .jy-detail-image>.jy-photo-missing{width:100%;height:auto;aspect-ratio:460/613}.jy-page-team-detail .jy-doctor-hero p.jy-doctor-hero-mark{top:30px;right:16px;font-size:10px}.jy-page-team-detail .jy-doctor-profile{padding:55px 0}.jy-page-team-detail .jy-doctor-profile .jy-prose :is(h2,h3,h4){border-left-width:10px;padding-left:14px}.jy-page-team-detail .jy-doctor-profile .jy-prose li{font-size:15px;line-height:30px;letter-spacing:.04em}.jy-page-team-detail .jy-doctor-profile .jy-prose li::before{top:10px;width:8px;height:8px}.jy-page-team-detail .jy-doctor-expertise,.jy-page-team-detail .jy-doctor-media{padding:55px 0}.jy-page-team-detail .jy-doctor-philosophy{padding:55px 0}.jy-page-team-detail .jy-doctor-philosophy h3{font-size:22px;line-height:32px;margin-top:10px}.jy-doctor-video{flex-basis:84%}.jy-doctor-video-media{height:210px}.jy-page-team-detail .jy-doctor-consult-copy{padding:50px 20px}.jy-page-team-detail .jy-doctor-consult .jy-cta-actions{gap:14px}.jy-page-team-detail .jy-doctor-hours-row strong{flex-basis:100%}.jy-page-team-detail .jy-doctor-consult-image img{min-height:0}} /* Doctor cards on inner pages (team list + partial/jy-doctor-mini.php), same frame as the home carousel card. */ .jy-home.jy-inner .jy-doctor-card{display:flex;flex-direction:column;border:.7px solid #a98f4d;background:#f7f3e9;overflow:hidden} .jy-home.jy-inner .jy-doctor-card>img,.jy-home.jy-inner .jy-doctor-card>.jy-photo-missing{width:100%;height:auto;min-height:0;aspect-ratio:436/428;object-fit:cover;object-position:center 24%;-webkit-mask-image:linear-gradient(#000 52%,#0000);mask-image:linear-gradient(#000 52%,#0000)} .jy-home.jy-inner .jy-doctor-card>div:last-child{margin-top:-12px;padding:0 17px 29px;background:none;text-align:center} .jy-home.jy-inner .jy-doctor-card .jy-doctor-quote{display:flex;min-height:0;margin:7px 0 0;text-align:center;-webkit-line-clamp:unset} .jy-home.jy-inner .jy-doctor-card .jy-doctor-quote span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#27322d} .jy-home.jy-inner .jy-doctor-card .jy-doctor-time{display:flex;justify-content:flex-start;margin:16px 0 0;padding:17px 0 0 2px;border-top:1px solid #a98f4d4d} .jy-home.jy-inner .jy-doctor-card .jy-doctor-time strong{margin-right:14px;font-weight:700} .jy-home.jy-inner .jy-doctor-card .jy-doctor-time span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#27322d} .jy-page-team .jy-doctor-grid{gap:42px 33px} .jy-inner .jy-treatment-doctors .jy-doctor-grid{max-width:911px;gap:33px} /* Team list page (team.psd 1536px). */ .jy-page-team .jy-heading>p:not(.jy-eyebrow){margin-top:16px;font-size:16px;line-height:28px;font-weight:700;letter-spacing:.02em;color:var(--jy-copy)} .jy-page-team .jy-team-quote{padding:120px 0 118px} .jy-page-team .jy-team-quote h2{margin:0;font-size:48px;line-height:66px;letter-spacing:.02em;color:#fff} .jy-page-team .jy-team-quote h2 span{font-size:28px;line-height:1!important;color:#a98f4e} .jy-page-team .jy-team-quote h2 span i{font-size:inherit;line-height:inherit} .jy-page-team .jy-team-quote h2 span:first-child{margin-bottom:17px} .jy-page-team .jy-team-quote h2 span:last-child{max-width:none;margin-top:19px;text-align:right} .jy-page-team .jy-team-quote p:not(.jy-eyebrow){max-width:none;font-size:16px;line-height:28px;font-weight:700;letter-spacing:.02em;color:var(--jy-copy-light)} .jy-page-team .jy-team-values{margin-top:41px;padding-top:0;border-top:1px solid #535f55} .jy-page-team .jy-team-values span{min-height:77px;padding:23px 0 0 30px;border-right:1px solid #535f55;font-size:16px;line-height:24px;font-weight:700;letter-spacing:.04em;color:#fff} .jy-page-team .jy-team-values span:first-child{padding-left:4px} .jy-page-team .jy-team-values small{margin-bottom:6px;font:12px/16px var(--jy-font-en);letter-spacing:0;color:#a98f4e} @media(min-width:1200px){.jy-page-team .jy-team-quote>.jy-container{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}.jy-page-team .jy-team-quote h2{flex:0 1 auto;width:fit-content}.jy-page-team .jy-team-quote>.jy-container>div{flex:0 0 578px;max-width:578px}} .jy-page-team .jy-team-list{padding:93px 0 97px} .jy-page-team .jy-team-list .jy-heading{margin-bottom:41px} .jy-page-team .jy-team-list .jy-pager:empty{display:none} .jy-page-team .jy-team-career{padding:113px 0 116px} .jy-page-team .jy-team-career-head{margin:20px 0 65px} .jy-page-team .jy-team-career-head h2{line-height:66px} .jy-page-team .jy-team-career-head p{color:var(--jy-copy-light)} .jy-page-team .jy-team-career-grid article{min-height:361px;padding:48px 26px 40px 37px;background:#00000033;border:1px solid #535f55;margin-left:-1px} .jy-page-team .jy-team-career-grid .jy-career-top{margin-bottom:0} .jy-page-team .jy-team-career-grid .jy-career-top small{margin:3px 0 0} .jy-page-team .jy-team-career-grid .jy-career-num{margin-right:18px;color:#ffffff1a} .jy-page-team .jy-team-career-grid h3{margin:88px 0 0} .jy-page-team .jy-team-career-grid .jy-career-who{margin:23px 0 0} .jy-page-team .jy-team-career-grid .jy-career-who+p{margin:11px 0 0;color:#fbf8f099} .jy-page-team .jy-team-appointment{padding:100px 0 104px} .jy-page-team .jy-team-appointment .jy-heading{margin-bottom:30px} .jy-page-team .jy-team-appointment .jy-heading>p:not(.jy-eyebrow){margin-bottom:0} .jy-page-team .jy-doctor-picker legend{padding-bottom:6px;border-bottom:1px solid #a98f4d;font-size:14px;line-height:24px;font-weight:700;letter-spacing:.04em;color:#a98f4e} .jy-page-team .jy-doctor-pick-grid{gap:34px 36px;margin:38px 0} .jy-page-team .jy-doctor-pick-grid label>span{align-items:center;gap:25px;min-height:152px;padding:15px 20px 15px 15px;background:#f5f1e5;border:1px solid #dfd5bb;color:#27322d} .jy-page-team .jy-doctor-pick-grid img{width:91px;height:121px;background:#d5c7a7;border:.7px solid transparent} .jy-page-team .jy-pick-text{gap:7px} .jy-page-team .jy-doctor-pick-grid strong{font-size:24px;line-height:33.6px;font-weight:700;letter-spacing:.04em;color:#344a3e} .jy-page-team .jy-doctor-pick-grid strong small{margin-left:0;font-size:14px;letter-spacing:.04em} .jy-page-team .jy-pick-text em{font-size:14px;line-height:24px;letter-spacing:.04em;color:#27322d;opacity:1;-webkit-line-clamp:1} .jy-page-team .jy-doctor-pick-grid label:has(input:checked)>span{background:#33493d;border-color:#33493d;color:#fbf8f0} .jy-page-team .jy-doctor-pick-grid label:has(input:checked) :is(strong,em){color:#fbf8f0} .jy-page-team .jy-doctor-pick-grid label:has(input:checked) img{border-color:#fbf7ef} .jy-page-team .jy-doctor-pick-grid label:has(input:checked)>span::after{content:'\f00c';top:-8px;right:-13px;width:41px;height:41px;background:#a98f4d;color:#fff;font:900 20px/41px "Font Awesome 5 Free";text-align:center} .jy-page-team .jy-doctor-pick-actions{gap:28px;padding-top:52px;border-top:1px solid #a98f4d} @media(max-width:991px){.jy-page-team .jy-team-career-grid h3{margin-top:48px}.jy-page-team .jy-doctor-pick-grid{gap:24px}} @media(max-width:600px){.jy-page-team .jy-team-quote,.jy-page-team .jy-team-list,.jy-page-team .jy-team-career,.jy-page-team .jy-team-appointment{padding:55px 0}.jy-page-team .jy-team-quote h2{font-size:28px;line-height:44px}.jy-page-team .jy-team-quote h2 span{font-size:20px}.jy-page-team .jy-team-values span{padding:16px 0 0 10px;font-size:14px}.jy-page-team .jy-team-career-grid article{min-height:0;padding:28px 22px;margin-left:0;margin-top:-1px}.jy-page-team .jy-team-career-grid h3{margin-top:28px}.jy-page-team .jy-team-career-head h2{line-height:1.45}.jy-page-team .jy-doctor-pick-grid{gap:16px}.jy-page-team .jy-doctor-pick-grid label>span{min-height:110px;gap:16px;padding:12px}.jy-page-team .jy-doctor-pick-grid img{width:68px;height:90px}.jy-page-team .jy-doctor-pick-grid strong{font-size:20px;line-height:28px}.jy-page-team .jy-doctor-pick-grid label:has(input:checked)>span::after{width:32px;height:32px;font-size:16px;line-height:32px;top:-10px;right:-8px}.jy-page-team .jy-doctor-pick-actions{gap:14px;padding-top:32px}} /* About page (about.psd 1536px). */ .jy-page-about .jy-about-intro h2,.jy-page-about .jy-about-space h2,.jy-page-about .jy-about-safety h2,.jy-page-about .jy-about-team-copy h2{color:#27322d} .jy-page-about .jy-about-intro{padding:88px 0 91px} .jy-page-about .jy-about-intro .jy-prose{font-size:16px;line-height:28px;font-weight:700;letter-spacing:.02em;color:var(--jy-copy)} .jy-page-about .jy-about-values{margin-top:55px;box-shadow:none} .jy-page-about .jy-about-values article{height:255px;background:#fbf7ef;border:.7px solid #dbcfb3;box-shadow:0 10px 28px #27322d14} .jy-page-about .jy-about-values article+article{margin-left:-1px} .jy-page-about .jy-about-values strong{font-size:108px;line-height:1;font-weight:400;letter-spacing:.02em;color:#31423a;-webkit-text-stroke:var(--jy-faux) currentColor} .jy-page-about .jy-about-value-copy{flex:1;min-width:0} .jy-page-about .jy-about-values p.jy-about-value-label{margin:0;font:16px/18px var(--jy-font-en);letter-spacing:-.02em;color:#a98f4e} .jy-page-about .jy-about-values p.jy-about-value-label::after{content:'';display:block;width:70px;height:2px;margin-top:9px;background:linear-gradient(90deg,#a98f4d,#a98f4d00)} .jy-page-about .jy-about-value-copy p:not(.jy-about-value-label){margin:17px 0 0;font-size:18px;line-height:28px;font-weight:700;letter-spacing:.04em;color:#27322d} .jy-page-about .jy-about-values p::first-line{color:inherit;font-family:inherit;letter-spacing:inherit} @media(min-width:1200px){.jy-page-about .jy-about-values article>div{gap:52px;padding:0 30px 0 98px}} .jy-page-about .jy-about-space{padding:95px 0 98px} .jy-page-about .jy-about-space .jy-heading{margin-bottom:40px} .jy-inner .jy-space-track{gap:37px} .jy-inner .jy-space-track img{height:auto;aspect-ratio:436/247} .jy-inner .jy-space-track figcaption{display:flex;align-items:center;gap:10px;margin-top:17px;font-size:16px;line-height:24px;font-weight:700;letter-spacing:.04em;color:#344a3e} .jy-inner .jy-space-track figcaption::before{content:'';flex:none;width:5px;height:19px;background:#a98f4e} @media(min-width:992px){.jy-inner .jy-space-track figure{flex-basis:calc((100% - 74px)/3)}} @media(min-width:601px) and (max-width:991px){.jy-inner .jy-space-track figure{flex-basis:calc((100% - 37px)/2)}} .jy-page-about .jy-about-safety{padding:95px 0 0} .jy-page-about .jy-about-safety .jy-heading{margin-bottom:43px} .jy-page-about .jy-about-safety .jy-safety-grid{border-top:1px solid #dbcfb3} .jy-page-about .jy-about-safety .jy-safety-grid article>*{border-bottom:1px solid #dbcfb3} .jy-page-about .jy-safety-grid .jy-eyebrow{margin:0;color:#a98f4e} .jy-page-about .jy-safety-grid .jy-eyebrow::before{display:none} .jy-page-about .jy-safety-grid .jy-eyebrow::after{content:'';display:block;width:32px;height:4px;background:#a98f4d} .jy-page-about .jy-safety-grid h3{margin:18px 0 0;font-size:24px;line-height:33.6px;font-weight:700;letter-spacing:.04em;color:#344a3e} .jy-page-about .jy-safety-grid h4{margin:9px 0 0;font-size:18px;line-height:32px;font-weight:700;letter-spacing:.04em;color:#27322d} .jy-page-about .jy-safety-grid p:not(.jy-eyebrow){margin:15px 0 0;font-size:16px;line-height:32px;letter-spacing:.04em;color:#27322d} @media(min-width:992px){.jy-page-about .jy-safety-grid article>img{height:433px}.jy-page-about .jy-safety-grid article>div{min-height:433px;padding:20px 40px 20px 96px}.jy-page-about .jy-safety-grid article>div:first-child{padding-left:calc(max(30px,(100vw - 1380px)/2) + 17px)}} @media(max-width:991px){.jy-page-about .jy-about-safety br.jy-br-desktop{display:none}} @media(min-width:601px){.jy-page-about .jy-about-team-copy{padding:63px 0 97px}} .jy-page-about .jy-about-team-copy>div+div p{margin:0 0 35px;font-weight:700;color:var(--jy-copy)} @media(max-width:600px){.jy-page-about .jy-about-values article{height:auto;min-height:170px}.jy-page-about .jy-about-values article+article{margin-left:0;margin-top:-1px}.jy-page-about .jy-about-values article>div{gap:22px;padding:28px 20px}.jy-page-about .jy-about-values strong{font-size:56px}.jy-page-about .jy-about-value-copy p:not(.jy-about-value-label){margin-top:12px;font-size:15px;line-height:26px}.jy-page-about .jy-about-intro,.jy-page-about .jy-about-space{padding:55px 0}.jy-page-about .jy-about-safety{padding-top:55px}.jy-page-about .jy-safety-grid article>div{padding:30px 20px}.jy-page-about .jy-safety-grid article>img{order:-1}.jy-page-about .jy-about-team-copy>div+div p{margin:12px 0 24px}} /* == QA round 3: treatments == */ /* /products 四大核心 (treatments.psd): columns 461/495/371, rows 372/214, gaps 30/26; number + title on one row, 2-line copy, 50px arrow. */ .jy-page-treatments .jy-treatment-areas{padding:82px 0 85px} .jy-page-treatments .jy-treatment-areas .jy-heading{margin-bottom:43px} .jy-inner .jy-area-grid{grid-template-columns:minmax(0,461fr) minmax(0,495fr) minmax(0,371fr);grid-template-rows:372px 214px;gap:30px 26px} .jy-inner .jy-area-grid>a{color:#fbf8f0} .jy-inner .jy-area-grid>a>div{position:absolute;left:35px;right:96px;bottom:28px;padding:0} .jy-inner .jy-area-head{display:flex;align-items:center} .jy-inner .jy-area-grid .jy-area-head small{flex:0 0 33px;font:italic 14px/28px var(--jy-font-en);letter-spacing:.04em;color:#a98f4e} .jy-inner .jy-area-grid h3{margin:0;font-size:20px;line-height:28px;font-weight:400;letter-spacing:.04em;color:#fbf8f0} .jy-inner .jy-area-grid p{max-width:none;margin:11px 0 0 33px;font-size:14px;line-height:24px;letter-spacing:.04em;color:#fbf8f0b3} .jy-inner .jy-area-grid>a>.jy-arrow{position:absolute;right:25px;bottom:27px;width:50px;height:50px;flex-basis:50px;font-size:16px;border-color:#ffffffcc;color:#fff;opacity:1} @media(max-width:991px){.jy-inner .jy-area-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,300px);gap:20px}.jy-inner .jy-area-grid>a:first-child{grid-row:auto}.jy-inner .jy-area-grid>a:nth-child(4){grid-column:auto}} @media(max-width:600px){.jy-inner .jy-area-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-rows:220px;gap:14px}.jy-inner .jy-area-grid>a>div{left:20px;right:70px;bottom:20px}.jy-inner .jy-area-grid h3{font-size:18px}.jy-inner .jy-area-grid p{font-size:13px;line-height:22px}.jy-inner .jy-area-grid>a>.jy-arrow{right:16px;bottom:20px;width:40px;height:40px;flex-basis:40px;font-size:13px}} /* 療程卡 partial/jy-product-card.php (also 文章詳情「相關療程推薦」): 436 wide, image 246, inset divider, 39px round arrow. */ .jy-inner .jy-product-card{display:flex;flex-direction:column;background:#f7f3e866;border:1px solid #d4d7cc} .jy-inner .jy-product-card>img,.jy-inner .jy-product-card>.jy-photo-missing{flex:none;height:246px;min-height:0} .jy-inner .jy-product-card .jy-card-copy{display:flex;flex:1;flex-direction:column;padding:23px 23px 26px} .jy-inner .jy-product-card h3{margin:0;font-size:18px;line-height:28px;font-weight:700;letter-spacing:.04em;color:#27322d} .jy-inner .jy-product-card .jy-card-copy p{margin:10px 0 0;font-size:14px;line-height:24px;letter-spacing:.04em;color:#27322d} .jy-inner .jy-product-card .jy-card-copy>span{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:auto -6px 0;padding:18px 6px 0;border-top:1px solid #a98f4e4d;font-size:14px;line-height:24px;font-weight:400;letter-spacing:.04em;color:#344a3e} .jy-inner .jy-product-card .jy-card-copy>:nth-last-child(2){margin-bottom:22px} .jy-home.jy-inner .jy-product-card .jy-arrow{width:39px;height:39px;flex:0 0 39px;font-size:13px;border-color:#d9cfb4;color:#344a3e;opacity:1} .jy-page-treatments #jy-procedures .jy-content-grid,.jy-page-treatments-category #jy-procedures .jy-content-grid{gap:38px 37px} .jy-page-treatments .jy-pager:empty,.jy-page-treatments-category .jy-pager:empty{display:none} .jy-page-treatments #jy-procedures{padding:81px 0 69px;background:#f2ecde} .jy-page-treatments #jy-procedures .jy-heading{margin-bottom:44px} /* 想改善部位 × 想了解療程: panel 1243x577, options 229x55 with fill + border; option / note text 16px and button 18px per the client test sheet (p24). */ .jy-page-treatments .jy-guided{padding:81px 0 82px;background:#fbf8f1} .jy-page-treatments .jy-guided .jy-heading{margin-bottom:33px} .jy-page-treatments .jy-guided-panel{max-width:1243px;margin:0 auto;padding:63px 62px 60px;border:1px solid #e2d8c0;background:#fbf8f1e6} .jy-page-treatments .jy-guided-steps{gap:22px} .jy-page-treatments .jy-guided-step{padding:33px 42px 39px;border-color:#e2d8c0} .jy-page-treatments .jy-guided-step legend{margin:0 0 25px;color:#344a3e} .jy-page-treatments .jy-guided-step legend small{font:14px/16px var(--jy-font-en);letter-spacing:0;color:#7b6839} .jy-page-treatments .jy-guided-next small{font:14px/16px var(--jy-font-en);letter-spacing:.02em;color:#7b6839} .jy-page-treatments .jy-guided-step legend span{margin-top:11px;font-size:24px;line-height:32px;color:#344a3e} .jy-page-treatments .jy-guided-options{gap:7px 8px} .jy-page-treatments .jy-guided-options span{min-height:55px;padding:6px 10px;border:1px solid #a8afa7;background:#f7f3e8;color:#657069;font-size:16px;line-height:22px} .jy-page-treatments .jy-guided-options input:checked+span,.jy-page-treatments .jy-guided-options label:hover span{background:#344a3e;border-color:#344a3e;color:#fbf8f0} .jy-page-treatments .jy-guided-next{margin-top:25px;padding-top:38px;border-top:1px solid #e2d8c0} .jy-page-treatments .jy-guided-next p{margin:14px 0 0;color:#657069;font-size:16px;line-height:22px} .jy-page-treatments .jy-guided-next .jy-button{min-width:224px;background:#344a3e;color:#fbf8f0;font-size:18px} @media(max-width:991px){.jy-page-treatments .jy-guided-panel{padding:30px}.jy-page-treatments .jy-guided-step{padding:22px}} @media(max-width:600px){.jy-page-treatments .jy-guided-panel{padding:18px}.jy-page-treatments .jy-guided-step{padding:18px}.jy-page-treatments .jy-guided-options span{min-height:48px}.jy-page-treatments .jy-guided-next{margin-top:18px;padding-top:22px}.jy-page-treatments .jy-guided-next .jy-button{width:100%;min-width:0}} /* 見證與影音 (partial/jy-treatment-related.php, /products + 療程內頁): video cards 445x507, testimonial photos 436x247. */ .jy-inner .jy-treatment-related{display:block;padding:81px 0 93px;border-top:0;background:#f2ecde;font-size:16px} .jy-inner .jy-treatment-related .jy-heading{margin-bottom:23px} .jy-inner .jy-treatment-related .jy-related-group+.jy-related-group{margin-top:35px} .jy-inner .jy-treatment-related .jy-related-label{margin:0 0 35px;padding-bottom:7px;border-bottom:1px solid #a98f4e;font-size:14px;line-height:24px;font-weight:700;letter-spacing:.04em;color:#a98f4e} .jy-inner .jy-treatment-related .jy-related-cards{gap:24px;scrollbar-width:none} .jy-inner .jy-treatment-related .jy-related-cards::-webkit-scrollbar{display:none} .jy-inner .jy-treatment-related .jy-related-shell>button{top:calc(50% - 20px)} .jy-inner .jy-video-tile{display:flex;flex-direction:column;flex:0 0 calc((100% - 48px)/3);background:#f7f3e8;border:1px solid #d4d7cc;color:#27322d} .jy-inner .jy-treatment-related .jy-related-media{display:grid;place-items:center;height:273px;background:linear-gradient(135deg,#d6c7a0,#bba776);overflow:hidden} .jy-inner .jy-treatment-related .jy-related-media>i{font-size:28px;color:#344a3e80} .jy-inner .jy-video-tile .jy-related-copy{display:flex;flex:1;flex-direction:column;min-height:0;padding:23px 21px 22px} .jy-inner .jy-video-tile .jy-related-copy>:not(.jy-video-link){margin-left:5px;margin-right:5px} .jy-inner .jy-video-tile h3{margin-top:0;margin-bottom:0;font-size:18px;line-height:24px;font-weight:700;letter-spacing:.04em;color:#27322d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .jy-inner .jy-video-tile .jy-related-copy p{margin-top:11px;margin-bottom:0;font-size:14px;line-height:24px;letter-spacing:.04em;color:#27322d;-webkit-line-clamp:1} .jy-video-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:15px} .jy-inner .jy-video-tags span{display:inline-flex;align-items:center;height:32px;padding:0 14px;border:1px solid #d0c5a7;font-size:12px;font-weight:700;letter-spacing:.1em;color:#a98f4e} .jy-inner .jy-video-link{display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:18px;border-top:1px solid #cfcdc1;font-size:14px;line-height:24px;letter-spacing:.04em;color:#27322d} .jy-inner .jy-video-tile .jy-related-copy>:nth-last-child(2){margin-bottom:26px} .jy-inner .jy-video-link>i.fa-stethoscope{margin-left:5px;font-size:14px;color:#a98f4e} .jy-inner .jy-video-link>span{font-size:14px;color:#27322d} .jy-inner .jy-video-link>span:first-child{margin-left:5px} .jy-inner .jy-video-link strong{margin-right:7px;font-weight:700} .jy-home.jy-inner .jy-video-link .jy-arrow{margin-left:auto;width:39px;height:39px;flex:0 0 39px;font-size:13px;border-color:#d9cfb4;color:#344a3e;opacity:1} .jy-inner .jy-treatment-related .jy-testimonial-cards{gap:37px} .jy-inner .jy-video-tile h3 a{font-weight:inherit;letter-spacing:inherit} .jy-testimonial{flex:0 0 calc((100% - 74px)/3);min-width:0;margin:0;scroll-snap-align:start} .jy-inner .jy-testimonial .jy-related-media{height:247px} .jy-testimonial figcaption{display:flex;align-items:center;gap:6px;margin-top:17px;font-size:16px;line-height:24px;font-weight:700;letter-spacing:.04em;color:#344a3e} .jy-testimonial figcaption::before{content:'';flex:0 0 4px;height:17px;background:#a98f4e} @media(max-width:991px){.jy-inner .jy-video-tile{flex-basis:calc((100% - 24px)/2)}.jy-testimonial{flex-basis:calc((100% - 37px)/2)}} @media(max-width:991px){.jy-inner .jy-category-hero p.jy-hero-text br{display:none}} @media(max-width:600px){.jy-page-treatments .jy-guided-options span{padding:6px 4px}.jy-inner .jy-treatment-related .jy-related-shell>button{top:78px}} @media(max-width:600px){.jy-inner .jy-treatment-related{padding:55px 0}.jy-inner .jy-video-tile,.jy-testimonial{flex-basis:84%}.jy-inner .jy-video-tile .jy-related-media{height:200px}.jy-inner .jy-testimonial .jy-related-media{height:190px}.jy-inner .jy-testimonial-cards{gap:20px}} /* 分類頁 (treatments-category.psd): hero 657 tall, framed 582x328 image + vertical caption, intro / procedures / doctors backgrounds from tools/export-qa3-treatments.py. */ .jy-page-treatments-category .jy-category-hero .jy-detail-grid,.jy-page-treatments-detail .jy-treatment-hero .jy-detail-grid{align-items:stretch} .jy-page-treatments-category .jy-category-hero .jy-category-visual{position:relative;height:auto;min-height:657px;padding:40px 94px 40px 92px;background:var(--jy-grid-texture),#344a3e;flex-direction:row;align-items:center;justify-content:center;gap:0} .jy-page-treatments-category .jy-category-visual>img{width:100%;max-width:582px;height:auto;aspect-ratio:582/328;border:1px solid #fbf8f033} .jy-inner .jy-detail-hero p.jy-vertical-note{position:absolute;top:50%;left:42px;max-width:none;margin:0;writing-mode:vertical-rl;transform:translateY(-50%);font:12px/1 var(--jy-font-en);letter-spacing:.1em;color:#ffffffbf;white-space:nowrap} .jy-page-treatments-category .jy-category-hero .jy-detail-grid>div:last-child{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:657px;padding:40px max(45px,calc((100vw - 1380px)/2)) 40px max(45px,calc((100vw - 1380px)/2 + 3px));background:#faf7f0 url('../images/jingyang/bg/treatments-category-hero.webp') center/cover no-repeat} .jy-inner .jy-category-hero h1,.jy-inner .jy-treatment-hero h1{margin:0;font-size:48px;line-height:66px;font-weight:400;letter-spacing:.02em;color:#27322d;-webkit-text-stroke:var(--jy-faux) currentColor} .jy-inner .jy-category-hero p.jy-hero-lead{max-width:none;margin:18px 0 0;font-size:18px;line-height:24px;font-weight:700;letter-spacing:.04em;color:#7b683f} .jy-inner .jy-category-hero p.jy-hero-text{max-width:none;margin:23px 0 0;font-size:16px;line-height:28px;font-weight:700;letter-spacing:.02em;color:var(--jy-copy)} .jy-hero-tags{display:flex;flex-wrap:wrap;gap:13px;margin:35px 0 0;padding:0;list-style:none} .jy-inner .jy-hero-tags li{display:flex;align-items:center;height:44px;padding:0 21px;border:1px solid #d5c7a7;font-size:14px;line-height:1;letter-spacing:.1em;color:#27322d} .jy-inner .jy-category-hero .jy-button{margin-top:40px} .jy-inner .jy-category-hero .jy-hero-tags+.jy-button{margin-top:45px} .jy-page-treatments-category .jy-category-intro{padding:94px 0 97px;background:#f2ecde} @media(min-width:992px){.jy-page-treatments-category .jy-category-intro .jy-copy-grid{grid-template-columns:minmax(0,613fr) minmax(0,767fr);gap:0}} .jy-inner .jy-category-intro .jy-copy-grid>div:first-child h2,.jy-page-treatments-detail .jy-detail-body .jy-copy-grid>div:first-child h2{margin:0;font-size:48px;line-height:66px;font-weight:400;letter-spacing:.02em;color:#27322d;-webkit-text-stroke:var(--jy-faux) currentColor} .jy-inner .jy-category-copy h3{position:relative;margin:-3px 0 33px;padding-bottom:23px;font-size:28px;line-height:40px;font-weight:400;letter-spacing:.02em;color:#27322d;-webkit-text-stroke:var(--jy-faux) currentColor} .jy-category-copy h3::after{content:'';position:absolute;left:3px;bottom:0;width:183px;height:4px;background:linear-gradient(90deg,#a98f4e,#a98f4e00)} .jy-inner .jy-category-copy .jy-prose{font-size:14px;line-height:32px;letter-spacing:.02em;color:#27322d} .jy-inner .jy-category-copy .jy-prose p{margin:0} .jy-inner .jy-category-copy .jy-prose p:not(.jy-category-lead)+p{margin-top:10px} .jy-inner .jy-category-copy .jy-prose p.jy-category-lead{font-size:16px;font-weight:700} .jy-page-treatments-category #jy-procedures{padding:102px 0 106px;background:#faf6eb url('../images/jingyang/bg/treatments-category-procedures.webp') center top/cover no-repeat} .jy-page-treatments-category #jy-procedures .jy-heading{margin-bottom:46px} .jy-page-treatments-category .jy-treatment-doctors{padding:96px 0 103px;background:#f1ecdd url('../images/jingyang/bg/treatments-category-doctors.webp') center top/cover no-repeat} .jy-page-treatments-category .jy-treatment-doctors .jy-heading{margin-bottom:44px} .jy-inner .jy-treatment-doctors .jy-heading h2,.jy-inner .jy-treatment-surgeon .jy-heading h2,.jy-inner .jy-treatment-advice .jy-heading h2,.jy-page-treatments-category .jy-contact-faq .jy-copy-grid>div:first-child h2,.jy-page-treatments-detail .jy-contact-faq .jy-copy-grid>div:first-child h2{color:#344a3e} /* 療程內頁 (treatments-detail.psd). */ .jy-page-treatments-detail .jy-treatment-hero .jy-detail-grid>div:first-child{min-height:657px;padding:40px 40px 40px max(45px,calc((100vw - 1380px)/2));background:#faf7ef url('../images/jingyang/bg/treatments-detail-hero.webp') center/cover no-repeat} .jy-inner .jy-treatment-hero h2{margin:18px 0 0;font-size:18px;line-height:24px;font-weight:700;letter-spacing:.04em;color:#7b683f} .jy-inner .jy-treatment-hero p:not(.jy-eyebrow):not(.jy-vertical-note){max-width:575px;margin:22px 0 0;font-size:16px;line-height:28px;font-weight:700;letter-spacing:.02em;color:var(--jy-copy)} .jy-inner .jy-treatment-hero .jy-hero-tags{margin-top:38px} .jy-inner .jy-treatment-hero .jy-button{margin-top:40px} .jy-inner .jy-treatment-hero .jy-hero-tags+.jy-button{margin-top:39px} .jy-page-treatments-detail .jy-treatment-hero .jy-detail-image{position:relative;min-height:657px;padding:40px 93px 40px 94px;background:var(--jy-grid-texture),#344a3e} .jy-page-treatments-detail .jy-treatment-hero .jy-detail-image>img,.jy-page-treatments-detail .jy-treatment-hero .jy-detail-image>.jy-photo-missing{width:100%;max-width:582px;height:auto;min-height:0;aspect-ratio:582/328;border:1px solid #fbf8f033} .jy-inner .jy-treatment-hero p.jy-vertical-note{left:auto;right:42px} .jy-page-treatments-detail .jy-detail-body{padding:80px 0 100px;background:#f2ecde} @media(min-width:992px){.jy-page-treatments-detail .jy-detail-body .jy-copy-grid{grid-template-columns:minmax(0,572fr) minmax(0,808fr);gap:0}} .jy-page-treatments-detail .jy-detail-body .jy-copy-grid>div:first-child{margin-top:-4px;padding-right:0;border-right:0} .jy-toc{max-width:426px;margin-top:25px} .jy-inner .jy-toc>p{margin:0 0 11px;font-size:14px;line-height:24px;font-weight:700;letter-spacing:.04em;color:#a98f4e} .jy-toc ol{margin:0;padding:0;list-style:none;border-top:1px solid #a98f4e80} .jy-toc li{border-bottom:1px solid #a98f4e80} .jy-inner .jy-toc a{display:flex;align-items:center;min-height:53px;padding:8px 0 8px 15px;font-size:16px;line-height:24px;font-weight:700;letter-spacing:.04em;color:#344a3e} .jy-inner .jy-toc a:hover{color:#a98f4e} .jy-toc a span{flex:0 0 40px;font:italic 16px/24px "Arial Narrow",Arial,sans-serif;letter-spacing:.02em;color:#a98f4e} .jy-page-treatments-detail .jy-detail-body .jy-prose{padding:0;font-size:14px;line-height:32px;letter-spacing:.02em;color:#27322d} .jy-page-treatments-detail .jy-detail-body .jy-prose p{margin:0 0 8px} .jy-page-treatments-detail .jy-detail-body .jy-prose h2{display:flex;align-items:center;min-height:53px;margin:54px 0 20px;padding:8px 20px 8px 18px;border-left:15px solid #a98f4e;background:#fbf8f1;font:700 16px/24px var(--jy-font-zh);letter-spacing:.04em;color:#344a3e;scroll-margin-top:100px} .jy-page-treatments-detail .jy-detail-body .jy-prose h2:first-child{margin-top:0} .jy-page-treatments-detail .jy-detail-body .jy-prose :is(h3,h4){margin:0 0 2px;font:700 16px/36px var(--jy-font-zh);letter-spacing:.02em;color:#27322d} .jy-page-treatments-detail .jy-detail-body .jy-prose ul{margin:0 0 8px;padding:0;list-style:none} .jy-page-treatments-detail .jy-detail-body .jy-prose ul>li{position:relative;padding-left:23px;font-size:16px;line-height:36px;letter-spacing:.06em;color:#666} .jy-page-treatments-detail .jy-detail-body .jy-prose ul>li::before{content:'';position:absolute;left:1px;top:13px;width:10px;height:10px;border-radius:50%;background:#a98f4e} .jy-page-treatments-detail .jy-detail-body .jy-prose>:last-child{margin-bottom:0} .jy-dot-list{margin:0;padding:0;list-style:none} .jy-inner .jy-dot-list li{position:relative;padding-left:23px;font-size:16px;line-height:36px;letter-spacing:.06em;color:#666} .jy-dot-list li::before{content:'';position:absolute;left:1px;top:13px;width:10px;height:10px;border-radius:50%;background:#a98f4e} .jy-page-treatments-detail .jy-treatment-surgeon{padding:98px 0 92px;background:#fbf7ee url('../images/jingyang/bg/treatments-detail-surgeon.webp') center top/cover no-repeat} .jy-page-treatments-detail .jy-treatment-surgeon .jy-heading{margin-bottom:61px} .jy-surgeon{display:grid;grid-template-columns:minmax(0,640fr) minmax(0,659fr);gap:0 81px;align-items:center} .jy-surgeon-photo img,.jy-surgeon-photo .jy-photo-missing{display:block;width:100%;height:auto;min-height:0;aspect-ratio:640/853;object-fit:cover;object-position:center top} .jy-surgeon-name{position:relative;padding-bottom:27px} .jy-surgeon-name::after{content:'';position:absolute;left:1px;bottom:0;width:162px;height:4px;background:linear-gradient(90deg,#a98f4e,#a98f4e00)} .jy-inner .jy-surgeon-name h3{margin:0;font-size:28px;line-height:34px;font-weight:400;letter-spacing:0;color:#344a3e} .jy-inner .jy-surgeon-name h3 small{margin-left:2px;font-size:18px;font-weight:400} .jy-inner .jy-surgeon-name p.jy-surgeon-en{margin:21px 0 0;font:14px/16px var(--jy-font-en);letter-spacing:0;color:#7b6839;text-transform:uppercase} .jy-surgeon-quote{position:relative;margin:29px 0 0;padding:0 0 0 46px;font-size:48px;line-height:66px;font-weight:400;letter-spacing:0;color:#27322d;-webkit-text-stroke:var(--jy-faux) currentColor} .jy-surgeon-quote i{font-size:24px;color:#a98f4e;-webkit-text-stroke:0} .jy-surgeon-quote .fa-quote-left{position:absolute;left:2px;top:18px} .jy-surgeon-quote .fa-quote-right{margin-left:18px;vertical-align:-2px} .jy-inner p.jy-surgeon-intro{margin:29px 0 0;font-size:16px;line-height:32px;font-weight:700;letter-spacing:.04em;color:var(--jy-copy)} .jy-surgeon-copy .jy-dot-list{margin-top:40px} .jy-surgeon-actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:52px} .jy-page-treatments-detail .jy-treatment-advice{padding:78px 0;background:#f2ecde} .jy-page-treatments-detail .jy-treatment-advice .jy-heading{margin-bottom:44px} .jy-page-treatments-detail .jy-advice-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:65px} .jy-page-treatments-detail .jy-advice-grid article{min-height:0;padding:0;border:0;background:none} .jy-page-treatments-detail .jy-advice-grid h3{display:flex;align-items:center;min-height:53px;margin:0 0 19px;padding:8px 18px;border-left:15px solid #a98f4e;background:#fbf8f1;font-size:16px;line-height:24px;font-weight:700;letter-spacing:.04em;color:#344a3e} .jy-page-treatments-detail .jy-advice-grid p{margin:0;font-size:16px;line-height:36px;letter-spacing:.06em;color:#666} /* 主刀醫師諮詢 CTA (treatments-detail.psd 6630-7183): split 553px, CLINIC HOURS between two 50% gold rules; replaces the shared CTA when a surgeon is set. */ .jy-treatment-consult{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:553px;background:#fbf8f1} .jy-treatment-consult-copy{display:flex;flex-direction:column;align-items:flex-start;padding:91px 40px 95px max(45px,calc((100vw - 1380px)/2))} .jy-inner .jy-treatment-consult h2{margin:0;font-size:48px;line-height:66px;font-weight:400;letter-spacing:.02em;color:#27322d;-webkit-text-stroke:var(--jy-faux) currentColor} .jy-inner .jy-treatment-consult-copy>p:not(.jy-eyebrow){margin:16px 0 0;font-size:16px;line-height:28px;font-weight:700;letter-spacing:.02em;color:var(--jy-copy)} .jy-treatment-hours{width:100%;max-width:612px;margin:33px 0 0;padding:22px 0 18px 23px;border-top:1px solid #a98f4e80;border-bottom:1px solid #a98f4e80} .jy-inner .jy-treatment-hours p{margin:0} .jy-inner .jy-treatment-hours-label{display:flex;align-items:center;gap:7px;padding-left:2px;font:12px/16px var(--jy-font-en);letter-spacing:.02em;color:#a98f4e} .jy-treatment-hours-label i{font-size:12px} .jy-inner p.jy-treatment-hours-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 0;margin-top:8px} .jy-treatment-hours-row strong{flex:0 0 167px;font-size:18px;line-height:24px;font-weight:700;letter-spacing:.04em;color:#344a3e} .jy-treatment-hours-row span{font-size:14px;line-height:24px;letter-spacing:.04em;color:#27322d} .jy-inner .jy-treatment-consult .jy-cta-actions{display:flex;flex-wrap:wrap;gap:27px;margin-top:42px} .jy-treatment-consult-image{position:relative;min-height:320px;background:#e7dfcb;overflow:hidden} .jy-treatment-consult-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%} @media(max-width:991px){.jy-treatment-consult-copy{padding:60px 30px}.jy-inner .jy-treatment-consult h2{font-size:36px;line-height:50px}} @media(max-width:600px){.jy-treatment-consult{grid-template-columns:minmax(0,1fr);min-height:0}.jy-treatment-consult-copy{padding:50px 20px}.jy-inner .jy-treatment-consult h2{font-size:28px;line-height:40px}.jy-treatment-hours-row strong{flex-basis:100%}.jy-inner .jy-treatment-consult .jy-cta-actions{gap:14px;margin-top:30px}.jy-treatment-consult-image{height:360px}} @media(max-width:991px){.jy-page-treatments-category .jy-category-hero .jy-category-visual,.jy-page-treatments-detail .jy-treatment-hero .jy-detail-image{min-height:520px;padding:40px 50px}.jy-page-treatments-category .jy-category-hero .jy-detail-grid>div:last-child,.jy-page-treatments-detail .jy-treatment-hero .jy-detail-grid>div:first-child{min-height:520px;padding:50px 30px}.jy-inner .jy-detail-hero p.jy-vertical-note{left:18px}.jy-inner .jy-treatment-hero p.jy-vertical-note{left:auto;right:18px}.jy-surgeon{gap:0 40px}.jy-surgeon-quote{font-size:34px;line-height:48px}.jy-surgeon-quote .fa-quote-left{top:12px}.jy-page-treatments-detail .jy-advice-grid{gap:40px}} @media(max-width:600px){.jy-page-treatments-category .jy-category-hero .jy-detail-grid,.jy-page-treatments-detail .jy-treatment-hero .jy-detail-grid{grid-template-columns:minmax(0,1fr)}.jy-page-treatments-category .jy-category-hero .jy-category-visual,.jy-page-treatments-detail .jy-treatment-hero .jy-detail-image{min-height:0;padding:28px 20px}.jy-page-treatments-category .jy-category-hero .jy-detail-grid>div:last-child,.jy-page-treatments-detail .jy-treatment-hero .jy-detail-grid>div:first-child{min-height:0;padding:45px 20px}.jy-inner .jy-detail-hero p.jy-vertical-note{display:none}.jy-inner .jy-category-hero h1,.jy-inner .jy-treatment-hero h1{font-size:34px;line-height:46px}.jy-hero-tags{gap:8px;margin-top:26px}.jy-inner .jy-hero-tags li{height:36px;padding:0 12px;font-size:13px}.jy-inner .jy-category-hero .jy-button,.jy-inner .jy-category-hero .jy-hero-tags+.jy-button,.jy-inner .jy-treatment-hero .jy-button,.jy-inner .jy-treatment-hero .jy-hero-tags+.jy-button{margin-top:30px}.jy-page-treatments .jy-treatment-areas,.jy-page-treatments .jy-guided,.jy-page-treatments #jy-procedures,.jy-page-treatments-category .jy-category-intro,.jy-page-treatments-category #jy-procedures,.jy-page-treatments-category .jy-treatment-doctors,.jy-page-treatments-detail .jy-detail-body,.jy-page-treatments-detail .jy-treatment-surgeon,.jy-page-treatments-detail .jy-treatment-advice{padding:55px 0}.jy-inner .jy-category-intro .jy-copy-grid>div:first-child h2,.jy-page-treatments-detail .jy-detail-body .jy-copy-grid>div:first-child h2{font-size:30px;line-height:44px}.jy-inner .jy-category-copy h3{margin:0 0 24px;padding-bottom:18px;font-size:22px;line-height:34px}.jy-toc{max-width:none}.jy-page-treatments-detail .jy-detail-body .jy-prose h2{margin-top:36px;border-left-width:10px;padding-left:14px}.jy-page-treatments-detail .jy-detail-body .jy-prose ul>li,.jy-inner .jy-dot-list li{font-size:15px;line-height:30px;letter-spacing:.04em}.jy-page-treatments-detail .jy-detail-body .jy-prose ul>li::before,.jy-dot-list li::before{top:10px;width:8px;height:8px}.jy-page-treatments-detail .jy-treatment-surgeon .jy-heading{margin-bottom:30px}.jy-surgeon{grid-template-columns:minmax(0,1fr);gap:28px}.jy-surgeon-quote{padding-left:34px;font-size:26px;line-height:38px}.jy-surgeon-quote i{font-size:18px}.jy-surgeon-quote .fa-quote-left{top:8px}.jy-surgeon-quote .fa-quote-right{margin-left:10px}.jy-surgeon-copy .jy-dot-list{margin-top:24px}.jy-surgeon-actions{margin-top:30px}.jy-page-treatments-detail .jy-advice-grid{grid-template-columns:minmax(0,1fr);gap:30px}.jy-page-treatments-detail .jy-advice-grid h3{border-left-width:10px;padding-left:14px}} /* == QA round 3: articles / videos / contact == */ /* Journal / films listing (article.psd, video.psd): featured pair, listing head, filter rows, 445x507 cards. */ .jy-page-article .jy-featured,.jy-page-video .jy-featured{padding:75px 0 82px;background:#fbf8f1} :is(.jy-page-article,.jy-page-video) .jy-featured .jy-heading{margin-bottom:38px} :is(.jy-page-article,.jy-page-video) .jy-featured-grid{gap:33px} :is(.jy-page-article,.jy-page-video) :is(.jy-article-card,.jy-video-card){position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:2px solid #e2e0d3;background:#f7f3e8;color:#27322d} :is(.jy-page-article,.jy-page-video) .jy-featured-grid :is(.jy-article-card,.jy-video-card){overflow:visible;border:0;background:transparent} .jy-article-card .jy-card-media,.jy-page-video .jy-video-frame{flex:none;aspect-ratio:443/273;overflow:hidden;background:linear-gradient(135deg,#d6c7a6,#b9a779)} :is(.jy-page-article,.jy-page-video) .jy-featured-grid :is(.jy-card-media,.jy-video-frame){aspect-ratio:675/381} .jy-article-card .jy-card-media>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s} .jy-article-card:hover .jy-card-media>img{transform:scale(1.025)} :is(.jy-card-media,.jy-page-video .jy-video-frame)>.jy-photo-missing{height:100%;min-height:0;background:linear-gradient(135deg,#d6c7a6,#b9a779);color:#344a3e80;font-size:0} .jy-card-media>.jy-photo-missing i{font-size:28px} .jy-page-video .jy-video-frame>.jy-photo-missing::before{content:"\f008";font:900 28px/1 "Font Awesome 5 Free"} :is(.jy-page-article,.jy-page-video) :is(.jy-article-card,.jy-video-card) .jy-card-copy{display:flex;flex:1;min-height:0;padding:22px 18px 20px} :is(.jy-page-article,.jy-page-video) .jy-card-main{display:flex;flex:1;flex-direction:column;min-width:0} :is(.jy-page-article,.jy-page-video) .jy-card-main h3{margin:0 6px;font-size:18px;line-height:24px;font-weight:700;letter-spacing:.04em;color:#27322d;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .jy-article-card h3 a{color:inherit;font-weight:inherit;letter-spacing:inherit} .jy-article-card h3 a::after{content:'';position:absolute;inset:0;z-index:1} :is(.jy-page-article,.jy-page-video) .jy-card-main>p{display:block;margin:10px 6px 0;font-size:14px;line-height:24px;letter-spacing:.04em;color:#27322d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset} :is(.jy-page-article,.jy-page-video) .jy-card-main .jy-tags{display:flex;flex-wrap:wrap;gap:5px;min-height:0;margin:16px 6px 0} :is(.jy-page-article,.jy-page-video) .jy-card-main .jy-tags span{display:inline-flex;align-items:center;height:32px;padding:0 11px 0 12px;border:2px solid #e7dfca;background:transparent;color:var(--jy-gold);font-size:12px;line-height:1;font-weight:700;letter-spacing:.1em} :is(.jy-page-article,.jy-page-video) .jy-card-main>:has(+.jy-card-foot){margin-bottom:29px} :is(.jy-page-article,.jy-page-video) .jy-card-foot{display:flex;align-items:center;gap:10px;margin-top:auto;padding:13px 0 0 6px;border-top:1px solid #cecec2;font-size:14px;line-height:24px;letter-spacing:.04em;color:#27322d} .jy-page-video a.jy-card-foot:hover{color:#27322d} .jy-card-treatment{position:relative;z-index:2;display:flex;align-items:center;gap:10px;min-width:0;color:inherit} .jy-card-treatment i{flex:none;font-size:14px;color:var(--jy-gold)} .jy-card-treatment strong{flex:none;margin-right:6px;font-weight:700} .jy-card-treatment span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} :is(.jy-page-article,.jy-page-video) .jy-card-foot .jy-arrow{margin-left:auto;width:39px;height:39px;flex:0 0 39px;border:2px solid #e5dfc9;color:#344a3e;font-size:13px;opacity:1} :is(.jy-page-article,.jy-page-video) .jy-card-featured .jy-card-copy{gap:15px;padding:25px 0 0 6px} .jy-card-featured .jy-card-icon{flex:0 0 46px;align-self:flex-start;margin-top:1px;font-size:42px;line-height:1;color:#386b54;text-align:center} .jy-video-card.jy-card-featured .jy-card-copy{gap:17px;padding-left:1px} .jy-video-card.jy-card-featured .jy-card-icon{flex-basis:48px;margin-top:0;font-size:48px} :is(.jy-page-article,.jy-page-video) .jy-card-featured .jy-card-main :is(h3,p,.jy-tags){margin-left:0;margin-right:0} :is(.jy-page-article,.jy-page-video) .jy-card-featured .jy-card-main>:has(+.jy-card-foot){margin-bottom:27px} :is(.jy-page-article,.jy-page-video) .jy-card-featured .jy-card-foot{padding:15px 0 0 1px;border-top-color:#d0cec1} :is(.jy-page-article,.jy-page-video) .jy-listing{padding-top:80px} :is(.jy-page-article,.jy-page-video) .jy-listing-head{margin-bottom:42px} :is(.jy-page-article,.jy-page-video) .jy-listing-head>p{flex:0 0 441px;max-width:441px;margin:0 0 -1px;font-size:16px;line-height:28px;font-weight:700;letter-spacing:.02em;color:var(--jy-copy)} :is(.jy-page-article,.jy-page-video) .jy-filter{display:block;margin-bottom:55px;padding:0;border-top:1px solid #aa8e4d;border-bottom:1px solid #a88f4d} .jy-filter-row{display:flex;align-items:center;min-height:88px;padding:21px 14px 22px} .jy-filter-row+.jy-filter-row{border-top:1px solid #ccbd96} .jy-filter-label{flex:0 0 115px;font-size:14px;line-height:24px;font-weight:700;letter-spacing:.04em;color:#27322d} .jy-filter-options{display:flex;flex-wrap:wrap;gap:12px 19px;min-width:0} :is(.jy-page-article,.jy-page-video) .jy-filter-options a{display:inline-flex;align-items:center;justify-content:center;height:45px;padding:0 22px 0 24px;border:1px solid #66666680;background:transparent;color:#666;font-size:14px;line-height:1;font-weight:700;letter-spacing:.15em} :is(.jy-page-article,.jy-page-video) .jy-filter-options a:hover{background:transparent;border-color:#344a3e;color:#344a3e} :is(.jy-page-article,.jy-page-video) .jy-filter-options a.is-active{background:#344a3e;border-color:#344a3e;color:#fff} :is(.jy-page-article,.jy-page-video) .jy-listing .jy-content-grid{gap:36px 24px} /* Article detail (article-detail.psd). */ .jy-page-article-detail .jy-article-hero{padding:106px 0 107px;background:#f2ecde url('../images/jingyang/bg/article-hero.webp') center/cover no-repeat} .jy-page-article-detail .jy-article-hero .jy-detail-grid{grid-template-columns:minmax(0,631fr) minmax(0,675fr);gap:74px;align-items:center} .jy-page-article-detail .jy-article-hero h1{margin:0;font-size:28px;line-height:44px;font-weight:700;letter-spacing:.04em;color:#27322d} .jy-page-article-detail .jy-article-hero p:not(.jy-eyebrow){max-width:631px;margin:15px 0 0;font-size:16px;line-height:28px;font-weight:400;letter-spacing:.04em;color:#27322d;opacity:.7;-webkit-text-stroke:var(--jy-faux) currentColor} .jy-article-tags{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:25px;font-size:14px;line-height:24px;font-weight:700;letter-spacing:.1em;color:var(--jy-gold)} .jy-page-article-detail .jy-article-hero .jy-detail-image{min-height:0;background:transparent} .jy-page-article-detail .jy-article-hero .jy-detail-image>:is(img,.jy-photo-missing){width:100%;height:auto;min-height:0;aspect-ratio:675/381;object-fit:cover} .jy-page-article-detail .jy-detail-image>.jy-photo-missing{background:linear-gradient(135deg,#d6c7a6,#b9a779);color:#344a3e80} .jy-page-article-detail .jy-detail-image>.jy-photo-missing i{font-size:28px} .jy-page-article-detail .jy-article-content{padding:94px 0 101px;background:#fbf8f1} .jy-page-article-detail .jy-article-layout{grid-template-columns:minmax(0,1fr) minmax(0,917px) minmax(0,1fr);justify-content:stretch;gap:0} .jy-page-article-detail .jy-article-main{grid-column:2;min-width:0} .jy-page-article-detail .jy-share{grid-column:3;justify-self:end;width:94px;margin:-5px 10px 0 0;text-align:center} .jy-page-article-detail .jy-share h2{margin:0 0 23px;font-size:18px;line-height:24px;font-weight:700;letter-spacing:.1em;color:#333;white-space:nowrap} .jy-page-article-detail .jy-share h2::before{content:'— '} .jy-page-article-detail .jy-share h2::after{content:' —'} .jy-page-article-detail .jy-share a{display:block;margin:0 auto 18px;width:32px;font-size:32px;line-height:32px;color:#999997} .jy-page-article-detail .jy-share a i{font-size:32px;line-height:32px} .jy-page-article-detail .jy-share a+a{color:#b5b5b3} .jy-page-article-detail .jy-share a:hover{color:var(--jy-gold)} .jy-page-article-detail .jy-prose{font-size:16px;line-height:28px;letter-spacing:.1em;color:#27322d} .jy-page-article-detail .jy-prose>:first-child{margin-top:0} .jy-page-article-detail .jy-prose p{margin:0 0 28px;-webkit-text-stroke:var(--jy-faux) currentColor} .jy-page-article-detail .jy-prose>p:first-child::first-letter{font-size:28px;line-height:0;font-weight:700;letter-spacing:.3em;color:var(--jy-gold);-webkit-text-stroke:0} .jy-page-article-detail .jy-prose :is(h2,h3,h4){margin:32px 0 4px;line-height:32px;letter-spacing:.02em;color:#27322d} .jy-page-article-detail .jy-prose :is(h2,h3,h4)+p{margin-top:12px} .jy-page-article-detail .jy-prose ul{margin:0 0 58px;padding:0;list-style:none} .jy-page-article-detail .jy-prose ul li{position:relative;list-style:none;padding:7px 0 7px 25px;line-height:28px;letter-spacing:.06em;color:#666} .jy-page-article-detail .jy-prose ul li::before{content:'';position:absolute;left:4px;top:17px;width:9px;height:9px;border-radius:50%;background:var(--jy-gold)} .jy-page-article-detail .jy-prose p:has(>img){margin-bottom:47px} .jy-page-article-detail .jy-prose img{display:block;width:100%!important;max-width:100%;height:auto!important} .jy-reviewer{margin-top:62px} .jy-page-article-detail .jy-reviewer h2{margin:0;padding-bottom:11px;border-bottom:1px solid #a88f4d;font-size:14px;line-height:24px;font-weight:700;letter-spacing:.04em;color:var(--jy-gold);-webkit-text-stroke:0} .jy-reviewer-card{display:flex;align-items:center;gap:40px;margin-top:33px} .jy-reviewer-card img{flex:0 0 116px;width:116px;height:154px;object-fit:cover;object-position:center top} .jy-page-article-detail .jy-reviewer-card h3{margin:0;font-size:24px;line-height:32px;font-weight:700;letter-spacing:.04em;color:#27322d} .jy-reviewer-card h3 small{margin-left:4px;font-size:14px;font-weight:700} .jy-page-article-detail .jy-reviewer-card p{display:block;margin:12px 0 0;font-size:14px;line-height:24px;letter-spacing:.04em;color:#27322d} .jy-reviewer-card p i{margin-right:8px;font-size:12px;vertical-align:1px;color:var(--jy-gold)} .jy-reviewer-card p .fa-quote-right{margin:0 0 0 8px} .jy-reviewer-card a{display:inline-flex;align-items:center;gap:12px;margin-top:16px;font-size:14px;letter-spacing:.04em;color:#344a3e;-webkit-text-stroke:var(--jy-faux) currentColor} .jy-reviewer-card a .jy-arrow{width:39px;height:39px;flex:0 0 39px;border:2px solid #e5dfc9;color:#344a3e;-webkit-text-stroke:0} .jy-page-article-detail .jy-back-link{margin-top:71px;padding:0;text-align:center} .jy-page-article-detail .jy-back-link .jy-button:hover{color:#fff} .jy-page-article-detail .jy-article-treatments{padding:110px 0 86px} .jy-page-article-detail .jy-article-treatments .jy-heading{margin-bottom:50px} @media(max-width:1199px){.jy-page-article-detail .jy-article-layout{grid-template-columns:minmax(0,1fr) 94px;gap:40px}.jy-page-article-detail .jy-article-main{grid-column:1}.jy-page-article-detail .jy-share{grid-column:2;margin-right:0}.jy-page-article-detail .jy-article-hero .jy-detail-grid{gap:40px}} /* Contact (contact.psd). */ .jy-page-contact .jy-contact-intro{padding:104px 0 88px} .jy-page-contact .jy-contact-grid{grid-template-columns:minmax(0,610fr) minmax(0,776fr)} .jy-page-contact .jy-reservation{padding:89px 85px 80px 87px} .jy-page-contact .jy-reservation .jy-eyebrow{margin-bottom:21px} .jy-page-contact .jy-reservation h2{margin:0;font-size:48px;line-height:70px;letter-spacing:0;color:#344a3e} .jy-page-contact .jy-reservation>p:not(.jy-eyebrow){margin:12px 0 37px;font-size:16px;line-height:23px;font-weight:700;letter-spacing:0;color:var(--jy-copy)} .jy-page-contact .jy-contact-form{max-width:604px} .jy-page-contact .jy-contact-form .jy-form-grid{gap:0 20px} .jy-page-contact .jy-contact-form label{margin-bottom:15px;font-size:14px;line-height:22px;font-weight:700;letter-spacing:.02em;color:#344a3e} .jy-page-contact .jy-contact-form :is(input:not([type=checkbox]),select){height:56px;min-height:56px;margin-top:16px;padding:0 18px;border:1px solid #e4d9c3;background:#f9f5ea;color:#27322d;font-size:14px;line-height:22px;letter-spacing:.02em} .jy-page-contact .jy-contact-form select{padding-right:40px} .jy-page-contact .jy-contact-form .jy-select{margin-top:16px} .jy-page-contact .jy-contact-form .jy-select select{margin-top:0} .jy-page-contact .jy-contact-form textarea{height:143px;min-height:143px;margin-top:16px;padding:12px 14px;border:1px solid #e4d9c3;background:#f9f5ea;color:#27322d;font-size:14px;line-height:29px;letter-spacing:0} .jy-page-contact .jy-contact-form label:has(textarea){margin-bottom:22px} .jy-page-contact .jy-contact-form :is(input,textarea)::placeholder{color:#27322dbf;opacity:1;letter-spacing:.02em} .jy-page-contact .jy-contact-form select:invalid{color:#27322dbf} .jy-page-contact .jy-contact-form .jy-form-consent{gap:15px;margin:0;font-size:16px;line-height:24px;font-weight:700;letter-spacing:.02em;color:var(--jy-copy)} .jy-page-contact .jy-form-consent input{flex:0 0 19px;width:19px;height:19px;margin-top:3px;border:1px solid #344a3e;background:#f9f5ea} .jy-page-contact .jy-form-consent input:checked{background:#344a3e} .jy-page-contact .jy-submit{width:100%;min-height:59px;margin-top:38px;justify-content:center;gap:32px;font-size:14px;font-weight:700;letter-spacing:.02em} .jy-page-contact .jy-submit .jy-arrow{width:35px;height:35px;flex:0 0 35px} .jy-inner.jy-page-contact .jy-contact-photo .jy-contact-caption{left:26px;right:26px;bottom:26px;padding:34px 30px 27px 31px;background:#344a3edb;color:#fbf8f0} .jy-inner.jy-page-contact .jy-contact-photo .jy-contact-caption .jy-eyebrow{margin-bottom:5px} .jy-inner.jy-page-contact .jy-contact-photo .jy-contact-caption p:not(.jy-eyebrow){color:#fbf8f0} .jy-page-contact .jy-contact-methods{padding:107px 0 113px} .jy-page-contact .jy-contact-methods .jy-eyebrow{margin-bottom:3px} .jy-page-contact .jy-contact-methods .jy-eyebrow::before{width:48px;margin-right:11px} .jy-page-contact .jy-contact-methods h2{margin:0;font-size:48px;line-height:90px;letter-spacing:0;color:#344a3e} .jy-page-contact .jy-method-grid{margin-top:63px} .jy-page-contact .jy-method-grid a{display:flex;flex-direction:column;min-height:303px;padding:35px 16px 28px 30px;border:1px solid #c9ba93;background:#f8f4e873;color:#27322d} .jy-page-contact .jy-method-grid a+a{border-left:0} .jy-page-contact .jy-method-grid small{font:italic 24px/26px var(--jy-font-en);color:var(--jy-gold)} .jy-page-contact .jy-method-grid h3{margin:53px 0 0;font-size:25px;line-height:35px;font-weight:400;letter-spacing:0;color:#344a3e;-webkit-text-stroke:var(--jy-faux) currentColor} .jy-page-contact .jy-method-grid p{margin:16px 0 0;font-size:16px;line-height:28px;letter-spacing:0;color:#68716c;-webkit-text-stroke:var(--jy-faux) currentColor} .jy-page-contact .jy-method-grid span{display:flex;align-items:center;margin-top:auto;padding-top:16px;border-top:1px solid #c9ba93;font-size:14px;line-height:18px;color:#27322d} .jy-page-contact .jy-method-grid span i{margin-left:9px;font-style:normal} .jy-page-contact .jy-visit{padding:94px 0 89px} .jy-page-contact .jy-visit-grid{grid-template-columns:minmax(0,663fr) minmax(0,694fr);gap:27px;align-items:start} .jy-inner.jy-page-contact .jy-visit-grid>.jy-visit-hours{padding:68px 58px 66px 66px} .jy-page-contact .jy-visit-hours h3{margin:0;font-size:28px;line-height:40px;font-weight:400;color:#fbf8f0;-webkit-text-stroke:var(--jy-faux) currentColor} .jy-inner.jy-page-contact .jy-visit-hours>p:not(.jy-visit-note){margin:17px 0 36px;font-size:16px;line-height:24px;letter-spacing:.02em;color:#fbf8f0;opacity:.67} .jy-page-contact .jy-schedule{border:1px solid #fbf8f033;background:#fbf8f00a;font-size:14px;line-height:20px} .jy-page-contact .jy-schedule :is(th,td){height:74px;padding:0 20px 0 24px;border:0;border-bottom:1px solid #fbf8f033;font-weight:400;color:#fbf8f0} .jy-page-contact .jy-schedule thead th{height:52px;background:transparent;color:var(--jy-gold);-webkit-text-stroke:var(--jy-faux) currentColor} .jy-page-contact .jy-schedule tbody tr:last-child :is(th,td){border-bottom:0} .jy-page-contact .jy-schedule :is(thead th,tbody th):first-child{width:125px;padding-right:0} .jy-page-contact .jy-schedule td{opacity:1;color:#fbf8f0b8} .jy-inner.jy-page-contact .jy-visit-hours .jy-visit-note{margin:27px 0 0;font-size:14px;line-height:20px;color:#fbf8f0;opacity:.67} .jy-inner.jy-page-contact .jy-visit-place .jy-map{min-height:392px;background:linear-gradient(135deg,#d6c7a6,#b9a779)} .jy-page-contact .jy-map p{gap:15px;font:700 18px/24px var(--jy-font-zh);color:#878063} .jy-page-contact .jy-map p i{font-size:28px;color:#344a3e80} .jy-page-contact .jy-map iframe{min-height:392px;align-self:stretch} .jy-inner.jy-page-contact .jy-map>.jy-photo-missing{align-self:stretch;width:100%;background:none} .jy-page-contact .jy-visit-address{gap:9px;margin:31px 0 0;padding-bottom:23px;border-bottom:1px solid #a98f4d80;font-size:18px;line-height:24px;font-weight:700;letter-spacing:.04em;color:#27322d} .jy-page-contact .jy-visit-address i{font-size:18px} .jy-page-contact .jy-visit-ways>div{grid-template-columns:227px minmax(0,1fr);gap:0;padding:23px 0 14px 14px;border-bottom-color:#a98f4d80} .jy-page-contact .jy-visit-ways dt{align-items:center;gap:10px;font-size:16px;line-height:24px;font-weight:700;letter-spacing:.04em;color:#344a3e} .jy-page-contact .jy-visit-ways dt i{font-size:16px} .jy-page-contact .jy-visit-ways dd{font-size:14px;line-height:24px;letter-spacing:.04em;color:#27322d} /* jQuery Validate messages (custom.js .jqvalidation): small rust line under the field; consent message under its text. */ .jy-page-contact .jy-contact-form label.error{display:block;margin:6px 0 0;font-size:12px;line-height:18px;font-weight:400;letter-spacing:.02em;color:#a04a37;-webkit-text-stroke:0} .jy-page-contact .jy-contact-form .jy-select::after{top:28px} .jy-page-contact .jy-contact-form .jy-form-consent{flex-wrap:wrap;row-gap:0} .jy-page-contact .jy-form-consent>span{flex:1 1 0;min-width:0} .jy-page-contact .jy-form-consent label.error{order:3;flex:0 0 100%;margin-left:34px} /* Map placeholder markup (no embed yet) fills the 392px card and stays centred. */ .jy-inner.jy-page-contact .jy-map>.jy-photo-missing{height:auto;min-height:392px} .jy-page-video .jy-video-frame iframe{display:block} @media(max-width:991px){.jy-page-contact .jy-reservation{padding:50px 5%}.jy-page-contact .jy-contact-grid{grid-template-columns:40% 60%}.jy-page-contact .jy-method-grid a+a{border-left:1px solid #c9ba93}.jy-page-contact .jy-method-grid{gap:10px}.jy-page-contact .jy-visit-grid{grid-template-columns:1fr 1fr}.jy-inner.jy-page-contact .jy-visit-grid>.jy-visit-hours{padding:40px 30px}} @media(max-width:600px){ :is(.jy-page-article,.jy-page-video) .jy-featured{padding:55px 0} :is(.jy-page-article,.jy-page-video) .jy-listing{padding-top:55px} :is(.jy-page-article,.jy-page-video) .jy-listing-head{margin-bottom:28px} :is(.jy-page-article,.jy-page-video) .jy-listing-head>p{max-width:none;font-size:15px;line-height:26px} :is(.jy-page-article,.jy-page-video) .jy-listing-head>p br{display:none} .jy-filter-row{flex-wrap:wrap;gap:12px 0;min-height:0;padding:18px 0} .jy-filter-label{flex-basis:100%} .jy-filter-options{gap:8px} :is(.jy-page-article,.jy-page-video) .jy-filter-options a{height:38px;padding:0 14px 0 16px;font-size:13px;letter-spacing:.1em} :is(.jy-page-article,.jy-page-video) .jy-filter{margin-bottom:32px} :is(.jy-page-article,.jy-page-video) .jy-listing .jy-content-grid{gap:18px} :is(.jy-page-article,.jy-page-video) .jy-card-featured .jy-card-copy{gap:10px;padding:18px 0 0} .jy-card-featured .jy-card-icon{flex-basis:32px;font-size:30px} .jy-video-card.jy-card-featured .jy-card-icon{flex-basis:34px;font-size:34px} :is(.jy-page-article,.jy-page-video) .jy-card-main h3{font-size:17px} .jy-page-article-detail .jy-article-hero{padding:45px 0} .jy-page-article-detail .jy-article-hero .jy-detail-grid{grid-template-columns:minmax(0,1fr);gap:28px} .jy-page-article-detail .jy-article-hero h1{font-size:24px;line-height:36px} .jy-page-article-detail .jy-article-content{padding:50px 0 60px} .jy-page-article-detail .jy-article-layout{grid-template-columns:minmax(0,1fr);gap:36px} .jy-page-article-detail .jy-share{grid-column:1;justify-self:center;display:flex;align-items:center;gap:18px;width:auto;margin:0} .jy-page-article-detail .jy-share h2{margin:0} .jy-page-article-detail .jy-share a{margin:0} .jy-page-article-detail .jy-prose{letter-spacing:.06em} .jy-page-article-detail .jy-back-link{margin-top:48px} .jy-reviewer-card{gap:20px} .jy-page-article-detail .jy-article-treatments{padding:55px 0} .jy-page-article-detail .jy-article-treatments .jy-heading{margin-bottom:28px} .jy-page-contact .jy-contact-intro{padding:50px 0} .jy-page-contact .jy-contact-grid{grid-template-columns:minmax(0,1fr)} .jy-page-contact .jy-contact-photo{height:auto;min-height:0;background:#344a3e} .jy-page-contact .jy-contact-photo img{height:300px;object-position:center 30%} .jy-inner.jy-page-contact .jy-contact-photo .jy-contact-caption{position:static;padding:20px 20px 22px} .jy-page-contact .jy-reservation{padding:36px 20px 40px} .jy-page-contact .jy-reservation h2{font-size:30px;line-height:44px} .jy-page-contact .jy-reservation>p:not(.jy-eyebrow){margin-bottom:28px} .jy-page-contact .jy-contact-form .jy-form-grid{grid-template-columns:minmax(0,1fr)} .jy-page-contact .jy-contact-form .jy-form-consent{font-size:14px;line-height:22px} .jy-page-contact .jy-contact-form .jy-form-consent br{display:none} .jy-page-contact .jy-contact-methods{padding:55px 0} .jy-page-contact .jy-contact-methods h2{font-size:28px;line-height:44px} .jy-page-contact .jy-method-grid{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:28px} .jy-page-contact .jy-method-grid a{min-height:0;padding:22px 22px 20px} .jy-page-contact .jy-method-grid h3{margin-top:18px;font-size:22px;line-height:32px} .jy-page-contact .jy-method-grid p{margin-top:8px;font-size:15px;line-height:26px} .jy-page-contact .jy-method-grid span{margin-top:18px;padding-top:12px} .jy-page-contact .jy-visit{padding:55px 0} .jy-page-contact .jy-visit-grid{grid-template-columns:minmax(0,1fr);gap:28px} .jy-inner.jy-page-contact .jy-visit-grid>.jy-visit-hours{padding:32px 20px} .jy-page-contact .jy-visit-hours h3{font-size:24px;line-height:34px} .jy-inner.jy-page-contact .jy-visit-hours>p:not(.jy-visit-note){margin:10px 0 24px;font-size:14px;line-height:22px} .jy-page-contact .jy-schedule :is(th,td){height:auto;padding:14px 12px} .jy-page-contact .jy-schedule :is(thead th,tbody th):first-child{width:92px} .jy-inner.jy-page-contact .jy-visit-place .jy-map,.jy-inner.jy-page-contact .jy-map>.jy-photo-missing{min-height:240px} .jy-page-contact .jy-visit-address{margin-top:22px;font-size:16px} .jy-page-contact .jy-visit-ways>div{grid-template-columns:minmax(0,1fr);gap:6px;padding:18px 0} } /* QA round 4: about/team section heights (desktop only). */ @media(min-width:992px){ /* About */ .jy-page-about .jy-section.jy-about-intro{padding-bottom:80px} .jy-page-about .jy-section.jy-about-space{box-sizing:border-box;min-height:688px} /* Teams */ .jy-page-team .jy-team-quote.jy-dark{padding-bottom:107px} .jy-page-team .jy-section.jy-team-career{padding-bottom:112px} .jy-page-team .jy-team-career-grid article{height:361px;box-sizing:border-box} .jy-page-team .jy-team-career-grid article p:last-child{margin-right:-24px} .jy-page-team .jy-team-career-head p{margin-left:6px} } /* QA round 6 (tester slides 38 / 40): between 992 and 1199px the two-column heroes left ~410px per column, so the doctor consult buttons stacked and the category intro / tags wrapped. Give those columns more room there and keep the buttons on one row on desktop. */ @media(min-width:992px){ .jy-doctor-consult .jy-cta-actions,.jy-inner .jy-treatment-consult .jy-cta-actions{flex-wrap:nowrap} } @media(min-width:992px) and (max-width:1365px){ .jy-page-team-detail .jy-doctor-tags,.jy-inner .jy-treatment-hero .jy-hero-tags{gap:8px} .jy-page-team-detail .jy-doctor-tags li,.jy-inner .jy-treatment-hero .jy-hero-tags li{padding:0 13px} } @media(min-width:992px) and (max-width:1199px){ .jy-doctor-consult-copy,.jy-page-team-detail .jy-doctor-consult-copy{padding-left:28px;padding-right:28px} .jy-page-team-detail .jy-doctor-consult .jy-cta-actions,.jy-inner .jy-treatment-consult .jy-cta-actions{gap:14px} .jy-treatment-consult-copy{padding-left:28px;padding-right:28px} .jy-page-treatments-detail .jy-treatment-hero .jy-detail-grid>div:first-child{padding-left:28px;padding-right:28px} .jy-page-treatments-category .jy-category-hero .jy-detail-grid>div:last-child{padding-left:28px;padding-right:28px} .jy-page-treatments-category .jy-hero-tags{gap:8px} .jy-page-treatments-category .jy-inner .jy-hero-tags li,.jy-inner.jy-page-treatments-category .jy-hero-tags li{padding:0 14px} .jy-page-team-detail .jy-doctor-tags li,.jy-inner .jy-treatment-hero .jy-hero-tags li{padding:0 10px;font-size:13px;letter-spacing:.04em} } /* QA round 6 (tester slide 43): video cover image (backend 「封面圖片上傳」) fills the card frame, with a centred play mark. */ .jy-video-frame>.jy-video-cover{position:relative;display:block;width:100%;height:100%} .jy-video-frame>.jy-video-cover>img{display:block;width:100%;height:100%;object-fit:cover} .jy-video-frame .jy-video-play{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#fbf8f0d9;color:#344a3e;font-size:18px;padding-left:3px;box-sizing:border-box;pointer-events:none} /* QA round 7 (tester slides 38-40 on wide screens): half-width columns used the container gutter (100vw - 1380px)/2 on BOTH sides, so above 1536px the centre-side padding kept growing and the text column shrank (1920px: category intro 3 lines / tags 2 rows; 2560px: 204px). The centre side is now capped at its 1536px value (identical below 1536px); the outer side still aligns to the 1380px container. */ @media(min-width:992px){ .jy-page-treatments-category .jy-category-hero .jy-detail-grid>div:last-child{padding-left:min(81px,max(45px,calc((100vw - 1380px)/2 + 3px)))} .jy-doctor-consult-copy{padding-right:min(78px,max(45px,calc((100vw - 1380px)/2)))} .jy-page-about .jy-safety-grid article>div:not(:first-child){padding-right:max(40px,calc((100vw - 1380px)/2 - 38px))} } /* round-8 */ .jy-page-team-detail .jy-doctor-media-group+.jy-doctor-media-group{margin-top:72px} .jy-product-card .jy-card-copy>p:empty{min-height:24px}