*{box-sizing:border-box}html{color-scheme:light;background:var(--fh-background,#f0f9f7);color:var(--fh-text,#243c3b);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--fh-background);font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--fh-accent);outline-offset:4px}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p{margin:0}button{color:inherit;background:none}button,[role=link],a{touch-action:manipulation}.fh-icon{display:block;width:21px;height:21px;flex-shrink:0}.fh-app,.fh-skeleton{width:100%;max-width:520px;margin:0 auto}.fh-app{min-height:100dvh;padding:env(safe-area-inset-top) 0 calc(86px + env(safe-area-inset-bottom));background:var(--fh-background)}.fh-header{display:flex;align-items:center;justify-content:space-between;padding:22px 20px 14px;gap:16px}.fh-brand{font-size:20px;line-height:1.3;font-weight:700;letter-spacing:.04em;min-width:0;overflow-wrap:anywhere}.fh-header-account{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border:1px solid var(--fh-border);border-radius:50%;background:var(--fh-surface)}.fh-main{padding:0 16px}.fh-main>section,.fh-main>.fh-announcement{margin-bottom:18px}.fh-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--fh-radius,18px);background:var(--fh-soft);height:150px}.fh-hero-visual{position:absolute;inset:0}.fh-hero-image{width:100%;height:100%;object-fit:cover}.fh-hero-copy{position:relative;width:65%;height:100%;padding:21px 18px;pointer-events:none;display:flex;justify-content:center;flex-direction:column}.fh-hero-eyebrow{font-size:10px;letter-spacing:.12em;color:var(--fh-accent);margin-bottom:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fh-hero-title{font-size:23px;line-height:1.5;letter-spacing:.04em;font-weight:650;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fh-hero-caption{font-size:10px;color:var(--fh-muted);line-height:1.7;margin-top:7px;max-width:190px}.has-operational-banner .fh-hero-copy{display:none}.fh-hero-dots{position:absolute;bottom:9px;left:0;right:0;display:flex;justify-content:center;gap:7px}.fh-hero-dot{width:7px;height:7px;padding:0;border-radius:50%;background:#ffffffb0;box-shadow:0 0 0 1px #0002}.fh-hero-dot.is-active{width:20px;border-radius:5px;background:var(--fh-accent)}.fh-announcement{font-size:12px;line-height:1.8;color:var(--fh-muted);border-left:2px solid var(--fh-accent);padding-left:10px;overflow-wrap:anywhere}.fh-section{min-width:0}.fh-section-heading{display:flex;align-items:center;flex-wrap:wrap;gap:3px 8px;margin-bottom:12px;justify-content:space-between}.fh-section-title{font-size:16px;font-weight:650;letter-spacing:.02em}.fh-section-note{font-size:10px;color:var(--fh-muted)}.fh-section-rankings .fh-section-note{width:100%;font-size:10px}.fh-quick-entries{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fh-quick-entry{position:relative;display:grid;grid-template-columns:1fr 34px;align-content:center;text-align:left;min-height:86px;padding:13px 15px;border-radius:var(--fh-radius);background:var(--fh-soft);overflow:hidden}.fh-quick-entry>.fh-icon:first-child{grid-column:2;grid-row:1/3;align-self:center;width:29px;height:29px;stroke-width:1.5;color:var(--fh-accent)}.fh-quick-title{grid-column:1;grid-row:1;font-size:15px;font-weight:650;white-space:nowrap}.fh-quick-note{grid-column:1;grid-row:2;color:var(--fh-muted);font-size:10px;margin-top:3px;white-space:nowrap}.fh-quick-entry>.fh-icon:last-child{display:none}.fh-quick-secondary{background:var(--fh-secondary)}.fh-quick-entry.is-active{box-shadow:inset 0 0 0 2px var(--fh-accent)}.fh-ticker{display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 12px;background:var(--fh-soft);border-radius:10px;overflow:hidden;font-size:11px}.fh-ticker>.fh-icon{color:var(--fh-accent);width:17px;height:17px}.fh-ticker-title{font-weight:650;flex-shrink:0}.fh-ticker-content{min-width:0;height:20px;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;flex:1}.fh-ticker-content::-webkit-scrollbar{display:none}.fh-ticker-item{line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;scroll-snap-align:start;color:var(--fh-muted)}.fh-people{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding:2px 0 4px}.fh-people::-webkit-scrollbar{display:none}.fh-person{width:62px;flex:0 0 62px;text-align:center;min-width:0}.fh-person .fh-avatar-link{display:block}.fh-person .fh-avatar{width:62px;height:62px;border-radius:50%;border:2px solid var(--fh-surface);box-shadow:0 0 0 1px var(--fh-border)}.fh-person-name{display:block;font-size:11px;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fh-person-grade{font-size:9px;color:var(--fh-accent)}.fh-rank-tabs{display:flex;justify-content:center;gap:26px;margin-bottom:15px}.fh-rank-tab{padding:5px 2px;color:var(--fh-muted);font-size:13px;border-bottom:2px solid transparent}.fh-rank-tab.is-active{border-color:var(--fh-accent);color:var(--fh-accent);font-weight:650}.fh-rank-panel-title{display:none}.fh-rankings-switchable .fh-rank-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;min-height:132px;padding-top:8px}.fh-rank-row{position:relative;display:flex;align-items:center;min-width:0}.fh-rankings-switchable .fh-rank-row{flex-direction:column;gap:7px;padding:18px 5px 10px;border-radius:14px;background:var(--fh-soft)}.fh-rankings-switchable .fh-rank-position-1{order:2;padding-top:25px;background:var(--fh-secondary)}.fh-rankings-switchable .fh-rank-position-2{order:1}.fh-rankings-switchable .fh-rank-position-3{order:3}.fh-rank-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}.fh-rankings-switchable .fh-rank-position-1 .fh-rank-avatar{width:65px;height:65px}.fh-rank-number{font-size:10px;font-weight:750;color:var(--fh-accent)}.fh-rankings-switchable .fh-rank-number{position:absolute;top:-9px;left:calc(50% - 14px);width:28px;height:23px;text-align:center;line-height:23px;border-radius:8px;background:var(--fh-surface);border:1px solid var(--fh-border)}.fh-rank-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}.fh-rank-score{font-size:9px;color:var(--fh-muted);white-space:nowrap}.fh-rank-updated{text-align:center;font-size:9px;color:var(--fh-muted);margin-top:10px}.fh-rankings .fh-status{grid-column:1/-1;padding:20px 8px;font-size:12px}.fh-rankings-dual{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fh-rankings-dual .fh-rank-panel{padding:12px 9px;background:var(--fh-soft);border-radius:14px;min-width:0}.fh-rankings-dual .fh-rank-male{background:var(--fh-secondary)}.fh-rankings-dual .fh-rank-panel-title{display:block;text-align:center;font-size:13px;margin-bottom:10px}.fh-rankings-dual .fh-rank-row{gap:5px;background:var(--fh-surface);border-radius:20px;padding:6px;margin-top:7px}.fh-rankings-dual .fh-rank-avatar{width:26px;height:26px}.fh-rankings-dual .fh-rank-number{width:10px;flex-shrink:0}.fh-rankings-dual .fh-rank-name{font-size:10px;flex:1}.fh-rankings-dual .fh-rank-score{display:none}.fh-search{display:flex;gap:8px;align-items:center;background:var(--fh-surface);border:1px solid var(--fh-border);border-radius:30px;padding:5px 5px 5px 13px;margin-bottom:12px;height:43px}.fh-search>.fh-icon{width:17px;height:17px;color:var(--fh-muted)}.fh-search-input{min-width:0;flex:1;border:0;background:transparent;color:var(--fh-text);outline:none;height:30px;font-size:12px}.fh-search-input::placeholder{color:var(--fh-muted)}.fh-search-submit{flex-shrink:0;background:var(--fh-accent);color:var(--fh-on-accent,#fff);border-radius:24px;height:31px;min-width:54px;font-size:12px}.fh-discover-controls{margin-bottom:14px}.fh-category-list{display:flex;gap:7px;overflow-x:auto;padding-bottom:10px;scrollbar-width:none}.fh-category{white-space:nowrap;flex-shrink:0;border-radius:20px;padding:6px 12px;font-size:11px;background:var(--fh-surface);color:var(--fh-muted);border:1px solid var(--fh-border)}.fh-category.is-active{background:var(--fh-accent);color:var(--fh-on-accent,#fff);border-color:var(--fh-accent)}.fh-filters{display:flex;align-items:center;gap:6px}.fh-filters>.fh-icon{width:15px;color:var(--fh-muted)}.fh-filter{flex:1;min-width:0}.fh-filter-select{width:100%;padding:5px 0;border:0;background:transparent;color:var(--fh-muted);font-size:11px;outline-offset:1px}.fh-filter-select option{color:#263138;background:#fff}.fh-filter-voice{display:flex;align-items:center;gap:3px;white-space:nowrap;color:var(--fh-muted);font-size:11px;padding:5px 1px}.fh-filter-voice>.fh-icon{width:14px;height:14px}.fh-filter-voice.is-active{color:var(--fh-accent)}.fh-list-total{font-size:11px;color:var(--fh-muted)}.fh-clerk-list{display:flex;flex-direction:column;gap:12px}.fh-clerk-card{display:flex;position:relative;gap:13px;background:var(--fh-surface);border:1px solid var(--fh-border);padding:17px 14px;border-radius:var(--fh-radius);min-width:0}.fh-clerk-card>.fh-avatar-link{flex:0 0 72px;align-self:flex-start}.fh-clerk-card .fh-avatar{width:72px;height:72px;border-radius:50%;background:var(--fh-soft)}.fh-clerk-body{min-width:0;flex:1}.fh-clerk-heading{display:flex;align-items:center;gap:7px;padding-right:43px;min-height:21px}.fh-clerk-name{font-size:15px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.fh-grade{background:var(--fh-soft);color:var(--fh-accent);font-size:9px;padding:1px 6px;border-radius:9px;white-space:nowrap;max-width:62px;overflow:hidden;text-overflow:ellipsis}.fh-clerk-meta{display:flex;align-items:center;gap:5px;margin:4px 0;color:var(--fh-muted);font-size:10px;flex-wrap:wrap}.fh-gender{color:var(--fh-accent)}.fh-gender-male{color:var(--fh-blue,#577bad)}.fh-location{max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fh-clerk-categories,.fh-clerk-signature{font-size:11px;line-height:1.7;color:var(--fh-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.fh-clerk-categories{color:var(--fh-text)}.fh-tags{display:flex;gap:4px;margin-top:7px;overflow:hidden;flex-wrap:nowrap}.fh-tag{color:var(--fh-muted);padding:1px 5px;border:1px solid var(--fh-border);border-radius:5px;font-size:9px;white-space:nowrap;max-width:72px;text-overflow:ellipsis;overflow:hidden}.fh-clerk-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:8px;padding-right:15px}.fh-voice-button{display:flex;align-items:center;gap:5px;border-radius:20px;padding:4px 8px;background:var(--fh-soft);color:var(--fh-accent);font-size:10px;line-height:1.3;min-height:26px}.fh-voice-button .fh-icon{width:12px;height:12px;stroke-width:2}.fh-voice-button.is-playing{color:var(--fh-on-accent,#fff);background:var(--fh-accent)}.fh-price{font-size:10px;font-weight:600;color:var(--fh-accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fh-availability{position:absolute;right:12px;top:19px;font-size:9px;color:var(--fh-muted);padding-left:7px;line-height:16px}.fh-availability:before{content:"";position:absolute;left:0;top:6px;border-radius:50%;width:4px;height:4px;background:currentColor}.fh-availability.is-available{color:var(--fh-available,#217d63)}.fh-card-detail{position:absolute;right:12px;bottom:18px;color:var(--fh-muted)}.fh-card-detail .fh-icon{width:15px;height:15px}.fh-people-square{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible}.fh-people-square .fh-clerk-card{display:block;padding:9px;min-width:0}.fh-people-square .fh-avatar-link{display:block;width:100%}.fh-people-square .fh-avatar{width:100%;height:144px;border-radius:12px}.fh-people-square .fh-clerk-heading{padding:0;margin-top:9px}.fh-people-square .fh-clerk-name{font-size:13px}.fh-people-square .fh-grade{display:none}.fh-people-square .fh-availability{right:14px;top:13px;background:var(--fh-surface);padding:0 6px;border-radius:8px;font-size:8px}.fh-people-square .fh-availability:before{display:none}.fh-people-square .fh-tags,.fh-people-square .fh-clerk-signature,.fh-people-square .fh-clerk-categories,.fh-people-square .fh-price,.fh-people-square .fh-card-detail{display:none}.fh-people-square .fh-clerk-meta{font-size:9px}.fh-people-square .fh-clerk-footer{padding:0;margin-top:8px}.fh-people-voice{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible}.fh-people-voice .fh-clerk-card{padding:14px 7px;display:block;text-align:center}.fh-people-voice .fh-avatar-link{display:block;width:58px;margin:auto}.fh-people-voice .fh-avatar{width:58px;height:58px}.fh-people-voice .fh-clerk-heading{padding:0;justify-content:center;margin-top:8px}.fh-people-voice .fh-clerk-name{font-size:12px}.fh-people-voice .fh-grade,.fh-people-voice .fh-clerk-meta,.fh-people-voice .fh-clerk-categories,.fh-people-voice .fh-clerk-signature,.fh-people-voice .fh-tags,.fh-people-voice .fh-price,.fh-people-voice .fh-card-detail,.fh-people-voice .fh-availability{display:none}.fh-people-voice .fh-clerk-footer{padding:0;justify-content:center}.fh-people-voice .fh-voice-button{font-size:9px;padding:4px 6px}.fh-people-voice>.fh-status,.fh-people-square>.fh-status{grid-column:1/-1}.fh-list-more{min-height:35px;margin:17px 0 0;text-align:center}.fh-load-more,.fh-retry{padding:10px 20px;border:1px solid var(--fh-border);border-radius:24px;background:var(--fh-surface);color:var(--fh-accent);font-size:12px}.fh-retry{display:inline-flex;align-items:center;gap:7px;margin-top:12px}.fh-list-end{font-size:11px;color:var(--fh-muted)}.fh-status{padding:20px 12px;text-align:center;color:var(--fh-muted);font-size:12px;width:100%;line-height:1.8}.fh-live-status{position:fixed;z-index:40;bottom:calc(90px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:max-content;max-width:85%;background:var(--fh-text);color:var(--fh-surface);border-radius:10px;font-size:12px;box-shadow:0 3px 12px #0002}.fh-live-status:not(:empty){padding:10px 14px}.fh-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.fh-boot-error{padding:24px;text-align:center}.fh-skeleton{position:absolute;z-index:45;top:0;left:50%;transform:translateX(-50%);padding:28px 16px;min-height:100dvh;background:var(--fh-background)}.fh-skeleton[hidden]{display:none}.fh-skeleton-title,.fh-skeleton-search,.fh-skeleton-hero,.fh-skeleton-heading,.fh-skeleton-card,.fh-skeleton-faces i{background:var(--fh-soft);border-radius:12px}.fh-skeleton-title{width:45%;height:22px;margin:0 0 24px}.fh-skeleton-search{height:42px;margin-bottom:14px;border-radius:25px}.fh-skeleton-hero{height:150px;margin-bottom:24px}.fh-skeleton-heading{width:34%;height:17px;margin:22px 0 18px}.fh-skeleton-faces{display:flex;justify-content:space-around;gap:14px}.fh-skeleton-faces i{display:block;width:76px;height:90px}.fh-skeleton-card{height:126px;margin-bottom:14px}.h5-app-loading #frontend-home-root{visibility:hidden}@media(min-width:700px){body{padding:28px 0}.fh-app{box-shadow:0 8px 48px #16243112;border-radius:24px 24px 0 0;overflow:hidden}.fh-skeleton{top:28px;border-radius:24px}.fh-header{padding-top:24px}.fh-hero{height:175px}.fh-main{padding:0 22px}.fh-people-square .fh-avatar{height:190px}}@media(max-width:350px){.fh-main{padding:0 11px}.fh-header{padding:17px 12px 12px}.fh-brand{font-size:18px}.fh-hero{height:138px}.fh-hero-copy{padding:17px 14px}.fh-hero-title{font-size:20px}.fh-quick-entry{padding:11px 10px;grid-template-columns:1fr 23px}.fh-quick-title{font-size:13px}.fh-quick-note{font-size:9px}.fh-quick-entry>.fh-icon:first-child{width:22px;height:22px}.fh-clerk-card{gap:10px;padding:14px 10px}.fh-clerk-card>.fh-avatar-link{flex-basis:60px}.fh-clerk-card .fh-avatar{width:60px;height:60px}.fh-grade{display:none}.fh-clerk-heading{padding-right:35px}.fh-clerk-name{font-size:13px}.fh-filter-select,.fh-filter-voice{font-size:10px}.fh-people-square .fh-avatar{width:100%;height:128px}.fh-people-voice .fh-avatar{width:54px;height:54px}.fh-people-voice .fh-avatar-link{width:54px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
:root{--h5-safe-top:env(safe-area-inset-top,0px);--h5-safe-right:env(safe-area-inset-right,0px);--h5-safe-bottom:env(safe-area-inset-bottom,0px);--h5-safe-left:env(safe-area-inset-left,0px)}.fh-rank-crown{position:absolute;top:-17px;color:#b78331;width:22px;height:22px}.fh-rank-position-1 .fh-rank-crown+.fh-rank-number{display:none}.fh-person-source{font-size:9px;color:var(--fh-accent);display:block}.fh-top-search{margin-bottom:14px}.frontend-preview-badge{position:fixed;z-index:50;bottom:78px;left:50%;transform:translateX(-50%);max-width:90%;background:var(--fh-surface);color:var(--fh-muted);border:1px solid var(--fh-border);font-size:9px;line-height:1.5;padding:4px 9px;border-radius:10px;pointer-events:none;text-align:center}.fh-preview-notice{color:var(--fh-muted)}@media(min-width:700px){.campaign-side-list{right:max(18px,calc((100vw - 520px)/2 + 8px))}}
.fh-hero-copy{width:72%;padding-top:15px;padding-bottom:15px}.fh-hero-title{font-size:20px;line-height:1.4;flex-shrink:0}.fh-hero-eyebrow{flex-shrink:0;margin-bottom:5px}.fh-hero-caption{margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5;flex-shrink:0}.fh-rankings-dual .fh-rank-crown{display:none}.fh-rankings-switchable .fh-rank-position-1 .fh-rank-number{display:none}.fh-rankings-switchable .fh-rank-crown{top:-16px;background:var(--fh-surface);border-radius:6px;padding:2px;width:27px;height:25px}.fh-recommendation-source{display:block;font-size:9px;color:var(--fh-accent)}
.fh-person-name{font-size:12px}.fh-clerk-meta{font-size:11px}.fh-clerk-categories,.fh-clerk-signature{font-size:12px}.fh-tag{font-size:10px}.fh-price{font-size:11px}.fh-rank-score{font-size:10px}.fh-rankings-dual .fh-rank-name{font-size:11px}.fh-layout-strawberry .fh-clerk-categories,.fh-layout-strawberry .fh-clerk-signature{font-size:11px}.fh-person .fh-person-grade{display:block;font-size:9px}.fh-person .fh-person-source{display:block;font-size:9px}.fh-rank-updated{font-size:10px}
.fh-hero-title{text-wrap:balance}.fh-selection-label{display:block;margin-top:2px;font-size:9px;line-height:1.5;color:var(--fh-accent)}.fh-clerk-heading .fh-selection-label{font-size:9px;padding:1px 5px;background:var(--fh-soft);border-radius:8px;white-space:nowrap}.fh-clerk-heading .fh-grade+.fh-selection-label{display:none}

.fh-clerk-meta,.fh-grade,.fh-tag,.fh-availability,.fh-selection-label,.fh-person .fh-person-grade,.fh-rank-score{font-size:11px}.fh-clerk-heading .fh-selection-label{font-size:11px}
