/* KAIYUN SPORTS — standalone responsive stylesheet */
:root{--bg:#f5fbff;--white:#fff;--soft:#eaf7fc;--tint:#dff5fb;--cyan:#25c8d1;--sky:#25b6e8;--blue:#1787db;--navy:#174b78;--dark:#173b60;--text:#2d4359;--muted:#687f93;--line:#dcebf3;--footer:#123653;--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.82 Arial,'PingFang SC','Microsoft YaHei',sans-serif}a{color:var(--navy);text-decoration:none}a:hover{color:var(--blue)}button{font:inherit}img{max-width:100%}h1,h2,h3{color:var(--dark);line-height:1.38;margin:0 0 .7em;font-weight:800;letter-spacing:-.018em}h1{font-size:clamp(30px,3vw,40px)}h2{font-size:26px}h3{font-size:20px}p{margin:0 0 1.05em}.shell{width:min(1160px,calc(100% - 48px));margin:0 auto}.narrow{max-width:800px}.eyebrow{display:block;color:#0e88ae;font-size:13px;letter-spacing:.11em;font-weight:800;text-transform:uppercase;margin-bottom:12px}.muted{color:var(--muted)}.section{padding:42px 0}.section-head{display:flex;gap:24px;justify-content:space-between;align-items:end;margin-bottom:26px}.section-head p{max-width:560px;color:var(--muted);margin:0}.page-heading{padding:56px 0 25px}.page-heading h1{font-size:34px}.page-heading .lead{font-size:18px;max-width:790px;color:#4b657d}.site-header{position:sticky;top:0;background:rgba(255,255,255,.97);z-index:50;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{min-height:72px;display:flex;align-items:center;gap:26px}.brand{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:125px}.brand img{display:block;height:37px;width:auto;max-width:158px;object-fit:contain}.brand-name{font-weight:900;font-size:22px;color:var(--dark);letter-spacing:-1px}.brand-name span{color:#159fbe}.desktop-nav{display:flex;align-items:center;gap:19px;margin-left:auto;white-space:nowrap}.desktop-nav a{font-weight:700;font-size:14px;padding:25px 0 23px;border-bottom:3px solid transparent}.desktop-nav a.active{color:#1599cc;border-color:#25b6e8}.main-btn{display:inline-flex;align-items:center;justify-content:center;min-width:82px;height:42px;padding:0 20px;border-radius:999px;background:linear-gradient(110deg,#25c8d1,#25b6e8,#1787db);color:white!important;font-weight:700;text-decoration:none;white-space:nowrap;font-size:14px;box-shadow:0 8px 20px #25b6e823}.main-btn:hover{filter:brightness(.96)}.header-action{margin-left:2px}.menu-toggle{display:none;border:0;background:transparent;width:40px;height:40px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.menu-toggle span{height:2px;width:21px;background:var(--dark);border-radius:2px}.skip{position:absolute;left:-9999px;top:8px;background:white;z-index:99;padding:8px}.skip:focus{left:8px}.drawer-overlay[hidden]{display:none!important}.drawer-overlay{position:fixed;inset:0;background:#062a4870;z-index:80}.mobile-drawer{position:fixed;z-index:81;top:0;bottom:0;left:0;max-width:340px;width:min(86vw,340px);background:#fff;padding:18px 24px 35px;box-shadow:12px 0 36px #12365326;transform:translateX(-110%);visibility:hidden;pointer-events:none;overflow:auto;transition:transform .25s,visibility .25s}.mobile-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:18px}.drawer-close{border:none;background:var(--soft);border-radius:50%;width:37px;height:37px;font-size:27px;cursor:pointer;line-height:1}.drawer-group{padding-top:18px}.drawer-group p{font-size:13px;font-weight:800;color:#0c93bb;margin-bottom:4px}.drawer-group a{display:block;padding:7px 0;border-bottom:1px solid #edf5fa;font-weight:700}.drawer-open{overflow:hidden}.hero{padding:48px 0 26px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:35px;min-height:330px}.hero h1{font-size:40px;margin-bottom:16px}.hero p{font-size:17px;max-width:565px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.outline-btn{border:1px solid #9acfe4;border-radius:999px;padding:6px 21px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.media{width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:16px;background:linear-gradient(135deg,#eaf7fc,#dff5fb);border:1px solid #d8ebf4;position:relative;isolation:isolate}.media--landscape{height:220px}.media--wide{height:300px}.media--portrait{height:330px;max-width:360px}.media--square{height:230px}.media img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center;position:relative;z-index:2}.media-pattern{display:block;width:100%;height:100%;background:radial-gradient(circle at 75% 35%,#25b6e82a 0 12%,transparent 13%),linear-gradient(137deg,transparent 35%,#25b6e818 36% 39%,transparent 40% 53%,#25c8d11a 54% 57%,transparent 58%),radial-gradient(circle at 18% 80%,#1787db19,transparent 45%)}.hero .media{height:320px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.tile,.panel,.feature{background:white;border:1px solid var(--line);border-radius:var(--radius)}.tile{padding:25px;transition:transform .2s,box-shadow .2s}.tile:hover{transform:translateY(-3px);box-shadow:0 16px 38px #174b7810}.tile h3{font-size:19px}.tile p{font-size:15px;color:var(--muted)}.tile-link{font-weight:800;color:#138eb9}.kicker{font-size:12px;color:#0d9cb0;font-weight:800;letter-spacing:.08em}.feature{padding:28px}.feature h3{margin-top:13px}.feature p{color:var(--muted)}.feature .media{margin-bottom:18px}.soft-area{background:var(--soft);border-block:1px solid #e3f1f6}.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.reading-list{border-top:1px solid var(--line)}.reading-list a{display:grid;grid-template-columns:130px 1fr auto;align-items:start;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.reading-list a span:first-child{color:#0d99b6;font-size:13px;font-weight:800}.reading-list a strong{color:var(--dark);font-size:18px}.reading-list a small{font-size:13px;color:var(--muted)}.banner{padding:28px;background:linear-gradient(110deg,#dff5fb,#e7f7ff);border-radius:20px;border:1px solid #cdebf8}.prose{max-width:820px}.prose p{line-height:1.85}.prose h2{margin-top:1.55em}.prose h3{margin-top:1.3em}.prose ul,.prose ol{padding-left:1.35em}.prose li{margin-bottom:.6em}.rule-divider{height:1px;background:var(--line);margin:38px 0}.comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.comparison article{padding:24px;background:#fff;border-radius:18px;border:1px solid var(--line)}.comparison article p{font-size:15px}.numbered{counter-reset:num;display:grid;gap:15px}.numbered article{counter-increment:num;position:relative;padding:22px 22px 22px 74px;border-radius:16px;background:white;border:1px solid var(--line)}.numbered article:before{content:counter(num,decimal-leading-zero);position:absolute;top:20px;left:21px;font-weight:900;color:#0e9fbb;font-size:23px}.numbered article h3{margin-bottom:5px}.numbered article p{margin:0}.meta-row{display:flex;flex-wrap:wrap;gap:10px}.pill{display:inline-block;padding:4px 12px;border-radius:100px;background:var(--soft);font-size:13px;font-weight:800;color:var(--navy)}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:white}.info-table{border-collapse:collapse;width:100%;min-width:540px}.info-table th,.info-table td{text-align:left;vertical-align:top;padding:17px 20px;border-bottom:1px solid var(--line)}.info-table th{background:#eaf7fc;color:var(--dark)}.info-table tr:last-child td{border-bottom:0}.aside-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,.8fr);gap:42px}.side-index{align-self:start;background:white;border:1px solid var(--line);border-radius:18px;padding:25px;position:sticky;top:105px}.side-index a{display:block;padding:7px 0;border-bottom:1px solid #edf4f8}.related{padding:40px 0 60px}.related-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.related-links a{display:flex;justify-content:space-between;align-items:center;gap:12px;background:white;border:1px solid var(--line);padding:16px 20px;border-radius:13px;font-weight:800}.related-links a span{color:#0c9fbd}.quote-block{border-left:4px solid #25b6e8;padding:22px 26px;background:#eaf7fc;color:var(--dark);font-size:18px;font-weight:700;border-radius:0 15px 15px 0}.editorial-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}.gallery-stack{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.gallery-stack .media{height:240px}.faq details{background:white;border:1px solid var(--line);border-radius:13px;padding:15px 19px;margin-bottom:11px}.faq summary{font-weight:800;cursor:pointer;color:var(--dark)}.faq details p{margin:12px 0 0;font-size:15px}.site-footer{background:var(--footer);color:#eaf7ff;margin-top:40px;padding:42px 0 25px}.footer-layout{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footer-brand{justify-content:flex-start;margin-bottom:16px}.site-footer .brand-name{color:#fff}.site-footer p{color:#c9e2f1;font-size:14px}.footer-links h2{font-size:16px;color:#fff}.footer-links a{display:block;color:#dbf0ff;margin-bottom:9px;font-size:14px}.footer-links a:hover{color:#70e1e9}.footer-bottom{display:flex;gap:18px;justify-content:space-between;border-top:1px solid #ffffff24;padding-top:17px;margin-top:27px;font-size:12px;color:#c2d8e6}.bottom-nav{display:none}.back-top{position:fixed;right:24px;bottom:22px;border:0;background:#168fc7;color:#fff;width:42px;height:42px;border-radius:50%;cursor:pointer;box-shadow:0 8px 18px #1236532b;z-index:40;opacity:0;pointer-events:none;transition:.2s}.back-top.visible{opacity:1;pointer-events:auto}
@media(max-width:1100px){.desktop-nav{gap:12px}.desktop-nav a{font-size:13px}.header-inner{gap:17px}}
@media(max-width:980px){.desktop-nav{display:none}.menu-toggle{display:flex}.header-inner{justify-content:space-between;min-height:60px}.header-inner>.brand{position:absolute;left:50%;transform:translateX(-50%)}.brand img{height:29px;max-width:120px}.brand-name{font-size:19px}.header-action{height:40px;padding:0 15px}.shell{width:min(100% - 36px,1160px)}.hero-grid{grid-template-columns:1fr}.hero-grid>.media{order:-1}.hero .media{height:260px}.hero{padding-top:25px}.hero h1{font-size:32px}.aside-layout{grid-template-columns:1fr}.side-index{position:static}.footer-layout{gap:20px}}
@media(max-width:700px){body{font-size:15px}.shell{width:calc(100% - 32px)}h1{font-size:28px}h2{font-size:22px}h3{font-size:18px}.hero h1{font-size:29px}.hero p{font-size:15px}.hero .media{height:205px}.hero-actions{gap:10px}.section{padding:28px 0}.page-heading{padding:35px 0 14px}.page-heading h1{font-size:27px}.page-heading .lead{font-size:16px}.grid-3,.grid-2,.comparison,.split,.editorial-hero,.gallery-stack{grid-template-columns:1fr}.section-head{display:block}.grid-3,.grid-2{gap:14px}.tile{padding:20px}.feature{padding:20px}.media--landscape{height:160px}.media--wide{height:205px}.media--portrait{height:260px}.gallery-stack .media{height:180px}.reading-list a{grid-template-columns:80px 1fr;gap:7px 12px}.reading-list a small{display:none}.reading-list a strong{font-size:16px}.numbered article{padding:20px 17px 20px 62px}.numbered article:before{left:16px;font-size:20px}.related-links{grid-template-columns:1fr}.footer-layout{grid-template-columns:1fr 1fr;gap:23px}.footer-about{grid-column:1/-1}.footer-bottom{display:block;padding-bottom:50px}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:45;background:#fff;border-top:1px solid var(--line);height:58px;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}.back-top{bottom:71px;right:15px}.site-footer{padding-bottom:27px}.header-inner{min-height:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}