/* Source: the existing YOOAN theme.json palette; no new brand colours. */
:root{--yb-orange:#F5A20E;--yb-cream:#FBF7E9;--yb-ink:#0E1733;--yb-blue:#316387}
.wp-block-site-title .yooan-english-logo{display:block;width:116px;height:auto;max-width:100%;overflow:hidden}
.yooan-footer .wp-block-site-title .yooan-english-logo{width:180px}
.yooan-footer__logo{margin-bottom:0!important}
.yooan-footer__heritage{display:grid;width:180px;gap:4px;margin:0 0 clamp(28px,3vw,42px);color:var(--yb-cream);font-family:var(--wp--preset--font-family--display);text-align:center}
.yooan-footer__heritage>span{color:#FBF7E999;font-family:var(--wp--preset--font-family--spec);font-size:.58rem;font-weight:650;line-height:1;letter-spacing:.18em}
.yooan-footer__heritage strong{display:flex;align-items:baseline;justify-content:center;gap:7px;font-size:1.02rem;font-weight:680;line-height:1;letter-spacing:.08em}
.yooan-footer__heritage strong b{color:var(--yb-orange);font-size:2.25rem;font-weight:520;letter-spacing:-.055em}
.yooan-footer__socials.yooan-social-strip{display:flex;min-height:64px;align-items:center;gap:clamp(18px,3vw,44px);margin:0;padding:0;list-style:none}
.yooan-social-strip li{display:flex;margin:0;padding:0}
.yooan-social-strip a,.has-ink-background-color .yooan-social-strip a{display:grid;width:42px;height:48px;padding:0!important;border:0!important;border-radius:0!important;place-items:center;color:#FBF7E9DE!important;background:transparent!important;box-shadow:none!important;text-decoration:none;transition:color .2s ease,transform .25s cubic-bezier(.16,1,.3,1)}
.yooan-social-strip a:hover,.yooan-social-strip a:focus-visible{color:var(--yb-orange)!important;transform:translateY(-4px)}
.yooan-social-strip svg{display:block;width:32px;height:32px;overflow:visible;fill:currentColor;stroke:none}
.yooan-social-strip svg.is-stroked{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.yooan-social-strip svg .is-filled{fill:currentColor;stroke:none}.yooan-social-strip svg .is-cutout{fill:var(--yb-ink);stroke:none}
.wp-block-site-title:has(.yooan-english-logo) a{display:inline-block;line-height:0}
.yooan-outline,.yooan-partners,.yooan-partners *,.yooan-inline-enquiry,.yooan-inline-enquiry *{box-sizing:border-box}
.yooan-footer{background:var(--yb-ink)!important;position:relative;isolation:isolate;overflow:hidden}
.yooan-footer:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(85% 65% at 8% 22%,#31638730 0%,#31638700 72%),radial-gradient(80% 65% at 92% 68%,#F5A20E10 0%,#F5A20E00 68%),linear-gradient(145deg,#0B132C 0%,#0E1733 48%,#132341 100%);pointer-events:none}
.yooan-outline{position:relative;isolation:isolate;width:100vw;max-width:none!important;margin:clamp(16px,2vw,30px) calc(50% - 50vw) 0!important;overflow:hidden;padding:clamp(18px,2vw,30px) clamp(18px,3.6vw,58px) clamp(8px,1.2vw,18px);background:transparent;border:0;box-shadow:none;line-height:0}
.yooan-outline__svg{display:block;width:100%;height:auto;overflow:visible;touch-action:pan-y}
.yooan-outline use{fill:none}.yooan-outline path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.yooan-outline__base{stroke:#F5A20E8A;stroke-width:1.18;filter:drop-shadow(0 0 1px #F5A20E40)}
.yooan-outline__draw{stroke:var(--yb-orange);stroke-width:1.45;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 2px #F5A20E55)}
.yooan-outline.is-visible .yooan-outline__draw{animation:yooan-outline-draw 3.4s cubic-bezier(.65,0,.2,1) forwards}
.yooan-outline__shine{stroke-width:2.4;opacity:0;filter:drop-shadow(0 0 4px #FFF0B8) drop-shadow(0 0 10px #F5A20E);transition:opacity .3s}.yooan-outline:hover .yooan-outline__shine{opacity:1}
@keyframes yooan-outline-draw{to{stroke-dashoffset:0}}
.yooan-native-products .wp-block-image{margin:0 0 24px}.yooan-native-products .wp-block-image img{width:100%;height:340px;object-fit:cover;border-radius:2px}
.yooan-partners{--yooan-partner-gap:clamp(42px,5vw,86px);overflow:hidden;background:var(--yb-cream);color:var(--yb-ink);padding:clamp(62px,8vw,112px) 0 clamp(68px,8vw,108px)}
.yooan-partners__heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,520px);gap:20px clamp(36px,7vw,120px);align-items:end;width:min(1250px,89vw);margin:0 auto clamp(44px,5vw,72px)}
.yooan-partners__heading .is-style-yooan-eyebrow{grid-column:1/-1;margin:0;color:#68708A}
.yooan-partners__heading h2{margin:0;color:var(--yb-ink);font-size:clamp(42px,5.5vw,78px);font-weight:500;line-height:.95;letter-spacing:-.055em}
.yooan-partners__heading>p:last-child{max-width:480px;margin:0 0 4px;color:#586078;font-size:clamp(13px,1.2vw,16px);line-height:1.65}
.yooan-partners__marquee{position:relative;width:100%;overflow:hidden;padding:15px 0;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.yooan-partners__track{display:flex;width:max-content;will-change:transform;animation:yooan-partners-scroll 32s linear infinite}
.yooan-partners__group{display:flex;flex:none;align-items:center;gap:var(--yooan-partner-gap);margin:0;padding:0 var(--yooan-partner-gap) 0 0;list-style:none}
.yooan-partners__group li{display:grid;flex:0 0 clamp(120px,11vw,172px);height:92px;margin:0;padding:0;place-items:center;background:transparent;transition:transform .25s ease}
.yooan-partners__group img{display:block;width:100%;height:78px;object-fit:contain;filter:grayscale(1);opacity:.66;transition:filter .25s ease,opacity .25s ease}
.yooan-partners__group li:hover{transform:translateY(-3px)}
.yooan-partners__group li:hover img{filter:none;opacity:1}
.yooan-partners__marquee:hover .yooan-partners__track,.yooan-partners__marquee:focus-within .yooan-partners__track{animation-play-state:paused}
@keyframes yooan-partners-scroll{to{transform:translateX(-50%)}}
.yooan-inline-enquiry{background:var(--yb-ink);color:var(--yb-cream);padding:clamp(45px,6vw,90px) clamp(20px,5vw,75px);scroll-margin-top:110px}
.yooan-inline-enquiry__inner{max-width:1250px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:8vw}.yooan-inline-enquiry h2{color:var(--yb-cream)!important;font-size:clamp(32px,4.5vw,60px);line-height:1.08;margin:20px 0}.yooan-inline-enquiry p{color:#FBF7E9CC}.yooan-inline-enquiry .is-style-yooan-eyebrow{color:var(--yb-orange)}
.yooan-partner-inline{font:inherit;font-size:14px;background:none;color:var(--yb-cream);border:0;border-bottom:1px solid var(--yb-orange);padding:10px 0;cursor:pointer;margin-top:28px;text-align:left}
.yooan-enquiry-form label{display:block;font-size:12px;margin-bottom:18px}.yooan-enquiry-form input,.yooan-enquiry-form select,.yooan-enquiry-form textarea{box-sizing:border-box;display:block;width:100%;font:inherit;font-size:15px;padding:12px 0;background:transparent;color:var(--yb-cream);border:0;border-bottom:1px solid #FBF7E960;border-radius:0;margin-top:5px}.yooan-enquiry-form option{color:var(--yb-ink);background:var(--yb-cream)}.yooan-enquiry-form textarea{resize:vertical}.yooan-enquiry-form input::placeholder,.yooan-enquiry-form textarea::placeholder{color:#FBF7E999}.yooan-enquiry-form .wp-element-button{background:var(--yb-orange);color:var(--yb-ink);border:0;cursor:pointer;padding:14px 25px}.yooan-enquiry-note,.yooan-enquiry-status{font-size:11px}.yooan-enquiry-form :focus-visible,.yooan-partner-inline:focus-visible{outline:2px solid var(--yb-orange);outline-offset:4px}
@media(max-width:900px){.yooan-partners__heading{display:block}.yooan-partners__heading h2{margin:15px 0 18px}.yooan-partners__heading>p:last-child{max-width:560px}}
@media(max-width:700px){.yooan-partners{--yooan-partner-gap:28px;padding:60px 0}.yooan-partners__heading{display:block;width:88vw;margin-bottom:34px}.yooan-partners__heading h2{margin:15px 0 18px;font-size:46px}.yooan-partners__heading>p:last-child{font-size:13px}.yooan-partners__marquee{mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.yooan-partners__track{animation-duration:24s}.yooan-partners__group li{flex-basis:124px;height:80px}.yooan-partners__group img{height:68px}.yooan-inline-enquiry__inner{grid-template-columns:1fr;gap:35px}.yooan-native-products .wp-block-image img{height:290px}.yooan-outline{margin-top:12px!important;padding:18px 14px 6px}.yooan-footer__heritage{width:180px}.yooan-footer__socials.yooan-social-strip{width:100%;gap:clamp(12px,4vw,24px);justify-content:space-between}.yooan-social-strip a,.has-ink-background-color .yooan-social-strip a{width:40px;height:44px}.yooan-social-strip svg{width:29px;height:29px}}
@media(prefers-reduced-motion:reduce){.yooan-outline__draw{animation:none!important;stroke-dashoffset:0}.yooan-outline__shine{transition:none}.yooan-partners__marquee{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.yooan-partners__track{animation:none!important}.yooan-partners__group[aria-hidden="true"]{display:none}}

/* 2026-09-19 homepage restructure */
.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}
.yh-hero__proof a{color:inherit;text-decoration:underline;text-underline-offset:.22em}
.yh-hero__proof a:hover{text-decoration-thickness:2px}

/* 2026-09-19 r2 · Logo wall overlap fix. Safari sized each group from the <img> width
   attribute (120px) instead of the li flex-basis, so the group box came out shorter than
   its logos and the duplicate group started two slots early (Dulux under TAIWANGLASS,
   HOPPE under Wehag). Explicit widths make the group width deterministic in every engine. */
.yooan-partners__group{width:max-content}
.yooan-partners__group li{flex:none;width:clamp(120px,11vw,172px);min-width:0}
@media(max-width:700px){.yooan-partners__group li{width:124px}}

/* Component Partners copy · Plan B (2026-09-19): shorter H2, balanced 2-line wrap, disclaimer moved below logo wall */
.yooan-partners__heading h2{max-width:15ch;text-wrap:balance}
.yooan-partners__note{width:min(1250px,89vw);margin:clamp(24px,3vw,32px) auto 0;color:#68708A;font-size:13px;line-height:1.5}
@media(max-width:700px){.yooan-partners__note{width:88vw;font-size:12px}}

/* 2026-09-27 · footer badge: "Since 2006" only (the auto-counting "20 years" line was removed) */
.yooan-footer__heritage--since{width:auto;max-width:220px;text-align:left}.yooan-footer__heritage--since strong{justify-content:flex-start;font-size:.7rem;font-weight:600;letter-spacing:.1em;line-height:1.35;text-transform:uppercase;color:#FBF7E9CC}

/* 2026-10-02 首页尾部：两个明确入口取代 mailto 表单 */
.yooan-enquiry-actions{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:22px}
.yooan-enquiry-actions .yooan-partner-inline{display:inline-block;text-decoration:none}