:root{--bg:#F4F7FA;--white:#fff;--wash:#EAF1F6;--mint:#E9F8F8;--nav:#102E46;--nav2:#163C57;--teal:#13B8C5;--blue:#237BD3;--title:#18364B;--body:#344C60;--muted:#64798A;--line:#DCE6ED;--footer:#0B2539;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--body);background:var(--bg)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:22px}body{margin:0;min-width:0;line-height:1.8}body.drawer-open{overflow:hidden}button,input{font:inherit}a{color:#1263A9;text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:#0F7398}img{max-width:100%;height:auto}h1,h2,h3{color:var(--title);line-height:1.38;margin:0 0 .7em}h1{font-size:clamp(2rem,3vw,2.25rem)}h2{font-size:clamp(1.4rem,2.3vw,1.7rem)}h3{font-size:1.18rem}p{margin:0 0 1.2em}ul,ol{padding-left:1.4rem}li+li{margin-top:.35rem}strong{color:var(--title)}.container{width:min(100% - 56px,1200px);margin-inline:auto;min-width:0}.measure{max-width:790px}.muted{color:var(--muted)}.eyebrow{font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#137E88;margin:0 0 .8rem}.section{margin-block:60px}.section-heading{max-width:790px;margin-bottom:25px}.section-heading p{color:var(--muted)}.section-rule{border-top:1px solid var(--line);padding-top:30px}.skip-link{position:absolute;left:14px;top:-100px;z-index:120;background:white;padding:12px}.skip-link:focus{top:8px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.site-header{position:relative;z-index:20}.topbar{background:#fff;border-bottom:1px solid var(--line)}.topbar-inner{display:flex;align-items:center;gap:24px;min-height:72px}.brand{display:inline-flex;align-items:center;flex-shrink:0;text-decoration:none;color:var(--nav)}.brand-logo{display:block;width:auto;height:auto;max-height:38px;max-width:min(230px,100%);object-fit:contain}.brand-wordmark{display:flex;flex-direction:column;font-size:1.35rem;font-weight:800;line-height:1.15;color:var(--nav)}.brand-wordmark small{font-size:.57rem;letter-spacing:.12em}.brand-note{font-size:.82rem;color:var(--muted)}.brand-note i{font-style:normal;color:#A1B3BF;margin:0 5px}.register-link{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:4px 19px;background:var(--nav);color:white;border-radius:8px;font-size:.87rem;font-weight:700;text-decoration:none;white-space:nowrap}.register-link:hover{color:white;background:var(--nav2)}.desktop-nav{background:var(--nav)}.nav-inner{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.nav-inner a{position:relative;min-width:0;text-align:center;display:flex;align-items:center;justify-content:center;min-height:50px;color:#DAEAF2;text-decoration:none;font-size:.9rem;white-space:nowrap}.nav-inner a:hover,.nav-inner a[aria-current]{color:white;background:rgba(255,255,255,.07)}.nav-inner a[aria-current]{font-weight:800}.nav-inner a[aria-current]:after{content:"";position:absolute;bottom:0;width:37px;height:3px;background:var(--teal)}.menu-toggle,.no-js-nav,.mobile-shortcuts{display:none}.drawer-overlay{position:fixed;inset:0;background:rgba(7,23,34,.53);z-index:80;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.mobile-drawer{position:fixed;inset:0 auto 0 0;width:min(86vw,340px);overflow-y:auto;background:white;z-index:81;padding:22px;transform:translateX(-102%);visibility:hidden;pointer-events:none;transition:transform .22s,visibility .22s}.drawer-open .drawer-overlay{opacity:1;visibility:visible;pointer-events:auto}.drawer-open .mobile-drawer{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--line)}.drawer-close{border:0;background:var(--wash);color:var(--title);width:42px;height:42px;border-radius:8px;font-size:26px;cursor:pointer}.drawer-group{margin:22px 0 6px;color:var(--muted);font-size:.72rem;letter-spacing:.13em;font-weight:800}.mobile-drawer>a{display:block;padding:10px 12px;color:var(--title);text-decoration:none;border-bottom:1px solid var(--line)}.no-js .no-js-nav{display:none}.page-intro{padding:45px 0 28px;background:linear-gradient(180deg,#fff,#F4F7FA)}.page-intro .lede{max-width:820px;font-size:1.06rem;color:#476074}.breadcrumbs{display:flex;gap:10px;font-size:.81rem;color:var(--muted);margin-bottom:16px}.breadcrumbs a{color:#286B93}.anchor-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:19px}.anchor-nav a{padding:7px 14px;border-radius:8px;background:#fff;border:1px solid var(--line);text-decoration:none;font-size:.88rem}.page-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:52px;align-items:start}.reading{max-width:800px;min-width:0}.reading section{margin-bottom:42px}.reading p{font-size:1.02rem}.aside-box{background:var(--wash);padding:20px;border-radius:12px;border:1px solid var(--line);font-size:.88rem}.aside-box h3{font-size:1rem}.aside-box a{display:block;margin:8px 0}.media-frame{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;padding:8px;border-radius:14px;background:var(--wash);--media-limit:220px}.media-frame img{display:block;width:auto;height:auto;max-width:100%;max-height:var(--media-limit);object-fit:contain;object-position:center}.media-frame--hero{--media-limit:310px}.media-frame--feature{--media-limit:250px}.media-frame--card{--media-limit:185px}.media-frame--article{--media-limit:220px}.media-frame--banner{--media-limit:210px}.media-frame--mobile{--media-limit:350px;max-width:320px}.media-missing{min-height:110px;border:1px dashed #B4CAD7;color:#647D8D;text-align:center;font-size:.88rem}.media-missing span{max-width:26ch}.media-frame--hero.media-missing{min-height:180px}.media-frame--mobile.media-missing{min-height:150px}.home-cover{background:#fff;padding:52px 0 48px;border-bottom:1px solid var(--line)}.cover-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:48px}.home-cover h1{font-size:clamp(2.15rem,3.5vw,2.75rem);letter-spacing:-.025em}.home-cover p{max-width:61ch}.actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;background:var(--nav);color:white;border-radius:8px;text-decoration:none;font-weight:700;font-size:.9rem}.btn:hover{background:var(--nav2);color:white}.btn.alt{background:var(--mint);border:1px solid #B1E8EB;color:#125563}.topic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:38px}.topic-entry{border-top:1px solid var(--line);padding:18px 2px 20px;min-width:0}.topic-entry h3{margin-bottom:6px}.topic-entry p{font-size:.94rem;margin:0 0 8px}.editorial-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:22px}.feature-story{background:white;border-top:4px solid var(--teal);padding:28px;border-radius:0 0 12px 12px}.story-side{display:grid;gap:18px}.story-mini{padding:22px;background:var(--wash);border-radius:12px}.story-mini:nth-child(2){background:var(--mint)}.story-mini h3{font-size:1.12rem}.story-mini p{font-size:.9rem}.feature-strip{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:42px;align-items:center}.feature-strip.reverse{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr)}.feature-strip p{max-width:65ch}.ink-band{background:var(--nav);color:#E5F2F8;padding:42px 0}.ink-band h2,.ink-band h3{color:white}.ink-band p{color:#D5E5F0}.lesson-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.lesson{border-left:3px solid var(--teal);background:white;padding:22px;border-radius:0 10px 10px 0}.lesson:nth-child(2){transform:translateY(15px)}.lesson:nth-child(3){transform:translateY(30px)}.route-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:route}.route-list>div{position:relative;border-top:2px solid var(--nav);padding:17px 10px 0}.route-list>div:before{counter-increment:route;content:'0' counter(route);font-weight:800;color:#1195A3;font-size:1.2rem}.route-list h3{margin:8px 0}.route-list p{font-size:.88rem}.notice{background:var(--mint);padding:22px 25px;border-left:4px solid var(--teal);border-radius:0 10px 10px 0}.steps{counter-reset:step;display:grid;gap:13px;list-style:none;padding:0}.steps li{position:relative;padding:15px 16px 15px 62px;background:white;border:1px solid var(--line);border-radius:10px}.steps li:before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;left:16px;top:15px;font-weight:800;color:#148797}.table-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:10px;background:white}table{border-collapse:collapse;width:100%;font-size:.93rem;min-width:540px;text-align:left}caption{caption-side:top;padding:13px 16px;text-align:left;color:var(--title);font-weight:800}th,td{padding:13px 15px;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--wash);color:var(--title)}tr:last-child td{border-bottom:0}.comparison-wide{margin-top:30px}.prose-card{padding:26px;background:white;border:1px solid var(--line);border-radius:12px}.prose-card h3{margin-top:0}.two-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.three-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sport-article{border-bottom:1px solid var(--line);padding-bottom:28px}.quote{border-left:3px solid var(--teal);padding:8px 0 8px 20px;color:#315C70;font-weight:600;font-size:1.07rem}.football-body{max-width:870px}.football-body .media-frame{max-width:900px;margin:25px 0}.tactical-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px}.tactical-note{background:var(--mint);padding:22px;border-radius:12px}.term-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.term-list div{padding:14px 17px;border-bottom:1px solid var(--line)}.term-list strong{display:block}.project-matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}.project-matrix>article{background:white;padding:25px}.project-matrix h3{border-bottom:2px solid var(--teal);padding-bottom:10px}.project-matrix p{font-size:.95rem}.chapter-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:36px;align-items:center}.chapter-split:nth-of-type(even){grid-template-columns:minmax(0,.85fr) minmax(0,1fr)}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}.exhibit{background:white;border:1px solid var(--line);border-radius:12px;padding:20px}.exhibit:nth-child(2){margin-top:65px}.exhibit .media-frame{margin-bottom:22px}.rules-intro{max-width:860px}.manual-grid{display:grid;grid-template-columns:225px minmax(0,1fr);gap:42px;align-items:start}.manual-nav{border-left:3px solid var(--teal);background:white;padding:18px;position:sticky;top:15px}.manual-nav a{display:block;padding:9px 0}.manual-body{min-width:0}.manual-body section{padding-bottom:30px;margin-bottom:35px;border-bottom:1px solid var(--line)}.faq details{background:white;border:1px solid var(--line);border-radius:9px;margin-bottom:10px;padding:0 18px}.faq summary{font-weight:700;color:var(--title);padding:13px 4px;cursor:pointer}.faq details p{padding:0 4px 14px;margin:0}.service-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:50px;align-items:start}.service-layout article{min-width:0}.service-layout article>section{margin-bottom:45px}.service-index{background:white;border:1px solid var(--line);border-radius:12px;padding:18px}.service-index a{display:block;padding:7px 0}.service-layout .media-frame--mobile{margin:20px auto}.related-links{border-top:1px solid var(--line);padding-top:25px;margin:45px 0 60px}.related-links h2{font-size:1.35rem}.related-links__items{display:flex;flex-wrap:wrap;gap:10px}.related-links__items a{background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 15px;text-decoration:none}.mobile-shortcuts{border-top:1px solid var(--line);padding:16px 0}.site-footer{background:var(--footer);color:#DCECF5;padding-top:46px}.footer-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,.8fr) minmax(0,.8fr);gap:50px}.footer-brand{display:inline-block;color:white}.footer-brand .brand-wordmark,.site-footer strong{color:white}.footer-brand .brand-logo{max-height:35px}.footer-grid p{font-size:.88rem;color:#DCECF5;max-width:67ch}.footer-disclaimer{opacity:.87}.footer-grid nav a{display:block;color:#DCECF5;margin-top:10px;font-size:.88rem}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.16);padding:17px 0 22px;margin-top:35px;font-size:.77rem;color:#B4D0DF}.to-top{position:fixed;right:22px;bottom:24px;z-index:40;width:43px;height:43px;border:0;border-radius:50%;background:var(--nav);color:white;cursor:pointer;box-shadow:0 3px 11px rgba(0,0,0,.15)}.to-top[hidden]{display:none}
@media(max-width:1100px){.container{width:calc(100% - 44px)}.cover-grid{gap:28px}.nav-inner a{font-size:.83rem}.page-layout{gap:24px}}
@media(max-width:920px){.topbar-inner{min-height:62px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:40px;height:40px;border:1px solid var(--line);border-radius:8px;background:white;cursor:pointer}.menu-toggle span{display:block;width:19px;height:2px;background:var(--nav)}.brand{justify-self:center;min-width:0;max-width:100%}.brand-logo{max-height:30px;max-width:100%;object-fit:contain}.brand-wordmark{font-size:1rem}.brand-note,.desktop-nav{display:none}.register-link{margin:0;min-height:39px;padding:4px 11px;font-size:.75rem}.no-js .menu-toggle{display:none}.no-js .topbar-inner{grid-template-columns:minmax(0,1fr) auto}.no-js .no-js-nav{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0}.no-js-nav a{font-size:.8rem;padding:3px 9px;background:var(--wash);border-radius:4px}.mobile-shortcuts{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.page-layout,.service-layout{grid-template-columns:minmax(0,1fr)}.service-layout aside{order:2}.aside-box{display:none}}
@media(max-width:760px){.container{width:calc(100% - 44px)}.cover-grid,.feature-strip,.feature-strip.reverse,.chapter-split,.chapter-split:nth-of-type(even),.tactical-row,.manual-grid,.gallery-grid{grid-template-columns:minmax(0,1fr)}.cover-grid{gap:25px}.home-cover{padding:33px 0}.editorial-grid,.two-cols{grid-template-columns:minmax(0,1fr)}.story-side{grid-template-columns:1fr 1fr}.project-matrix{grid-template-columns:1fr}.lesson-stack{grid-template-columns:1fr}.lesson:nth-child(2),.lesson:nth-child(3){transform:none}.route-list{grid-template-columns:repeat(2,minmax(0,1fr))}.manual-nav{position:static}.manual-nav a{display:inline-block;margin-right:12px}.exhibit:nth-child(2){margin-top:0}.chapter-split:nth-of-type(even) .media-frame{order:0}.footer-grid{grid-template-columns:1fr 1fr;gap:26px}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:640px){.container{width:calc(100% - 32px)}body{font-size:.96rem}h1{font-size:clamp(1.55rem,7vw,1.8rem)}h2{font-size:1.3rem}h3{font-size:1.08rem}.home-cover h1{font-size:clamp(1.7rem,7.6vw,2rem)}.section{margin-block:36px}.page-intro{padding:26px 0 20px}.page-intro .lede{font-size:.97rem}.topbar-inner{gap:8px}.brand-logo{max-height:28px}.brand-wordmark small{font-size:.5rem}.register-link{padding:3px 9px;font-size:.72rem}.topic-list,.story-side,.three-cols,.term-list{grid-template-columns:minmax(0,1fr)}.feature-story,.prose-card{padding:19px}.story-mini{padding:17px}.media-frame--hero{--media-limit:205px}.media-frame--feature{--media-limit:185px}.media-frame--card{--media-limit:145px}.media-frame--article{--media-limit:175px}.media-frame--banner{--media-limit:135px}.media-frame--mobile{--media-limit:285px;max-width:250px}.media-missing{min-height:80px}.media-frame--hero.media-missing{min-height:120px}.route-list{gap:14px}.footer-bottom{display:block}.footer-bottom span{display:block}.footer-grid{gap:20px}.mobile-shortcuts a{font-size:.81rem}.anchor-nav a{font-size:.8rem}.reading p{font-size:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}