/* 世界500强与国际机构页(/f500, 设计稿 09-07): 复用 country.css 的 cp- 抬头/搜索/chips, 这里只加金色弧线、下拉筛选、两列总部卡 */
.f5-hero{min-height:330px;overflow:hidden}
.f5-hero::after{background:linear-gradient(180deg,rgba(5,15,34,.1),rgba(5,15,34,.35))}
.f5-arcs{position:absolute;inset:0;pointer-events:none}
.f5-arcs i{position:absolute;right:-28%;top:-62%;width:110%;aspect-ratio:1;border:1.5px solid rgba(216,170,69,.55);border-radius:50%}
.f5-arcs i:nth-child(2){right:-22%;top:-52%;width:96%;border-color:rgba(216,170,69,.4)}
.f5-arcs i:nth-child(3){right:-16%;top:-42%;width:82%;border-color:rgba(216,170,69,.28)}
.f5-hero .cp-hero-content{padding-top:56px;padding-bottom:96px}
.f5-hero h1{font-size:clamp(2rem,4.6vw,3.4rem);font-weight:600;letter-spacing:-.02em}
.f5-lead{color:#efd183;font-weight:600}
.f5-hero .cp-hero-content{padding-bottom:60px}
.f5-kind{display:flex;gap:12px;margin-top:22px}
.f5-pill{min-width:150px;height:46px;padding:0 22px;border:1.5px solid rgba(216,170,69,.8);border-radius:999px;background:transparent;color:#efd183;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer}
.f5-pill.on{background:linear-gradient(135deg,#f5dc96,#d39b31);color:#2c210b;border-color:transparent}
.f5-panel{position:relative;z-index:3;margin-top:-34px;background:#f4f6fa;border-radius:26px 26px 0 0;padding:22px 14px 6px}
.f5-search{display:flex;align-items:center;gap:12px;height:62px;padding:0 20px 0 18px;border-radius:999px;background:#fff;box-shadow:0 12px 30px rgba(7,20,43,.12)}
.f5-search svg{width:24px;flex:0 0 auto;fill:none;stroke:#8190aa;stroke-width:1.8;stroke-linecap:round}
.f5-search input{flex:1;min-width:0;border:0;outline:none;color:#0b1d3a;background:transparent;font-size:1.02rem;font-family:inherit}
.f5-search button{border:0;background:transparent;color:#2c210b;font-weight:700;font-size:15px;font-family:inherit;cursor:pointer;padding:6px 2px}
.f5-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.f5-sel{position:relative;display:grid;gap:2px;min-width:0;padding:9px 14px 8px;border:1px solid #e1e5ee;border-radius:14px;background:#fff}
.f5-sel span{font-size:11.5px;color:#69758c}
.f5-sel select{appearance:none;-webkit-appearance:none;width:100%;min-width:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border:0;background:transparent;color:#0b1d3a;font-family:inherit;font-size:14.5px;font-weight:600;outline:none;padding-right:20px}
.f5-sel::after{content:"";position:absolute;right:15px;top:24px;width:7px;height:7px;border-right:1.6px solid #69758c;border-bottom:1.6px solid #69758c;transform:rotate(45deg);pointer-events:none}
.f5-sort{position:relative}
.f5-sort select{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:#69758c;font-family:inherit;font-size:14px;font-weight:600;padding-right:14px;outline:none}
.f5-sort::after{content:"›";position:absolute;right:0;top:-2px;color:#69758c}
.f5-sec{padding-top:34px}
.f5-hq{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.f5-hq .hq-card{flex:none;width:auto}
.f5-hq .hq-card .hq-img{height:140px}
.f5-hq .hq-card b{font-size:16px}
@media(max-width:900px){.f5-hq{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.f5-hero{min-height:280px}.f5-hero .cp-hero-content{padding-top:36px;padding-bottom:56px}.f5-hero h1{font-size:1.9rem}.f5-pill{min-width:0;flex:1;height:42px;font-size:14px}.f5-panel{margin-top:-24px;padding:16px 10px 4px}.f5-search{height:56px}.f5-filters{gap:8px}.f5-sel{padding:8px 10px 7px}.f5-sel select{font-size:13px}.f5-sel::after{right:10px}.f5-hq{grid-template-columns:1fr 1fr;gap:12px}.f5-hq .hq-card .hq-img{height:112px}.f5-sel select{min-width:104px;height:40px;font-size:13.5px;padding:0 30px 0 15px}}