.community-home{--brand-heading:#2f60a2;--brand-primary:#f28d00;--brand-soft:#fef4e3;--brand-link:#2f60a2;--muted:#78808b;background:#fff;color:#484848;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;line-height:1.65}.community-home *{box-sizing:border-box}.community-home a{color:inherit;text-decoration:none}.community-home button,.community-home input,.community-home select{font:inherit}.community-home a,.community-home button,.community-home select{touch-action:manipulation}.community-home a:focus-visible,.community-home button:focus-visible,.community-home input:focus-visible,.community-home select:focus-visible{outline:3px solid #f28d00;outline-offset:4px}.site-header{background:#ffffffed;border-bottom:1px solid #e9ece5;position:relative;z-index:20}.header-inner{align-items:center;display:flex;gap:30px;justify-content:space-between;margin:auto;max-width:1240px;min-height:60px;padding:0 28px}.brand{align-items:center;color:var(--brand-heading)!important;display:inline-flex;font-size:21px;font-weight:800;gap:8px;letter-spacing:2px;white-space:nowrap}.brand img{height:36px;-o-object-fit:contain;object-fit:contain;width:36px}.header-inner nav{display:flex;font-size:15px;font-weight:600;gap:38px}.header-inner nav .active,.header-inner nav a:hover{color:var(--brand-link)}.menu-toggle{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:none;flex-shrink:0;font-size:24px;height:38px;justify-content:center;padding:0;width:38px}.header-actions{align-items:center;display:flex;gap:20px}.load-error button{background:#fef4e3;border:0;border-radius:6px;color:var(--brand-heading);cursor:pointer;padding:5px 12px}.home-hero{background:#fef4e3;overflow:hidden;padding:24px 0}.hero-inner{align-items:stretch;display:grid;grid-template-columns:47% 53%;margin:auto;max-width:1300px;min-height:350px}.hero-copy{padding:39px 20px 43px 56px;z-index:1}.eyebrow{color:#a66812;font-size:12px;letter-spacing:3px}.hero-copy h1{color:#2f60a2;font-size:clamp(30px,3.3vw,45px);font-weight:800;letter-spacing:3px;line-height:1.4;margin:12px 0 14px;white-space:pre-line}.hero-copy p{color:#65768a;font-size:17px;letter-spacing:1px;margin:0 0 24px;white-space:pre-line}.hero-buttons{display:flex;flex-wrap:wrap;gap:20px}.outline-button,.primary-button{align-items:center;border:1px solid var(--brand-link);border-radius:13px;display:inline-flex;font-size:14px;font-weight:600;gap:15px;justify-content:center;padding:9px 25px}.primary-button{background:var(--brand-link);color:#fff!important}.outline-button{color:var(--brand-link)!important}.hero-visual{margin-left:-20px;min-height:340px;position:relative}.hero-visual>img{border-radius:48% 0 0 4%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 70%;object-position:center 70%;width:100%}.hero-visual:after{background:linear-gradient(0deg,#163c2352,transparent 70%);border-radius:48% 0 0 4%;content:"";inset:0;position:absolute}.hero-caption{align-items:center;bottom:28px;color:#fff;display:flex;font-size:17px;gap:12px;letter-spacing:2px;position:absolute;right:35px;z-index:1}.hero-caption small{display:block;font-size:9px;letter-spacing:3px;margin-top:5px}.floating-leaf{background:#f8d9a8;border-radius:70% 0;height:75px;position:absolute;transform:rotate(-20deg);width:53px;z-index:2}.leaf-one{left:-25px;top:40px}.leaf-two{height:42px;right:20px;top:30px;transform:rotate(100deg);width:30px}.home-content{margin:auto;max-width:1240px;padding:0 30px}.content-section{margin:30px 0 0;scroll-margin-top:24px}.section-heading{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:15px}.community-home h2{color:var(--brand-heading);font-size:23px;font-weight:750;letter-spacing:1px;line-height:1.4;margin:0}.leaf{color:#f28d00;display:inline-block;font-size:19px;margin-right:3px;transform:rotate(-35deg)}.section-heading p{color:#7d8793;font-size:13px;margin:5px 0 0}.rail-hint{align-items:center;color:var(--brand-link);display:flex;font-size:13px;gap:14px;white-space:nowrap}.rail-wrap{position:relative}.content-rail{display:grid;gap:20px;grid-auto-columns:calc(33.33333% - 13.33333px);grid-auto-flow:column;overflow-x:auto;padding:2px 1px 8px;scroll-snap-type:x mandatory;scrollbar-width:none}.content-rail::-webkit-scrollbar{display:none}.content-rail>a{scroll-snap-align:start}.rail-arrow{background:#fff;border:1px solid #e2e6ed;border-radius:50%;box-shadow:0 2px 6px #233b1910;color:#4a5a6b;cursor:pointer;display:grid;font-size:23px;height:32px;place-items:center;position:absolute;top:47%;transform:translateY(-50%);width:32px;z-index:3}.rail-arrow.previous{left:-20px}.rail-arrow.next{right:-20px}.featured-card{background:#e6ebf1;border-radius:18px;height:440px;isolation:isolate;overflow:hidden;position:relative}.featured-card>img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;transition:transform .3s;width:100%}.featured-card:hover>img{transform:scale(1.035)}.featured-shade{background:linear-gradient(180deg,transparent 40%,rgba(15,29,30,.08) 52%,rgba(15,29,30,.76));inset:0;pointer-events:none;position:absolute}.featured-info{align-items:flex-start;color:#fff;display:flex;flex-direction:column;inset:auto 24px 24px;position:absolute}.featured-location{background:#fff;border-radius:30px;color:#2f60a2;font-size:12px;font-weight:700;margin-bottom:16px;max-width:100%;overflow:hidden;padding:4px 14px;text-overflow:ellipsis;white-space:nowrap}.featured-link-arrow{background:#fff;border-radius:50%;bottom:0;color:#2f60a2;display:grid;font-size:21px;height:44px;place-items:center;position:absolute;right:0;transition:transform .2s;width:44px}.featured-card:focus-visible .featured-link-arrow,.featured-card:hover .featured-link-arrow{transform:translate(3px)}.role-badge{background:#4f8040;border-radius:20px;color:#fff;display:inline-block;font-size:12px;letter-spacing:1px;padding:3px 13px}.role-badge.orange{background:#e39843}.role-badge.blue{background:#607fa5}.featured-info>p{font-size:13px;line-height:1.7;margin:14px 0 0;min-height:3.4em;overflow:hidden;white-space:normal;width:calc(100% - 60px)}.featured-info .featured-name,.featured-info>p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.featured-info .featured-name{font-size:23px;font-weight:700;line-height:1.4;overflow:hidden}.featured-name>span{color:#ffffffd9;font-size:17px;font-weight:400;margin-left:6px}.article-rail{grid-auto-columns:calc(25% - 15px)}.article-card,.partner-card,.person-card{background:#fff;border:1px solid #e5e9ef;border-radius:11px;overflow:hidden;transition:box-shadow .2s}.article-card:hover,.partner-card:hover,.person-card:hover{box-shadow:0 5px 18px #234a2314}.article-image{background:#edf2e8;height:146px;position:relative}.article-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.article-image .role-badge{border-radius:6px;font-size:11px;left:10px;padding:2px 7px;position:absolute;top:10px}.article-copy{padding:12px 14px}.community-home h3{font-size:16px;font-weight:650;line-height:1.5;margin:0}.article-copy h3,.article-copy p,.partner-copy p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-copy p{color:#78808b;font-size:12px;margin:7px 0 16px;min-height:38px}.article-meta{color:#8c929c;display:flex;font-size:11px;gap:6px;justify-content:space-between}.partner-rail,.people-rail{gap:18px;grid-auto-columns:calc(20% - 14.4px)}.person-image{background:#f6f8fb;height:195px;overflow:hidden}.person-image img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;width:100%}.person-copy{padding:10px 13px 12px}.person-copy h3 small{font-size:12px;font-weight:400}.person-copy p{color:#738092;font-size:12px;margin:5px 0 9px}.person-tag{background:#fef4e3;border-radius:5px;color:#99621c;font-size:10px;padding:3px 6px}.visit-label{color:#62748a;float:right;font-size:10px;padding-top:3px}.partner-image{background:#f6f8fb;height:150px;overflow:hidden}.partner-image img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.partner-copy{padding:10px 13px 12px}.partner-copy h3{font-size:14px}.partner-copy h3 span{color:#91a087}.partner-copy p{color:#738092;font-size:12px;margin:6px 0}.partner-copy small{color:#8b94a0;font-size:10px}.section-empty{background:linear-gradient(100deg,#fff8ee,#fffdf9);border:1px dashed #efe1cc;border-radius:10px;color:#8c7c65;font-size:14px;grid-column:1/-1;min-width:100%;padding:26px}.content-rail:has(>.section-empty){display:block}.about-section{align-items:center;display:grid;gap:30px;grid-template-columns:1.1fr 1fr .65fr;margin-top:8px;padding:40px 0 32px}.about-section p{color:#6b7b8e;font-size:13px;line-height:1.9;margin:12px 0 0}.community-stats{display:flex;gap:20px;justify-content:space-around}.community-stats strong{color:var(--brand-link);display:block;font-size:30px;font-weight:650}.community-stats span{color:#6e7e94;font-size:12px}.about-art{align-items:center;background:#fef4e3;border-radius:65% 40% 10% 15%;color:#2f60a2;display:flex;flex-direction:column;height:130px;justify-content:center}.about-art .q-icon{font-size:70px}.about-art span{font-size:11px;letter-spacing:1px}.home-footer{background:linear-gradient(110deg,#fff8ed,#fef4e3);border-top:1px solid #eff2e9;padding:30px}.footer-inner{display:grid;gap:45px;grid-template-columns:1.2fr 1fr 1fr 1.3fr;margin:auto;max-width:1180px}.footer-inner>div+div{border-left:1px solid #eadfcf;padding-left:35px}.footer-inner .brand{font-size:21px}.footer-inner .brand img{height:34px;width:34px}.footer-inner p,.footer-inner>div>a:not(.brand){color:#6a7a8d;display:block;font-size:12px;margin:5px 0}.footer-inner h3{color:var(--brand-heading);font-size:14px;margin-bottom:10px}.footer-bottom{color:#7e8b9b;display:flex;font-size:11px;justify-content:space-between;margin:25px auto 0;max-width:1180px}.footer-bottom a{background:#fce7c8;border-radius:20px;padding:4px 13px}.load-error{align-items:center;background:#fff5e5;border-radius:8px;display:flex;font-size:14px;gap:15px;margin-top:20px;padding:15px}.people-anchor{scroll-margin-top:20px}@media (min-width:1500px){.hero-inner{max-width:1360px}.hero-copy{padding-left:88px}}@media (max-width:1000px){.header-inner{flex-wrap:wrap;gap:16px;padding:14px 22px}.header-inner nav{font-size:14px;gap:36px;justify-content:center;order:3;width:100%}.hero-copy{padding:35px 24px}.hero-copy h1{font-size:32px}.hero-copy p{font-size:14px}.hero-caption{font-size:12px;right:18px}.partner-rail,.people-rail{gap:16px;grid-auto-columns:calc(25% - 12px)}.featured-rail{grid-auto-columns:calc(50% - 10px)}.featured-card{height:410px}.featured-info{inset:auto 20px 22px}.article-rail{gap:16px;grid-auto-columns:calc(33.33333% - 10.66667px)}.about-section{grid-template-columns:1fr 1fr}.about-art{display:none}}@media (max-width:640px){.home-hero{padding:12px 0 18px}.header-inner{gap:15px;padding:10px 18px}.brand{font-size:18px;gap:5px}.brand img{height:30px;width:30px}.header-actions{gap:10px}.city-filter select{max-width:83px}.account-link{font-size:23px;height:31px;width:31px}.menu-toggle{display:flex}.header-inner nav.site-nav{background:var(--brand-heading);border-bottom:1px solid #0000001a;display:none;flex-direction:column;gap:0;left:0;padding:6px 18px 14px;position:absolute;right:0;top:100%}.header-inner nav.site-nav.open{display:flex}.header-inner nav.site-nav a{border-top:1px solid #ffffff26;padding:12px 0}.header-inner nav.site-nav a:first-child{border-top:none}.hero-inner{grid-template-columns:1fr}.hero-copy{padding:28px 24px 25px}.hero-copy h1{font-size:34px;letter-spacing:2px;margin-top:10px}.hero-visual{height:190px;margin:0 0 0 35px;min-height:0}.hero-visual:after,.hero-visual>img{border-radius:65px 0 0}.hero-caption{bottom:20px;font-size:14px}.hero-copy p{font-size:15px}.home-content{padding:0 22px}.content-section{margin-top:25px}.community-home h2{font-size:21px}.section-heading p{font-size:11px;max-width:245px}.rail-hint{font-size:11px;gap:4px}.section-heading{gap:6px}.content-rail{gap:14px}.content-rail,.featured-rail{grid-auto-columns:84%}.featured-card{height:390px}.featured-info{inset:auto 20px 22px}.featured-info .featured-name{font-size:22px}.article-rail{grid-auto-columns:71%}.article-image{height:150px}.partner-rail,.people-rail{gap:12px;grid-auto-columns:46%}.rail-arrow{font-size:20px;height:27px;width:27px}.rail-arrow.previous{left:-13px}.rail-arrow.next{right:-13px}.person-image{height:175px}.partner-image{height:140px}.partner-copy,.person-copy{padding:9px}.partner-copy h3,.person-copy h3{font-size:14px}.visit-label{display:none}.about-section{gap:20px;grid-template-columns:1fr;padding:30px 0}.community-stats{gap:50px;justify-content:flex-start}.home-footer{padding:25px 22px}.footer-inner{gap:25px;grid-template-columns:1fr 1fr}.footer-inner>div+div{border:0;padding-left:0}.footer-bottom{align-items:flex-start;font-size:10px;gap:15px}.footer-bottom>a{white-space:nowrap}.section-empty{font-size:12px;padding:20px}.eyebrow{font-size:10px}.hero-buttons{gap:12px}.outline-button,.primary-button{padding:8px 20px}}@media (prefers-reduced-motion:reduce){.community-home *{scroll-behavior:auto!important;transition:none!important}}.community-home .site-header{background:var(--brand-heading);border-color:#254e87;color:#fff}.community-home .site-header .brand{color:#fff!important}.community-home .header-inner nav .active,.community-home .header-inner nav a:hover{color:#ffe0b2}.community-home .public-login{border:1px solid #ffffff80;border-radius:22px;color:#fff;font-size:13px;padding:7px 16px;white-space:nowrap}.community-home .primary-button{background:var(--brand-primary);border-color:var(--brand-primary)}.community-home .outline-button{border-color:var(--brand-heading)}.community-home .more-link{border:1px solid #dce4ef;border-radius:24px;padding:6px 15px;transition:background .2s}.community-home .more-link:hover{background:var(--brand-soft);border-color:var(--brand-primary)}.community-home .home-hero{background:var(--brand-soft)}.community-home .hero-visual:after{background:linear-gradient(0deg,#203c6152,transparent 70%)}@media (max-width:640px){.community-home .more-link{padding:5px 10px}.community-home .public-login{padding:6px 12px}}