/* 开云体育 · 轻量体育杂志 */
:root{--page:#f4f7fa;--white:#fff;--wash:#eaf1f6;--mint:#e9f8f8;--navy:#102e46;--deep:#163c57;--brand:#13b8c5;--blue:#237bd3;--heading:#18364b;--body:#344c60;--muted:#64798a;--line:#dce6ed;--footer:#0b2539;--space:clamp(30px,4.5vw,64px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--page);color:var(--body);font:16px/1.8 Arial,'PingFang SC','Microsoft YaHei',sans-serif;overflow-x:clip}a{color:#11669e;text-underline-offset:4px}a:hover{color:#087e97}button{font:inherit}img{max-width:100%}.container{width:min(100% - 56px,1200px);margin-inline:auto}h1,h2,h3{color:var(--heading);line-height:1.38;margin-top:0}h1{font-size:clamp(32px,3vw,38px);letter-spacing:-.025em}h2{font-size:clamp(24px,2.35vw,28px)}h3{font-size:20px}p{margin:0 0 17px}section{scroll-margin-top:30px}.section{margin-top:var(--space)}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:24px}.section-heading h2{margin:0}.eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:.12em;color:#087c89;text-transform:uppercase;margin-bottom:13px}.lead{font-size:17px;color:#425b6d;line-height:1.85;max-width:800px}.muted{color:var(--muted)}.skip{position:absolute;left:10px;top:-100px;z-index:99;background:#fff;padding:10px}.skip:focus{top:10px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--brand);outline-offset:3px}
.site-header{background:var(--navy);color:#fff}.brand-bar{background:var(--navy)}.brand-row{height:72px;display:flex;align-items:center;gap:22px;min-width:0}.brand{display:inline-flex;align-items:center;max-width:260px;min-width:110px;text-decoration:none;color:white}.brand .media-frame{padding:0;margin:0;background:none}.brand .media-frame img{max-height:38px;max-width:250px}.brand .media-frame--missing{min-height:28px;color:#fff}.brand .media-frame--missing span{font-weight:800}.brand-note{font-size:13px;color:#bed6e5;white-space:nowrap}.brand-note b{margin-inline:7px;color:var(--brand)}.entry{margin-left:auto;flex-shrink:0;color:#073345;background:var(--brand);padding:7px 24px;border-radius:7px;font-weight:800;text-decoration:none}.entry:hover{background:#53d1d7;color:#082c3c}.desktop-nav{border-top:1px solid #32516a;background:#163c57}.nav-row{height:50px;display:flex;align-items:stretch;justify-content:space-between;gap:10px}.nav-row a{position:relative;flex:1;display:flex;align-items:center;justify-content:center;color:#e7f1f8;text-decoration:none;font-size:15px;font-weight:600;white-space:nowrap}.nav-row a:hover,.nav-row a[aria-current=page]{color:#fff;background:rgba(255,255,255,.07)}.nav-row a[aria-current=page]{font-weight:800}.nav-row a[aria-current=page]:after{content:'';position:absolute;bottom:0;left:25%;width:50%;height:3px;background:var(--brand)}.menu-button{display:none}.mobile-drawer,.drawer-backdrop{display:none}.nojs-nav{padding:12px 0;display:flex;gap:12px;flex-wrap:wrap}.nojs-nav a{color:#176180}
main{padding-bottom:72px}.crumb{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:13px;padding-top:25px;margin-bottom:18px}.crumb a{color:#50748b}.page-intro{padding:0 0 26px;border-bottom:1px solid var(--line)}.page-intro .lead{margin-bottom:0}.page-intro h1{margin-bottom:16px}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:48px;align-items:start}.article-grid>*{min-width:0}.reading-column{max-width:800px}.reading-column h2{margin:34px 0 15px}.reading-column h3{margin:23px 0 11px}.reading-column p{line-height:1.85}.side-index{background:var(--white);padding:24px;border:1px solid var(--line);border-radius:12px}.side-index strong{display:block;margin-bottom:10px;color:var(--heading)}.side-index a{display:block;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}.side-index a:last-child{border:0}.callout{border-left:4px solid var(--brand);padding:18px 22px;background:var(--mint);margin:25px 0}.callout p:last-child{margin-bottom:0}.section-surface{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:28px}.tint{background:var(--wash)}.dark-band{background:var(--navy);color:#e4f2f8;border-radius:14px;padding:32px}.dark-band h2,.dark-band h3{color:#fff}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px}.split>*{min-width:0}.split.wide-copy{grid-template-columns:1.2fr .8fr}.stack > *+*{margin-top:16px}.small-label{color:#008a96;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.media-frame{display:flex;align-items:center;justify-content:center;max-width:100%;min-width:0;margin:0;padding:9px;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--mobile{--media-limit:350px;max-width:320px;margin-inline:auto}.media-frame--banner{--media-limit:210px}.media-frame--logo{padding:0;max-width:250px;background:none;--media-limit:38px}.media-frame--missing{min-height:105px;color:#657f8e;background:#e9f0f4;border:1px dashed #c6d9e2}.media-frame--missing span{font-size:13px;text-align:center}.media-frame--hero.media-frame--missing{min-height:185px}
.hero{padding:44px 0 20px;display:grid;grid-template-columns:1.08fr 1fr;gap:38px;align-items:center}.hero h1{font-size:clamp(38px,3.4vw,44px);margin-bottom:20px}.hero .lead{font-size:17px}.hero .intro-text{max-width:600px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.btn{display:inline-flex;padding:10px 21px;border-radius:7px;background:var(--navy);color:#fff;text-decoration:none;font-weight:700}.btn.alt{background:var(--brand);color:#093448}.btn:hover{color:white;background:var(--blue)}.topic-directory{display:grid;grid-template-columns:1fr 1fr;gap:0 38px}.topic{display:grid;grid-template-columns:44px 1fr;gap:13px;padding:22px 0;border-bottom:1px solid var(--line)}.topic .num{font-size:18px;font-weight:800;color:#068e9a}.topic h3{margin:0 0 6px;font-size:19px}.topic p{margin:0 0 5px;font-size:15px}.feature-grid{display:grid;grid-template-columns:2fr 1fr;gap:25px}.feature-grid article{background:#fff;border:1px solid var(--line);padding:27px;border-radius:13px}.feature-grid .feature-main{grid-row:span 2;background:var(--mint)}.feature-grid h3{margin:8px 0 13px}.plain-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.plain-notes article{border-top:3px solid var(--brand);padding:17px 12px 8px}.route{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:route}.route a{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:11px;padding:19px;min-height:155px}.route a:before{counter-increment:route;content:'0' counter(route);display:block;color:#089ba5;font-weight:800;font-size:24px}.route strong{display:block;color:var(--heading)}.route span{font-size:13px;color:var(--muted)}
.table-wrap{overflow-x:auto;max-width:100%;border-radius:11px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:550px;background:#fff;text-align:left}caption{caption-side:top;text-align:left;font-weight:700;color:var(--heading);padding:12px;background:var(--wash)}th,td{padding:13px 16px;vertical-align:top;border-bottom:1px solid var(--line);line-height:1.7}th{background:#eaf1f6;color:var(--heading);font-size:14px}tr:last-child td{border-bottom:0}.steps{display:grid;gap:16px;counter-reset:step}.step{position:relative;padding:18px 22px 18px 66px;border-left:2px solid var(--brand);background:#fff}.step:before{counter-increment:step;content:counter(step);position:absolute;left:18px;top:15px;color:#0a8695;font-size:24px;font-weight:800}.step h3{margin:0 0 6px}.step p:last-child{margin-bottom:0}.tagline{display:inline-block;font-size:12px;color:#007d8c;font-weight:800;letter-spacing:.08em}.diagram{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.diagram span{flex:1;min-width:140px;text-align:center;padding:15px;background:#e9f8f8;border:1px solid #c3e9e8;border-radius:9px;color:var(--heading);font-weight:700}.exhibit{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding:22px 0;border-bottom:1px solid var(--line)}.exhibit:nth-child(even) .media-frame{order:2}.exhibit>*{min-width:0}.exhibit h3{margin-bottom:10px}.rule-nav{display:flex;flex-wrap:wrap;gap:12px;padding:18px;background:#e9f8f8;border:1px solid #bfe7e6;border-radius:12px}.rule-nav a{background:white;padding:8px 14px;border-radius:6px;font-weight:700}.faq details{background:white;border:1px solid var(--line);border-radius:9px;margin-bottom:9px;padding:0 18px}.faq summary{cursor:pointer;padding:13px 0;color:var(--heading);font-weight:700}.faq details p{margin:0 0 16px}.related{padding-top:22px;border-top:1px solid var(--line)}.related-links{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.related-links a{display:flex;justify-content:space-between;gap:10px;text-decoration:none;background:#fff;border:1px solid var(--line);padding:15px;border-radius:8px;font-weight:700}.service-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:44px}.service-layout>*{min-width:0}.service-menu{position:sticky;top:20px;align-self:start}.service-menu a{display:block;padding:8px 0;border-bottom:1px solid var(--line)}.service-content section{margin-bottom:38px}.service-content h2{border-bottom:1px solid var(--line);padding-bottom:11px}.mobile-quick{display:none}
.site-footer{background:var(--footer);color:#dcecf5;padding-top:43px}.footer-layout{display:grid;grid-template-columns:2fr 1fr;gap:35px}.footer-layout strong{font-size:21px;color:white}.footer-layout strong span{display:block;font-size:12px;letter-spacing:.13em;color:#91dfe3}.footer-disclaimer{font-size:13px;color:#b2c9d8;max-width:650px}.footer-layout nav{display:grid;grid-template-columns:1fr 1fr;gap:9px;align-content:start}.footer-layout nav a{color:#dcecf5;font-size:14px}.footer-bottom{font-size:12px;color:#9eb9c8;border-top:1px solid #335164;padding:18px 0}.back-to-top{position:fixed;right:20px;bottom:20px;border:0;border-radius:8px;background:var(--deep);color:white;cursor:pointer;width:42px;height:42px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s}.back-to-top.visible{opacity:1;visibility:visible;pointer-events:auto}
@media(max-width:1050px){.container{width:min(100% - 44px,1200px)}.brand-note{font-size:12px}.article-grid{gap:24px;grid-template-columns:minmax(0,1fr) 230px}.nav-row{gap:0}.nav-row a{font-size:14px}}
@media(max-width:920px){.brand-row{height:62px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:9px}.menu-button{width:40px;height:40px;border:1px solid #517089;border-radius:7px;background:none;display:flex;flex-direction:column;justify-content:center;gap:5px;align-items:center;cursor:pointer}.menu-button span{display:block;width:19px;height:2px;background:#fff}.brand{justify-self:center;min-width:0;max-width:min(100%,210px)}.brand .media-frame img{max-height:30px;max-width:100%}.brand .media-frame--missing{font-size:12px}.brand-note,.desktop-nav{display:none}.entry{margin:0;padding:6px 10px;font-size:13px;white-space:nowrap;min-height:40px;display:flex;align-items:center;justify-content:center}.drawer-backdrop{display:block;position:fixed;inset:0;background:rgba(4,22,36,.52);z-index:40;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.mobile-drawer{display:block;position:fixed;z-index:41;left:0;top:0;bottom:0;width:min(86vw,340px);background:#fff;box-shadow:6px 0 26px rgba(0,0,0,.2);overflow-y:auto;transform:translateX(-105%);visibility:hidden;transition:transform .2s,visibility .2s}.menu-open{overflow:hidden}.menu-open .drawer-backdrop{opacity:1;visibility:visible;pointer-events:auto}.menu-open .mobile-drawer{transform:translateX(0);visibility:visible}.drawer-top{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);color:var(--heading)}.drawer-top button{width:40px;height:40px;background:var(--wash);border:0;border-radius:6px;font-size:27px;cursor:pointer}.mobile-drawer nav{padding:15px 20px 25px}.mobile-drawer nav p{font-size:12px;letter-spacing:.1em;font-weight:800;color:var(--muted);margin:16px 0 6px}.mobile-drawer nav a{display:block;color:var(--heading);font-weight:700;text-decoration:none;padding:11px 8px;border-bottom:1px solid var(--line)}.mobile-quick{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:16px 0 24px;border-top:1px solid var(--line)}.mobile-quick a{font-size:13px}.hero{gap:24px}.feature-grid{grid-template-columns:1.5fr 1fr}}
@media(max-width:760px){.article-grid,.service-layout{grid-template-columns:1fr}.side-index,.service-menu{position:static}.service-menu{order:2}.two-col,.split,.split.wide-copy,.exhibit{grid-template-columns:1fr}.exhibit:nth-child(even) .media-frame{order:0}.hero{grid-template-columns:1fr}.hero .media-frame{max-width:620px}.feature-grid{grid-template-columns:1fr 1fr}.feature-grid .feature-main{grid-column:span 2;grid-row:auto}.plain-notes{grid-template-columns:1fr}.route{grid-template-columns:repeat(2,1fr)}.related-links{grid-template-columns:1fr}.footer-layout{grid-template-columns:1fr}.section-surface{padding:20px}.service-content section{margin-bottom:28px}}
@media(max-width:640px){:root{--space:35px}.container{width:calc(100% - 32px)}body{font-size:15px;line-height:1.78}h1{font-size:clamp(25px,7vw,29px)}h2{font-size:22px}h3{font-size:18px}.hero{padding-top:26px}.hero h1{font-size:clamp(27px,8vw,32px)}.hero .lead,.lead{font-size:15.5px}.topic-directory{grid-template-columns:1fr}.topic{padding:17px 0}.feature-grid{grid-template-columns:1fr}.feature-grid .feature-main{grid-column:auto}.section-heading{align-items:start}.media-frame--hero{--media-limit:205px}.media-frame--feature{--media-limit:185px}.media-frame--card{--media-limit:145px}.media-frame--mobile{--media-limit:285px;max-width:250px}.media-frame--banner{--media-limit:135px}.media-frame--logo{--media-limit:30px}.media-frame--missing{min-height:85px}.route{gap:10px}.route a{padding:13px;min-height:140px}.dark-band{padding:22px}.three-col{grid-template-columns:1fr}.section-surface{padding:17px}.crumb{padding-top:18px}.footer-layout{gap:15px}.footer-layout nav{grid-template-columns:repeat(3,1fr)}.footer-layout nav a{font-size:13px}}
@media(max-width:380px){.brand-row{grid-template-columns:40px minmax(0,1fr) auto;gap:5px}.brand .media-frame{max-width:148px}.entry{font-size:12px;padding:5px 7px}.route{grid-template-columns:1fr}.route a{min-height:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}