/* 开云体育：阅读优先的响应式刊物 */
:root{--bg:#F6F8F8;--paper:#fff;--mist:#EAF0F2;--navy:#122E3B;--deep:#1A4050;--teal:#168E96;--link:#226D9D;--head:#193946;--ink:#374D58;--muted:#647981;--line:#D9E3E6;--footer:#0C2632}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif;font-size:16.5px;line-height:1.82;overflow-wrap:break-word}a{color:var(--link);text-underline-offset:3px}a:hover{color:var(--teal)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #f1a943;outline-offset:4px}img{max-width:100%}.wrap{max-width:1220px;margin:auto;padding-left:28px;padding-right:28px}.skip-link{position:absolute;top:-70px;left:12px;z-index:99;background:#fff;padding:8px}.skip-link:focus{top:10px}h1,h2,h3{color:var(--head);line-height:1.3;letter-spacing:.01em}h1{font-size:clamp(34px,3.1vw,42px);margin:0 0 20px}h2{font-size:clamp(24px,2.1vw,28px);margin:0 0 17px}h3{font-size:20px;margin:19px 0 10px}p{margin:0 0 17px}section{margin-block:54px}section:target,article:target{scroll-margin-top:95px}.kicker{color:var(--teal);font-weight:700;letter-spacing:.15em;font-size:12px;text-transform:uppercase}.lead{font-size:18px;line-height:1.78;color:#465e68}.site-header{background:var(--navy);color:#fff;position:relative;z-index:5}.topbar{display:flex;align-items:center;gap:15px;min-height:76px}.brand{display:flex;gap:9px;align-items:center;flex:none;color:#fff;text-decoration:none;white-space:nowrap}.brand:hover{color:#fff}.brand-en{font-size:10px;font-weight:700;letter-spacing:.075em}.brand-text{font-size:20px;font-weight:700}.image-holder--logo{background:transparent!important;padding:0!important;max-width:150px!important;margin:0!important;border:0!important}.image-holder--logo img{max-height:38px}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(7px,1.05vw,17px);flex:1;min-width:0}.desktop-nav a{font-size:clamp(12px,.94vw,14px);white-space:nowrap;color:#e7f2f5;text-decoration:none;border-bottom:3px solid transparent;padding:20px 0 18px}.desktop-nav a:hover,.desktop-nav a.is-active{border-bottom-color:#42bac0;color:#fff;font-weight:700}.entry{flex:none;background:#168E96;color:#fff;padding:7px 11px;border-radius:7px;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap}.entry:hover{color:#fff;background:#0f7077}.mobile-navigation{display:none}.breadcrumbs{display:flex;gap:11px;align-items:center;padding-top:17px;color:var(--muted);font-size:14px}.breadcrumbs a{color:var(--muted)}main{padding-bottom:45px}.page-top{padding-top:45px;max-width:850px}.page-top p{max-width:740px}.page-top--narrow{max-width:780px}.hero{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);gap:32px;align-items:center;padding-top:42px}.hero .lead{max-width:665px}.hero-links,.inline-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:25px}.hero-links a,.inline-links a{font-weight:700}.image-holder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;width:100%;padding:8px;background:var(--mist);border-radius:12px;margin:0;gap:6px}.image-holder img{display:block;width:auto;height:auto;max-width:100%;max-height:var(--image-limit,210px);object-fit:contain;object-position:center}.image-holder figcaption{font-size:13px;color:var(--muted);text-align:center}.missing-image{font-size:13px;color:var(--muted);padding:10px 12px;text-align:center}.image-holder--hero{--image-limit:290px}.image-holder--feature{--image-limit:240px}.image-holder--inline{--image-limit:180px}.image-holder--rules{--image-limit:210px}.image-holder--banner{--image-limit:190px}.image-holder--portrait{--image-limit:330px;max-width:310px;margin-inline:auto}.reading-routes{border-top:1px solid var(--line);padding-top:25px}.route-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-bottom:1px solid var(--line);padding:15px 0}.route-item{display:flex;gap:14px}.route-num{font-size:24px;color:var(--teal);font-weight:700;min-width:39px}.route-item h3{margin:0 0 3px;font-size:19px}.route-item p{margin:0;font-size:15px}.split{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:37px;align-items:start}.split--equal{grid-template-columns:1fr 1fr}.split--reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.editorial{border-left:4px solid var(--teal);padding-left:22px}.soft-panel{background:var(--mist);border:1px solid var(--line);padding:20px 24px;border-radius:10px}.deep-panel{background:var(--deep);color:#edf7f8;padding:26px 30px;border-radius:12px}.deep-panel h2,.deep-panel h3{color:#fff}.eyebrow{font-weight:700;color:var(--teal);font-size:13px}.note{font-size:14px;color:var(--muted)}.step-list{counter-reset:steps;list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.step-list li{border-top:3px solid var(--teal);padding:12px 7px 0}.step-list li::before{counter-increment:steps;content:counter(steps,decimal-leading-zero);display:block;color:var(--teal);font-size:25px;font-weight:700}.step-list a{font-weight:bold}.article{max-width:780px}.article-wide{max-width:1040px}.section-divider{border:0;border-top:1px solid var(--line);margin:38px 0}.article-index{display:flex;flex-wrap:wrap;gap:10px 22px;border-block:1px solid var(--line);padding:13px 0;margin:24px 0 33px}.article-index a{text-decoration:none;font-size:14px;font-weight:700}.sports-layout{display:grid;grid-template-columns:185px minmax(0,1fr);gap:35px;margin-top:28px}.side-index{align-self:start;position:sticky;top:16px;border-left:2px solid var(--line);padding-left:15px}.side-index a{display:block;margin:0 0 13px;text-decoration:none}.sports-body{max-width:800px}.wide-section{margin:46px 0}.table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:9px;background:#fff}.table-scroll table{width:100%;min-width:600px;border-collapse:collapse;line-height:1.55}.table-scroll caption{text-align:left;padding:13px 15px;font-weight:700;color:var(--head)}.table-scroll th,.table-scroll td{padding:12px 15px;text-align:left;border-top:1px solid var(--line);vertical-align:top}.table-scroll th{background:var(--mist);color:var(--head)}.comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.comparison>div{padding:19px;border-top:4px solid var(--teal);background:white}.comparison h3{margin-top:0}.band{padding:26px 30px;margin:22px 0;background:var(--mist);border-radius:10px}.band:nth-of-type(even){background:#fff;border:1px solid var(--line)}.gallery-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:30px}.exhibit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:center}.exhibit--reverse .image-holder{order:2}.faq details{border-bottom:1px solid var(--line);background:white;padding:15px 19px}.faq details:first-of-type{border-top:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:700;color:var(--head)}.faq details p{margin-top:12px;margin-bottom:2px}.related{border-top:1px solid var(--line);padding-top:24px;margin:55px 0 30px}.related ul{display:flex;flex-wrap:wrap;gap:12px 30px;padding-left:19px}.related a{font-weight:700}.site-footer{background:var(--footer);color:#cbdce2;padding:40px 0 20px}.footer-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:70px}.footer-brand{font-size:21px;color:#fff}.footer-brand small{display:block;font-size:10px;letter-spacing:.12em}.footer-grid p{font-size:14px;max-width:420px;margin-top:13px}.footer-grid nav>strong{display:block;color:white;margin-bottom:13px}.footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.footer-links a{color:#d9e9ed;font-size:14px;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #31525f;margin-top:28px;padding-top:15px;font-size:12px}.mini-glossary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mini-glossary div{background:var(--mist);padding:14px}.callout-quote{border-left:4px solid var(--teal);padding:8px 18px;font-size:19px;color:var(--head);margin:24px 0}.about-table .table-scroll table{min-width:560px}
@media(max-width:1170px){.topbar{gap:9px}.brand-en{display:none}.desktop-nav{gap:9px}.desktop-nav a{font-size:12px}.entry{padding:7px}}
@media(max-width:980px){.wrap{padding-left:22px;padding-right:22px}.topbar{height:64px;min-height:64px;justify-content:space-between;gap:10px}.desktop-nav{display:none}.mobile-navigation{display:block;order:0;position:relative}.brand{order:1;margin-right:auto;margin-left:auto}.brand-en{display:block}.entry{order:2}.mobile-navigation>summary{display:flex;align-items:center;justify-content:center;gap:5px;color:#fff;cursor:pointer;min-height:42px;min-width:50px;font-size:13px;list-style:none}.mobile-navigation>summary::-webkit-details-marker{display:none}.menu-glyph{font-size:21px}.mobile-panel{position:absolute;top:calc(100% + 10px);left:-22px;width:100vw;max-width:100vw;background:#fff;border:1px solid var(--line);box-shadow:0 16px 24px #0b283425;color:var(--ink);padding:15px 24px 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.mobile-group strong{display:block;color:var(--teal);font-size:13px;padding-bottom:7px}.mobile-group a{display:block;color:var(--head);padding:7px 0;text-decoration:none}.mobile-group a.is-active{font-weight:bold;text-decoration:underline}.menu-close{grid-column:1/-1;justify-self:end;background:var(--mist);border:1px solid var(--line);color:var(--head);padding:6px 12px;border-radius:5px;cursor:pointer}.hero{gap:22px}}
@media(max-width:760px){.split,.split--equal,.split--reverse,.gallery-intro,.exhibit,.sports-layout{grid-template-columns:1fr}.sports-layout{gap:7px}.side-index{position:static;display:flex;gap:13px;flex-wrap:wrap;border-left:0;border-bottom:1px solid var(--line);padding:0 0 9px}.side-index a{margin:0}.exhibit--reverse .image-holder{order:0}.comparison{grid-template-columns:1fr}.step-list{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-glossary{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:25px}.hero{grid-template-columns:1fr}.route-row{gap:14px}.page-top{padding-top:32px}section{margin-block:40px}}
@media(max-width:640px){body{font-size:15.5px}.wrap{padding-left:16px;padding-right:16px}.brand-en{font-size:9px}.brand-text{font-size:17px}.image-holder--logo img{max-height:30px}.image-holder--hero{--image-limit:195px}.image-holder--feature{--image-limit:180px}.image-holder--inline{--image-limit:140px}.image-holder--rules{--image-limit:165px}.image-holder--banner{--image-limit:125px}.image-holder--portrait{--image-limit:275px;max-width:240px}.mobile-panel{left:-16px;grid-template-columns:1fr;padding:12px 20px 20px;gap:8px}.mobile-group{border-bottom:1px solid var(--line);padding-bottom:5px}.mobile-group a{padding:4px 0}.route-row{grid-template-columns:1fr}.hero{padding-top:29px}.lead{font-size:16.5px}.soft-panel,.deep-panel,.band{padding:18px}.step-list{gap:9px}.footer-links{grid-template-columns:repeat(2,1fr)}.menu-word{font-size:12px}h1{font-size:clamp(26px,7.3vw,30px)}h2{font-size:clamp(20px,5.5vw,23px)}.hero-links{margin-top:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
