@font-face{font-family:system-fallback;src:local('Arial')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f4f2eb;color:#20251e;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e06434;outline-offset:5px}button{color:inherit}button:disabled{cursor:default}img{display:block;width:100%;object-fit:cover}button{border:0;background:none}h1,h2,h3,h4,p{margin:0}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.header{height:108px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:inline-flex;gap:12px;align-items:center;font-size:21px;font-weight:800;letter-spacing:1px;white-space:nowrap}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:6px}.brand-mark{height:47px;width:47px;display:flex;align-items:center;justify-content:center;background:#242c23;color:#f6f3e7;font-size:28px;letter-spacing:-3px;position:relative;font-style:italic;padding-right:3px}.brand-mark>span{position:absolute;right:1px;top:-8px;color:#ed6335;font-size:19px}.header nav{display:flex;gap:32px;font-size:13px}.header nav a{position:relative;padding:13px 0}.header nav .active:after{content:'';width:5px;height:5px;background:#e6653a;position:absolute;left:50%;bottom:1px;border-radius:50%}.saved-button{font-size:12px;display:flex;align-items:center;gap:9px}.saved-button>span:first-child{font-size:23px}.saved-button>span:last-child{background:#e6e5dd;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:10px}.edition{border-top:1px solid #cbcfc2;padding:16px 0;display:flex;justify-content:space-between;font-family:monospace;font-size:10px;letter-spacing:1.5px}.orange{color:#d95e31;margin-left:12px}.hero-image{position:relative;height:590px;overflow:hidden;background:#213a2b}.hero-image>img{height:100%;object-position:center 55%;filter:brightness(.75) saturate(.65)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,23,17,.8),rgba(12,23,17,.15) 90%),linear-gradient(0deg,rgba(6,20,12,.5),transparent 55%)}.hero-copy{position:absolute;top:68px;left:64px;color:#f9f8ed}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;line-height:1.8}.hero-copy .eyebrow{color:#e1e9cb;display:flex;align-items:center;gap:12px}.hero-copy .eyebrow>span{height:6px;width:6px;background:#dce887;border-radius:50%}h1{font-size:clamp(40px,4.9vw,72px);letter-spacing:-2px;line-height:1.28;margin:24px 0 20px;font-weight:800}h1>span{color:#f17d46}.hero-description{font-size:14px;color:#d2dacd;line-height:1.9;letter-spacing:1px}.primary{background:#ed6b3b;display:inline-flex;gap:48px;align-items:center;padding:16px 22px;margin-top:29px;font-size:12px;color:#162319;font-weight:bold}.primary span{font-size:20px}.primary:hover{background:#fa8354}.hero-caption{position:absolute;bottom:24px;left:64px;right:34px;display:flex;justify-content:space-between;color:#d8ddcf;font-size:9px;letter-spacing:1px}.hero-seal{position:absolute;right:56px;top:67px;width:140px;height:160px;background:#dce797;color:#28362b;padding:20px 18px;transform:rotate(7deg);font-size:10px;letter-spacing:1px}.hero-seal strong{display:block;font-size:24px;letter-spacing:-1px;line-height:1.1;margin:10px 0}.hero-seal>span{font-size:8px;letter-spacing:2px}.under-hero{display:flex;align-items:center;justify-content:space-between;font-size:10px;padding:21px 0;border-bottom:1px solid #d6d8cc;gap:15px;color:#777c6f}.under-hero>span:first-child{display:flex;align-items:center;gap:8px;color:#394636}.under-hero i{height:5px;width:5px;border-radius:50%;background:#667d43}.under-hero a{color:#303a2e}.under-hero a>span{margin-left:22px}.section{padding-block:76px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-heading .eyebrow{color:#78816d;margin-bottom:10px}h2{font-size:36px;letter-spacing:-1.5px;font-weight:800;line-height:1.4}h2>span{color:#e5693e}.section-aside{font-size:11px;line-height:1.9;color:#7d8275}.story-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d5d8cb;margin-bottom:28px;padding-bottom:17px;gap:15px}.filters{display:flex;gap:8px}.filters button{font-size:11px;padding:9px 14px;border:1px solid transparent;border-radius:2px}.filters .selected{background:#263a2c;color:#f3f4e9}.filters span{font-size:9px;opacity:.5;margin-left:5px}.search-label{display:flex;align-items:center;gap:6px}.search-label>span{font-size:25px}.search-label input{border:0;background:none;max-width:180px;font-size:11px;padding:8px 0;color:#273328}.search-label input::placeholder{color:#85897c}.story-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.story-card{min-width:0;border-bottom:1px solid #d4d7ca;padding-bottom:21px}.story-card[hidden]{display:none}.story-card .card-art{width:100%;height:215px;position:relative;overflow:hidden;display:block;text-align:left;background:#d4dfba;padding:0}.card-art img{height:100%;transition:transform .4s;filter:saturate(.65)}.card-art:hover img{transform:scale(1.04)}.card-art:after{position:absolute;inset:0;content:'';background:linear-gradient(0deg,rgba(11,31,19,.65),transparent 75%)}.art-label{position:absolute;top:16px;left:16px;z-index:1;font-family:monospace;color:white;letter-spacing:2px;font-size:9px}.art-title{position:absolute;left:20px;bottom:20px;z-index:1;color:#f6f7ec;font-size:33px;line-height:1;font-weight:800;letter-spacing:-1px}.art-title small{display:block;font-size:11px;margin-top:10px;letter-spacing:2px;font-weight:400}.card-meta{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1px;margin:20px 0 11px;color:#7a826f}.card-meta>span:first-child{color:#567342}.card-meta .card-number{margin-left:auto}.story-title{font-size:19px;font-weight:700;line-height:1.6;text-align:left;padding:0}.story-title:hover{color:#a34a27}.story-description{font-size:11px;line-height:1.9;color:#7a8073;margin-top:10px}.card-bottom{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin-top:24px}.card-bottom .read{padding:0}.bookmark{font-size:10px;padding:5px 8px;border:1px solid #d8dacd}.bookmark.saved{background:#e2e9d3;border-color:#a4b58d}.board-art{background:#3f5739!important}.board-art>svg{height:100%;width:100%;opacity:.65}.fourth-card{display:none}.empty{padding:32px;text-align:center;color:#6e7768;font-size:13px}.ten-section{background:#222f24;color:#f2f2de;overflow:hidden}.ten-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:65px;padding-bottom:66px}.ten-art{min-height:460px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.giant-ten{font-size:340px;font-weight:900;letter-spacing:-36px;line-height:1;color:#d6e393;transform:skew(-9deg);padding-right:30px;text-shadow:12px 10px 0 #304232}.ten-orbit{position:absolute;width:380px;height:380px;border:1px solid #6a7b53;border-radius:50%}.ten-orbit:before,.ten-orbit:after{content:'';position:absolute;inset:27px -25px;border:1px solid #495c3b;border-radius:50%;transform:rotate(35deg)}.ten-orbit:after{transform:rotate(-35deg)}.ten-name{position:absolute;left:24px;top:16px;letter-spacing:4px;font-size:12px;line-height:1.5}.ten-stars{position:absolute;right:28px;top:25px;color:#e7b85c;letter-spacing:7px;font-size:15px}.ten-coordinate{position:absolute;left:26px;bottom:20px;letter-spacing:2px;font-family:monospace;font-size:9px;color:#a6b593}.ten-copy .eyebrow{color:#b6c883}.ten-copy h2{font-size:39px;margin-top:16px}.ten-intro{font-size:12px;line-height:2;color:#adbaa3;max-width:400px;margin-top:20px}.timeline{display:flex;border-bottom:1px solid #536046;margin:28px 0 22px;gap:30px}.timeline button{padding:0 10px 13px 0;font-family:monospace;font-size:19px;color:#92a285;border-bottom:2px solid transparent;position:relative;bottom:-1px}.timeline button span{display:block;font-family:Arial,sans-serif;font-size:9px;margin-top:6px}.timeline .selected{border-color:#dae895;color:#dce999}.timeline-date{font-size:9px;letter-spacing:1px;color:#aabc89}.timeline-detail h3{font-size:15px;margin:10px 0}.timeline-detail>p:last-of-type{font-size:11px;line-height:1.9;color:#a9b69f;min-height:42px}.timeline-detail a{display:inline-block;font-size:10px;color:#d8e69d;margin-top:14px}.tactics-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.pitch-panel{background:#e6e9da;padding:24px 34px 19px}.pitch-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#65725a;margin-bottom:16px}.pitch{position:relative;width:100%;height:330px;max-width:460px;margin:auto;border:1px solid #a0b18c;background:repeating-linear-gradient(0deg,#dae2c9 0,#dae2c9 41px,#d1ddbf 41px,#d1ddbf 82px);overflow:hidden}.pitch-half{position:absolute;left:0;right:0;top:50%;border-top:1px solid #a0b18c}.pitch-circle{width:90px;height:90px;border:1px solid #a0b18c;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.penalty{position:absolute;width:56%;height:20%;border:1px solid #a0b18c;left:22%}.penalty.top{top:-1px}.penalty.bottom{bottom:-1px}.goal{position:absolute;width:24%;height:8%;border:1px solid #a0b18c;left:38%}.goal.top{top:-1px}.goal.bottom{bottom:-1px}.pitch-dot{position:absolute;left:50%;top:50%;width:4px;height:4px;background:#a0b18c;border-radius:50%;transform:translate(-50%,-50%)}.player{position:absolute;transform:translate(-50%,-50%);border:1px solid #f4f4e4;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;background:#2e4b31;color:#edf1d9;font-family:monospace;font-size:10px;box-shadow:0 3px 5px #263b2620;z-index:1;transition:background .2s}.player:hover,.player.chosen{background:#e16a3c;color:#fff}.pitch-note{text-align:center;font-size:9px;color:#7a866c;line-height:1.6;margin-top:15px}.tactics-copy>.eyebrow{color:#7e886f}.tactics-copy h3{font-size:30px;line-height:1.5;margin-top:10px;letter-spacing:-1px}.formation-tabs{display:flex;gap:8px;margin:22px 0}.formation-tabs button{border:1px solid #c8d0b9;padding:10px 16px;font-family:monospace;font-size:13px}.formation-tabs .selected{background:#273b2b;color:#edf0df;border-color:#273b2b}.tactics-copy>p:not(.eyebrow){font-size:12px;line-height:2;color:#737e68;min-height:48px}.role-detail{padding:18px 20px;border-left:2px solid #d36e42;background:#ecece1;margin-top:22px}.role-detail>span{font-size:9px;letter-spacing:1px;color:#8b7456}.role-detail h4{font-size:14px;margin:8px 0}.role-detail p{font-size:11px;line-height:1.9;color:#7a826f}.text-button{padding:0;font-size:10px}.tactics-copy>.text-button{margin-top:17px;color:#7a846f}.text-button>span{margin-left:20px}.final-note{border-block:1px solid #ccd1c0;padding-block:32px;display:flex;align-items:center;gap:30px}.note-ball{font-size:78px;font-family:serif;color:#d7663f}.final-note .eyebrow{font-size:8px;color:#818b74}.final-note h2{font-size:26px;margin-top:6px}.final-note p:last-child{font-size:11px;color:#7c8472;margin-top:8px}.final-note>a{margin-left:auto;font-size:11px;border:1px solid #b7c0aa;padding:14px 18px}.final-note>a>span{margin-left:30px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:36px}footer .brand{font-size:16px}footer .brand-mark{height:37px;width:37px;font-size:23px}footer .brand small{font-size:6px}footer p{font-size:9px;line-height:1.9;color:#858b7c}footer .text-button{font-size:9px;color:#6b7561}dialog{border:0;background:#f6f4ed;padding:50px;width:min(680px,calc(100% - 30px));max-height:85vh;color:#263126;box-shadow:0 20px 100px #0004}dialog::backdrop{background:#142218ae;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:15px;top:12px;font-size:28px;line-height:1;padding:5px 9px}.article-category{font-size:10px;letter-spacing:2px;color:#8c6d4e}.article-title{font-size:30px;line-height:1.5;margin:18px 0 12px}.article-lead{font-size:14px;color:#6a785f;line-height:1.9;margin-bottom:26px}.article-body p{font-size:14px;line-height:2.1;margin:15px 0}.article-source{border-top:1px solid #d4d9c8;padding-top:18px;margin-top:28px;font-size:11px;color:#617a4c}.article-source a{text-decoration:underline}.dialog-save{background:#dfe6ce;padding:11px 16px;margin-top:22px;font-size:12px}.saved-list{display:flex;flex-direction:column;gap:12px;margin-top:22px}.saved-item{text-align:left;background:#e7eadc;padding:18px;font-size:14px}.saved-item span{display:block;font-size:10px;color:#7c876c;margin-bottom:7px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#273c2c;color:#f4f5e6;padding:13px 24px;font-size:12px;transition:opacity .2s,transform .2s;z-index:10}#toast.show{opacity:1;transform:translate(-50%,0)}.skip{position:absolute;top:-100px;left:10px;z-index:20;padding:10px;background:white}.skip:focus{top:10px}[hidden]{display:none!important}
@media(min-width:1400px){.hero-image{height:620px}.hero-copy{top:78px}}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.header nav{gap:22px}.hero-image{height:540px}.hero-copy{left:40px;top:55px}.hero-caption{left:40px}.hero-seal{right:35px;width:115px;height:145px;padding:17px 14px}.hero-seal strong{font-size:22px}.story-grid{gap:20px}.story-card .card-art{height:180px}.story-title{font-size:16px}.ten-layout{gap:35px}.giant-ten{font-size:280px}.ten-orbit{width:300px;height:300px}.ten-art{min-height:420px}.ten-copy h2{font-size:32px}.tactics-layout{gap:35px}.pitch-panel{padding:20px}.formation-tabs button{padding:9px 12px}h2{font-size:30px}.section{padding-block:60px}}
@media(max-width:680px){.wrap{width:calc(100% - 36px)}.header{height:90px;gap:12px;flex-wrap:wrap;align-content:center;justify-content:space-between}.brand{font-size:17px;gap:9px}.brand-mark{height:37px;width:37px;font-size:24px}.brand small{font-size:6px}.header nav{order:3;width:100%;justify-content:center;gap:36px;font-size:10px;margin-top:8px}.header nav a{padding:3px 0}.header nav .active:after{bottom:-7px;width:3px;height:3px}.saved-button{font-size:10px}.saved-button>span:first-child{font-size:18px}.edition{font-size:7px;letter-spacing:1px;padding:15px 0 12px}.edition>span:last-child{font-size:6px}.orange{margin-left:3px}.hero-image{height:540px}.hero-copy{left:25px;right:20px;top:79px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:46px;margin-top:24px;letter-spacing:-2px;line-height:1.3}.hero-description{font-size:12px}.primary{font-size:11px;padding:12px 18px;gap:40px}.hero-seal{width:82px;height:95px;top:19px;right:20px;padding:10px;font-size:6px;transform:rotate(8deg)}.hero-seal strong{font-size:15px;margin:5px 0}.hero-seal>span{font-size:5px}.hero-caption{left:25px;right:20px;font-size:6px;letter-spacing:.5px}.under-hero{font-size:8px;padding:15px 0}.under-hero>span:nth-child(2){display:none}.under-hero a>span{margin-left:5px}.section{padding-block:46px}.section-heading{margin-bottom:24px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.5px}h2{font-size:27px;letter-spacing:-1px}.section-aside{font-size:8px;line-height:1.8}.story-toolbar{flex-wrap:wrap;padding-bottom:15px;gap:12px}.filters{gap:2px}.filters button{padding:8px 10px;font-size:10px}.search-label{width:100%;border:1px solid #d7dacd;padding:0 10px}.search-label input{max-width:none;width:100%}.story-grid{grid-template-columns:1fr;gap:28px}.story-card{display:grid;grid-template-columns:122px 1fr;column-gap:16px;position:relative;padding-bottom:23px}.story-card .card-art{height:153px;grid-row:1/5}.card-meta{margin:0 0 8px;font-size:8px;gap:5px;align-self:start}.art-label{font-size:6px;left:9px;top:10px;letter-spacing:.5px}.art-title{font-size:25px;left:12px;bottom:15px}.art-title small{font-size:6px;letter-spacing:.5px}.story-title{font-size:16px;align-self:start}.story-description{font-size:10px;margin-top:6px;line-height:1.7}.card-bottom{font-size:9px;margin-top:12px}.bookmark{font-size:8px;padding:4px 6px}.card-number{display:none}.ten-layout{grid-template-columns:1fr;gap:10px;padding-top:35px;padding-bottom:40px}.ten-art{min-height:320px;max-width:400px;width:100%;margin:auto}.ten-orbit{width:270px;height:270px}.giant-ten{font-size:280px}.ten-name{left:20px;font-size:9px}.ten-stars{right:20px;font-size:12px}.ten-coordinate{font-size:7px}.ten-copy h2{font-size:33px}.ten-intro{max-width:none}.timeline{gap:35px}.timeline-detail>p:last-of-type{min-height:63px}.tactics-layout{grid-template-columns:1fr;gap:30px}.pitch-panel{padding:19px 22px}.pitch{height:330px;max-width:400px}.tactics-copy h3{font-size:27px}.formation-tabs{margin:18px 0}.tactics-copy>p:not(.eyebrow){font-size:12px}.final-note{gap:15px;flex-wrap:wrap;padding-block:26px}.note-ball{font-size:54px}.final-note h2{font-size:22px}.final-note p:last-child{font-size:9px}.final-note>a{margin-left:69px;padding:10px 13px;font-size:10px}footer{flex-wrap:wrap;padding-block:25px;gap:20px}footer .brand{font-size:14px}footer p{order:3;width:100%;font-size:8px}dialog{padding:40px 24px 30px}.article-title{font-size:25px}.article-body p{font-size:13px}.article-lead{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

@media(max-width:680px){.art-title{font-size:19px;line-height:1.15;max-width:calc(100% - 20px);overflow-wrap:anywhere}}