/* Approved community homepage. All rules stay inside this component. */
.huyou-home{--hhome-ink:#173541;--hhome-muted:#657f89;--hhome-mint:#b9eddf;--hhome-blue:#152c41;color:var(--hhome-ink);margin:0 0 36px;min-width:0}
.huyou-home *, .huyou-home *::before, .huyou-home *::after{box-sizing:border-box}
.huyou-home button{font:inherit;cursor:pointer;white-space:normal;-webkit-tap-highlight-color:transparent}
.huyou-home button:focus-visible,.huyou-home input:focus-visible{outline:3px solid #8cddcc;outline-offset:4px}
.huyou-home .hhome-hero{position:relative;isolation:isolate;overflow:hidden;min-height:870px;padding:44px 32px 36px;border-radius:32px;background:var(--hhome-blue);background-image:radial-gradient(ellipse at 85% 18%,#7178ab40,transparent 52%),radial-gradient(ellipse at 42% 110%,#51bea440,transparent 60%);color:#f4fbff;border:1px solid #57768240}
.huyou-home .hhome-hero::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(330px at var(--hhome-glow-x,70%) var(--hhome-glow-y,50%),#d3ffff13,transparent)}
.huyou-home .hhome-copy{position:relative;z-index:2;max-width:600px;margin:0 auto;text-align:center;pointer-events:none}
.huyou-home .hhome-copy button{pointer-events:auto}
.huyou-home .hhome-intro{margin:5px 0 18px;font-size:14px;line-height:1.5;color:#c3dce5}
.huyou-home .hhome-copy h1{font-size:clamp(42px,5.5vw,66px);font-weight:650;line-height:1.13;letter-spacing:-.045em;color:#f4fbff;margin:0;text-wrap:balance}
.huyou-home .hhome-english{font-size:16px;line-height:1.5;color:#a7d2d5;margin:17px 0 0}
.huyou-home .hhome-lede{font-size:15px;line-height:1.8;color:#c7d8e0;margin:19px 0 23px}
.huyou-home .hhome-actions{display:flex;justify-content:center;gap:12px}
.huyou-home .hhome-actions button{min-height:44px;padding:10px 20px;border:1px solid #d9f5f850;border-radius:30px;background:#ffffff0b;color:#ebf8fb;font-size:13px;font-weight:600}
.huyou-home .hhome-actions button:hover{background:#ffffff17;border-color:#b9eddf}
.huyou-home .hhome-actions button+button{background:#b9eddf;color:#173541;border-color:#b9eddf}
.huyou-home .hhome-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:22px 0 0}
.huyou-home .hhome-tabs button{min-height:44px;font-size:13px;line-height:1.4;padding:10px 15px;border-radius:24px;border:1px solid #d2eefc35;background:#ffffff09;color:#c5d8e2;transition:background 160ms,color 160ms,border-color 160ms}
.huyou-home .hhome-tabs button[aria-pressed=true]{background:#c4eff1;border-color:#c4eff1;color:#163b46}
.huyou-home .hhome-scene{position:absolute;inset:0;pointer-events:none;z-index:1;transform:translate(var(--hhome-px,0px),var(--hhome-py,0px));transition:transform 220ms ease-out}
.huyou-home .hhome-lines{position:absolute;left:15%;top:32%;width:70%;height:55%;opacity:.36;pointer-events:none}
.huyou-home .hhome-lines path{fill:none;stroke:#a1e2d2;stroke-width:1.2;stroke-dasharray:5 8}
.huyou-home .hhome-person{position:absolute;pointer-events:auto;width:155px;height:195px;border:1px solid #c0dae766;border-radius:25px;padding:6px;background:#29475a;color:#fff;text-align:left;box-shadow:0 20px 45px #07172740;transform:rotate(var(--hhome-tilt,0deg));transition:transform 240ms ease-out,outline-color 160ms;overflow:visible}
.huyou-home .hhome-person-1{left:4%;top:180px;--hhome-tilt:-10deg}
.huyou-home .hhome-person-2{right:4%;top:225px;--hhome-tilt:10deg}
.huyou-home .hhome-person-3{left:8%;bottom:130px;width:150px;height:170px;--hhome-tilt:-6deg}
.huyou-home .hhome-person img{width:100%;height:100%;display:block;object-fit:cover;border-radius:19px}
.huyou-home .hhome-person-label{position:absolute;left:13px;right:13px;bottom:13px;display:block;padding:10px;background:#19364ae8;border:1px solid #dff5ff35;border-radius:12px;backdrop-filter:blur(8px)}
.huyou-home .hhome-person strong{display:block;font-size:13px;line-height:1.55;font-weight:650;color:#fff}
.huyou-home .hhome-person small{display:block;font-size:11px;line-height:1.5;color:#c4f2e7;max-height:0;overflow:hidden;opacity:0;transition:max-height 200ms ease-out,opacity 180ms}
.huyou-home .hhome-person.is-open,.huyou-home .hhome-person:focus-visible{transform:rotate(0deg) translateY(-7px);outline:2px solid #b9eddf;outline-offset:4px}
.huyou-home .hhome-person.is-open small,.huyou-home .hhome-person:focus-visible small{max-height:70px;opacity:1;margin-top:5px}
.huyou-home .hhome-form{position:absolute;inset:390px 0 40px;z-index:3;pointer-events:none;margin:0}
.huyou-home .hhome-field{position:absolute;pointer-events:auto;width:290px;display:block;padding:17px 19px 18px;background:#26495d;border:1px solid #b9d7dd80;border-radius:19px;box-shadow:0 12px 30px #0e243a30;font-weight:400}
.huyou-home .hhome-field>span{display:flex;flex-wrap:wrap;gap:4px 9px;align-items:center;font-size:13px;color:#c9eee7;line-height:1.5;font-weight:600;margin-bottom:10px}
.huyou-home .hhome-field small{font-size:11px;color:#afcbd3;font-weight:400}
.huyou-home .hhome-field input{display:block;appearance:none;width:100%;max-width:100%;min-height:36px;font:inherit;font-size:15px;line-height:1.5;background:transparent;color:#fff;border:0;outline:0;border-radius:0;padding:0;margin:0;box-shadow:none}
.huyou-home .hhome-field input::placeholder{color:#b0cad4;opacity:1;font-size:13px}
.huyou-home .hhome-field:focus-within{outline:2px solid #b9eddf;outline-offset:4px}
.huyou-home .hhome-field input:focus-visible{outline:0}
.huyou-home .hhome-offer{left:28%;bottom:233px}
.huyou-home .hhome-want{right:11%;bottom:125px}
.huyou-home .hhome-form-action{position:absolute;bottom:0;left:30%;right:24%;pointer-events:auto;text-align:center}
.huyou-home .hhome-form-action button{display:flex;align-items:center;justify-content:center;gap:23px;width:100%;min-height:62px;padding:15px 22px;color:#173b42;background:#b9eddf;border:1px solid #b9eddf;border-radius:99px;box-shadow:0 8px 26px #8ee4d331;font-size:19px;line-height:1.35;font-weight:750;transition:background 160ms,transform 160ms}
.huyou-home .hhome-form-action button:hover{background:#d0faed;transform:translateY(-2px)}
.huyou-home .hhome-main-arrow{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:33px;height:33px;color:#235a56}
.huyou-home .hhome-main-arrow svg{width:33px;height:33px}
.huyou-home .hhome-status{font-size:12px;color:#c0dbe4;line-height:1.6;margin:10px 0 0;min-height:38px}
.huyou-home .hhome-scene-note{position:absolute;left:25px;bottom:13px;max-width:225px;margin:0;font-size:10px;line-height:1.6;color:#b1c7d1;z-index:2}
.huyou-home .hhome-activities{margin:40px 0 0}
.huyou-home .hhome-heading h2{font-size:27px;line-height:1.35;margin:0 0 8px;color:var(--hhome-ink);font-weight:650;letter-spacing:-.025em}
.huyou-home .hhome-heading p{margin:0;font-size:14px;line-height:1.7;color:var(--hhome-muted)}
.huyou-home .hhome-activity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:22px}
.huyou-home .hhome-activity{position:relative;display:block;width:100%;height:230px;min-width:0;padding:0;border:0;border-radius:23px;overflow:hidden;background:#254654;text-align:left;box-shadow:none}
.huyou-home .hhome-activity img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 320ms ease-out}
.huyou-home .hhome-activity>span{position:absolute;left:0;right:0;bottom:0;display:block;padding:50px 17px 20px;background:linear-gradient(transparent,#112d42f2);color:#fff}
.huyou-home .hhome-activity strong{display:block;color:#fff;font-size:18px;font-weight:650;line-height:1.5}
.huyou-home .hhome-activity small{display:block;color:#d8e6ec;font-size:11px;line-height:1.6;margin-top:6px}
.huyou-home .hhome-section-note{font-size:12px;color:var(--hhome-muted);line-height:1.7;margin:14px 0 0}
.huyou-home .hhome-stories{margin-top:38px}
.huyou-home .hhome-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:23px}
.huyou-home .hhome-story{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:16px 9px;align-items:center;min-width:0;width:100%;padding:23px 18px 19px;text-align:left;border:1px solid #d3e2e6;border-radius:22px;background:linear-gradient(145deg,#fff,#f4faf9);color:#214652;box-shadow:none;transition:border-color 180ms,box-shadow 180ms}
.huyou-home .hhome-story-side{display:flex;flex-direction:column;gap:8px;min-width:0}
.huyou-home .hhome-story-side:nth-of-type(3){text-align:right}
.huyou-home .hhome-story-side small{font-size:11px;color:#667f89;line-height:1.5}
.huyou-home .hhome-story-side strong{font-size:16px;color:#254753;line-height:1.5;font-weight:650;overflow-wrap:anywhere}
.huyou-home .hhome-story-side em{font-size:11px;font-style:normal;line-height:1.5;color:#577982}
.huyou-home .hhome-exchange-symbol{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid #93bdb6;background:#e5f3ee;color:#347f73;box-shadow:0 0 0 5px #edf7f3}
.huyou-home .hhome-exchange-symbol svg{width:29px;height:29px;transition:transform 320ms ease-out}
.huyou-home .hhome-story-note{grid-column:1/-1;border-top:1px solid #dbe8e9;padding-top:13px;font-size:12px;line-height:1.7;color:#657f89}
.huyou-home[data-home-language=en] .hhome-copy{max-width:575px}
.huyou-home[data-home-language=en] .hhome-copy h1{font-size:clamp(38px,4.9vw,57px);line-height:1.15;letter-spacing:-.035em}
.huyou-home[data-home-language=en] .hhome-person strong{font-size:12px}
.huyou-home[data-home-language=en] .hhome-field{width:305px}
.huyou-home[data-home-language=en] .hhome-form-action button{font-size:17px}
@media(hover:hover) and (pointer:fine){.huyou-home .hhome-person:hover{transform:rotate(0deg) translateY(-7px);outline:2px solid #b9eddf;outline-offset:4px}.huyou-home .hhome-person:hover small{max-height:70px;opacity:1;margin-top:5px}.huyou-home .hhome-activity:hover img{transform:scale(1.04)}.huyou-home .hhome-story:hover{border-color:#7aaba6;box-shadow:0 10px 24px #24485810}.huyou-home .hhome-story:hover .hhome-exchange-symbol svg{transform:rotate(180deg)}}
@media(max-width:950px) and (min-width:761px){.huyou-home .hhome-hero{padding-top:35px}.huyou-home .hhome-copy{max-width:470px}.huyou-home .hhome-copy h1{font-size:54px}.huyou-home .hhome-person{width:127px;height:165px}.huyou-home .hhome-person-1{left:3%;top:190px}.huyou-home .hhome-person-2{right:3%;top:240px}.huyou-home .hhome-person-3{left:7%;height:155px;bottom:140px}.huyou-home .hhome-person-label{left:9px;right:9px;bottom:10px;padding:8px}.huyou-home .hhome-person strong{font-size:11px}.huyou-home .hhome-field,.huyou-home[data-home-language=en] .hhome-field{width:270px}.huyou-home .hhome-offer{left:29%}.huyou-home .hhome-want{right:8%}.huyou-home .hhome-form-action{left:29%;right:15%}.huyou-home .hhome-activity-grid{gap:12px}.huyou-home .hhome-activity strong{font-size:16px}.huyou-home .hhome-story-grid{gap:12px}.huyou-home .hhome-story{padding-left:14px;padding-right:14px;gap:14px 7px}.huyou-home .hhome-story-side strong{font-size:14px}}
@media(max-width:760px){
  .huyou-home{margin-bottom:30px}
  .huyou-home .hhome-hero{min-height:0;padding:28px 20px 22px;border-radius:25px}
  .huyou-home .hhome-copy{max-width:none}
  .huyou-home .hhome-intro{font-size:12px;margin:3px 0 17px}
  .huyou-home .hhome-copy h1{font-size:clamp(36px,10.7vw,49px);line-height:1.15;letter-spacing:-.05em}
  .huyou-home .hhome-english{font-size:12px;margin:14px 0 0}
  .huyou-home .hhome-lede{font-size:13px;line-height:1.85;margin:16px 0 20px}
  .huyou-home .hhome-actions{gap:8px}
  .huyou-home .hhome-actions button{font-size:12px;padding:10px 13px;min-width:0}
  .huyou-home .hhome-tabs{gap:6px;margin-top:20px}
  .huyou-home .hhome-tabs button{font-size:12px;padding:10px 13px}
  .huyou-home .hhome-scene{position:relative;inset:auto;width:100%;height:330px;margin:22px 0 10px;transform:none}
  .huyou-home .hhome-lines{left:0;top:0;width:100%;height:100%}
  .huyou-home .hhome-person{width:128px;height:160px}
  .huyou-home .hhome-person-1{left:2%;top:15px}
  .huyou-home .hhome-person-2{right:0;top:48px}
  .huyou-home .hhome-person-3{left:12%;bottom:0;width:120px;height:132px;top:auto}
  .huyou-home .hhome-person-label{left:9px;right:9px;bottom:10px;padding:8px}
  .huyou-home .hhome-person strong{font-size:11px;line-height:1.45}
  .huyou-home .hhome-person small{font-size:10px}
  .huyou-home .hhome-form{position:relative;inset:auto;display:grid;gap:12px;pointer-events:auto}
  .huyou-home .hhome-field,.huyou-home[data-home-language=en] .hhome-field{position:relative;inset:auto;width:100%;padding:15px 16px;border-radius:17px}
  .huyou-home .hhome-field>span{font-size:13px;gap:2px 8px;margin-bottom:7px}
  .huyou-home .hhome-field small{font-size:10px}
  .huyou-home .hhome-field input{font-size:16px;min-height:35px}
  .huyou-home .hhome-field input::placeholder{font-size:12px}
  .huyou-home .hhome-form-action{position:relative;inset:auto;margin-top:3px}
  .huyou-home .hhome-form-action button{min-height:60px;font-size:18px;padding:15px;gap:20px}
  .huyou-home .hhome-status{font-size:11px;min-height:18px;margin-top:10px}
  .huyou-home .hhome-scene-note{position:relative;inset:auto;max-width:none;text-align:center;margin-top:17px;font-size:9px;line-height:1.7}
  .huyou-home .hhome-activities{margin-top:31px}
  .huyou-home .hhome-heading h2{font-size:23px;margin-bottom:7px}
  .huyou-home .hhome-heading p{font-size:13px}
  .huyou-home .hhome-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
  .huyou-home .hhome-activity{height:205px;border-radius:20px}
  .huyou-home .hhome-activity>span{padding:45px 12px 15px}
  .huyou-home .hhome-activity strong{font-size:16px}
  .huyou-home .hhome-activity small{font-size:11px;line-height:1.6}
  .huyou-home .hhome-section-note{font-size:11px;line-height:1.75;margin-top:12px}
  .huyou-home .hhome-stories{margin-top:31px}
  .huyou-home .hhome-story-grid{grid-template-columns:1fr;gap:12px;margin-top:18px}
  .huyou-home .hhome-story{padding:21px 19px;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:14px 10px}
  .huyou-home .hhome-story-side strong{font-size:18px}
  .huyou-home .hhome-story-side small,.huyou-home .hhome-story-side em{font-size:12px}
  .huyou-home .hhome-story-note{font-size:12px}
  .huyou-home[data-home-language=en] .hhome-copy h1{font-size:clamp(33px,9.5vw,43px)}
  .huyou-home[data-home-language=en] .hhome-tabs{gap:5px}
  .huyou-home[data-home-language=en] .hhome-tabs button{padding:10px 10px;font-size:11px}
  .huyou-home[data-home-language=en] .hhome-person strong{font-size:10px}
  .huyou-home[data-home-language=en] .hhome-person small{font-size:9px}
}
@media(max-width:360px){.huyou-home .hhome-hero{padding-left:16px;padding-right:16px}.huyou-home .hhome-person{width:112px;height:147px}.huyou-home .hhome-person-3{width:110px;height:130px}.huyou-home .hhome-scene{height:310px}.huyou-home .hhome-tabs button{padding:10px 10px;font-size:11px}.huyou-home .hhome-form-action button{font-size:17px}}
@media(prefers-reduced-motion:reduce){.huyou-home *{animation:none!important;transition:none!important}.huyou-home .hhome-scene{transform:none!important}.huyou-home .hhome-person:hover,.huyou-home .hhome-person.is-open,.huyou-home .hhome-person:focus-visible{transform:rotate(0deg)}.huyou-home .hhome-form-action button:hover,.huyou-home .hhome-activity:hover img,.huyou-home .hhome-story:hover .hhome-exchange-symbol svg{transform:none}}