/* Shared site chrome: isolated from legacy product and campaign styles. */
.yh-shell-header,.yh-shell-footer{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.6;color:#171a21;letter-spacing:0;text-align:left;box-sizing:border-box}
.yh-shell-header *,.yh-shell-footer *{box-sizing:border-box}
.yh-shell-header a,.yh-shell-footer a{text-decoration:none;color:inherit}
.yh-shell-header{position:relative;z-index:1001;width:100%;background:rgba(255,255,255,.97);border-bottom:1px solid #edf0f3}
.yh-shell-header.is-scrolled{box-shadow:0 4px 24px #17202f0d}
.yh-shell-header-inner{max-width:1440px;height:88px;padding:0 40px;margin:auto;display:flex;align-items:center;gap:32px}
.yh-shell-logo{display:flex;flex-shrink:0;align-items:center}
.yh-shell-logo img{display:block;width:150px;height:auto;max-height:54px;object-fit:contain}
.yh-shell-nav{display:flex;align-items:center;justify-content:center;gap:26px;flex:1}
.yh-shell-nav a{position:relative;white-space:nowrap;font-size:15px;font-weight:500;padding:31px 0}
.yh-shell-nav a:hover,.yh-shell-nav a[aria-current],.yh-shell-mobile a[aria-current]{color:#ff7800}
.yh-shell-nav a[aria-current]:after{content:"";position:absolute;bottom:18px;left:50%;width:20px;height:3px;background:#ff7800;border-radius:3px;transform:translateX(-50%)}
.yh-shell-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}
.yh-shell-phone{font-weight:600;white-space:nowrap}
.yh-shell-phone span{color:#ff7800;font-size:19px}
.yh-shell-actions .yh-shell-consult{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 18px;background:linear-gradient(135deg,#ff9b3d,#ff6800);color:#fff;border-radius:10px;font-size:14px;white-space:nowrap;box-shadow:0 6px 16px #ff680026}
.yh-shell-toggle{display:none;width:40px;height:40px;border:0;background:transparent;cursor:pointer;padding:10px}
.yh-shell-toggle span{display:block;height:2px;margin:4px 0;background:#171a21}
.yh-shell-mobile[hidden]{display:none!important}
.yh-shell-header a:focus-visible,.yh-shell-header button:focus-visible,.yh-shell-footer a:focus-visible{outline:2px solid #ff7800;outline-offset:4px}
.yh-shell-footer{background:#f6f8fb;width:100%;margin:0;padding:0;clear:both}
.yh-shell-footer-inner{max-width:1440px;margin:auto;padding:64px 40px 24px}
.yh-shell-footer-main{display:grid;grid-template-columns:1.15fr 3.85fr;gap:56px}
.yh-shell-footer-brand p{margin:12px 0 0;font-size:13px;color:#697386;line-height:1.8}
.yh-shell-footer-logo img{display:block;width:164px;height:auto;max-height:60px;object-fit:contain;object-position:left center}
.yh-shell-footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1.3fr;gap:30px}
.yh-shell-footer-col{margin:0;padding:0;border:0}
.yh-shell-footer-col summary,.yh-shell-footer-contact h3{font-size:15px;font-weight:650;color:#171a21;list-style:none;margin:0 0 20px;padding:0;line-height:1.6}
.yh-shell-footer-col summary::-webkit-details-marker{display:none}
.yh-shell-footer-col ul{list-style:none;margin:0;padding:0}
.yh-shell-footer-col li{list-style:none;padding:0;margin:0 0 11px;line-height:1.7}
.yh-shell-footer-col li a{color:#697386;font-size:13px}
.yh-shell-footer a:hover{color:#ff7800}
.yh-shell-footer-contact{padding:0 0 0 24px;border-left:1px solid #e4e8ef}
.yh-shell-footer-contact .yh-shell-footer-phone{font-size:24px;font-weight:700;line-height:1.3;color:#ff7800;white-space:nowrap}
.yh-shell-footer-wx-tip{font-size:12px;color:#697386;margin:12px 0}
.yh-shell-footer-qr figure{margin:0}
.yh-shell-footer-qr img{width:96px;height:96px;object-fit:contain;background:white;padding:5px;border-radius:8px}
.yh-shell-footer-qr figcaption{font-size:12px;color:#697386;margin-top:6px}
.yh-shell-footer-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.yh-shell-footer-btn{font-size:12px;padding:6px 10px;border:1px solid #e1e5eb;border-radius:7px}
.yh-shell-footer-btn.is-primary{background:#ff7800;color:#fff;border-color:#ff7800}
.yh-shell-footer-platforms{display:flex;gap:24px;border-top:1px solid #e4e8ef;padding-top:24px;margin-top:40px;font-size:12px;color:#7a8494}
.yh-shell-footer-platforms>span{white-space:nowrap}
.yh-shell-footer-platform-links{display:flex;flex-wrap:wrap;gap:10px 24px}
.yh-shell-footer-legal{border-top:1px solid #e4e8ef;padding-top:20px;margin-top:24px;text-align:center;font-size:12px;color:#8a93a2}
.yh-shell-footer-legal p{margin:6px 0;line-height:1.8}
.yh-shell-footer-legal a,.yh-shell-footer-legal span{margin-left:12px}
@media(max-width:1200px){.yh-shell-header-inner{padding:0 24px;gap:24px}.yh-shell-nav{gap:18px}.yh-shell-phone{display:none}.yh-shell-footer-main{gap:30px}.yh-shell-footer-grid{gap:20px}.yh-shell-footer-inner{padding:48px 24px 24px}}
@media(max-width:960px){.yh-shell-header-inner{height:72px;padding:0 20px}.yh-shell-logo img{width:128px;max-height:46px}.yh-shell-actions{margin-left:auto;gap:10px}.yh-shell-nav{display:none}.yh-shell-toggle{display:block}.yh-shell-mobile{padding:8px 24px 24px;border-top:1px solid #edf0f3;max-height:calc(100dvh - 72px);overflow:auto;background:white}.yh-shell-mobile a{display:block;padding:12px 0;border-bottom:1px solid #f1f3f6;font-size:15px}.yh-shell-mobile .yh-shell-mobile-phone{color:#ff7800}.yh-shell-footer-main{grid-template-columns:1fr;gap:32px}.yh-shell-footer-brand p{display:inline-block;margin-right:12px}.yh-shell-footer-grid{grid-template-columns:repeat(3,1fr);gap:28px}.yh-shell-footer-contact{grid-column:1/-1;border-left:0;border-top:1px solid #e4e8ef;padding:24px 0 0}.yh-shell-footer-platforms{flex-direction:column;gap:12px}.yh-shell-footer-col summary{cursor:pointer}}
@media(max-width:520px){.yh-shell-footer-inner{padding:36px 20px 24px}.yh-shell-footer-grid{grid-template-columns:1fr;gap:0}.yh-shell-footer-col{border-bottom:1px solid #e4e8ef;padding:14px 0}.yh-shell-footer-col summary{margin:0;display:flex;justify-content:space-between}.yh-shell-footer-col summary:after{content:"+";color:#87909d}.yh-shell-footer-col[open] summary:after{content:"−"}.yh-shell-footer-col ul{padding-top:16px}.yh-shell-footer-contact{margin-top:18px;border:0}.yh-shell-footer-legal span{display:block;margin-left:0}.yh-shell-footer-brand p{display:block}.yh-shell-footer-contact h3{margin-bottom:12px}}

/* Header geometry and typography match Doc/html/yuhu_Website. */
.yh-shell-header{position:fixed;top:0;left:0;right:0;height:calc(72px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);background:rgba(255,255,255,.82);backdrop-filter:blur(12px);border-bottom:1px solid rgba(23,26,33,.04);font-family:-apple-system,"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;transition:box-shadow .3s,background .3s}
.yh-shell-header.is-scrolled{background:#fff;box-shadow:0 8px 30px rgba(31,41,55,.07)}
.yh-shell-header-space{height:calc(72px + env(safe-area-inset-top))}
.yh-shell-header-inner{width:100%;max-width:1520px;height:72px;margin:0 auto;padding:0 38px;gap:16px;justify-content:space-between}
.yh-shell-logo img{height:36px;width:auto;max-width:160px;max-height:none}
.yh-shell-nav{flex:0 1 auto;justify-content:flex-start;gap:10px}
.yh-shell-nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;font-size:15px;font-weight:400;line-height:1.6;color:#333946;border-radius:6px;transition:color .2s}
.yh-shell-nav a:after{content:"";position:absolute;left:14px;right:14px;bottom:3px;width:auto;height:2px;border-radius:2px;background:#ff7800;transform:scaleX(0);transition:transform .25s}
.yh-shell-nav a[aria-current]:after,.yh-shell-nav a:hover:after{left:14px;bottom:3px;width:auto;height:2px;transform:scaleX(1)}
.yh-shell-actions{gap:12px}
.yh-shell-phone{display:flex;align-items:center;gap:6px;min-height:44px;font-size:14px;font-weight:400;color:#171a21}
.yh-shell-phone svg{color:#ff7800;flex-shrink:0}
.yh-shell-phone span{color:inherit;font-size:14px}
.yh-shell-actions .yh-shell-consult{min-height:36px;padding:0 16px;border-radius:10px;font-size:13px;font-weight:600}
@media(max-width:1200px){.yh-shell-phone span{display:none}.yh-shell-nav a{padding:8px 12px;font-size:14px}.yh-shell-nav{gap:10px}}
@media(max-width:1023px){.yh-shell-header-inner{padding-inline:clamp(20px,4vw,40px)}.yh-shell-nav{display:none}.yh-shell-toggle{display:block}.yh-shell-actions{margin-left:auto}.yh-shell-mobile{padding:8px 24px 24px;border-top:1px solid #edf0f3;max-height:calc(100dvh - 72px);overflow:auto;background:white}.yh-shell-mobile a{display:block;padding:12px 0;border-bottom:1px solid #f1f3f6;font-size:15px}.yh-shell-mobile .yh-shell-mobile-phone{color:#ff7800}}
@media(min-width:1024px){.yh-shell-nav{display:flex}.yh-shell-toggle{display:none}.yh-shell-mobile{display:none}}
@media(max-width:767px){.yh-shell-header{height:calc(56px + env(safe-area-inset-top))}.yh-shell-header-space{height:calc(56px + env(safe-area-inset-top))}.yh-shell-header-inner{height:56px}.yh-shell-actions .yh-shell-consult,.yh-shell-phone{display:none}.yh-shell-mobile{max-height:calc(100dvh - 56px)}}
/* Mobile navigation follows the reference right-hand drawer. */
body.yh-shell-menu-open{overflow:hidden}
.yh-shell-overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:1100;opacity:0;transition:opacity .3s;pointer-events:none}
.yh-shell-overlay.is-open{opacity:1;pointer-events:auto}
.yh-shell-overlay[hidden]{display:none}
@media(max-width:1023px){
.yh-shell-header:has(.yh-shell-toggle.is-open){z-index:1200;background:transparent;backdrop-filter:none;pointer-events:none;border-color:transparent}
.yh-shell-toggle{position:relative;z-index:1201;pointer-events:auto}
.yh-shell-toggle span{transition:transform .3s,opacity .3s}
.yh-shell-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.yh-shell-toggle.is-open span:nth-child(2){opacity:0}
.yh-shell-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.yh-shell-mobile{position:fixed;top:0;right:0;width:min(280px,85vw);height:100dvh;max-height:none;padding:calc(72px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom));z-index:1150;background:#fff;border:0;box-shadow:-8px 0 30px #00000014;display:flex;flex-direction:column;gap:8px;transform:translateX(100%);transition:transform .3s;overflow:auto;font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;box-sizing:border-box}
.yh-shell-mobile.is-open{transform:translateX(0)}
.yh-shell-mobile a{display:flex;align-items:center;min-height:48px;padding:0 0 0 12px;border:0;border-left:3px solid transparent;color:#171a21;text-decoration:none;font-size:16px;font-weight:500;flex-shrink:0}
.yh-shell-mobile a[aria-current]{border-left-color:#ff7800;color:#ff7800}
.yh-shell-mobile .yh-shell-mobile-phone{margin:16px 0 8px;padding:0;border:0;font-size:14px;color:#596273;min-height:44px}
.yh-shell-mobile .yh-shell-drawer-cta{justify-content:center;min-height:52px;padding:0 24px;border:0;border-radius:12px;background:linear-gradient(135deg,#ff9b3d,#ff6800);color:#fff;font-size:15px;font-weight:600}
}
@media(prefers-reduced-motion:reduce){.yh-shell-mobile,.yh-shell-overlay{transition:none}}

@media(max-width:1023px){
.yh-shell-header:has(.yh-shell-toggle.is-open){z-index:1001;background:rgba(255,255,255,.97);pointer-events:none}
.yh-shell-toggle.is-open{visibility:hidden}
.yh-shell-mobile{width:min(320px,88vw);padding:0;gap:0;overflow:hidden;line-height:1.6}
.yh-shell-drawer-head{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;min-height:calc(64px + env(safe-area-inset-top));padding:calc(10px + env(safe-area-inset-top)) 20px 10px;border-bottom:1px solid #edf0f4;background:#fff}
.yh-shell-drawer-head strong{font-size:16px;font-weight:600;color:#1c2330}
.yh-shell-drawer-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:10px;background:#f5f7fa;color:#697586;font-size:27px;line-height:1;cursor:pointer}
.yh-shell-drawer-links{padding:16px;display:grid;gap:4px;overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:0 1 auto}
.yh-shell-mobile .yh-shell-drawer-links a{min-height:48px;padding:10px 16px;border:0;border-radius:9px;font-size:15px;font-weight:500;line-height:1.6}
.yh-shell-mobile .yh-shell-drawer-links a[aria-current]{background:#fff2e3;color:#ef7600;border:0}
.yh-shell-mobile .yh-shell-drawer-links a:hover{background:#fff8f0}
.yh-shell-drawer-contact{flex-shrink:0;margin:8px 20px 0;padding:20px 0 calc(24px + env(safe-area-inset-bottom));border-top:1px solid #edf0f4}
.yh-shell-drawer-label{display:block;font-size:12px;color:#8b93a1;line-height:1.6}
.yh-shell-mobile .yh-shell-mobile-phone{display:flex;align-items:center;gap:9px;margin:3px 0 16px;min-height:36px;padding:0;border:0;color:#27303e;font-size:20px;font-weight:600;line-height:1.5}
.yh-shell-mobile .yh-shell-mobile-phone svg{color:#ff8600;flex-shrink:0}
.yh-shell-mobile .yh-shell-drawer-cta{min-height:46px;border-radius:10px;font-size:14px;padding:10px 16px}
.yh-shell-mobile a:focus-visible,.yh-shell-mobile button:focus-visible{outline:2px solid #ff8600;outline-offset:3px}
}
@media(max-height:650px) and (max-width:1023px){.yh-shell-drawer-links{padding:10px 16px;gap:0}.yh-shell-drawer-contact{padding-top:12px;padding-bottom:calc(16px + env(safe-area-inset-bottom));margin-top:0}.yh-shell-mobile .yh-shell-mobile-phone{margin-bottom:10px}}

/* Desktop contact number: readable grouping and a clear gap to the action. */
@media(min-width:1024px){.yh-shell-actions{gap:24px}.yh-shell-phone{gap:8px;font-weight:600;font-size:15px;line-height:1.4;font-variant-numeric:tabular-nums}.yh-shell-phone span{font-size:15px;letter-spacing:.2px}.yh-shell-phone svg{width:16px;height:16px;stroke-width:1.8}.yh-shell-phone:hover{color:#ee7400}}
