.detail-progress{position:fixed;top:0;left:0;z-index:90;width:100%;height:3px;transform:scaleX(0);transform-origin:left;background:var(--cyan)}
.detail-hero{padding:58px 0 34px;color:#fff;background:radial-gradient(circle at 82% 8%,rgba(65,216,255,.12),transparent 24%),linear-gradient(180deg,#eef4fa 0%,#f4f7fb 100%)}
.detail-hero__box{min-height:350px;display:flex;align-items:center;overflow:hidden;padding:44px;border:1px solid rgba(17,24,39,.08);border-radius:34px;color:#f8fbff;background:transparent;box-shadow:0 22px 44px rgba(17,24,39,.16)}
.detail-hero__content{max-width:770px}
.detail-hero .article-breadcrumb{color:rgba(248,251,255,.74);font-weight:200;font-size:13px;}
.detail-hero .article-breadcrumb a:hover{color:var(--cyan)}
.detail-tags{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.detail-tags span{min-height:30px;display:inline-flex;align-items:center;padding:0 13px;border-radius:999px;background:#bfefff;color:#07111f;font-size:12px;font-weight:400}
.detail-hero h1{margin:0;color:#fff;font-size:clamp(26px,4vw,26px);line-height:1.15;font-weight:800}
.detail-hero p{max-width:720px;margin:18px 0 0;color:#d8dee6;font-size:15px;line-height:1.85;font-weight:300}
.news-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;color:#9fb0c2;font-size:13px}
.news-meta b,.news-meta em{font-style:normal;color:#dbe9f5}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start;padding:16px 0 52px;}
.detail-card,.detail-side-card,.related-card,.detail-pager a{border:1px solid rgba(17,24,39,.08);border-radius:26px;background:#fff;box-shadow:0 14px 34px rgba(17,24,39,.08)}
.detail-card{padding:34px 38px}
.detail-card h2{margin:36px 0 14px;color:#07111f;font-size:26px;line-height:1.25}
.detail-card p{margin:0 0 18px;color:#354352;font-size:15px;line-height:1.95}
.detail-note{margin:28px 0;padding:22px;border-radius:20px;color:#f8fbff;background:linear-gradient(135deg,rgba(7,17,31,.96),rgba(16,34,53,.92));font-size:13px;font-weight:400;line-height:1.85}
.detail-sidebar{position:sticky;top:96px;display:grid;gap:16px}
.detail-side-card{padding:22px}
.detail-side-card h3{margin:0 0 16px;color:#07111f;font-size:20px}
.detail-quick{display:grid;gap:12px}
.detail-quick a{padding:13px;border-radius:15px;background:#f2f8fc;color:#354352;line-height:1.55;font-size:14px;}
.detail-ad{position:relative;overflow:hidden;min-height:164px;border-radius:22px;color:#f8fbff;box-shadow:0 14px 34px rgba(17,24,39,.09)}
.detail-ad:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(7,17,31,.2),rgba(7,17,31,.38))}
.detail-ad img{width:100%;height:100%;min-height:164px;object-fit:cover}
.detail-ad span{position:absolute;left:18px;right:18px;bottom:16px;z-index:1;display:block;padding:0}
.detail-ad b{display:block;margin-bottom:6px;color:#fff;font-size:17px}
.detail-ad em{display:block;color:#d9e7f3;font-style:normal;font-size:13px;line-height:1.55;font-weight:300}
.detail-pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:40px}
.detail-pager a{padding:22px}
.detail-pager span{color:#0074d9;font-size:13px;font-weight:900}
.detail-pager b{display:block;margin-top:12px;color:#07111f;font-size:15px;font-weight:400;line-height:1.55}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.related-card{overflow:hidden}
.related-card img{width:100%;height:170px;object-fit:cover}
.related-card div{padding:18px}
.related-card h3{margin:0 0 12px;color:#07111f;font-size:17px;line-height:1.35}
.related-card p{margin:0;color:#586675;font-size:14px;line-height:1.75}
@media(max-width:1080px){.detail-layout{grid-template-columns:1fr}
.detail-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
}@media(max-width:760px){.detail-hero{padding:36px 0 24px}
.detail-hero__box{min-height:auto;padding:28px 22px;border-radius:26px;background:transparent}
.detail-hero h1{font-size:34px}
.detail-card{padding:24px 20px}
.detail-sidebar,.detail-pager,.related-grid{grid-template-columns:1fr}
}.detail-hero{position:relative;overflow:hidden;padding:72px 0 190px;background:radial-gradient(circle at 78% 8%,rgba(65,216,255,.16),transparent 25rem),linear-gradient(180deg,#091326,#07111f)}
.detail-hero .ky-container{position:relative;z-index:2}
.detail-hero__box{min-height:300px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.detail-hero .hero-waves{bottom:-1px;height:205px}
.detail-hero .section-parallax use:nth-child(4){fill:var(--paper)}
@media(max-width:760px){.detail-hero{padding:52px 0 150px}
.detail-hero__box{min-height:auto;padding:0;background:transparent;border-radius:0}
.detail-hero h1{font-size:34px}
}.detail-hero{background:linear-gradient(90deg,rgba(4,11,20,.96) 0%,rgba(4,11,20,.78) 45%,rgba(4,11,20,.34) 74%,rgba(4,11,20,.16) 100%),url("../images/kaiyun-official-sports-bg.webp") center right/cover no-repeat,#07111f}
@media(max-width:760px){.detail-hero{background:linear-gradient(180deg,rgba(4,11,20,.96),rgba(4,11,20,.62)),url("../images/kaiyun-official-sports-bg.webp") center/cover no-repeat,#07111f}
}main.detail-page{background:linear-gradient(180deg,#eef4fa 0%,#f7fafc 45%,#edf3f8 100%)}
.detail-hero + .detail-layout{padding-top:42px}
.channel-section{padding-bottom:96px;}