/* KAIYUN SPORTS editorial system */
:root{--bg:#F4F7FA;--paper:#fff;--mist:#EAF1F6;--aqua:#E9F8F8;--nav:#102E46;--deep:#163C57;--teal:#13B8C5;--active:#237BD3;--heading:#18364B;--body:#344C60;--muted:#64798A;--line:#DCE6ED;--footer:#0B2539;--footer-text:#DCECF5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:22px}body{margin:0;background:var(--bg);color:var(--body);font:16.5px/1.8 Arial,'PingFang SC','Microsoft YaHei',sans-serif;overflow-wrap:anywhere}body.menu-open{overflow:hidden}a{color:#12659a;text-underline-offset:3px}a:hover{color:#0b8895}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #237BD3;outline-offset:3px}h1,h2,h3,h4{color:var(--heading);line-height:1.38;letter-spacing:-.015em}h1{font-size:clamp(28px,3.1vw,36px);margin:0 0 20px}h2{font-size:clamp(22px,2.35vw,27px);margin:0 0 19px}h3{font-size:20px;margin:0 0 11px}p{margin:0 0 18px}ul,ol{padding-left:1.5em}li{margin:.45em 0}small,.muted{color:var(--muted)}.wrap{width:min(100% - 56px,1200px);margin-inline:auto}.section{margin-block:62px}.section-head{max-width:770px;margin-bottom:26px}.section-head p{margin-bottom:0}.eyebrow{color:#167c91;font-size:13px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;display:block;margin-bottom:9px}.lead{font-size:18px;line-height:1.82;max-width:780px;color:#425b70}.page-intro{background:#fff;border-bottom:1px solid var(--line);padding:38px 38px 36px;margin:0 -0px 40px;border-radius:0 0 16px 16px}.page-intro p{max-width:850px}.breadcrumbs{display:flex;gap:12px;align-items:center;margin:18px 0 20px;font-size:13px;color:var(--muted)}.breadcrumbs a{text-decoration:none}.skip-link{position:absolute;top:-120px;left:12px;background:#fff;padding:10px;z-index:200}.skip-link:focus{top:8px}.site-header{background:#fff;position:relative;z-index:30}.brand-row{min-height:72px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;text-decoration:none;color:var(--nav);flex:none}.brand img{width:auto;max-width:220px;height:auto;max-height:38px;object-fit:contain}.brand strong{font-size:25px;letter-spacing:1px}.brand-tagline{color:#627889;font-size:13px;border-left:1px solid var(--line);padding-left:16px}.entry-link{margin-left:auto;background:var(--deep);color:white;text-decoration:none;border-radius:9px;padding:8px 19px;white-space:nowrap;font-weight:700}.entry-link:hover{color:white;background:#0c7180}.desktop-nav{background:var(--nav)}.nav-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:center}.nav-grid a{color:#e5f2f8;white-space:nowrap;text-align:center;padding:11px 4px 12px;text-decoration:none;font-size:14px;font-weight:600;position:relative}.nav-grid a:hover{background:#204861}.nav-grid a[aria-current=page]{color:white;font-weight:800}.nav-grid a[aria-current=page]:after{content:'';position:absolute;bottom:4px;left:30%;width:40%;height:3px;border-radius:3px;background:var(--teal)}.menu-toggle,.mobile-menu,.menu-backdrop,.mobile-quick,.nojs-nav{display:none}.media-frame{margin:0;display:flex;align-items:center;justify-content:center;min-width:0;max-width:100%;padding:8px;background:var(--mist);border-radius:14px}.media-frame img{display:block;width:auto;height:auto;max-width:100%;max-height:var(--media-limit,220px);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--small{--media-limit:175px}.media-frame--wide{--media-limit:210px}.media-frame--mobile{--media-limit:350px;max-width:320px;margin:auto}.media-placeholder{min-height:110px;color:#55748a;font-size:13px;text-align:center;border:1px dashed #c0d4df}.media-frame--hero.media-placeholder{min-height:175px}.media-placeholder span{display:block;padding:12px}.hero{display:grid;grid-template-columns:52fr 48fr;align-items:center;gap:36px;padding-block:43px 8px}.hero h1{font-size:clamp(30px,3.4vw,43px);margin-bottom:18px}.hero-copy p{max-width:600px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:9px;background:var(--deep);text-decoration:none;color:#fff;font-weight:700}.btn:hover{background:#0b7585;color:white}.btn-outline{background:#fff;color:var(--deep);border:1px solid #a8becd}.btn-outline:hover{background:#e7f6f7;color:#0c5268}.topic-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:45px}.topic-item{padding:22px 0;border-top:1px solid var(--line)}.topic-item h3{margin-bottom:6px}.topic-item p{font-size:15px;margin:0 0 8px}.text-link{font-weight:700;text-decoration:none;border-bottom:1px solid #83b9d1}.feature-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px}.feature-main{background:var(--deep);color:#eaf3f8;padding:31px;border-radius:14px}.feature-main h3{font-size:25px;color:white}.feature-main p{color:#e7f0f6}.feature-main a{color:#79e4e5}.feature-side{display:flex;flex-direction:column;gap:18px}.mini-essay{background:#fff;border-left:3px solid var(--teal);padding:20px}.mini-essay p{font-size:15px;margin-bottom:10px}.split{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:35px}.split.reverse{grid-template-columns:1.1fr 1fr}.split>*{min-width:0}.soft-band{padding:35px;background:var(--aqua);border-radius:16px}.rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.rule-note{padding:22px 24px;background:#fff;border:1px solid var(--line);border-radius:12px}.rule-note:nth-child(2){transform:translateY(12px)}.rule-note:nth-child(3){transform:translateY(24px)}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.step{position:relative;padding:23px 20px;background:white;border-top:3px solid var(--teal)}.step:before{counter-increment:step;content:'0' counter(step);display:block;font-size:14px;letter-spacing:.1em;font-weight:800;color:#1687a0;margin-bottom:9px}.step h3{font-size:18px}.step p{font-size:15px}.editor-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0}.topic-nav{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0 35px}.topic-nav a{padding:7px 15px;background:#e8f1f6;border:1px solid #d0e2eb;color:#14485f;border-radius:99px;text-decoration:none;font-weight:700;font-size:14px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:35px}.article{min-width:0;max-width:800px}.article section{margin:0 0 44px}.article p{line-height:1.84}.fact-box{background:var(--mist);border-radius:12px;padding:21px;align-self:start}.fact-box h3{font-size:18px}.fact-box p,.fact-box li{font-size:14px}.article-wide{max-width:850px;margin-inline:auto}.article-wide section{margin:0 0 46px}.highlight{padding:22px 26px;border-left:4px solid var(--teal);background:#fff}.comparison-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:12px;background:#fff}.comparison{width:100%;border-collapse:collapse;min-width:560px}.comparison caption{text-align:left;padding:17px 19px;font-size:15px;font-weight:bold;color:var(--heading)}.comparison th,.comparison td{padding:13px 17px;text-align:left;vertical-align:top;border-top:1px solid var(--line);font-size:15px}.comparison th{background:#eaf1f6;color:#17374c}.comparison tr:nth-child(even) td{background:#f9fbfc}.list-flow{border-left:2px solid #b4d9dd;margin:25px 0;padding-left:25px}.list-flow>div{position:relative;margin-bottom:25px}.list-flow>div:before{content:'';position:absolute;left:-32px;top:6px;width:11px;height:11px;border-radius:50%;background:var(--teal)}.list-flow h3{font-size:19px}.reading-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:25px}.matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.matrix>article{background:white;padding:23px;border-top:4px solid var(--active)}.matrix p{font-size:15px}.gallery-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:35px;align-items:start}.gallery-grid>div:last-child{padding-top:45px}.gallery-grid figure{margin-bottom:16px}.gallery-grid h3{margin-top:12px}.gallery-grid article{margin-bottom:30px}.manual-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:36px}.manual-aside{align-self:start;background:#fff;padding:19px;border-radius:12px;border:1px solid var(--line)}.manual-aside a{display:block;padding:7px 0}.manual-content{min-width:0}.manual-content section{margin-bottom:44px}.faq-list details{border-bottom:1px solid #cfdfe8;background:#fff;padding:0 19px}.faq-list summary{cursor:pointer;padding:15px 4px;color:var(--heading);font-weight:700}.faq-list details[open] summary{color:#0f8091}.faq-list p{padding:0 4px 15px;margin:0}.related{border-top:1px solid var(--line);padding-top:27px}.related-links{display:flex;flex-wrap:wrap;gap:12px 25px}.related a{padding:7px 0}.service-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:36px}.service-nav{background:var(--mist);padding:24px;border-radius:12px;align-self:start}.service-nav a{display:block;margin-bottom:10px}.service-content{min-width:0}.service-content section{margin-bottom:43px}.site-footer{background:var(--footer);color:var(--footer-text);padding:43px 0 18px;margin-top:65px}.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:65px}.site-footer p{font-size:14px;max-width:600px;color:var(--footer-text)}.footer-brand{color:white;text-decoration:none;font-weight:bold;font-size:22px}.footer-brand small{font-size:11px;color:#bad3e1;display:block;letter-spacing:.1em}.site-footer nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 20px}.site-footer nav strong{grid-column:1/-1;color:white}.site-footer nav a{color:#dcecf5;text-decoration:none;font-size:14px}.footer-bottom{border-top:1px solid #285068;padding-top:18px;margin-top:24px;font-size:12px;color:#b6cedd}.back-top{position:fixed;right:20px;bottom:20px;background:var(--deep);color:white;border:0;border-radius:50%;width:44px;height:44px;z-index:20;box-shadow:0 3px 13px #0002}.back-top[hidden]{display:none}
@media(max-width:1024px){.wrap{width:min(100% - 44px,1200px)}.hero{gap:24px}.split{gap:25px}.nav-grid a{font-size:13px}}
@media(max-width:920px){.brand-row{min-height:62px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px}.brand{justify-self:center;min-width:0}.brand img{max-height:30px;max-width:170px}.brand strong{font-size:21px}.brand-tagline,.desktop-nav{display:none}.entry-link{padding:7px 10px;font-size:13px;margin:0}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border:1px solid #cbdce6;background:#fff;border-radius:8px;width:40px;height:40px;padding:0}.menu-toggle span{width:19px;height:2px;background:var(--nav)}.menu-backdrop{display:block;position:fixed;inset:0;background:#071725a8;z-index:70;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.menu-backdrop.is-visible{visibility:visible;opacity:1;pointer-events:auto}.mobile-menu{display:flex;flex-direction:column;overflow-y:auto;position:fixed;z-index:80;inset:0 auto 0 0;width:min(86vw,340px);background:white;box-shadow:12px 0 30px #0002;padding:18px 23px;transform:translateX(-105%);visibility:hidden;transition:transform .22s,visibility .22s}.mobile-menu.is-open{transform:translateX(0);visibility:visible}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:18px}.drawer-close{width:40px;height:40px;background:#eaf1f6;border:0;border-radius:9px;font-size:25px}.drawer-heading{font-size:12px;color:var(--muted);letter-spacing:.13em;font-weight:bold;border-bottom:1px solid var(--line);margin:16px 0 6px;padding-bottom:5px}.mobile-menu>a{padding:9px 11px;text-decoration:none;color:var(--heading);border-radius:7px}.mobile-menu>a[aria-current=page]{font-weight:bold;background:var(--mist);border-left:3px solid var(--teal)}.mobile-quick{display:flex;flex-wrap:wrap;gap:8px 20px;padding:22px 0;border-top:1px solid var(--line);font-size:14px}.nojs-nav{display:flex;flex-wrap:wrap;gap:10px 17px;padding-bottom:15px}.nojs-nav a{font-size:14px} .hero{padding-top:35px}}
@media(max-width:760px){.wrap{width:min(100% - 36px,1200px)}.hero,.split,.split.reverse,.feature-grid,.content-grid,.gallery-grid,.manual-layout,.service-layout{grid-template-columns:minmax(0,1fr)}.hero{gap:25px}.hero-copy{order:0}.gallery-grid>div:last-child{padding-top:0}.fact-box{max-width:100%}.matrix,.rule-grid,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.rule-note:nth-child(n){transform:none}.service-content{order:0}.service-nav{order:1}.page-intro{padding:29px 23px}.article{max-width:none}.gallery-grid{gap:20px}.footer-grid{gap:30px}}
@media(max-width:640px){.wrap{width:min(100% - 32px,1200px)}body{font-size:15.5px}h1{font-size:27px}h2{font-size:22px}h3{font-size:18px}.hero h1{font-size:30px}.section{margin-block:38px}.hero{padding-top:25px}.lead{font-size:16px}.topic-grid,.matrix,.rule-grid,.steps,.footer-grid{grid-template-columns:1fr}.rule-note,.step{padding:19px}.feature-main{padding:24px}.soft-band{padding:23px 16px}.page-intro{padding:23px 19px;margin-bottom:25px}.media-frame--hero{--media-limit:205px}.media-frame--feature{--media-limit:185px}.media-frame--card{--media-limit:145px}.media-frame--small{--media-limit:145px}.media-frame--wide{--media-limit:135px}.media-frame--mobile{--media-limit:285px;max-width:250px}.footer-grid{gap:20px}.site-footer nav{grid-template-columns:repeat(2,1fr)}.topic-nav{gap:8px}.topic-nav a{font-size:13px;padding:6px 11px}.section-head{margin-bottom:19px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}