/* KAIYUN SPORTS — autonomous responsive styles */
:root{--bg:#f5fbff;--white:#fff;--pale:#eaf7fc;--mist:#dff5fb;--cyan:#25c8d1;--sky:#25b6e8;--blue:#1787db;--deep:#174b78;--heading:#173b60;--body:#2d4359;--muted:#687f93;--line:#dcebf3;--foot:#123653;--shadow:0 14px 40px rgba(23,75,120,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);font:16px/1.8 Arial,'PingFang SC','Microsoft YaHei',sans-serif;color:var(--body);overflow-x:hidden}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}h1,h2,h3,h4{color:var(--heading);line-height:1.38;margin:0 0 .65em}h1{font-size:clamp(27px,3.25vw,40px);letter-spacing:-.025em}h2{font-size:clamp(21px,2.2vw,26px)}h3{font-size:clamp(17px,1.55vw,20px)}p{margin:0 0 1.05em}ul,ol{padding-left:1.35em}li{margin-bottom:.43em}img{max-width:100%}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;z-index:200;top:-100px;left:12px;padding:8px;background:white}.skip-link:focus{top:8px}.site-header{height:72px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.nav-shell{height:100%;display:flex;gap:20px;align-items:center}.brand{display:flex;align-items:center;gap:10px;flex:none;color:var(--deep);font-size:19px;font-weight:800;line-height:1.1;white-space:nowrap}.brand-image{width:auto;height:37px;max-width:145px;object-fit:contain}.brand .media-placeholder{width:48px;height:37px;flex:none;border-radius:9px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.14em;margin-top:5px}.desktop-nav{display:flex;justify-content:center;align-items:center;gap:clamp(9px,1.3vw,19px);flex:1;white-space:nowrap}.desktop-nav a{font-size:14px;font-weight:700;color:var(--deep);padding:23px 0 20px;border-bottom:3px solid transparent;line-height:24px}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:#087cb6;border-color:var(--cyan)}.main-btn{display:inline-flex;align-items:center;justify-content:center;min-width:82px;height:42px;padding:0 19px;border-radius:999px;background:linear-gradient(110deg,#25c8d1,#25b6e8,#1787db);color:white;font-weight:700;white-space:nowrap;font-size:14px;box-shadow:0 7px 16px #1787db2a}.main-btn:hover{filter:brightness(.94)}.menu-button{display:none;width:42px;height:42px;border:0;background:transparent;padding:10px;cursor:pointer}.menu-button span{display:block;height:2px;background:var(--deep);margin:5px 0;border-radius:2px}.drawer-backdrop{position:fixed;inset:0;background:#09263b99;z-index:70;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.drawer{position:fixed;z-index:80;top:0;bottom:0;left:0;width:min(340px,86vw);overflow-y:auto;background:#fff;box-shadow:10px 0 50px #071f3640;transform:translateX(-105%);visibility:hidden;pointer-events:none;transition:transform .24s,visibility .24s;padding:22px}.menu-open{overflow:hidden}.menu-open .drawer-backdrop{visibility:visible;pointer-events:auto;opacity:1}.menu-open .drawer{visibility:visible;pointer-events:auto;transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px}.drawer-title{font-weight:800;color:var(--deep);font-size:20px}.drawer-title small{font-size:11px;color:var(--muted);font-weight:400;margin-left:5px}.drawer-close{border:0;background:var(--pale);border-radius:50%;width:39px;height:39px;font-size:28px;color:var(--deep);cursor:pointer}.drawer-label{font-size:12px;color:#058ca3;letter-spacing:.1em;font-weight:800;margin:22px 0 7px}.drawer nav a{display:block;font-weight:600;padding:9px 10px;border-radius:8px;font-size:15px}.drawer nav a:hover{background:var(--pale)}.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#0a8d9e;font-weight:800;display:inline-block;margin-bottom:12px}.page-hero{padding:58px 0 34px}.page-hero p{max-width:770px;font-size:17px;color:#4e6981}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center;padding:64px 0 58px}.hero-title strong{color:#098cb6}.hero-lead{font-size:18px;color:#506b83;max-width:600px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:23px}.secondary-btn{display:inline-flex;justify-content:center;align-items:center;border:1px solid #b2dbe8;padding:8px 18px;border-radius:999px;color:var(--deep);font-weight:700;font-size:14px}.hero-visual{min-height:270px;background:linear-gradient(140deg,#d9faff,#edfaff);border:1px solid #d2eef4;border-radius:24px;display:flex;align-items:center;justify-content:center;padding:20px;box-shadow:var(--shadow)}.hero-visual img{height:auto;width:auto;max-height:305px;object-fit:contain}.media{display:flex;justify-content:center;align-items:center;width:100%;overflow:hidden;background:#eaf7fc;border-radius:12px}.media img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.media-placeholder{display:flex;justify-content:center;align-items:center;min-height:140px;width:100%;background:linear-gradient(140deg,#dff5fb,#eaf7fc);border-radius:12px;border:1px solid #d8edf5}.placeholder-shape{width:34%;max-width:115px;aspect-ratio:1;border:10px solid #bdeaf3;border-radius:50%;opacity:.65;position:relative}.placeholder-shape:after{content:'';position:absolute;left:30%;top:30%;width:36%;height:36%;border-radius:50%;background:#bdeaf3}.hero-visual .media-placeholder{min-height:285px}.section{padding:38px 0}.section-title{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:21px}.section-title p{margin:0;color:var(--muted)}.section-title a,.text-link{font-weight:700;color:#087eae;font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:#fff;border:1px solid var(--line);padding:23px;border-radius:17px;box-shadow:0 5px 24px #174b7808}.card h3{margin-bottom:7px}.card p{font-size:15px;color:#5b7083}.card a{font-weight:700;color:#007eae}.card .card-num{font-weight:800;color:var(--cyan);font-size:12px;letter-spacing:.12em}.card:hover{border-color:#a9dfe8}.feature-split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;background:white;padding:28px;border:1px solid var(--line);border-radius:20px}.feature-split.reverse .media-wrap{order:2}.feature-split .media-wrap{height:240px;display:flex;align-items:center;justify-content:center;background:var(--pale);border-radius:14px}.feature-split img{max-height:225px;width:auto;object-fit:contain}.feature-split .media-placeholder{height:100%}.feature-split p{color:#556d7f}.dark-strip{background:linear-gradient(115deg,#16476f,#0e617f);border-radius:20px;padding:32px;color:#e8f7ff}.dark-strip h2{color:white}.dark-strip p{color:#d2e7f3}.dark-strip a{color:white;border-bottom:1px solid #8fe3f0}.article-shell{display:grid;grid-template-columns:minmax(0,790px) 240px;gap:50px;align-items:start}.article{min-width:0}.article h2{margin-top:33px}.article h3{margin-top:23px}.article p{color:#435b71}.article img{max-height:300px;max-width:100%;width:auto;object-fit:contain}.article .media{min-height:230px;margin:25px 0}.article .media-placeholder{min-height:230px}.article ul,.article ol{color:#435b71}.side-index{position:sticky;top:95px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:20px}.side-index strong{color:var(--heading)}.side-index a{display:block;font-size:14px;padding:7px 0;color:#496f84;border-bottom:1px solid var(--line)}.side-index a:last-child{border:none}.note{border-left:4px solid var(--cyan);padding:16px 20px;background:#ecf9fc;border-radius:0 11px 11px 0;margin:20px 0}.note p:last-child{margin-bottom:0}.compare-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:20px 0}.compare-grid>div{background:white;border:1px solid var(--line);border-radius:14px;padding:20px}.table-scroll{overflow-x:auto;margin:22px 0}table{border-collapse:collapse;width:100%;background:white;min-width:440px;font-size:15px}th,td{border:1px solid var(--line);padding:13px 15px;text-align:left;vertical-align:top}th{background:#e8f6fb;color:var(--deep)}.article-quote{font-size:19px;line-height:1.7;border-left:5px solid var(--sky);padding:12px 22px;color:var(--deep);font-weight:700;margin:28px 0}.reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.reading-item{padding:24px;background:white;border:1px solid var(--line);border-radius:16px}.reading-item .number{font-size:12px;font-weight:bold;color:#10a4b4}.timeline{border-left:2px solid #7dd8e7;margin:20px 0 25px 10px;padding-left:28px}.timeline>div{position:relative;margin-bottom:24px}.timeline>div:before{content:'';width:12px;height:12px;border:3px solid white;background:var(--cyan);box-shadow:0 0 0 2px var(--cyan);border-radius:50%;position:absolute;left:-36px;top:8px}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.gallery-card{background:#fff;border-radius:17px;border:1px solid var(--line);padding:17px}.gallery-card .media{height:185px}.gallery-card img{max-height:174px;width:auto;object-fit:contain}.gallery-card h3{margin-top:17px}.faq details{background:white;border:1px solid var(--line);border-radius:11px;margin-bottom:10px;padding:14px 19px}.faq summary{cursor:pointer;font-weight:700;color:var(--heading)}.faq details p{margin:12px 0 0}.related{padding:34px 0 65px}.related-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.related-links a{display:flex;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:14px 16px;font-weight:700;color:var(--deep);font-size:14px}.related-links span{color:var(--cyan)}.site-footer{background:var(--foot);color:#eaf7ff;margin-top:50px}.footer-grid{padding:43px 0 35px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:44px}.site-footer h2{font-size:17px;color:white}.site-footer p{font-size:14px;color:#bedbe9}.footer-brand{font-size:25px;font-weight:800;color:#fff;margin-bottom:16px}.footer-brand span{display:block;font-size:11px;letter-spacing:.2em;color:#71dfe8}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:6px}.footer-links a,.footer-highlight{font-size:14px;color:#d5eaf3}.footer-bottom{border-top:1px solid #ffffff24;display:flex;justify-content:space-between;padding:16px 0;color:#b6d5e3;font-size:12px}.mobile-bottom{display:none}#back-top{position:fixed;right:20px;bottom:22px;border:0;border-radius:50%;width:42px;height:42px;background:var(--deep);color:white;box-shadow:var(--shadow);cursor:pointer;z-index:20;opacity:0;visibility:hidden;transition:.2s}#back-top.visible{opacity:1;visibility:visible}main{min-height:58vh}#site-sections{scroll-margin-top:90px}@media(max-width:1120px){.desktop-nav{gap:10px}.desktop-nav a{font-size:12px}.brand{font-size:16px}.brand-image{height:33px}.nav-shell{gap:13px}}@media(max-width:980px){.site-header{height:60px}.nav-shell{justify-content:space-between;gap:8px}.menu-button{display:block;flex:0 0 40px}.desktop-nav{display:none}.brand{position:absolute;left:50%;transform:translateX(-50%);font-size:15px;gap:6px}.brand-image{height:29px;max-width:80px}.brand .media-placeholder{height:29px;width:31px;min-height:29px}.brand small{font-size:7px}.top-entry{margin-left:auto;min-width:72px;padding:0 12px;height:39px;font-size:12px}.article-shell{grid-template-columns:1fr}.side-index{position:static;display:none}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-grid>div:first-child{grid-column:1/-1}.hero-grid{gap:26px}.hero-visual{min-height:210px}.hero-visual .media-placeholder{min-height:210px}}@media(max-width:700px){body{font-size:15px;line-height:1.78;padding-bottom:61px}.container{width:calc(100% - 32px)}.hero-grid{display:flex;flex-direction:column-reverse;align-items:stretch;padding:22px 0 31px;gap:24px}.hero-visual{padding:12px;min-height:170px}.hero-visual img{max-height:200px}.hero-visual .media-placeholder{min-height:180px}.hero-title{font-size:30px}.hero-lead{font-size:16px}.page-hero{padding:35px 0 14px}.page-hero p{font-size:15px}.section{padding:24px 0}.section-title{align-items:start;flex-direction:column}.cards,.reading-grid,.gallery-grid,.related-links,.compare-grid{grid-template-columns:1fr}.card{padding:19px}.feature-split{display:flex;flex-direction:column;align-items:stretch;padding:17px;gap:19px}.feature-split.reverse .media-wrap{order:0}.feature-split .media-wrap{height:190px}.feature-split img{max-height:185px}.article h2{margin-top:26px}.article .media{min-height:170px}.article .media-placeholder{min-height:170px}.gallery-card .media{height:175px}.dark-strip{padding:24px}.footer-grid{grid-template-columns:1fr;padding:35px 0;gap:22px}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:block}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;position:fixed;bottom:0;left:0;right:0;z-index:40;box-shadow:0 -4px 16px #163f5817;border-top:1px solid var(--line);height:61px}.mobile-bottom a{font-size:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;color:var(--deep);font-weight:700;line-height:1.4}.mobile-bottom span{font-size:21px;color:#159eae}#back-top{bottom:77px;right:14px}.brand-text{font-size:14px}.top-entry{font-size:11px;padding:0 10px}.article-quote{font-size:17px}}@media(max-width:370px){.brand-image{max-width:55px}.brand-text{font-size:12px}.brand small{font-size:6px}.top-entry{min-width:67px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}