/* 同一家族使用真实 Regular / Bold；optional 避免慢网下字体迟到后再次替换字形。 */ @font-face{font-family:CSR-Hurme;src:url('./assets/fonts/HurmeGeometricSans_No3_4_Regular_new.woff2') format('woff2');font-style:normal;font-weight:400 500;font-display:optional} @font-face{font-family:CSR-Hurme;src:url('./assets/fonts/HurmeGeometricSans_No3_6_Bold_new.woff2') format('woff2');font-style:normal;font-weight:600 900;font-display:optional} .football-csr-page{margin:0;background:#fff;--csr-header-height:4.444vw;--csr-subnav-height:2.778vw} /* 仅此页将公共头部放回文档流，避免与二级导航重叠；不修改组件源文件。 */ .football-csr-page > .HomePage{position:relative!important;top:auto!important;background:#fff;border-bottom:0;transition:none} .football-csr-page .newheaderpc{display:flex} .football-csr-page .newheaderm{display:none} .football-csr-page .HomePage a{color:#202020} .football-csr-page .HomePage a:hover{color:#0264fa} .football-csr-page .logo img,.football-csr-page .sousuo img,.football-csr-page .denglu img{filter:none} #football-csr{font-family:CSR-Hurme,Arial,Helvetica,sans-serif;color:#202020;isolation:isolate} #football-csr *{font-family:inherit} #football-csr *,#football-csr *::before,#football-csr *::after{box-sizing:border-box} #football-csr a.csr-subnav__link:hover{color:#0055e8} #football-csr a:focus-visible{outline:.16vw solid #0055e8;outline-offset:.25vw} #football-csr .csr-kv{position:relative;aspect-ratio:var(--csr-kv-aspect,16/9);background:#fff;overflow:hidden;scroll-margin-top:calc(var(--csr-header-height) + var(--csr-subnav-height));isolation:isolate} #football-csr .csr-kv__media{position:absolute;inset:0;pointer-events:none;-webkit-user-select: none; user-select:none} #football-csr .csr-kv__poster,#football-csr .csr-kv__video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none} #football-csr .csr-kv__video{opacity:0;transition:opacity 250ms ease} #football-csr .csr-kv.is-playing .csr-kv__video{opacity:1} #football-csr .csr-kv__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,28,21,.56),rgba(8,28,21,.13) 65%,rgba(8,28,21,.04)),linear-gradient(0deg,rgba(8,28,21,.2),transparent 60%)} #football-csr .csr-kv__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;min-height:56.25vw;padding:10.5vw 5.2vw 5vw;pointer-events:none} #football-csr .csr-kv h1{margin:0;max-width:54vw;color:white;font-family:inherit;font-size:5.7vw;font-weight:700;letter-spacing:-.18vw;line-height:1.04;white-space:pre-line;text-align:start;text-wrap:balance;text-shadow:0 .1vw .7vw #0000001f} /* 混合方向首屏：媒体与文字容器物理位置不变，仅 h1 使用对应语言方向。 */ html[dir=rtl] #football-csr .csr-kv h1{font-family:Tahoma,Arial,sans-serif;letter-spacing:normal;line-height:1.25} #football-csr .csr-kv__description{margin:1.6vw 0 0;max-width:35vw;color:#fff;font-size:1.25vw;line-height:1.55;text-align:start;text-shadow:0 .1vw .6vw #0004} @media(max-width:1080px){ .football-csr-page{--csr-header-height:13.88vw;--csr-subnav-height:9.6vw} .football-csr-page .newheaderpc{display:none} .football-csr-page .newheaderm{display:flex} .football-csr-page .pageHeaderMenu{position:absolute;top:0;inset-inline-start:5vw;width:11vw;height:100%;cursor:pointer} .football-csr-page .pageHeaderMenu:focus-visible{outline:.5vw solid #0055e8;outline-offset:-.8vw} #football-csr a:focus-visible{outline-width:.5vw;outline-offset:.6vw} /* 移动端使用独立竖版视频，KV 比例由 config.js 中的视频配置决定。 */ #football-csr .csr-kv__content{min-height:0;margin-top:15vw;padding:3.5vw 6vw 6vw} #football-csr .csr-kv h1{font-size:7.4vw;line-height:1.06;letter-spacing:-.2vw;max-width:88vw} #football-csr .csr-kv__description{margin:2.4vw 0 0;max-width:85vw;font-size:3.5vw;line-height:1.45} #football-csr .csr-kv__shade{background:linear-gradient(90deg,rgba(8,28,21,.58),rgba(8,28,21,.32)),linear-gradient(0deg,rgba(8,28,21,.2),transparent 60%)} } @media(prefers-reduced-motion:reduce){#football-csr *,#football-csr *::before,#football-csr *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}} /* 公共头部原样式在 768px 切换，本页的双端边界为 1080px；只补中间区间。 */ @media(min-width:768px) and (max-width:1080px){ .football-csr-page > .newheaderm{height:13.88vw;align-items:center;justify-content:center;border-bottom:.13vw solid #eee} .football-csr-page .newheaderm .logo{position:absolute;left:50%;transform:translateX(-50%);margin:0} .football-csr-page .newheaderm .logo img{width:28vw;height:auto} .football-csr-page .pageHeaderMenu::before,.football-csr-page .pageHeaderMenu::after{content:'';position:absolute;inset-inline-start:0;height:.4vw;background:#202020;width:4.62vw} .football-csr-page .pageHeaderMenu::before{top:5.64vw} .football-csr-page .pageHeaderMenu::after{bottom:5.64vw;width:3.9vw} .football-csr-page .open .pageHeaderMenu::before{top:6.5vw;transform:rotate(45deg)} .football-csr-page .open .pageHeaderMenu::after{bottom:6.9vw;transform:rotate(-45deg);width:4.62vw} .football-csr-page .newheaderm .openMenu{position:absolute;top:100%;left:0;right:0;height:0;overflow:hidden;padding:0 5vw;background:white;transition:height 220ms ease} .football-csr-page .newheaderm.open .openMenu{height:calc(var(--csr-window-height) - 13.88vw);overflow-y:auto;padding-block:4vw} .football-csr-page .newheaderm .openMenu ul{padding:0;list-style:none} .football-csr-page .newheaderm .OpenColumn{padding-block:2vw;font-size:2.8vw} .football-csr-page .newheaderm .openList{display:none} .football-csr-page .newheaderm .openList.openMenuOpen{display:block} .football-csr-page .newheaderm .phoneList{display:flex;flex-wrap:wrap;gap:2vw} .football-csr-page .newheaderm .phoneList a{flex:0 0 25vw;display:block;text-align:center} .football-csr-page .newheaderm .openMenu img{max-width:16vw;height:auto} .football-csr-page .newheaderm .openMenu .sousuo{display:none} } /* 设计基准：桌面 1920×1080，移动 1080×1920；长度按各端画布宽换算 vw。 */ #football-csr .csr-section{padding:6vw 5.2vw;scroll-margin-top:calc(var(--csr-header-height) + var(--csr-subnav-height))} #football-csr .csr-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:5vw;margin-bottom:3.8vw} #football-csr .csr-eyebrow{margin:0 0 1.1vw;font-size:.8vw;font-weight:700;letter-spacing:.12vw;line-height:1.5;color:#0055e8} #football-csr h2{margin:0;font-size:4vw;line-height:1.1;letter-spacing:-.1vw;white-space:pre-line;font-weight:700;text-wrap:balance} #football-csr .csr-introduction{max-width:29vw;margin:0;font-size:1.15vw;line-height:1.65;color:#575d64;white-space:pre-line} #football-csr button,#football-csr select{font-family:inherit} #football-csr button{cursor:pointer} #football-csr button:focus-visible,#football-csr select:focus-visible{outline:.16vw solid #0055e8;outline-offset:.3vw} #football-csr .csr-programme-grid{display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:start} #football-csr .csr-programme:nth-child(2){margin-top:4vw} #football-csr .csr-programme>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#f1f4f7} #football-csr .csr-programme__copy{padding:2vw 0 0;max-width:39vw} #football-csr .csr-programme h3{margin:0 0 1.1vw;font-size:2.6vw;line-height:1.15;font-weight:700;letter-spacing:-.06vw} #football-csr .csr-programme__copy>p:last-child{font-size:1.15vw;line-height:1.7;margin:0;color:#575d64} #football-csr .csr-programme__lead{font-size:1.25vw;line-height:1.6;color:#202020;margin:0 0 1.2vw} #football-csr .csr-impact{background:#f1f4f7} #football-csr .csr-impact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:6vw;align-items:start} #football-csr .csr-map-area{position:relative;min-width:0} #football-csr .csr-map-area>.csr-eyebrow{color:#747d87} #football-csr .csr-map-canvas{width:100%;aspect-ratio:1;position:relative} #football-csr .csr-map-canvas svg{display:block;width:100%;height:100%;overflow:visible} #football-csr .csr-map-canvas svg path{fill:#d4dae1;stroke:#f1f4f7;stroke-width:.06vw;stroke-linejoin:round} #football-csr .csr-map-canvas .csr-active-country{transition:transform 220ms ease,filter 220ms ease;cursor:pointer;outline:none} #football-csr .csr-map-canvas .csr-active-country path,#football-csr .csr-map-canvas path.csr-active-country{fill:#0055e8} #football-csr .csr-map-canvas .is-hovered{transform:translateY(-.3vw);filter:drop-shadow(0 .25vw .25vw #0049a633)} #football-csr .csr-map-canvas .is-hovered path,#football-csr .csr-map-canvas .is-selected path{fill:#1464ed;stroke:white;stroke-width:.16vw;paint-order:stroke fill} #football-csr .csr-map-canvas .is-selected{transform:translateY(-.8vw);filter:drop-shadow(0 .5vw .4vw #163b7059)} #football-csr .csr-map-canvas .csr-active-country:focus-visible{filter:drop-shadow(0 0 .2vw white) drop-shadow(0 .4vw .4vw #163b7059)} #football-csr .csr-map-tooltip{position:absolute;z-index:5;background:#edf4ff;color:#0048c6;border:.06vw solid #bed3fc;padding:.55vw .85vw;border-radius:.35vw;font-size:.9vw;box-shadow:0 .3vw 1vw #0055e818;white-space:nowrap} #football-csr [hidden]{display:none!important} #football-csr .csr-legend{display:flex;gap:1.6vw;justify-content:center;font-size:.9vw;color:#575d64} #football-csr .csr-legend span{display:flex;align-items:center;gap:.5vw} #football-csr .csr-legend i{width:.5vw;height:.5vw;background:#0055e8;border-radius:50%} #football-csr .csr-legend span:nth-child(2) i{background:#c1c9d3} #football-csr .csr-map-hint{text-align:center;font-size:.85vw;color:#747d87;margin:1vw 0 0} #football-csr .csr-metrics{display:grid;grid-template-columns:1fr 1fr;border-bottom:.06vw solid #d4dae1;padding-bottom:2vw;margin-bottom:2vw;gap:2vw} #football-csr .csr-metrics strong{font-size:4.8vw;font-weight:700;line-height:1.1;display:block;color:#0055e8} #football-csr .csr-metrics span{display:block;font-size:1.1vw;margin-top:.6vw;color:#575d64} #football-csr .csr-location select{width:100%;font-size:1.8vw;line-height:1.3;font-weight:700;color:#202020;border:0;border-bottom:.06vw solid #c6d1df;background:transparent;padding:.5vw 0 1vw;cursor:pointer;border-radius:0} #football-csr .csr-location select option{font-size:1.1vw;background:#fff} #football-csr .csr-country-gallery{margin-top:1.5vw;min-height:29vw} #football-csr .csr-country-gallery figure{margin:0} #football-csr .csr-country-gallery figure img{display:block;width:100%;height:23vw;object-fit:contain;background:#e6ebf0} #football-csr .csr-country-gallery figcaption{display:flex;justify-content:space-between;font-size:.9vw;color:#575d64;padding-top:.8vw} #football-csr .csr-gallery-controls{display:flex;align-items:center;justify-content:space-between;margin-top:.8vw;direction:ltr} #football-csr .csr-gallery-controls>button{padding:.3vw .7vw;border:.06vw solid #c6d1df;color:#0055e8;background:transparent;font-size:1.25vw;line-height:1.5;transition:background 180ms ease} #football-csr .csr-gallery-controls>button:hover{background:#e1eaff} #football-csr .csr-gallery-dots{display:flex;gap:.6vw} #football-csr .csr-gallery-dots button{border:0;background:#c1c9d3;width:.5vw;height:.5vw;padding:0;border-radius:50%} #football-csr .csr-gallery-dots button[aria-pressed=true]{background:#0055e8} #football-csr .csr-pending{min-height:23vw;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#e6ebf0;padding:2vw} #football-csr .csr-pending span{font-size:2.6vw;color:#0055e8;font-weight:700} #football-csr .csr-pending p{font-size:1vw;line-height:1.6;color:#575d64} #football-csr .csr-filters{display:flex;gap:2vw;border-bottom:.06vw solid #e0e5eb;margin-bottom:2.5vw} #football-csr .csr-filters button{position:relative;padding:.9vw 0;border:0;background:transparent;color:#747d87;font-size:1.1vw;line-height:1.4} #football-csr .csr-filters button[aria-pressed=true]{color:#0055e8} #football-csr .csr-filters button[aria-pressed=true]::after{content:'';position:absolute;inset-inline:0;bottom:0;height:.15vw;background:#0055e8} #football-csr .csr-stories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3vw 2.5vw} #football-csr .csr-story a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit} #football-csr .csr-story__image{aspect-ratio:3/2;background:#f1f4f7;overflow:hidden;margin-bottom:1.5vw} #football-csr .csr-story img{display:block;width:100%;height:100%;object-fit:contain;transition:transform 400ms ease} #football-csr .csr-story .csr-eyebrow{font-size:.7vw;margin-bottom:.7vw} #football-csr .csr-story h3{font-size:1.5vw;line-height:1.35;font-weight:700;margin:0 0 1.4vw} #football-csr .csr-story__action{display:flex;justify-content:space-between;align-items:center;margin-top:auto;font-size:1vw;color:#0055e8;padding-top:.7vw;border-top:.06vw solid #e0e5eb} #football-csr .csr-arrow{display:inline-block;font-size:1.4vw;transition:transform 180ms ease} html[dir=rtl] #football-csr .csr-arrow{transform:scaleX(-1)} @media(hover:hover) and (pointer:fine){#football-csr .csr-story a:hover img{transform:scale(1.015)}#football-csr .csr-story a:hover h3{color:#0055e8}} #football-csr .csr-countries{background:#0055e8;color:white} #football-csr .csr-countries .csr-eyebrow,#football-csr .csr-countries .csr-introduction{color:#d5e5ff} #football-csr .csr-local-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0 2.5vw} #football-csr .csr-local-country{display:block;text-align:start;border:0;border-top:.06vw solid #ffffff59;padding:1.5vw 0 2vw;background:none;color:white;text-decoration:none} #football-csr .csr-local-country .csr-eyebrow{display:block;font-size:.65vw;margin-bottom:.5vw} #football-csr .csr-local-country__name{display:flex;justify-content:space-between;align-items:center;font-size:1.8vw;line-height:1.4} #football-csr .csr-local-country__action{display:block;font-size:.85vw;margin-top:.5vw;color:#d5e5ff} #football-csr .csr-local-country:hover .csr-local-country__action{text-decoration:underline} #football-csr .csr-local-country:focus-visible,#football-csr .csr-countries a:focus-visible{outline-color:white} #football-csr .csr-signoff{display:flex;justify-content:space-between;align-items:center;border-top:.06vw solid #ffffff59;margin-top:3vw;padding-top:2vw;gap:2vw} #football-csr .csr-signoff p{font-size:1.8vw;margin:0} #football-csr .csr-signoff a{color:white;text-decoration:none;font-size:.8vw;display:flex;gap:1vw;align-items:center} #football-csr .csr-sr-only{position:absolute;width:.05vw;height:.05vw;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap} @media(max-width:1080px){ #football-csr .csr-section{padding:13vw 6vw} #football-csr .csr-heading{display:block;margin-bottom:8vw} #football-csr .csr-eyebrow{font-size:2.8vw;letter-spacing:.25vw;margin-bottom:3vw} #football-csr h2{font-size:9.5vw;line-height:1.1;letter-spacing:-.2vw} #football-csr .csr-introduction{max-width:88vw;font-size:4vw;line-height:1.6;margin-top:5vw} #football-csr .csr-programme-grid{grid-template-columns:1fr;gap:10vw} #football-csr .csr-programme:nth-child(2){margin-top:0} #football-csr .csr-programme__copy{padding-top:5vw;max-width:none} #football-csr .csr-programme h3{font-size:7.2vw;margin-bottom:3vw;letter-spacing:-.1vw} #football-csr .csr-programme__copy>p:last-child{font-size:4vw;line-height:1.7} #football-csr .csr-programme__lead{font-size:4.4vw;line-height:1.6;margin-bottom:4vw} #football-csr .csr-impact-grid{grid-template-columns:1fr;gap:10vw} #football-csr .csr-map-canvas{width:88vw} #football-csr .csr-map-canvas svg path{stroke-width:.15vw} #football-csr .csr-map-canvas .is-hovered{transform:translateY(-1vw)} #football-csr .csr-map-canvas .is-selected{transform:translateY(-2vw);filter:drop-shadow(0 .8vw .7vw #163b7059)} #football-csr .csr-map-canvas .is-hovered path,#football-csr .csr-map-canvas .is-selected path{stroke-width:.4vw} #football-csr .csr-map-tooltip{font-size:3.4vw;padding:2vw 3vw;border-radius:1vw;border-width:.2vw} #football-csr .csr-legend{gap:4vw;font-size:3.1vw} #football-csr .csr-legend span{gap:1.5vw} #football-csr .csr-legend i{width:1.5vw;height:1.5vw} #football-csr .csr-map-hint{font-size:3.1vw;margin-top:3vw} #football-csr .csr-metrics{padding-bottom:6vw;margin-bottom:6vw;gap:5vw;border-bottom-width:.2vw} #football-csr .csr-metrics strong{font-size:14vw} #football-csr .csr-metrics span{font-size:4vw;margin-top:1vw} #football-csr .csr-location select{font-size:6vw;padding:2vw 0 3vw;border-bottom-width:.2vw} #football-csr .csr-location select option{font-size:4vw} #football-csr .csr-country-gallery{margin-top:5vw;min-height:76vw} #football-csr .csr-country-gallery figure img{height:58.66vw} #football-csr .csr-country-gallery figcaption{font-size:3.3vw;padding-top:2.4vw} #football-csr .csr-gallery-controls{margin-top:3vw} #football-csr .csr-gallery-controls>button{padding:1vw 3vw;font-size:5vw;border-width:.2vw;min-height:11vw} #football-csr .csr-gallery-dots{gap:1vw} #football-csr .csr-gallery-dots button{width:8vw;height:10vw;border-radius:0;background:radial-gradient(circle,#c1c9d3 0 1vw,transparent 1.1vw)} #football-csr .csr-gallery-dots button[aria-pressed=true]{background:radial-gradient(circle,#0055e8 0 1vw,transparent 1.1vw)} #football-csr .csr-pending{min-height:58.66vw;padding:6vw} #football-csr .csr-pending span{font-size:8vw} #football-csr .csr-pending p{font-size:3.6vw} #football-csr .csr-filters{gap:5vw;margin-bottom:7vw;border-bottom-width:.2vw} #football-csr .csr-filters button{font-size:3.4vw;padding:3vw 0;min-height:11vw} #football-csr .csr-filters button[aria-pressed=true]::after{height:.4vw} #football-csr .csr-stories-grid{grid-template-columns:1fr;gap:9vw} #football-csr .csr-story__image{margin-bottom:4vw} #football-csr .csr-story .csr-eyebrow{font-size:2.6vw;margin-bottom:2vw} #football-csr .csr-story h3{font-size:5.5vw;margin-bottom:4vw;line-height:1.35} #football-csr .csr-story__action{font-size:3.6vw;padding-top:2vw;border-top-width:.2vw;min-height:11vw} #football-csr .csr-arrow{font-size:5vw} #football-csr .csr-local-grid{grid-template-columns:repeat(2,1fr);gap:0 5vw} #football-csr .csr-local-country{padding:5vw 0 6vw;border-top-width:.2vw} #football-csr .csr-local-country .csr-eyebrow{font-size:2.1vw;margin-bottom:2vw} #football-csr .csr-local-country__name{font-size:5.5vw} #football-csr .csr-local-country__action{font-size:3vw;margin-top:2vw} #football-csr .csr-signoff{display:block;margin-top:7vw;padding-top:6vw;border-top-width:.2vw} #football-csr .csr-signoff p{font-size:6vw} #football-csr .csr-signoff a{font-size:3vw;gap:3vw;margin-top:5vw;min-height:11vw} #football-csr button:focus-visible,#football-csr select:focus-visible{outline-width:.5vw;outline-offset:.6vw} } @media(prefers-reduced-motion:reduce){#football-csr .csr-map-canvas .csr-active-country{transition:none;transform:none}#football-csr .csr-story a:hover img{transform:none}} /* 构图层：真实球场、社区人物与 TECNO 蓝色。基础交互及状态仍由 sections.css 管理。 */ #football-csr .csr-section{padding-block:5.5vw} #football-csr .csr-heading{align-items:start} #football-csr .csr-heading>.csr-introduction{padding-top:2vw} #football-csr .csr-programmes{padding-inline:0;padding-bottom:0} #football-csr .csr-programmes>.csr-heading{padding-inline:5.2vw;margin-bottom:4vw} #football-csr .csr-programmes h2{font-size:4.6vw;line-height:1.08;max-width:63vw} #football-csr .csr-programmes .csr-heading>.csr-introduction{max-width:22vw;align-self:flex-end;padding-bottom:.5vw} #football-csr .csr-programme-grid{display:block} #football-csr .csr-programme{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:5vw;padding:0 5.2vw 5.5vw} #football-csr .csr-programme:nth-child(2){margin:0;padding:5.5vw 5.2vw;background:#0055e8;color:white;grid-template-columns:1fr 1.35fr} #football-csr .csr-programme__visual{position:relative;min-width:0} #football-csr .csr-programme__visual::before{content:none} #football-csr .csr-programme__visual img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#f1f4f7} #football-csr .csr-programme__copy{padding:2vw 0;max-width:none} #football-csr .csr-programme h3{font-size:3.7vw;line-height:1.06;max-width:33vw;margin-bottom:1.7vw;letter-spacing:-.1vw} #football-csr .csr-programme__lead{font-size:1.35vw;line-height:1.55;margin-bottom:1.4vw} #football-csr .csr-programme__copy>p:last-child{font-size:1.05vw;line-height:1.7} #football-csr .csr-programme:nth-child(2) .csr-programme__visual{grid-column:2;grid-row:1} #football-csr .csr-programme:nth-child(2) .csr-programme__copy{grid-column:1;grid-row:1;padding-inline-end:1.5vw} #football-csr .csr-programme:nth-child(2) .csr-eyebrow{color:#d8e7ff} #football-csr .csr-programme:nth-child(2) .csr-programme__copy>p:last-child{color:#d8e7ff} #football-csr .csr-programme:nth-child(2) .csr-programme__lead{color:#fff} #football-csr .csr-programme:nth-child(2) .csr-programme__visual::before{border-color:#fff8;inset-block-start:auto;inset-block-end:-1vw;border-block-start:0;border-block-end:.15vw solid #fff8} #football-csr .csr-impact>.csr-heading{display:grid;grid-template-columns:1fr 1fr;gap:2vw 6vw;align-items:start;margin-bottom:2.5vw} #football-csr .csr-impact .csr-heading>.csr-introduction{grid-column:1;grid-row:2;max-width:none;padding:0} #football-csr .csr-metrics{grid-column:2;grid-row:1 / span 2;align-self:start;margin:4vw 0 0;padding:0;border:0;gap:2vw;grid-template-columns:repeat(3,minmax(0,1fr))} #football-csr .csr-metrics strong{font-size:5.2vw;letter-spacing:-.2vw} #football-csr .csr-metrics>div{text-align:center} #football-csr .csr-metrics span{font-size:1.1vw} #football-csr .csr-impact-grid{grid-template-columns:1fr 1fr;gap:7vw;align-items:start} #football-csr .csr-map-area{padding:0 0 2vw;isolation:isolate} #football-csr .csr-map-area::before,#football-csr .csr-map-area::after{content:none} #football-csr .csr-impact{background:#f1f4f7;padding-block:7vw} #football-csr .csr-map-area>.csr-eyebrow{text-align:center;font-size:.7vw;position:relative;inset-block-start:-2vw;z-index:1} #football-csr .csr-map-canvas{width:85%;margin-inline:auto;isolation:isolate} #football-csr .csr-impact-content{min-width:0;background:transparent;padding:0;margin-block-start:-2vw;box-shadow:none;border:0} #football-csr .csr-country-gallery{min-height:24vw} #football-csr .csr-country-gallery figure img{width:auto;max-width:100%;height:17.5vw;object-fit:contain;object-position:center;margin-inline:auto;background:transparent} #football-csr .csr-pending{min-height:20vw} #football-csr .csr-country-metrics{display:grid;grid-template-columns:1fr 1fr;gap:2vw;padding:1.2vw 0 .5vw} #football-csr .csr-country-metrics>div{display:flex;align-items:baseline;gap:.65vw;flex-wrap:wrap} #football-csr .csr-country-metrics strong{color:#0055e8;font-size:1.7vw;font-weight:700;line-height:1.3} #football-csr .csr-country-metrics span{font-size:.95vw;color:#575d64;line-height:1.5} #football-csr .csr-stories>.csr-heading{align-items:end;margin-bottom:2vw} #football-csr .csr-stories h2{font-size:5vw;max-width:54vw} #football-csr .csr-filters{justify-content:flex-end;margin-bottom:3vw} #football-csr .csr-stories-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:3vw} #football-csr .csr-story{grid-column:span 4;min-width:0} #football-csr .csr-story__copy{display:flex;flex-direction:column;flex:1} /* 各国新闻与社媒同等权重，不设首篇、国家或内容类型的放大位。 */ #football-csr .csr-story .csr-story__image{aspect-ratio:3/2;margin-bottom:1.5vw} #football-csr .csr-story h3{font-size:1.6vw;line-height:1.3} #football-csr .csr-countries{display:grid;grid-template-columns:.85fr 1.15fr;gap:0 6vw;background:#edf3fa;color:#0055e8;position:relative} #football-csr .csr-countries>.csr-heading{display:block;position:sticky;top:calc(var(--csr-header-height) + var(--csr-subnav-height) + 3vw);align-self:start;margin:0} #football-csr .csr-countries .csr-eyebrow,#football-csr .csr-countries .csr-introduction{color:#466893} #football-csr .csr-countries h2{font-size:5vw;line-height:1.05} #football-csr .csr-countries .csr-introduction{margin-top:2vw;max-width:29vw} #football-csr .csr-local-grid{display:block} #football-csr .csr-local-country{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.2vw 2vw;width:100%;padding:1.3vw 0 1.5vw;border-color:#0055e82b;color:#0055e8;transition:padding 220ms ease,background 220ms ease} #football-csr .csr-local-country .csr-eyebrow{grid-row:2;font-size:.65vw;margin:0} #football-csr .csr-local-country__name{grid-row:1;grid-column:1 / -1;font-size:2.7vw;line-height:1.35} #football-csr .csr-local-country__action{grid-row:2;grid-column:2;color:#466893;font-size:.85vw;margin:0} #football-csr .csr-local-country__name .csr-arrow{font-size:2vw} #football-csr .csr-local-country:hover{padding-inline:1vw;background:#dce9fc} #football-csr .csr-local-country:focus-visible,#football-csr .csr-countries a:focus-visible{outline-color:#0055e8} #football-csr .csr-signoff{grid-column:1 / -1;margin-top:5vw;border-color:#0055e82b;padding-top:2vw} #football-csr .csr-signoff p{font-size:2.5vw} #football-csr .csr-signoff a{color:#0055e8} @media(max-width:1080px){ #football-csr .csr-section{padding-block:12vw} #football-csr .csr-programmes{padding-inline:0;padding-bottom:0} #football-csr .csr-programmes>.csr-heading{padding-inline:6vw;margin-bottom:9vw} #football-csr .csr-programmes h2{font-size:10vw;max-width:88vw} #football-csr .csr-programmes .csr-heading>.csr-introduction{max-width:80vw;padding:0} #football-csr .csr-programme,#football-csr .csr-programme:nth-child(2){display:flex;flex-direction:column;gap:0;padding:0 6vw 12vw} #football-csr .csr-programme:nth-child(2){padding-top:12vw} #football-csr .csr-programme__visual{width:100%} #football-csr .csr-programme__visual::before{width:12vw;height:12vw;inset-block-start:-2vw;inset-inline-start:-2vw;border-width:.4vw} #football-csr .csr-programme:nth-child(2) .csr-programme__visual::before{inset-block-start:auto;inset-block-end:-2vw;border-block-end-width:.4vw} #football-csr .csr-programme__copy,#football-csr .csr-programme:nth-child(2) .csr-programme__copy{padding:8vw 0 0} #football-csr .csr-programme h3{font-size:10vw;max-width:80vw;line-height:1.05;margin-bottom:5vw} #football-csr .csr-programme__lead{font-size:4.6vw;line-height:1.55;margin-bottom:4vw} #football-csr .csr-programme__copy>p:last-child{font-size:4vw} #football-csr .csr-impact>.csr-heading{display:flex;flex-direction:column;align-items:stretch;gap:0;margin-bottom:10vw} #football-csr .csr-impact{padding-block:12vw} #football-csr .csr-impact .csr-heading>.csr-introduction{margin-top:5vw} #football-csr .csr-metrics{margin-top:8vw;padding-top:5vw;border-top:.2vw solid #d4dfec;gap:3vw} #football-csr .csr-metrics strong{font-size:13vw;letter-spacing:-.4vw} #football-csr .csr-metrics span{font-size:3.2vw} #football-csr .csr-impact-grid{display:flex;flex-direction:column;gap:9vw} #football-csr .csr-map-area{width:100%;padding-block:5vw} #football-csr .csr-map-area::before{inset:0 1vw;border-width:.2vw;border-radius:45vw} #football-csr .csr-map-area::after{width:40vw;height:40vw;border-width:.2vw} #football-csr .csr-map-area>.csr-eyebrow{font-size:2.3vw} #football-csr .csr-map-canvas{width:82vw} #football-csr .csr-impact-content{width:100%;padding:0;margin-block-start:0;border:0} #football-csr .csr-country-gallery{min-height:60vw} #football-csr .csr-country-gallery figure img{height:36vw} #football-csr .csr-pending{min-height:52vw} #football-csr .csr-country-metrics{gap:4vw;padding:4vw 0 1vw} #football-csr .csr-country-metrics>div{gap:1.5vw} #football-csr .csr-country-metrics strong{font-size:6vw} #football-csr .csr-country-metrics span{font-size:3.3vw} #football-csr .csr-stories h2{font-size:12vw;max-width:88vw} #football-csr .csr-filters{justify-content:flex-start;margin-block:6vw 8vw} #football-csr .csr-stories-grid{display:block} #football-csr .csr-story{margin-bottom:9vw} #football-csr .csr-story .csr-story__image{margin-bottom:4vw;aspect-ratio:3/2} #football-csr .csr-story h3{font-size:5.5vw;line-height:1.3} #football-csr .csr-countries{display:block} #football-csr .csr-countries>.csr-heading{position:static;margin-bottom:10vw} #football-csr .csr-countries h2{font-size:12vw;max-width:83vw} #football-csr .csr-countries .csr-introduction{max-width:82vw;margin-top:5vw} #football-csr .csr-local-country{padding-block:4vw;gap:1.5vw 3vw;border-top-width:.2vw} #football-csr .csr-local-country__name{font-size:8vw} #football-csr .csr-local-country .csr-eyebrow{font-size:2.3vw} #football-csr .csr-local-country__action{font-size:3vw} #football-csr .csr-local-country__name .csr-arrow{font-size:6vw} #football-csr .csr-local-country:hover{padding-inline:2vw} #football-csr .csr-signoff{margin-top:10vw;padding-top:6vw} #football-csr .csr-signoff p{font-size:7.2vw;max-width:80vw} } /* 新闻承接原国家索引构图；各国报道使用相同的行高规则与缩略图。 */ #football-csr .csr-news-index{display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;background:#edf3fa} #football-csr .csr-news-index>.csr-heading{display:block;position:sticky;top:calc(var(--csr-header-height) + var(--csr-subnav-height) + 3vw);align-self:start;margin:0} #football-csr .csr-news-index h2{font-size:5.4vw;max-width:34vw;color:#0055e8} #football-csr .csr-news-index .csr-introduction{margin-top:2vw;max-width:30vw} #football-csr .csr-news-list{min-width:0} #football-csr .csr-news-list .csr-story{border-top:.06vw solid #0055e82b;padding:2vw 0;margin:0} #football-csr .csr-news-list .csr-story:last-child{border-bottom:.06vw solid #0055e82b} #football-csr .csr-news-list .csr-story a{display:grid;grid-template-columns:10vw 1fr;gap:2vw;align-items:start} #football-csr .csr-news-list .csr-story__image{width:10vw;aspect-ratio:3/2;margin:0} #football-csr .csr-news-list .csr-story h3{font-size:1.6vw;line-height:1.35;margin-bottom:1.5vw} #football-csr .csr-news-list .csr-story__action{border:0;padding:0;font-size:.95vw} #football-csr .csr-moments{background:#fff;padding:5.5vw 5.2vw} #football-csr .csr-moments>.csr-heading{display:block;max-width:70vw;margin-inline:auto;margin-bottom:3vw;text-align:center} #football-csr .csr-moments h2{font-size:3.8vw;line-height:1.08;max-width:none;color:#0055e8} #football-csr .csr-moments .csr-introduction{max-width:none;padding:0;margin:1.1vw 0 0} #football-csr .csr-social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3vw;max-width:68vw;margin-inline:auto} #football-csr .csr-social{min-width:0} #football-csr .csr-social a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;background:transparent;padding:0;border-radius:0} #football-csr .csr-social__media{position:relative;isolation:isolate;height:20vw;background:#e7effb;overflow:hidden;border-radius:.3vw} #football-csr .csr-social__media>img{display:block;width:100%;height:100%;object-fit:cover;opacity:1;transition:transform 400ms ease} #football-csr .csr-social__top{position:absolute;inset:1vw .8vw auto;display:flex;justify-content:space-between;gap:.5vw;font-size:.75vw;line-height:1.4;color:#0048c6} #football-csr .csr-social__top>span:first-child{font-weight:700} #football-csr .csr-social__top>span:last-child{border:.06vw solid #b1c6e8;border-radius:2vw;padding:.12vw .5vw} #football-csr .csr-social__open{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3.5vw;height:3.5vw;display:grid;place-items:center;border:.06vw solid #0055e8;border-radius:50%;background:#0055e8;color:#fff;font-size:1.7vw;box-shadow:0 .6vw 1.6vw #0055e81f} #football-csr .csr-social__placeholder{position:absolute;bottom:1.3vw;inset-inline:1.2vw;text-align:center;font-size:.8vw;color:#466893} #football-csr .csr-social__copy{display:flex;flex-direction:column;flex:1;padding:1vw .4vw .4vw} #football-csr .csr-social__creator{margin:0 0 .7vw;font-size:.85vw;color:#466893} #football-csr .csr-social h3{font-size:1.25vw;line-height:1.3;margin:0 0 1vw;font-weight:700} #football-csr .csr-social__action{display:flex;justify-content:space-between;align-items:center;gap:1vw;margin-top:auto;border-top:.06vw solid #dce4ed;padding-top:1vw;color:#0055e8;font-size:.95vw} #football-csr .csr-social a:focus-visible{outline-offset:.4vw;border-radius:1vw} html[dir=rtl] #football-csr .csr-social__open{transform:translate(-50%,-50%) scaleX(-1)} @media(hover:hover) and (pointer:fine){#football-csr .csr-social a:hover .csr-social__media>img{opacity:1;transform:scale(1.02)}} @media(max-width:1080px){ #football-csr .csr-news-index{display:block} #football-csr .csr-news-index>.csr-heading{position:static;margin-bottom:9vw} #football-csr .csr-news-index h2,#football-csr .csr-moments h2{font-size:12vw;max-width:88vw} #football-csr .csr-news-index h2{font-size:13.5vw} #football-csr .csr-news-index .csr-introduction{max-width:85vw;margin-top:5vw} #football-csr .csr-news-list .csr-story{padding:6vw 0;border-top-width:.2vw} #football-csr .csr-news-list .csr-story:last-child{border-bottom-width:.2vw} #football-csr .csr-news-list .csr-story a{grid-template-columns:23vw 1fr;gap:4vw} #football-csr .csr-news-list .csr-story__image{width:23vw;margin:0;aspect-ratio:3/2} #football-csr .csr-news-list .csr-story h3{font-size:4.4vw;line-height:1.35;margin-bottom:4vw} #football-csr .csr-news-list .csr-story__action{font-size:3.4vw} #football-csr .csr-moments{padding:12vw 6vw} #football-csr .csr-moments>.csr-heading{max-width:none;margin-bottom:7vw} #football-csr .csr-moments h2{font-size:9vw;max-width:88vw} #football-csr .csr-moments .csr-introduction{max-width:none;padding:0;margin-top:4vw;font-size:3.7vw} #football-csr .csr-social-grid{grid-template-columns:1fr;gap:4vw;max-width:none} #football-csr .csr-social a{display:grid;grid-template-columns:26vw minmax(0,1fr);gap:4vw;padding:0 0 4vw;border-bottom:.2vw solid #dce4ed;border-radius:0} #football-csr .csr-social__media{height:35vw;border-radius:1vw} #football-csr .csr-social__top{inset:2vw 2vw auto;flex-direction:column;align-items:flex-start;gap:1vw;font-size:2.5vw} #football-csr .csr-social__top>span:last-child{border-width:.2vw;border-radius:5vw;padding:.2vw 1vw} #football-csr .csr-social__open{width:8vw;height:8vw;font-size:4.5vw;border-width:.2vw} #football-csr .csr-social__placeholder{bottom:2vw;inset-inline:2vw;font-size:2.4vw} #football-csr .csr-social__copy{padding:2vw 1vw 2vw 0} #football-csr .csr-social__creator{font-size:2.9vw;margin-bottom:2vw;overflow-wrap:anywhere} #football-csr .csr-social h3{font-size:4.6vw;margin-bottom:3vw} #football-csr .csr-social__action{font-size:2.9vw;padding-top:2vw;border-top-width:.2vw;min-height:9vw} #football-csr .csr-gallery-dots{min-width:0;flex:1;justify-content:center;gap:0} #football-csr .csr-gallery-dots button{width:7vw;flex:0 1 7vw;min-width:0} } @media(prefers-reduced-motion:reduce){#football-csr .csr-local-country{transition:none}#football-csr .csr-social a:hover .csr-social__media>img{transform:none}} /* 作品集式查看：主图保持统一高度与原比例，不提供缩略图。 */ #football-csr .csr-gallery-open{position:relative;display:block;width:100%;height:17.5vw;border:0;padding:0;background:transparent;cursor:zoom-in} #football-csr .csr-gallery-open>span{position:absolute;inset-inline-end:0;bottom:.4vw;background:transparent;color:#0055e8;border:0;width:1.8vw;height:1.8vw;display:grid;place-items:center;font-size:1.2vw} #football-csr .csr-gallery-controls{justify-content:space-between;gap:.8vw;margin-top:1vw} #football-csr .csr-gallery-bars{display:flex;align-items:center;justify-content:center;gap:.45vw;flex:1;min-width:0;direction:ltr} #football-csr .csr-gallery-bars button{position:relative;flex:0 1 1.5vw;width:1.5vw;height:1.6vw;padding:0;border:0;background:transparent} #football-csr .csr-gallery-bars button::after{content:'';display:block;height:.15vw;background:#c1d3ef;transition:background 180ms ease} #football-csr .csr-gallery-bars button[aria-pressed=true]::after{background:#0055e8} #football-csr .csr-country-gallery figcaption{justify-content:flex-end} #football-csr .csr-gallery-controls>button{border:0;background:transparent} #football-csr .csr-lightbox{width:88vw;max-width:88vw;max-height:calc(var(--csr-window-height) - 4vw);padding:1.5vw 2vw;border:0;background:transparent;color:#fff;box-shadow:none;outline:none} #football-csr .csr-lightbox::backdrop{background:#071329ed} #football-csr .csr-lightbox__header,#football-csr .csr-lightbox__controls{display:flex;align-items:center;justify-content:space-between;gap:2vw;font-size:1vw} #football-csr .csr-lightbox button{background:transparent;color:#fff;border:0;font-size:1.5vw;line-height:1.2;padding:.3vw .8vw} #football-csr .csr-lightbox button:focus-visible{outline-color:#fff} #football-csr .csr-lightbox [data-gallery-large]{display:block;width:100%;height:calc(var(--csr-window-height) - 14vw);object-fit:contain;margin:1vw 0} #football-csr .csr-lightbox__controls{justify-content:center} @media(max-width:1080px){ #football-csr .csr-gallery-open{height:36vw} #football-csr .csr-gallery-open>span{width:7vw;height:7vw;font-size:5vw;border-width:.2vw;bottom:1vw} #football-csr .csr-gallery-controls{gap:3vw} #football-csr .csr-gallery-bars{gap:1vw} #football-csr .csr-gallery-bars button{flex-basis:5vw;width:5vw;height:11vw} #football-csr .csr-gallery-bars button::after{height:.5vw} #football-csr .csr-lightbox{width:94vw;max-width:94vw;padding:3vw;max-height:calc(var(--csr-window-height) - 6vw)} #football-csr .csr-lightbox__header,#football-csr .csr-lightbox__controls{font-size:3.6vw;gap:4vw} #football-csr .csr-lightbox button{font-size:6vw;min-width:11vw;min-height:11vw;padding:1vw 3vw;border-width:.2vw} #football-csr .csr-lightbox [data-gallery-large]{height:calc(var(--csr-window-height) - 42vw);margin:3vw 0} } /* V4：统一阅读节奏；用户确认的白蓝项目、统计位置、地图和媒体比例优先。 */ #football-csr{--csr-blue:#0055e8;--csr-ink:#202020;--csr-muted:#465261;--csr-paper:#f1f4f7;--csr-ease:cubic-bezier(.23,1,.32,1);--csr-ui:200ms;--csr-body:1.15vw;--csr-caption:.95vw} #football-csr ::selection{background:#0055e8;color:#fff} #football-csr h2,#football-csr h3{letter-spacing:-.035em;text-wrap:balance} #football-csr .csr-section{padding-block:6.5vw} #football-csr .csr-kv__description{max-width:40vw;font-size:1.3vw;line-height:1.6} #football-csr .csr-heading{gap:4vw;margin-bottom:4vw} #football-csr .csr-introduction{font-size:1.25vw;line-height:1.6;color:var(--csr-muted)} #football-csr .csr-eyebrow{font-size:.85vw;letter-spacing:.045em;line-height:1.5} #football-csr .csr-heading>div>.csr-eyebrow{margin-bottom:1.6vw} #football-csr .csr-programmes{padding-bottom:0} #football-csr .csr-programmes>.csr-heading{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:4vw;margin-bottom:4.5vw} #football-csr .csr-programmes .csr-heading>.csr-introduction{max-width:none;padding:0;justify-self:end;align-self:end} #football-csr .csr-programmes h2{font-size:4.7vw;line-height:1.05} #football-csr .csr-programme{grid-template-columns:1.15fr 1fr;gap:5.5vw;padding-bottom:6.5vw} #football-csr .csr-programme:nth-child(2){grid-template-columns:1fr 1.15fr;padding-block:6.5vw;background:var(--csr-blue)} #football-csr .csr-programme__visual img{background:transparent} #football-csr .csr-programme__copy{padding:0} #football-csr .csr-programme h3{font-size:3.4vw;max-width:none;line-height:1.08;margin-bottom:1.8vw} #football-csr .csr-programme__lead{font-size:1.35vw;line-height:1.55;max-width:35vw;margin-bottom:1.5vw} #football-csr .csr-programme__copy>p:last-child{font-size:var(--csr-body);line-height:1.65;color:var(--csr-muted);max-width:35vw} #football-csr .csr-programme:nth-child(2) .csr-programme__copy>p:last-child{color:#e1ecff} #football-csr .csr-programme:nth-child(2) .csr-programme__copy{padding-inline-end:0} #football-csr .csr-impact>.csr-heading{margin-bottom:3vw} #football-csr .csr-impact h2{font-size:4.4vw;line-height:1.06} #football-csr .csr-metrics strong{font-variant-numeric:tabular-nums;line-height:1.1} #football-csr .csr-metrics span{color:var(--csr-muted);line-height:1.4} #football-csr .csr-map-area>.csr-eyebrow{font-size:.85vw;color:var(--csr-muted)} #football-csr .csr-location>.csr-eyebrow{margin-bottom:.6vw} #football-csr .csr-location select{font-size:2.3vw;line-height:1.2;padding:.4vw 0 1vw} #football-csr .csr-country-metrics{padding-block:1.3vw .6vw} #football-csr .csr-country-metrics span{font-size:1vw;color:var(--csr-muted)} #football-csr .csr-country-gallery{min-height:21vw;margin-top:1.5vw} #football-csr .csr-gallery-controls>button{min-width:2.4vw;min-height:2.4vw;transition:color var(--csr-ui) ease,background var(--csr-ui) ease} #football-csr .csr-gallery-open>span{width:2.4vw;height:2.4vw;background:#f1f4f7e6} /* 新闻用完整图片承载三篇同权重报道，不使用微小缩略图。 */ #football-csr .csr-news-index{display:block;background:#edf3fa} #football-csr .csr-news-index>.csr-heading{position:static;display:grid;grid-template-columns:1.4fr 1fr;gap:4vw;align-items:end;margin-bottom:4vw} #football-csr .csr-news-index h2{font-size:5.4vw;line-height:1.03;max-width:52vw} #football-csr .csr-news-index .csr-introduction{margin:0;max-width:none;justify-self:end;padding:0} #football-csr .csr-news-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3vw} #football-csr .csr-news-list .csr-story,#football-csr .csr-news-list .csr-story:last-child{grid-column:auto;padding:0;border:0} #football-csr .csr-news-list .csr-story a{display:flex;gap:0;align-items:stretch} #football-csr .csr-news-list .csr-story__image{width:100%;height:10vw;aspect-ratio:auto;margin-bottom:1.4vw;background:#e1eaf5} #football-csr .csr-news-list .csr-story__copy{flex:1} #football-csr .csr-news-list .csr-story .csr-eyebrow{font-size:.85vw;letter-spacing:.025em;margin-bottom:.9vw} #football-csr .csr-news-list .csr-story h3{font-size:1.65vw;line-height:1.3;text-wrap:pretty;margin-bottom:1.5vw} #football-csr .csr-news-list .csr-story__action{font-size:1vw;min-height:2.5vw} /* 社区声音：紧凑的横向投稿，与上方新闻的大图列式构图区分。 */ #football-csr .csr-moments{display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;background:#fff} #football-csr .csr-moments>.csr-heading{position:sticky;top:calc(var(--csr-header-height) + var(--csr-subnav-height) + 3vw);align-self:start;max-width:none;margin:0;text-align:start;display:block} #football-csr .csr-moments h2{font-size:4.8vw;line-height:1.05;max-width:37vw;color:var(--csr-blue)} #football-csr .csr-moments .csr-introduction{margin-top:2vw;max-width:32vw;font-size:1.25vw} #football-csr .csr-social-grid{display:flex;flex-direction:column;gap:2vw;max-width:none;margin:0} #football-csr .csr-social a{display:grid;grid-template-columns:11vw minmax(0,1fr);gap:2vw;height:auto} #football-csr .csr-social__media{height:12.5vw;border-radius:0;background:#e8eff8} #football-csr .csr-social__media>img{opacity:1} #football-csr .csr-social__top{inset:.8vw .8vw auto;font-size:.8vw;flex-direction:column;align-items:flex-start;gap:.25vw} #football-csr .csr-social__top>span:last-child{border:0;border-radius:0;padding:0;color:var(--csr-muted)} #football-csr .csr-social__open{width:2.4vw;height:2.4vw;font-size:1.2vw;border:0;box-shadow:none} #football-csr .csr-social__placeholder{font-size:.8vw;line-height:1.4;inset-inline:.6vw;bottom:.8vw;color:var(--csr-muted)} #football-csr .csr-social__copy{padding:.7vw 0} #football-csr .csr-social__creator{font-size:1vw;color:var(--csr-muted);margin-bottom:.7vw;overflow-wrap:anywhere} #football-csr .csr-social h3{font-size:1.7vw;line-height:1.2;margin-bottom:1.2vw} #football-csr .csr-social__action{border:0;font-size:1vw;padding-top:0;min-height:2.4vw} #football-csr .csr-arrow{width:1.2em;height:1.2em;vertical-align:middle;flex-shrink:0} #football-csr .csr-icon{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} #football-csr .csr-gallery-controls>button .csr-icon{width:1.4vw;height:1.4vw} #football-csr .csr-lightbox button{display:grid;place-items:center} #football-csr .csr-lightbox button .csr-icon{width:1.5vw;height:1.5vw} @media(hover:hover) and (pointer:fine){ #football-csr .csr-social a:hover h3{color:var(--csr-blue)} #football-csr .csr-social a:hover .csr-social__media>img{transform:none;opacity:1} #football-csr .csr-story a:hover .csr-arrow{translate:.15vw -.15vw} #football-csr .csr-gallery-open:hover>span{background:var(--csr-blue);color:#fff} } @media(max-width:1080px){ #football-csr{--csr-body:4.1vw;--csr-caption:3.3vw} #football-csr .csr-section{padding-block:13vw} #football-csr .csr-kv__description{max-width:85vw;font-size:3.5vw;line-height:1.45} #football-csr .csr-eyebrow{font-size:3vw;letter-spacing:.035em} #football-csr .csr-heading>div>.csr-eyebrow{margin-bottom:4vw} #football-csr .csr-introduction{font-size:4.3vw;line-height:1.55} #football-csr .csr-programmes{padding-bottom:0} #football-csr .csr-programmes>.csr-heading{display:block;margin-bottom:9vw} #football-csr .csr-programmes h2{font-size:9.8vw;line-height:1.07} #football-csr .csr-programmes .csr-heading>.csr-introduction{margin-top:5vw} #football-csr .csr-programme,#football-csr .csr-programme:nth-child(2){gap:0;padding-block:0 13vw} #football-csr .csr-programme:nth-child(2){padding-top:13vw} #football-csr .csr-programme__copy,#football-csr .csr-programme:nth-child(2) .csr-programme__copy{padding-top:7vw} #football-csr .csr-programme h3{font-size:9vw;line-height:1.08;margin-bottom:5vw} #football-csr .csr-programme__lead{font-size:4.7vw;max-width:none;margin-bottom:4vw} #football-csr .csr-programme__copy>p:last-child{font-size:var(--csr-body);max-width:none;line-height:1.65} #football-csr .csr-impact>.csr-heading{margin-bottom:10vw} #football-csr .csr-impact h2{font-size:10vw} #football-csr .csr-metrics{border:0;padding-top:0} #football-csr .csr-metrics span{font-size:3.4vw} #football-csr .csr-map-area>.csr-eyebrow{font-size:2.8vw} #football-csr .csr-location>.csr-eyebrow{margin-bottom:2vw} #football-csr .csr-location select{font-size:7vw;padding:2vw 0 3vw} #football-csr .csr-country-metrics{padding-block:4vw 1vw} #football-csr .csr-country-metrics span{font-size:3.5vw} #football-csr .csr-country-gallery{min-height:50vw;margin-top:5vw} #football-csr .csr-gallery-controls>button{min-width:11vw;min-height:11vw} #football-csr .csr-gallery-controls>button .csr-icon{width:5vw;height:5vw} #football-csr .csr-gallery-open>span{width:7vw;height:7vw} #football-csr .csr-news-index>.csr-heading{display:block;margin-bottom:9vw} #football-csr .csr-news-index h2{font-size:12.5vw;max-width:88vw} #football-csr .csr-news-index .csr-introduction{margin-top:5vw} #football-csr .csr-news-list{display:flex;flex-direction:column;gap:9vw} #football-csr .csr-news-list .csr-story a{display:grid;grid-template-columns:25vw minmax(0,1fr);gap:4vw} #football-csr .csr-news-list .csr-story__image{width:25vw;height:22vw;margin:0} #football-csr .csr-news-list .csr-story .csr-eyebrow{font-size:3vw;margin-bottom:3vw} #football-csr .csr-news-list .csr-story h3{font-size:4.6vw;line-height:1.35;margin-bottom:3vw} #football-csr .csr-news-list .csr-story__action{font-size:3.8vw;min-height:11vw} #football-csr .csr-moments{display:block} #football-csr .csr-moments>.csr-heading{position:static;margin-bottom:9vw} #football-csr .csr-moments h2{font-size:11vw;max-width:75vw} #football-csr .csr-moments .csr-introduction{font-size:4.3vw;max-width:none;margin-top:5vw} #football-csr .csr-social-grid{gap:6vw} #football-csr .csr-social a{grid-template-columns:29vw minmax(0,1fr);gap:4vw;padding:0;border:0} #football-csr .csr-social__media{height:35vw;border-radius:0} #football-csr .csr-social__top{inset:2vw 2vw auto;font-size:2.9vw;gap:1vw} #football-csr .csr-social__open{width:8vw;height:8vw;font-size:4vw} #football-csr .csr-social__placeholder{font-size:2.7vw;inset-inline:2vw;bottom:2vw} #football-csr .csr-social__copy{padding:2vw 0} #football-csr .csr-social__creator{font-size:3.3vw;margin-bottom:2vw} #football-csr .csr-social h3{font-size:5.5vw;margin-bottom:3vw} #football-csr .csr-social__action{font-size:3.5vw;min-height:11vw;padding:0;border:0} #football-csr .csr-lightbox button .csr-icon{width:6vw;height:6vw} } @media(prefers-reduced-motion:reduce){#football-csr .csr-story a:hover .csr-arrow{translate:none}} /* 手动堆叠轮播：固定 3:2 裁剪，以后层右下角为轴，缩小后向右上侧露角。 */ #football-csr .csr-country-gallery{margin-top:2.4vw} #football-csr .csr-country-gallery figure.csr-photo-stack{position:relative;left:-.83vw;isolation:isolate;touch-action:pan-y;user-select:none;width:26.25vw;height:17.5vw;margin:0 auto 2vw;padding:0} #football-csr .csr-photo-stack .csr-gallery-open{height:100%;z-index:3} #football-csr .csr-photo-stack .csr-gallery-open>img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;border-radius:.55vw;box-shadow:0 .35vw .8vw #213f6420} #football-csr .csr-country-gallery .csr-photo-stack>.csr-photo-stack__back{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;border-radius:.55vw;pointer-events:none;transform-origin:center;filter:brightness(.93);box-shadow:0 .3vw .7vw #213f641a;z-index:calc(3 - var(--csr-depth))} #football-csr .csr-photo-stack__back[data-depth='1']{transform:translate(6%,0) rotate(1.4deg) scale(.93)} #football-csr .csr-photo-stack__back[data-depth='2']{transform:translate(12%,-1%) rotate(2.8deg) scale(.86)} #football-csr .csr-news-index{padding-block:4.5vw} #football-csr .csr-news-index>.csr-heading{margin-bottom:2.8vw} #football-csr .csr-news-list .csr-story h3{font-size:1.4vw;line-height:1.35} #football-csr .csr-news-list .csr-story__image{height:8vw} #football-csr .csr-programmes h2{max-width:none} @media(max-width:1080px){ #football-csr .csr-country-gallery{margin-top:8vw} #football-csr .csr-country-gallery figure.csr-photo-stack{left:-1.71vw;width:54vw;height:36vw;margin-bottom:6vw} #football-csr .csr-photo-stack .csr-gallery-open>img,#football-csr .csr-country-gallery .csr-photo-stack>.csr-photo-stack__back{border-radius:1.4vw} #football-csr .csr-news-index{padding-block:11vw} #football-csr .csr-news-index>.csr-heading{margin-bottom:7vw} #football-csr .csr-news-list .csr-story h3{font-size:4.6vw} #football-csr .csr-news-list .csr-story__image{height:22vw} #football-csr .csr-programmes h2{font-size:8.8vw} } /* 二级导航：与 Demo 一致，从阅读起点向整条文字展开。 */ #football-csr .csr-metrics>div:last-child strong{font-size:5.2vw;white-space:nowrap} #football-csr .csr-metrics strong{display:block;font-variant-numeric:tabular-nums;min-height:5.72vw} #football-csr .csr-sample-note{display:block;margin-top:.6vw;font-size:.85vw;color:var(--csr-muted)} /* 社区声音：完整的蓝白对开色块，阅读和社媒入口各占一侧。 */ #football-csr .csr-moments{display:grid;grid-template-columns:3fr 7fr;gap:0;padding:0;background:#fff} #football-csr .csr-moments>.csr-heading{position:static;display:flex;flex-direction:column;justify-content:center;align-items:stretch;align-self:stretch;gap:0;margin:0;padding:6.5vw 5.2vw;background:var(--csr-blue);color:#fff} #football-csr .csr-moments h2{color:#fff;max-width:none} #football-csr .csr-moments .csr-heading .csr-eyebrow,#football-csr .csr-moments .csr-introduction{color:#e1ecff} #football-csr .csr-moments .csr-introduction{padding:0;max-width:none} #football-csr .csr-moments .csr-social-grid{padding:5vw 5.2vw} @media(max-width:1080px){ #football-csr .csr-metrics strong{min-height:14.3vw} #football-csr .csr-metrics>div:last-child strong{font-size:13vw} #football-csr .csr-sample-note{margin-top:2vw;font-size:3.2vw} #football-csr .csr-moments{display:block;padding:0} #football-csr .csr-moments>.csr-heading{margin:0;padding:12vw 6vw} #football-csr .csr-moments h2{max-width:75vw} #football-csr .csr-moments .csr-social-grid{padding:10vw 6vw} } @media(min-width:1081px){#football-csr .csr-moments h2{font-size:3.5vw}} /* 蓝色色块贯穿模块，文字单独吸附；避免整列拉伸导致 sticky 无行程。 */ @media(min-width:1081px){ #football-csr .csr-moments{position:relative;isolation:isolate} #football-csr .csr-moments::before{content:'';position:absolute;inset-block:0;inset-inline-start:0;width:30%;background:var(--csr-blue);z-index:0} #football-csr .csr-moments>.csr-heading{position:sticky;top:calc(var(--csr-header-height) + var(--csr-subnav-height));align-self:start;justify-content:flex-start;padding-block:5vw;background:transparent;z-index:1} #football-csr .csr-moments>.csr-social-grid{position:relative;z-index:1} } #football-csr [data-map-asset]{display:block;width:100%;height:100%;opacity:0} /* 同一白色内容面板横向切换；移动端保留两个独立板块。 */ #football-csr .csr-media-hub{position:relative;isolation:isolate;overflow:clip;overflow-anchor:none;padding:0;background:var(--csr-blue)} #football-csr .csr-hub-title{position:absolute;inset-block:0;width:30%;padding:5vw 3.5vw;color:white} #football-csr .csr-hub-title--news{inset-inline-start:0} #football-csr .csr-hub-title--social{inset-inline-start:0} #football-csr .csr-hub-heading{position:sticky;top:calc(var(--csr-header-height) + var(--csr-subnav-height) + 3vw)} #football-csr .csr-hub-title h2{font-size:3.5vw;line-height:1.08;color:white;margin:1.7vw 0} #football-csr .csr-hub-title .csr-introduction{font-size:1.1vw;line-height:1.6;color:#e1ecff} #football-csr .csr-hub-title .csr-eyebrow{color:#e1ecff} #football-csr .csr-hub-panel{position:relative;z-index:2;width:70%;margin-inline-start:30%;padding:3vw 5.2vw 4vw;background:white} #football-csr .csr-hub-tabs{display:none} #football-csr .csr-hub-switch{display:inline-flex;align-items:center;gap:1vw;max-width:100%;margin-top:3vw;padding:.7vw 0;border:0;border-bottom:.06vw solid #ffffff80;background:none;color:#fff;font:inherit;font-size:1vw;line-height:1.5;text-align:start;cursor:pointer} #football-csr .csr-hub-switch::after{content:'↔';font-size:1.3vw} #football-csr .csr-hub-switch:hover{border-color:#fff} #football-csr .csr-hub-tabs button{font:inherit;font-size:1.1vw;padding:1vw 0;background:none;border:0;border-bottom:.15vw solid transparent;color:#61718b;cursor:pointer} #football-csr .csr-hub-tabs button[aria-selected=true]{color:var(--csr-blue);border-color:var(--csr-blue)} #football-csr .csr-media-hub .csr-news-list{display:grid;grid-template-columns:minmax(0,1fr);gap:2vw} #football-csr .csr-media-hub .csr-news-list .csr-story a{display:grid;grid-template-columns:12vw minmax(0,1fr);gap:2vw} #football-csr .csr-media-hub .csr-news-list .csr-story__image{width:12vw;height:8vw} #football-csr .csr-media-hub .csr-social-grid{display:grid;grid-template-columns:1fr;gap:0;max-width:none;margin:0;padding:0} #football-csr .csr-media-hub .csr-social{padding:2vw 0;border-bottom:.06vw solid #dae3ef} #football-csr .csr-media-hub .csr-social a{display:grid;grid-template-columns:11vw 1fr;gap:2vw} #football-csr .csr-media-hub .csr-social__media{height:12.5vw} #football-csr .csr-media-hub .csr-social__copy{padding:1vw 0} #football-csr .csr-hub-more{display:flex;align-items:center;gap:1.5vw;margin-top:2vw} #football-csr .csr-hub-more button{font:inherit;font-size:1vw;border:0;color:var(--csr-blue);background:transparent;padding:.8vw 0;cursor:pointer;text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:.06vw} #football-csr .csr-hub-more[hidden]{display:none} #football-csr .csr-hub-feed[hidden]{display:none} @media(min-width:1081px){ #football-csr .csr-media-hub[data-view=news] .csr-hub-title--social, #football-csr .csr-media-hub[data-view=social] .csr-hub-title--news{visibility:hidden} } @media(max-width:1080px){ #football-csr{--csr-mobile-title:10vw;--csr-mobile-card-title:4.6vw;--csr-mobile-body:3.7vw;--csr-mobile-meta:3vw;--csr-mobile-action:3.5vw} #football-csr .csr-heading h2{font-size:var(--csr-mobile-title);line-height:1.08} #football-csr .csr-introduction{font-size:var(--csr-mobile-body);line-height:1.6} #football-csr .csr-media-hub{display:flex;flex-direction:column;background:#fff;overflow:visible} #football-csr .csr-hub-panel{display:contents} #football-csr .csr-hub-tabs,#football-csr .csr-hub-anchor{display:none} #football-csr .csr-hub-switch{display:none} #football-csr .csr-hub-title{position:static;width:100%;padding:11vw 6vw;transform:none!important;transition:none;scroll-margin-top:calc(var(--csr-header-height) + var(--csr-subnav-height))} #football-csr .csr-hub-title--news{order:0;background:#edf3fa;color:var(--csr-blue)} #football-csr .csr-hub-title--social{order:2;background:var(--csr-blue)} #football-csr .csr-hub-heading{position:static} #football-csr .csr-hub-title h2{font-size:var(--csr-mobile-title);margin:4vw 0} #football-csr .csr-hub-title--news h2,#football-csr .csr-hub-title--news .csr-eyebrow{color:var(--csr-blue)} #football-csr .csr-hub-title--news .csr-introduction{color:#56647b} #football-csr .csr-hub-title .csr-introduction{font-size:var(--csr-mobile-body)} #football-csr [data-hub-feed]{padding:6vw} #football-csr [data-hub-feed=news]{order:1} #football-csr [data-hub-feed=social]{order:3} #football-csr .csr-media-hub .csr-news-list .csr-story a{grid-template-columns:23vw 1fr;gap:4vw} #football-csr .csr-media-hub .csr-news-list{gap:9vw} #football-csr .csr-media-hub .csr-news-list .csr-story__image{width:23vw;height:22vw} #football-csr .csr-media-hub .csr-social{padding:4vw 0;border-bottom-width:.2vw} #football-csr .csr-media-hub .csr-social a{grid-template-columns:29vw 1fr;gap:4vw} #football-csr .csr-media-hub .csr-social__media{height:35vw} #football-csr .csr-media-hub .csr-social__copy{padding:2vw 0} #football-csr .csr-media-hub .csr-story h3,#football-csr .csr-media-hub .csr-social h3{font-size:var(--csr-mobile-card-title);line-height:1.35} #football-csr .csr-media-hub .csr-eyebrow,#football-csr .csr-media-hub .csr-social__creator,#football-csr .csr-media-hub .csr-social__top{font-size:var(--csr-mobile-meta)} #football-csr .csr-media-hub .csr-story__action,#football-csr .csr-media-hub .csr-social__action{font-size:var(--csr-mobile-action)} #football-csr .csr-hub-more{gap:4vw;margin-top:6vw;flex-wrap:wrap} #football-csr .csr-hub-more button{font-size:var(--csr-mobile-action);padding:3vw 0;text-decoration-thickness:.2vw} } /* 新闻及 Social 共用同一图文列表尺度。 */ #football-csr .csr-media-hub .csr-hub-feed .csr-news-list,#football-csr .csr-media-hub .csr-hub-feed .csr-social-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0} #football-csr .csr-media-hub .csr-hub-feed .csr-story,#football-csr .csr-media-hub .csr-hub-feed .csr-social{padding:2vw 0;border:0;border-bottom:.06vw solid #dae3ef} #football-csr .csr-media-hub .csr-hub-feed .csr-story a,#football-csr .csr-media-hub .csr-hub-feed .csr-social a{display:grid;grid-template-columns:20vw minmax(0,1fr);gap:2vw;align-items:stretch;flex-direction:initial} #football-csr .csr-media-hub .csr-hub-feed .csr-story__image,#football-csr .csr-media-hub .csr-hub-feed .csr-social__media{width:20vw;height:13.333333vw;aspect-ratio:3/2;margin:0;border-radius:0;background:#e7effb} #football-csr .csr-media-hub .csr-hub-feed .csr-story__image img,#football-csr .csr-media-hub .csr-hub-feed .csr-social__media>img{width:100%;height:100%;object-fit:cover;opacity:1} #football-csr .csr-media-hub .csr-hub-feed .csr-story__copy,#football-csr .csr-media-hub .csr-hub-feed .csr-social__copy{display:flex;flex-direction:column;padding:.5vw 0;min-width:0} #football-csr .csr-media-hub .csr-hub-feed .csr-story h3,#football-csr .csr-media-hub .csr-hub-feed .csr-social h3{font-size:1.4vw;line-height:1.35;margin:0 0 1.5vw;font-weight:700} #football-csr .csr-media-hub .csr-hub-feed .csr-story .csr-eyebrow,#football-csr .csr-media-hub .csr-hub-feed .csr-social__creator{font-size:.85vw;line-height:1.5;color:#466893;margin:0 0 .9vw;letter-spacing:.025em} #football-csr .csr-media-hub .csr-hub-feed .csr-story__action,#football-csr .csr-media-hub .csr-hub-feed .csr-social__action{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:0;border:0;min-height:2.5vw;font-size:1vw;color:var(--csr-blue)} #football-csr .csr-media-hub .csr-hub-feed .csr-social__top,#football-csr .csr-media-hub .csr-hub-feed .csr-social__open{display:none} @media(max-width:1080px){ #football-csr .csr-media-hub .csr-hub-feed .csr-story,#football-csr .csr-media-hub .csr-hub-feed .csr-social{padding:6vw 0;border-bottom-width:.2vw} #football-csr .csr-media-hub .csr-hub-feed .csr-story a,#football-csr .csr-media-hub .csr-hub-feed .csr-social a{grid-template-columns:34vw minmax(0,1fr);gap:4vw} #football-csr .csr-media-hub .csr-hub-feed .csr-story__image,#football-csr .csr-media-hub .csr-hub-feed .csr-social__media{width:34vw;height:22.666667vw} #football-csr .csr-media-hub .csr-hub-feed .csr-story__copy,#football-csr .csr-media-hub .csr-hub-feed .csr-social__copy{padding:0} #football-csr .csr-media-hub .csr-hub-feed .csr-story h3,#football-csr .csr-media-hub .csr-hub-feed .csr-social h3{font-size:var(--csr-mobile-card-title);margin-bottom:3vw} #football-csr .csr-media-hub .csr-hub-feed .csr-story .csr-eyebrow,#football-csr .csr-media-hub .csr-hub-feed .csr-social__creator{font-size:var(--csr-mobile-meta);margin-bottom:3vw} #football-csr .csr-media-hub .csr-hub-feed .csr-story__action,#football-csr .csr-media-hub .csr-hub-feed .csr-social__action{font-size:var(--csr-mobile-action);min-height:11vw} } @media(prefers-reduced-motion:reduce){#football-csr .csr-hub-panel,#football-csr .csr-hub-title{transition:none}} /* 固定蓝白构图，仅内容淡出、淡入，避免整屏横移。 */ @media(min-width:1081px) and (prefers-reduced-motion:no-preference){ #football-csr .csr-hub-feed,#football-csr .csr-hub-heading{transition:opacity 150ms ease} #football-csr .csr-media-hub[data-transition=out] .csr-hub-feed, #football-csr .csr-media-hub[data-transition=out] .csr-hub-heading{opacity:0} #football-csr .csr-media-hub[data-transition=enter] .csr-hub-feed{animation:csr-hub-content-in 340ms cubic-bezier(.16,1,.3,1) both} #football-csr .csr-media-hub[data-transition=enter] .csr-hub-heading{animation:csr-hub-heading-in 280ms ease both} } @keyframes csr-hub-content-in{from{opacity:0;translate:0 .7vw}to{opacity:1;translate:0 0}} @keyframes csr-hub-heading-in{from{opacity:0}to{opacity:1}} #football-csr .csr-media-hub a[aria-disabled=true]{cursor:default} /* 原生国家选择保留交互语义，显示层使用滚轮式名称。 */ #football-csr .csr-country-picker{position:relative;width:100%;font-size:2.3vw;line-height:1.2} #football-csr .csr-country-picker select{position:relative;z-index:1;display:block;color:transparent;-webkit-appearance: none; -moz-appearance: none; appearance:none;cursor:pointer;background:transparent} #football-csr .csr-country-picker select option{color:var(--csr-ink)} #football-csr .csr-country-picker::after{content:'';position:absolute;inset-inline-end:.4vw;top:40%;width:.4vw;height:.4vw;border-inline-end:.1vw solid var(--csr-ink);border-bottom:.1vw solid var(--csr-ink);transform:rotate(45deg);pointer-events:none} #football-csr .csr-country-name-window{position:absolute;top:.4vw;inset-inline:0 2vw;height:1.3em;line-height:1.2;overflow:clip;pointer-events:none;font-weight:700;color:var(--csr-ink)} #football-csr .csr-roll-current{display:block;line-height:inherit;white-space:nowrap} #football-csr .csr-roll-previous{position:absolute;inset:0;display:block;line-height:inherit;white-space:nowrap} #football-csr .csr-country-metrics [data-country-value]{position:relative;display:inline-block;overflow:clip;vertical-align:bottom;line-height:1.3} #football-csr .csr-country-metrics [data-country-value]>span{font:inherit;line-height:inherit;color:inherit;letter-spacing:inherit;margin:0} #football-csr .csr-country-gallery{position:relative} #football-csr .csr-country-ghost{pointer-events:none} @media(max-width:1080px){ #football-csr .csr-country-picker{order:-2;font-size:7vw;margin-bottom:1vw} #football-csr .csr-country-name-window{top:2vw;inset-inline-end:6vw} #football-csr .csr-country-picker::after{width:1.2vw;height:1.2vw;inset-inline-end:1vw;border-width:.3vw} } /* 足球视觉试版：标线保持物理方向，文字继续跟随语言方向。 */ #football-csr .csr-programme:nth-child(2){position:relative;isolation:isolate;overflow:clip} #football-csr .csr-pitch-art{position:absolute;z-index:-1;pointer-events:none;width:62vw;height:42vw;right:10vw;top:-2vw;transform:rotate(-14deg);color:#fff;opacity:.16;fill:none;stroke:currentColor;stroke-width:.09vw} #football-csr .csr-pitch-art path{stroke-dasharray:1;stroke-dashoffset:0} @media(max-width:1080px){ #football-csr .csr-pitch-art{width:120vw;height:100vw;right:-12vw;top:auto;bottom:-9vw;stroke-width:.25vw;opacity:.12} } /* 双基准排版修订：保留素材尺寸，收紧文字和章节间距。 */ @media(min-width:1081px){ #football-csr .csr-programmes{padding-top:5vw} #football-csr .csr-programmes>.csr-heading{margin-bottom:3.2vw} #football-csr .csr-programme{padding-bottom:5vw} #football-csr .csr-programme:nth-child(2){padding-block:5vw} #football-csr .csr-programme h3{margin-bottom:1.2vw} #football-csr .csr-programme__lead{margin-bottom:1vw} #football-csr .csr-impact{padding-block:4vw} #football-csr .csr-impact>.csr-heading{margin-bottom:2.3vw} #football-csr .csr-impact-grid{gap:4vw} #football-csr .csr-map-canvas{width:75%} #football-csr .csr-map-area{padding-bottom:0} #football-csr .csr-media-hub .csr-hub-feed .csr-story,#football-csr .csr-media-hub .csr-hub-feed .csr-social{padding-block:1vw} #football-csr .csr-media-hub .csr-hub-feed .csr-story__action,#football-csr .csr-media-hub .csr-hub-feed .csr-social__action{margin-top:0} } @media(max-width:1080px){ #football-csr .csr-programmes{padding-top:9vw} #football-csr .csr-programmes>.csr-heading{margin-bottom:6vw} #football-csr .csr-programmes .csr-heading h2{font-size:7.6vw;line-height:1.12;max-width:none;text-wrap:initial;letter-spacing:-.04em} #football-csr .csr-programmes .csr-heading>.csr-introduction{max-width:none;text-align:start;align-self:start;justify-self:start;margin-top:3vw;padding:0} #football-csr .csr-programme,#football-csr .csr-programme:nth-child(2){padding-bottom:9vw} #football-csr .csr-programme:nth-child(2){padding-top:9vw} #football-csr .csr-programme__copy,#football-csr .csr-programme:nth-child(2) .csr-programme__copy{padding-top:5vw} #football-csr .csr-programme h3{font-size:7.8vw;margin-bottom:3vw} #football-csr .csr-programme__lead{margin-bottom:2.5vw;line-height:1.5} #football-csr .csr-programme__copy>p:last-child{line-height:1.55} #football-csr .csr-impact{padding-block:9vw} #football-csr .csr-impact>.csr-heading{margin-bottom:6vw} #football-csr .csr-impact-grid{display:flex;gap:3vw} #football-csr .csr-impact-content{display:contents} #football-csr .csr-location{display:contents} #football-csr .csr-location>.csr-eyebrow{order:-3;margin:0} #football-csr .csr-location>select{order:-2;margin:0 0 1vw} #football-csr .csr-map-area{padding-block:2vw 0} #football-csr .csr-map-canvas{width:72vw} #football-csr .csr-country-metrics{order:1;width:100%;padding-top:1vw} #football-csr .csr-country-gallery{order:2;width:100%;margin-top:2vw;min-height:0} #football-csr .csr-hub-title{padding-block:8.6vw} #football-csr .csr-hub-title h2{font-size:8.2vw;margin-block:3vw;line-height:1.1} #football-csr .csr-hub-title .csr-introduction{margin-block:0} #football-csr .csr-media-hub .csr-hub-feed .csr-story,#football-csr .csr-media-hub .csr-hub-feed .csr-social{padding-block:4vw} #football-csr .csr-media-hub .csr-hub-feed .csr-story a,#football-csr .csr-media-hub .csr-hub-feed .csr-social a{grid-template-columns:44% minmax(0,1fr);gap:3vw} #football-csr .csr-media-hub .csr-hub-feed .csr-story__image,#football-csr .csr-media-hub .csr-hub-feed .csr-social__media{width:100%;height:auto;aspect-ratio:3/2;align-self:start} #football-csr .csr-media-hub .csr-hub-feed .csr-story h3,#football-csr .csr-media-hub .csr-hub-feed .csr-social h3{font-size:4vw;line-height:1.25;margin-bottom:2vw;text-wrap:pretty} #football-csr .csr-media-hub .csr-hub-feed .csr-story .csr-eyebrow,#football-csr .csr-media-hub .csr-hub-feed .csr-social__creator{font-size:2.7vw;margin-bottom:2vw} #football-csr .csr-media-hub .csr-hub-feed .csr-story__action,#football-csr .csr-media-hub .csr-hub-feed .csr-social__action{margin-top:0;min-height:8vw;font-size:3.2vw} } /* 反馈版：双项目并列影像入口，新闻与 Social 独立呈现。 */ #football-csr .csr-kv__content{min-height:50vw;padding:5vw 5.2vw 5vw;justify-content:flex-start} #football-csr .csr-kv h1{max-width:88vw;font-size:4.8vw;line-height:1.08;letter-spacing:-.12vw} #football-csr .csr-kv__shade{background:linear-gradient(90deg,#071b2d3d,#071b2d05 75%)} #football-csr .csr-programmes .csr-programme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0} #football-csr .csr-programmes .csr-programme{display:block;position:relative;isolation:isolate;margin:0;padding:0;background:#102844;color:white;overflow:clip;min-width:0} #football-csr .csr-programmes .csr-programme__visual{position:absolute;inset:0;width:100%;height:100%;z-index:-2} #football-csr .csr-programmes .csr-programme__visual img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover} #football-csr .csr-programmes .csr-programme::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#07142508,#07142518 25%,#071425b3 52%,#071425eb);z-index:-1;pointer-events:none} #football-csr .csr-programmes .csr-programme .csr-programme__copy{position:relative;padding:19vw 4vw 3vw;max-width:none;text-align:center} #football-csr .csr-programmes .csr-programme__copy>.csr-eyebrow{display:none} #football-csr .csr-programmes .csr-programme h3{position:absolute;inset-inline:2vw;top:calc(25% - 1.736vw);max-width:none;margin:0;color:white;font-size:3.1vw;line-height:1.12;letter-spacing:-.04em;text-wrap:balance} #football-csr .csr-programmes .csr-programme__lead{font-size:1.05vw;line-height:1.6;color:white;margin:4.972vw auto 0;max-width:35vw;min-height:5.1vw} #football-csr .csr-programmes .csr-pitch-art{display:none} #football-csr .csr-map-canvas svg>g:not(:has(.csr-map-pin)) path, #football-csr .csr-map-canvas svg>path{fill:#d4dae1;stroke:none} #football-csr .csr-map-canvas .csr-map-pin{cursor:pointer;outline:none;transition:transform 220ms ease,filter 220ms ease} #football-csr .csr-map-canvas .csr-map-pin.is-selected{transform:translateY(.35vw);filter:drop-shadow(0 .12vw .12vw #163b7033)} #football-csr .csr-map-canvas .csr-map-pin:focus{outline:none} #football-csr .csr-country-picker select:focus{outline:none;box-shadow:none} #football-csr .csr-country-picker:focus-within{border-color:transparent;box-shadow:none} #football-csr .csr-country-picker select:focus-visible{outline:none;border-bottom-color:var(--csr-blue)} #football-csr .csr-map-canvas .csr-map-pin path{fill:#0055e8;stroke:white;stroke-width:3;paint-order:stroke fill} #football-csr .csr-map-canvas .csr-map-pin circle{fill:white;stroke:none} #football-csr .csr-map-canvas .csr-map-pin.is-selected path{fill:white;stroke:#0055e8;stroke-width:4} #football-csr .csr-map-canvas .csr-map-pin.is-selected circle{fill:#0055e8} #football-csr .csr-map-canvas .csr-map-pin:focus-visible path{stroke:#09275b;stroke-width:6} #football-csr .csr-country-metrics{grid-template-columns:1fr} #football-csr .csr-moments{display:block;padding:5vw 5.2vw;background:#f3f6fa;scroll-margin-top:calc(var(--csr-header-height) + var(--csr-subnav-height))} #football-csr .csr-moments::before{content:none} #football-csr .csr-moments-heading{max-width:70vw;margin:0 auto 3vw;text-align:center} #football-csr .csr-moments .csr-hub-heading{position:static} #football-csr .csr-moments h2{font-size:4vw;line-height:1.12;color:var(--csr-blue)} #football-csr .csr-moments .csr-introduction{font-size:1.2vw;line-height:1.6;margin:1.5vw 0 0;color:var(--csr-ink)} #football-csr .csr-moments .csr-social-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5vw;max-width:86vw;margin:auto;padding:0} #football-csr .csr-moments .csr-social{position:relative;padding:0;border:0;min-width:0} #football-csr .csr-moments .csr-social a{display:block;position:relative;color:white;text-decoration:none} #football-csr .csr-moments .csr-social__media{position:relative;aspect-ratio:3/5;width:100%;height:auto;background:#dce8fa;overflow:hidden} #football-csr .csr-moments .csr-social__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} #football-csr .csr-moments .csr-social__media::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0c2843dc);pointer-events:none} #football-csr .csr-moments .csr-social__top{display:flex;position:absolute;inset:1vw 1vw auto;justify-content:space-between;z-index:2;color:#10367a;font-size:.8vw} #football-csr .csr-moments .csr-social__open{display:grid;place-items:center;position:absolute;inset:44% auto auto 50%;translate:-50% -50%;width:3.5vw;height:3.5vw;border:0;border-radius:50%;background:#0055e8;color:white;z-index:2} #football-csr .csr-moments .csr-social__open .csr-icon{width:1.6vw;height:1.6vw} #football-csr .csr-moments .csr-social__placeholder{position:absolute;inset:56% 2vw auto;color:#153d73;font-size:.9vw;text-align:center;z-index:2} #football-csr .csr-moments .csr-social__copy{position:absolute;inset:auto 1.5vw 1.5vw;z-index:2;padding:0} #football-csr .csr-moments .csr-social__creator{font-size:.9vw;margin:0 0 .6vw;color:white} #football-csr .csr-moments .csr-social h3{font-size:1.25vw;line-height:1.3;margin:0 0 1vw;color:white} #football-csr .csr-moments .csr-social__action{font-size:.85vw;color:white;display:flex;justify-content:space-between;border:0;padding:0} #football-csr .csr-moments .csr-hub-more{justify-content:center;margin-top:2.5vw} @media(max-width:1080px){ #football-csr .csr-kv__content{min-height:0;padding:3.5vw 6vw 6vw;justify-content:flex-start;margin-top:15vw} #football-csr .csr-kv h1{max-width:88vw;font-size:7.4vw;line-height:1.08;letter-spacing:-.2vw} #football-csr .csr-programmes .csr-programme-grid{grid-template-columns:1fr} #football-csr .csr-programmes .csr-programme .csr-programme__copy{padding:52vw 7vw 9vw} #football-csr .csr-programmes .csr-programme h3{inset-inline:5vw;top:calc(25% - 4.48vw);margin:0;font-size:8vw} #football-csr .csr-programmes .csr-programme__lead{font-size:4vw;max-width:none;min-height:0;line-height:1.55;margin-top:13.96vw} #football-csr .csr-map-canvas .csr-map-pin path{stroke-width:4} #football-csr .csr-moments{padding:10vw 6vw} #football-csr .csr-moments-heading{max-width:none;margin-bottom:7vw} #football-csr .csr-moments h2{font-size:8.2vw} #football-csr .csr-moments .csr-introduction{font-size:4vw;margin-top:3vw} #football-csr .csr-moments .csr-social-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4vw;max-width:none} #football-csr .csr-moments .csr-social__top{inset:3vw 2vw auto;font-size:2.2vw} #football-csr .csr-moments .csr-social__open{width:10vw;height:10vw} #football-csr .csr-moments .csr-social__open .csr-icon{width:4.5vw;height:4.5vw} #football-csr .csr-moments .csr-social__placeholder{font-size:2.5vw;inset-inline:2vw} #football-csr .csr-moments .csr-social__copy{inset:auto 3vw 4vw} #football-csr .csr-moments .csr-social__creator{font-size:2.5vw;margin-bottom:2vw;overflow-wrap:anywhere} #football-csr .csr-moments .csr-social h3{font-size:3.4vw;margin-bottom:2vw} #football-csr .csr-moments .csr-social__action{font-size:2.5vw} #football-csr .csr-moments .csr-hub-more{margin-top:5vw} } #football-csr .csr-programmes .csr-programme .csr-programme__body{font-size:1.05vw;line-height:1.65;margin:1.7vw auto 0;max-width:35vw;color:white;text-align:center} @media(max-width:1080px){#football-csr .csr-programmes .csr-programme .csr-programme__body{font-size:3.7vw;line-height:1.6;margin-top:4vw;max-width:none;text-align:start}} #football-csr .csr-moments .csr-hub-feed{position:relative;overflow:hidden;padding:0 4vw} #football-csr .csr-social-viewport{position:relative;overflow:hidden;min-width:0} #football-csr .csr-moments .csr-social-grid{max-width:100%;width:100%} #football-csr .csr-moments .csr-social-grid.csr-social-outgoing{position:absolute;inset:0 0 auto;width:100%;pointer-events:none} #football-csr .csr-social-controls{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none;direction:ltr} #football-csr .csr-social-controls button{display:grid;place-items:center;width:2.8vw;height:2.8vw;border:.06vw solid #c6d1df;background:transparent;color:var(--csr-blue);cursor:pointer;pointer-events:auto} #football-csr .csr-social-controls .csr-icon{width:1.4vw;height:1.4vw} #football-csr .csr-gallery-controls>button,#football-csr .csr-social-controls button{border:0;transition:scale 120ms var(--csr-ease)} #football-csr .csr-gallery-controls>button:hover,#football-csr .csr-social-controls button:hover:not(:disabled){background:transparent} #football-csr .csr-gallery-controls>button .csr-icon,#football-csr .csr-social-controls .csr-icon{transition:translate 180ms var(--csr-ease)} #football-csr .csr-gallery-controls>button[data-step="-1"]:hover .csr-icon,#football-csr [data-social-prev]:hover:not(:disabled) .csr-icon{translate:-.15vw 0} #football-csr .csr-gallery-controls>button[data-step="1"]:hover .csr-icon,#football-csr [data-social-next]:hover:not(:disabled) .csr-icon{translate:.15vw 0} #football-csr .csr-gallery-controls>button:active,#football-csr .csr-social-controls button:active:not(:disabled){scale:.9} #football-csr .csr-social-controls button:disabled{opacity:.3;cursor:default} @media(max-width:1080px){ #football-csr .csr-social-controls button{width:7vw;height:11vw;border-width:.2vw} #football-csr .csr-social-controls .csr-icon{width:4vw;height:4vw} #football-csr .csr-gallery-controls>button,#football-csr .csr-social-controls button{border:0} } /* 同类入口统一反馈：跳转箭头斜向轻移，轮播箭头沿切换方向轻移。 */ #football-csr .csr-story .csr-arrow,#football-csr .csr-social .csr-arrow{transition:translate 180ms var(--csr-ease)} @media(hover:hover) and (pointer:fine){ #football-csr .csr-moments .csr-social a:hover h3{color:white} #football-csr .csr-moments .csr-social a:hover .csr-arrow{translate:.15vw -.15vw} html[dir=rtl] #football-csr .csr-story a:hover .csr-arrow,html[dir=rtl] #football-csr .csr-moments .csr-social a:hover .csr-arrow{translate:-.15vw -.15vw} } @media(prefers-reduced-motion:reduce){ #football-csr .csr-gallery-controls>button .csr-icon,#football-csr .csr-social-controls .csr-icon,#football-csr .csr-story a .csr-arrow,#football-csr .csr-social a .csr-arrow{translate:none!important} #football-csr .csr-gallery-controls>button:active,#football-csr .csr-social-controls button:active{scale:1} } /* 移动端统一内容边距，卡片文案与占位提示分区。 */ @media(max-width:1080px){ #football-csr .csr-kv h1{font-size:6vw;line-height:1.12;letter-spacing:-.12vw;max-width:88vw;text-wrap:wrap} #football-csr .csr-programmes>.csr-heading{text-align:center} #football-csr .csr-programmes>.csr-heading .csr-introduction{margin-inline:auto;text-align:center} #football-csr .csr-programmes .csr-programme .csr-programme__body{text-align:center} #football-csr .csr-impact{padding-inline:6vw} #football-csr .csr-metrics{grid-template-columns:repeat(3,max-content);justify-content:space-between;gap:0;width:100%;min-width:0;align-items:start} #football-csr .csr-metrics strong,#football-csr .csr-metrics>div:last-child strong{font-size:11vw;line-height:1.1;min-height:12.1vw;letter-spacing:-.3vw} #football-csr .csr-metrics span{font-size:3vw;line-height:1.4;margin-top:2vw;white-space:nowrap} #football-csr .csr-metrics strong{position:relative;font-variant-numeric:normal;letter-spacing:-.3vw} #football-csr .csr-metrics strong::before{content:attr(data-final-value);display:block;height:0;visibility:hidden;pointer-events:none} #football-csr .csr-metrics>div:last-child strong{translate:0;letter-spacing:-.5vw} #football-csr .csr-hub-title--news{background:var(--csr-blue);color:white} #football-csr .csr-hub-title--news h2,#football-csr .csr-hub-title--news .csr-eyebrow{color:white} #football-csr .csr-hub-title--news .csr-introduction{color:#e1ecff} #football-csr .csr-moments .csr-social-grid{width:100%;max-width:none;margin:0;padding:0;gap:4vw} #football-csr .csr-moments .csr-hub-feed{padding:0 9vw;width:100%;margin:0} #football-csr .csr-moments .csr-social-grid.csr-social-outgoing{inset-inline:0;width:100%} #football-csr .csr-moments-heading{text-align:start;margin-bottom:7vw} #football-csr .csr-moments h2{max-width:none;width:100%;font-size:8.2vw;line-height:1.12;text-align:start;text-wrap:balance} #football-csr .csr-moments .csr-introduction{max-width:none;text-align:start;line-height:1.55} #football-csr .csr-moments .csr-social__media{aspect-ratio:3/5} #football-csr .csr-moments .csr-social__placeholder{inset:34% 3vw auto;font-size:2.4vw;line-height:1.4} #football-csr .csr-moments .csr-social__copy{inset:auto 3vw 3vw;display:flex;flex-direction:column;gap:2vw;padding:0} #football-csr .csr-moments .csr-social__creator{font-size:2.5vw;line-height:1.4;margin:0} #football-csr .csr-moments .csr-social h3{font-size:3.4vw;line-height:1.25;margin:0;min-height:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden} #football-csr .csr-moments .csr-social__action{font-size:2.5vw;line-height:1.4;min-height:4vw;margin:1vw 0 0;padding:0;gap:1vw} #football-csr .csr-moments .csr-social__action .csr-arrow{font-size:3.5vw} } #football-csr .csr-country-metrics[hidden]{display:none} @media(max-width:1080px){#football-csr .csr-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:3vw}#football-csr .csr-metrics span{white-space:normal;font-size:2.8vw;max-width:25vw;margin-inline:auto}#football-csr .csr-kv__content{margin-top:9vw}#football-csr .csr-impact h2{font-size:8.2vw}} /* 成果统计暂不展示，照片墙扩大并保留原有堆叠和原图查看交互。 */ #football-csr .csr-country-gallery figure.csr-photo-stack{width:34vw;height:22.667vw} @media(min-width:1081px){ #football-csr .csr-impact .csr-heading>.csr-introduction{grid-column:2;grid-row:1;align-self:end} } @media(max-width:1080px){ #football-csr .csr-country-gallery figure.csr-photo-stack{width:76vw;height:50.667vw} } /* 地图入口说明与国家选择保持同一阅读起点。 */ #football-csr .csr-impact .csr-heading>.csr-introduction{text-align:start;justify-self:stretch;margin-inline:0} #football-csr .csr-country-picker::after{width:.65vw;height:.65vw;border-width:.13vw} @media(max-width:1080px){#football-csr .csr-country-picker::after{width:1.8vw;height:1.8vw;border-width:.4vw}} @media(min-width:1081px){#football-csr .csr-impact>.csr-heading{column-gap:4vw}} /* 复用列表页 productNav；仅补充CSR长栏目及原有无障碍状态。 */ /* 点击留下的焦点不改变文字颜色，蓝色仅表示鼠标悬停。 */ #football-csr #topNav .tab-item{color:#9c9c9c} #football-csr #topNav .tab-item.active{color:#000} #football-csr #topNav .tab-item.active::before{border-bottom-color:#000} @media(hover:hover) and (pointer:fine){ #football-csr #topNav .tab-item:hover{color:#0264f8} #football-csr #topNav .tab-item.active:hover::before{border-bottom-color:#0264f8} } #football-csr #topNav .tab-ul{gap:1.667vw} #football-csr #topNav .tab-item{margin:0;flex:0 0 auto} #football-csr .csr-kv{height:calc(var(--csr-window-height) - var(--csr-initial-header-height,4.444vw) - var(--csr-subnav-height));aspect-ratio:auto} #football-csr .csr-kv__content{min-height:0;height:100%} @media(max-width:1080px){ .football-csr-page{--csr-subnav-height:22.222vw} #football-csr #topNav .tab-ul{gap:3vw;flex-shrink:0} #football-csr #topNav .nav-p{flex-shrink:0} #football-csr #topNav .tab-ul .tab-item{margin:0} #football-csr .csr-kv__content{margin-top:0;padding-top:12.5vw} } #football-csr #topNav{top:0;padding:0;display:block} #football-csr .productNav-tab{box-sizing:border-box} #football-csr .nav-p{display:flex;align-items:center;flex-shrink:0;color:#000;text-decoration:none} #football-csr .tab-ul{min-width:0;overflow-x:auto;scrollbar-width:none} #football-csr .tab-item{white-space:nowrap;flex-shrink:0;text-decoration:none} #football-csr .tab-item::after{content:none} @media(min-width:1441px){#football-csr .productNav-tab{width:67.708vw;max-width:none}} @media(max-width:1080px){#football-csr .productNav-tab{width:100%;max-width:none;padding:0;flex-direction:column}#football-csr #topNav{height:22.222vw;font-size:2.963vw}#football-csr .nav-p,#football-csr .tab-ul{width:100%;height:11.111vw;padding:0 5vw}#football-csr .nav-p::after{display:none}#football-csr .tab-ul{border-top:.093vw solid #f8f8f8;justify-content:flex-start}#football-csr .tab-ul .tab-item:not(:last-of-type){margin-inline-end:3vw;margin-right:0}}