/*
Theme Name: Kugou
Theme URI: https://www.kugou.com/
Author: Kugou
Author URI: https://www.kugou.com/
Description: 酷狗音乐官网风格落地页主题。
Version: 1.0.0
Text Domain: kugou
*/
body { background: #fff; font: 100%/1.5em  "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif, BlinkMacSystemFont, Helvetica, Arial;}
a { text-decoration: none; -webkit-tap-highlight-color: transparent; color: #333; outline: none; }
a:hover { color: #f60; }
input { -webkit-appearance: none; border-radius: 0; }
input:focus { outline: none; }
li { list-style: none; }
.clear { clear: both; }
a img { border: none; }
img{max-width: 100%;height: auto;}
table { background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size: 0.75em; width: 100%; border-top: solid 1px #ddd; border-left: solid 1px #ddd; box-sizing: border-box; }
table th { background-color: #f9f9f9; text-align: center; box-sizing: border-box; }
table td,
table th { padding: 5px 10px; border: 1px solid #ddd; box-sizing: border-box; }

*{margin:0;padding:0;box-sizing:border-box;font-family:'PingFang SC','Microsoft YaHei',sans-serif}
:root{--primary-color:#2a9df4;--secondary-color:#1c6ea4;--dark-color:#333;--light-color:#f8f9fa;--gray-color:#6c757d;--white:#fff;--shadow:0 2px 10px rgba(0, 0, 0, 0.1);--transition:all 0.3s ease}
body{line-height:1.6;color:var(--dark-color);background: linear-gradient(135deg, #f8fbff, #f3f0fc);}
a{text-decoration:none;color:inherit}
ul{list-style:none}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}
.btn{display:inline-block;padding:10px 20px;background: linear-gradient(to right, #4f9df9, #a96dff);color:var(--white);border-radius:4px;font-weight:600;transition:var(--transition);border:none;cursor:pointer;font-size:.9rem;white-space:nowrap;border-radius: 999px;}
.btn:hover,.desktop-cta a:hover{color:var(--white)!important;transform:translateY(-2px)}
.btn-outline{background:0 0;border:2px solid var(--primary-color);color:var(--primary-color)}
.btn-outline:hover{background:var(--primary-color);color:var(--white)}
section{padding:80px 0}
.section-title{text-align:center;margin-bottom:50px}
.section-title h2{font-size:2.5rem;margin-bottom:15px;color:var(--dark-color)}
.section-title p{font-size:1.1rem;color:var(--gray-color);max-width:700px;margin:0 auto}
/* 仅站点顶栏：勿用裸 header，否则会命中 main 内区块标题 <header class="section-title"> */
body > header{background:var(--white);box-shadow:var(--shadow);position:fixed;width:100%;top:0;z-index:1000}
#kg-home header.section-title,
main header.section-title{
  position:static;
  width:auto;
  top:auto;
  left:auto;
  box-shadow:none;
  backdrop-filter:none;
  z-index:auto;
  background:transparent;
}
.navbar{display:flex;justify-content:space-between;align-items:center;padding:15px 0}
.logo{display:flex;align-items:center}
.logo-icon{width:40px;height:40px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:10px;color:#fff;font-weight:700;font-size:20px}
.logo-text{font-size:1.5rem;font-weight:700;color:var(--primary-color)}
.nav-menu{display:flex;align-items:center}
.nav-menu li{margin-left:30px}
.nav-menu a{font-weight:500;transition:var(--transition)}
.nav-menu a:hover{color:var(--primary-color)}
.nav-cta{display:none;align-items:center}
.hamburger{display:none;cursor:pointer;font-size:1.5rem}
.hero{background: linear-gradient(135deg, #f8fbff, #f3f0fc);padding: 50px 0 100px;margin-top: 80px;text-align:center}
.hero h1{font-size:2rem;margin-bottom:20px;color:var(--dark-color)}
.hero p{font-size:1rem;color:var(--gray-color);max-width:700px;margin:0 auto 30px}
.hero-buttons{display:flex;justify-content:center;gap:15px;margin-top:30px}
.hero img{max-width: 600px;width:100%;margin:0 auto;}

.main{margin-top:80px;padding-top:10px;}
.position{margin:10px 0;color:#999;font-size:13px;text-align: left;}.position a{color:#999;font-size:13px;}
.post-all{padding-bottom:80px;}
.post-all h1{font-size:2em;text-align:center}
.news-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2.5rem}
#wps-list-img,.wps-list-img{display:block;width:100%;height:10rem;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#e8f4ff}
.news-list div{box-shadow:0 12px 32px rgba(255,0,60,.16);border-radius:1rem;overflow:hidden;text-align:left;transition:transform .3s ease}
.c-tit{font-size:1.2rem;text-align:center;margin:2rem 0}
.atk-title{padding:1rem;line-height:1.8}
.atk-title strong{display:block;height:1.5rem;line-height:1.5rem;overflow:hidden;margin-bottom:.5rem}
.atk-title h2.kg-related-post-title{display:block;margin:0 0 .5rem;font-size:1rem;font-weight:700;line-height:1.5rem;height:1.5rem;overflow:hidden}
.atk-title h2.kg-related-post-title a{color:inherit}
.atk-title a{font-size:1rem;color:#000;text-decoration:none}
.atk-title p{font-size:.8rem;color:#666}
.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;width:100%;justify-content:center;border-radius:.25rem;margin:30px auto}
.page-link,.page-num{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#08c;background-color:#fff;border:1px solid #dee2e6}
.page-num:not(:disabled){cursor:pointer}
.page-num-current{z-index:1;color:#fff;background-color:#246789;border-color:#5b39c98}
.inf{font-size:.8rem;color:#666;display:flex;gap:1rem;justify-content:center;margin:1rem 0}
.content{margin:auto;font-size:1rem;line-height:200%;color:#333;margin-bottom:1rem}
.content h2,.content h3,.content h4,.content h5{margin:25px 0;padding:0;color:#555;font-weight:700;padding:10px 0 10px 10px}
.content h2,.content h3,.content h4,.content h5{border-left:5px solid #e5e6e0;font-weight:700;font-size:22px;line-height:20px}
.content h3{font-size:18px}
.content h4{font-size:15px}
.content h5{font-size:14px}
.content img{max-width:100%;margin:auto;display:block}
.content iframe{display:block;margin:auto;margin-top:.8rem;margin-bottom:.8rem;min-width:660px;max-width:660px;min-height:400px;max-height:400px}
.content ol,.content ul{margin:0 0 18px 15px}
.content ul{list-style:disc}
.content ol{list-style:decimal}
.content li{margin-bottom:6px}
.content p{padding:0 0 8px 0;word-wrap:break-word;font-size:18px;line-height:190%}
.content pre{word-wrap:break-word}
.content table{margin-bottom:18px;width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd}
.content table th{background-color:#f9f9f9;text-align:center}
.content table td,.content table th{padding:5px 10px;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd}
.nextorprev{font-size:.8rem}
.nextorprev a{color:#000;text-decoration:none;font-size:.8rem}
.nextorprev a:hover{text-decoration:underline}
.prev-post{margin-bottom:10px}

@media only screen and (max-width:767px){
.news-list{display:flex;flex-direction: column;}
}


.features-list{margin-top:30px}
.feature-item{display:flex;align-items:flex-start;margin-bottom:25px}
.feature-icon{width:50px;height:50px;background:rgba(42,157,244,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;color:var(--primary-color);font-size:1.3rem;flex-shrink:0}
.feature-content h3{margin-bottom:8px;font-size:1.2rem}
.feature-content p{color:var(--gray-color)}
.features{background:var(--white)}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.feature-card{background:var(--white);border-radius:8px;padding:30px;box-shadow:var(--shadow);transition:var(--transition);text-align:center}
.feature-card:hover{transform:translateY(-10px)}
.feature-icon-large{width:70px;height:70px;background:rgba(42,157,244,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--primary-color);font-size:1.8rem}
.feature-card h3{margin-bottom:15px;font-size:1.3rem}

.stats{background:var(--white);padding:60px 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.card-row{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}
.card{background:#f9f9fe;border-radius:16px;box-shadow:0 6px 12px rgba(0,0,0,.05);padding:30px 40px;min-width: 220px;text-align: center;}
.card strong{font-size:32px;color:#36f}
.stat-card{text-align:center;padding:30px 20px}
.stat-number{font-size:3.5rem;font-weight:700;color:var(--primary-color);margin-bottom:10px;display:block;line-height:1}
.stat-desc{font-size:1.1rem;color:var(--dark-color);font-weight:500}
.why-choose{background:#f8faff}
.why-choose-content{display:flex;align-items:center;gap:50px}
.why-choose-text{flex:1}
.why-choose-image{flex:1;text-align:center}
.why-choose-image img{max-width:100%;border-radius:8px;box-shadow:var(--shadow)}
.why-choose-text h2{font-size:2.5rem;margin-bottom:15px;color:var(--dark-color)}
.why-choose-text .subtitle{font-size:1.3rem;color:var(--primary-color);margin-bottom:30px;font-weight:600}

.container-feature{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;max-width:1200px;margin:auto;gap:40px}
.container-feature h2,.container-feature p{margin-bottom:15px;}
.feature-text{flex:1;min-width:300px}
.feature-text ul{padding-left:1em;margin-left: 1em;list-style: unset;}
.feature-text li{list-style: unset;}
.feature-image{flex:1;min-width:300px}
.feature-image img{max-width:100%;border-radius:16px;box-shadow:0 6px 12px rgba(0,0,0,.06)}
.btn-gradient{background:linear-gradient(to right,#4f9df9,#a96dff);padding:12px 24px;color:#fff;text-decoration:none;border-radius:999px;display:inline-block;margin-top:24px}



.testimonials{background:linear-gradient(135deg,#f0f8ff 0,#e6f3ff 100%)}
.testimonial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.testimonial-card{background:var(--white);border-radius:8px;padding:30px;box-shadow:var(--shadow)}
.testimonial-content{font-style:italic;margin-bottom:20px;position:relative}
.testimonial-content:before{content:"";font-size:4rem;color:rgba(42,157,244,.2);position:absolute;top:-20px;left:-10px;line-height:1}
.testimonial-author{display:flex;align-items:center}
.author-avatar{width:50px;height:50px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;margin-right:15px}
.author-info h4{margin-bottom:5px}
.author-info p{color:var(--gray-color);font-size:.9rem}
footer{background:var(--dark-color);color:var(--white);padding:60px 0 30px}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:40px}
.footer-column h3{margin-bottom:20px;font-size:1.2rem;position:relative;padding-bottom:10px}
.footer-column h3:after{content:'';position:absolute;bottom:0;left:0;width:40px;height:2px;background:var(--primary-color)}
.footer-column ul li{margin-bottom:10px}
.footer-column ul li a{transition:var(--transition);color:#aaa}
.footer-column ul li a:hover{color:var(--primary-color);padding-left:5px}
.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid #444;color:#aaa;font-size:.9rem}
@media screen and (max-width:992px){.stats-grid{grid-template-columns:repeat(2,1fr)}
.why-choose-content{flex-direction:column}
.why-choose-image,.why-choose-text{width:100%}
.features-grid{grid-template-columns:repeat(2,1fr)}
.testimonial-grid{grid-template-columns:1fr}
.footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media screen and (max-width:768px){.hamburger{display:block;order:1}
.nav-menu{position:fixed;top: 78px;right:-100%;background:var(--white);width: 100%;height:calc(100vh - 80px);flex-direction:column;align-items:center;padding-top:50px;transition:var(--transition);box-shadow:-5px 0 15px rgba(0,0,0,.1);z-index:999}
.nav-menu.active{right:0}
.nav-menu li{margin:15px 0}
.nav-cta{display:flex;order:1;margin-left:auto;margin-right:15px}
.navbar{justify-content:flex-start}
.logo{order:0;margin-right:auto}
.hero h1{font-size:2.2rem}
.hero p{font-size:1rem}
.hero-buttons{flex-direction:column;align-items:center}
.btn{width:100%;max-width:250px;margin-bottom:10px;padding:8px 15px;font-size:.85rem}
.stat-number{font-size:2.5rem}
.why-choose-text h2{font-size:2rem}
.why-choose-text .subtitle{font-size:1.1rem}
.nav-cta{display:flex;}
}
@media screen and (max-width:576px){.stats-grid{grid-template-columns:1fr}
.features-grid{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr}
section{padding:60px 0}
.section-title h2{font-size:2rem}
.nav-cta .btn{padding:6px 12px;font-size:.8rem;margin-bottom:0}
}

/* —— 酷狗风格落地页 / Windows 下载页（与 index、windows 模板配套） —— */
:root{
  --primary-color:#0095ff;
  --secondary-color:#006ec2;
  --kg-hero-bg:linear-gradient(165deg,#eaf4ff 0%,#f2f7ff 38%,#faf5ff 100%);
  --kg-card-bg:#fff;
  --kg-border:rgba(0,40,120,.08);
  --kg-ink:#0d1b2a;
  --kg-ink-soft:#415a77;
  --kg-accent-soft:rgba(0,149,255,.12);
  --kg-home-radius:1.125rem;
  --kg-home-shadow:0 18px 40px -12px rgba(15,23,42,.12);
  --kg-home-shadow-hover:0 24px 50px -12px rgba(15,23,42,.18);
}
.screen-reader-text{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.kg-hero{
  background:var(--kg-hero-bg);
  text-align:left;
  padding-top:88px;
  padding-bottom:64px;
}
.kg-eyebrow{
  display:inline-block;
  font-size:.9rem;
  color:var(--secondary-color);
  letter-spacing:.04em;
  margin-bottom:12px;
}
.kg-hero-title{
  font-size:clamp(1.75rem,4vw,2.75rem);
  line-height:1.25;
  margin:0 0 16px;
  max-width:22em;
  color:var(--dark-color);
}
.kg-hero-brand{
  display:block;
  font-weight:800;
  color:var(--primary-color);
}
.kg-hero-line{
  display:block;
  font-weight:600;
  margin-top:6px;
  color:#1a2b3d;
}
.kg-hero-desc{
  max-width:36em;
  margin:0 0 20px;
  color:var(--gray-color);
  font-size:1.05rem;
}
.kg-pills{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:10px 14px;
  margin:0 0 24px;
  padding:0;
  list-style:none;
}
.kg-pills li{
  list-style:none;
  font-size:.85rem;
  padding:6px 14px;
  border-radius:999px;
  background:rgba(0,149,255,.1);
  color:var(--secondary-color);
}
.kg-hero-actions{
  margin-top:8px;
}
.kg-hero-visual{
  margin-top:0;
}
.kg-stats{
  background:var(--white);
  padding:48px 0 56px;
}
.kg-stat-row .kg-stat-card strong{
  color:var(--primary-color);
}
.kg-features-wrap{
  background:var(--white);
  padding-top:0;
  padding-bottom:72px;
}
.kg-section-head h2{
  color:#14212f;
}
.kg-feature-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
}
.kg-feature-card{
  background:var(--kg-card-bg);
  border:1px solid var(--kg-border);
  border-radius:12px;
  padding:22px 20px;
  text-align:left;
  transition:var(--transition);
}
.kg-feature-card:hover{
  box-shadow:0 12px 28px rgba(0,80,180,.12);
  transform:translateY(-3px);
}
.kg-feature-card h3{
  font-size:1.1rem;
  margin-bottom:10px;
  color:#14212f;
}
.kg-feature-card p{
  font-size:.92rem;
  color:var(--gray-color);
  line-height:1.55;
}
.kg-news-section{
  background:linear-gradient(180deg,#f7fbff 0%,#fff 100%);
  border-top:1px solid var(--kg-border);
  padding-top:72px;
}
.kg-news-lead{
  margin:.35rem 0 0;
  font-size:1.05rem;
  color:var(--gray-color);
}
.kg-text-link{
  color:var(--primary-color);
  font-weight:600;
  border-bottom:1px solid rgba(0,149,255,.35);
}
.kg-text-link:hover{
  color:var(--secondary-color);
}
.kg-card-title{
  font-size:1rem;
  font-weight:600;
}
.page-windows{
  margin-top:0;
  padding:0 0 72px;
}
.kg-breadcrumb{
  margin-bottom:20px;
}
.kg-breadcrumb-sep{color:#bbb;}
.kg-download-article{
  max-width:820px;
  margin:0 auto;
}
.kg-download-h1{
  font-size:clamp(1.6rem,3vw,2.1rem);
  margin-bottom:12px;
  color:#14212f;
}
.kg-download-lead{
  font-size:1.05rem;
  color:var(--gray-color);
  line-height:1.7;
  margin-bottom:28px;
}
.kg-download-layout{
  display:flex;
  flex-direction:column;
  gap:28px;
}
.kg-download-panel{
  background:var(--white);
  border:1px solid var(--kg-border);
  border-radius:12px;
  padding:24px 22px;
}
.kg-download-h2{
  font-size:1.15rem;
  margin-bottom:12px;
  color:#14212f;
}
.kg-download-note,.kg-download-muted{
  font-size:.95rem;
  color:var(--gray-color);
  margin-bottom:16px;
  line-height:1.65;
}
.kg-download-muted{color:#888;}
.kg-download-cta-wrap{margin:8px 0 20px;}
.kg-download-btn{
  padding:12px 28px;
  font-size:1rem;
}
.kg-download-meta{
  margin:0;
  padding:0;
  font-size:.92rem;
  color:#444;
  line-height:1.75;
}
.kg-download-meta li{list-style:none;margin-bottom:6px;}
.kg-download-steps{
  margin:0 0 0 1.2em;
  padding:0;
  color:#444;
  line-height:1.75;
}
.kg-download-steps li{margin-bottom:8px;}
.kg-download-faq{
  margin:0;
}
.kg-download-faq dt{
  font-weight:700;
  margin-top:12px;
  color:#14212f;
}
.kg-download-faq dt:first-child{margin-top:0;}
.kg-download-faq dd{
  margin:6px 0 0;
  color:var(--gray-color);
  line-height:1.65;
}
.kg-download-links{
  margin:0;
  padding:0;
}
.kg-download-links li{list-style:none;margin-bottom:8px;}
.footer-about,.footer-note{
  color:#aaa;
  font-size:.92rem;
  line-height:1.65;
  margin-top:8px;
}
@media screen and (max-width:992px){
  .kg-feature-grid{grid-template-columns:repeat(2,1fr);}
}
@media screen and (max-width:576px){
  .kg-feature-grid{grid-template-columns:1fr;}
}

body.kg-ref-home{
  background:#f5f9fc;
  -webkit-font-smoothing:antialiased;
}
body.kg-kugou-nav-bar > header{
  position:sticky;
  top:0;
  background:#fff;
  box-shadow:0 4px 6px -1px rgba(15,23,42,.08),0 2px 4px -2px rgba(15,23,42,.06);
  z-index:2000;
}
/* 强制首页主内容区块顺序，避免被其它样式或 flex 子项 order 打乱 */
body.kg-ref-home #kg-home{
  display:flex;
  flex-direction:column;
  position:relative;
  z-index:0;
}
body.kg-ref-home #kg-home .kg-hero{order:1;}
body.kg-ref-home #kg-home .kg-stats{order:2;}
body.kg-ref-home #kg-home .kg-features-wrap{order:3;}
body.kg-ref-home #kg-home .kg-news-section{order:4;}
body.kg-kugou-nav-bar .kg-kugou-logo{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  color:inherit;
}
body.kg-kugou-nav-bar .kg-kugou-logo-img{
  width:40px;
  height:40px;
  border-radius:10px;
  object-fit:contain;
  display:block;
  flex-shrink:0;
  box-shadow:0 4px 14px rgba(30,136,229,.28);
}
body.kg-kugou-nav-bar .kg-kugou-logo-text{
  font-size:1.25rem;
  font-weight:800;
  letter-spacing:.02em;
  background:linear-gradient(90deg,#2563eb,#60a5fa);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
body.kg-kugou-nav-bar .kg-kugou-menu > li > a{
  position:relative;
  display:block;
  padding:.5rem 1rem;
  color:#374151;
  font-weight:500;
  border-radius:.5rem;
}
body.kg-kugou-nav-bar .kg-kugou-menu > li > a:hover{
  color:#2563eb;
}
body.kg-kugou-nav-bar .kg-kugou-menu > li > a::after{
  content:"";
  position:absolute;
  left:1rem;
  right:1rem;
  bottom:.25rem;
  height:2px;
  border-radius:2px;
  background:linear-gradient(90deg,#2563eb,#38bdf8);
  transform:scaleX(0);
  transition:transform .25s ease;
}
body.kg-kugou-nav-bar .kg-kugou-menu > li > a:hover::after{
  transform:scaleX(1);
}
body.kg-kugou-nav-bar .kg-kugou-menu > li.desktop-cta > a::after{display:none;}
body.kg-kugou-nav-bar .kg-kugou-menu .sub-menu a::after{display:none;}
body.kg-kugou-nav-bar .kg-kugou-menu .sub-menu a{
  padding:.4rem .75rem;
  font-size:.9rem;
}
body.kg-kugou-nav-bar .kg-kugou-menu .desktop-cta .btn{
  padding:8px 18px;
  font-size:.88rem;
}
body.kg-kugou-nav-bar .navbar.kg-kugou-nav{
  min-height:4rem;
  padding-top:0;
  padding-bottom:0;
}
/* 顶栏为 sticky、参与文档流高度时，主内容不再保留原先 fixed 顶栏用的 80px margin-top */
body.kg-kugou-nav-bar .main{
  margin-top:0;
  padding-top:12px;
}
@media screen and (max-width:768px){
  body.kg-kugou-nav-bar .navbar.kg-kugou-nav .hamburger{margin-left:auto;}
}

/* 抵消全局 section { padding: 80px }，由各区块自行控制间距 */
body.kg-ref-home #kg-home > section{
  margin:0;
  padding:0 !important;
}
body.kg-ref-home #kg-home .kg-hero{
  position:relative;
  overflow:hidden;
  text-align:center;
  color:#fff;
  padding:3.5rem 0 0 !important;
  background:
    radial-gradient(ellipse 90% 55% at 50% -10%,rgba(147,197,253,.35) 0%,transparent 55%),
    radial-gradient(ellipse 70% 50% at 100% 20%,rgba(167,139,250,.22) 0%,transparent 50%),
    radial-gradient(ellipse 60% 45% at 0% 80%,rgba(56,189,248,.18) 0%,transparent 45%),
    linear-gradient(155deg,#0a3d6e 0%,#164e9e 28%,#1e40af 52%,#312e81 88%,#1e1b4b 100%);
  border-bottom:none;
}
@media screen and (min-width:768px){
  body.kg-ref-home #kg-home .kg-hero{
    padding:5.25rem 0 0 !important;
  }
}
body.kg-ref-home #kg-home .kg-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  opacity:.4;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23ffffff'/%3E%3C/svg%3E");
  background-size:28px 28px;
  mask-image:linear-gradient(180deg,#000 0%,transparent 70%);
}
body.kg-ref-home .kg-hero-bg{
  pointer-events:none;
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(2,6,23,.35) 0%,transparent 42%,rgba(15,23,42,.12) 100%);
  opacity:1;
}
body.kg-ref-home .kg-hero-orb{
  position:absolute;
  z-index:1;
  border-radius:50%;
  filter:blur(52px);
  pointer-events:none;
}
body.kg-ref-home .kg-hero-orb--1{
  width:24rem;
  height:24rem;
  top:-35%;
  left:-15%;
  background:rgba(96,165,250,.35);
}
body.kg-ref-home .kg-hero-orb--2{
  width:22rem;
  height:22rem;
  bottom:-40%;
  right:-12%;
  background:rgba(192,132,252,.32);
}
body.kg-ref-home .kg-hero-inner{
  position:relative;
  z-index:2;
  max-width:58rem;
  margin:0 auto;
  padding:0 1.25rem 2.25rem;
}
body.kg-ref-home .kg-hero-copy{
  text-align:center;
}
body.kg-ref-home .kg-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  margin:0 auto 2rem;
  padding:.45rem 1.1rem;
  font-size:.875rem;
  font-weight:600;
  letter-spacing:.02em;
  color:#fff;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  backdrop-filter:blur(8px);
  box-shadow:0 4px 24px rgba(0,0,0,.12),0 0 0 1px rgba(255,255,255,.06) inset;
}
body.kg-ref-home .kg-eyebrow-icon{
  flex-shrink:0;
  color:#fde047;
  stroke:#fde047;
}
body.kg-ref-home .kg-hero-title{
  margin:0 auto 1.5rem;
  max-width:20ch;
  font-size:clamp(2.5rem,6vw,4.5rem);
  line-height:1.1;
  font-weight:800;
  letter-spacing:-.02em;
}
body.kg-ref-home .kg-hero-line-top{
  display:block;
  color:#fff;
  text-shadow:0 2px 24px rgba(0,0,0,.2),0 0 40px rgba(147,197,253,.25);
}
body.kg-ref-home .kg-hero-line-accent{
  display:block;
  margin-top:.2em;
  background:linear-gradient(90deg,#fef08a,#fbcfe8,#e9d5ff);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
body.kg-ref-home .kg-hero-desc{
  margin:0 auto 2.75rem;
  max-width:42rem;
  font-size:clamp(1.05rem,2.2vw,1.35rem);
  line-height:1.65;
  color:rgba(219,234,254,.95);
  text-wrap:balance;
}
body.kg-ref-home .kg-hero-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:1rem;
  margin-bottom:3rem;
}
body.kg-ref-home .kg-hero-cta{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.75rem;
  padding:1.05rem 2.15rem;
  font-size:1.05rem;
  font-weight:700;
  color:#fff !important;
  text-decoration:none;
  border-radius:999px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.22);
  background:linear-gradient(135deg,#38bdf8 0%,#2563eb 45%,#4f46e5 100%);
  box-shadow:0 12px 32px -6px rgba(37,99,235,.55),0 0 0 1px rgba(255,255,255,.08) inset;
  transition:transform .22s ease,box-shadow .22s ease;
}
body.kg-ref-home .kg-hero-cta:focus-visible{
  outline:3px solid rgba(253,224,71,.95);
  outline-offset:4px;
}
body.kg-ref-home .kg-hero-cta:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 40px -8px rgba(37,99,235,.6),0 0 0 1px rgba(255,255,255,.12) inset;
  color:#fff !important;
}
body.kg-ref-home .kg-hero-cta-shine{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,#3b82f6,#60a5fa);
  opacity:0;
  transition:opacity .3s ease;
}
body.kg-ref-home .kg-hero-cta:hover .kg-hero-cta-shine{opacity:1;}
body.kg-ref-home .kg-hero-cta-ico,
body.kg-ref-home .kg-hero-cta > span:not(.kg-hero-cta-shine){
  position:relative;
  z-index:1;
}
body.kg-ref-home .kg-hero-cta-ico--dl{
  transition:transform .25s ease;
}
body.kg-ref-home .kg-hero-cta:hover .kg-hero-cta-ico--dl{
  transform:translateY(3px);
}
body.kg-ref-home .kg-pills{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:1rem 1.25rem;
  list-style:none;
  margin:0 auto;
  padding:1rem 1.35rem;
  max-width:42rem;
  font-size:.9rem;
  font-weight:600;
  color:rgba(255,255,255,.95);
  background:rgba(2,6,23,.18);
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:0 8px 32px rgba(0,0,0,.12);
}
body.kg-ref-home .kg-pills li{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  background:transparent;
  border:none;
  padding:.35rem .5rem;
}
body.kg-ref-home .kg-pill-ico{
  flex-shrink:0;
  opacity:.95;
}
body.kg-ref-home .kg-pills li:nth-child(1) .kg-pill-ico{color:#86efac;}
body.kg-ref-home .kg-pills li:nth-child(2) .kg-pill-ico{color:#fde047;}
body.kg-ref-home .kg-pills li:nth-child(3) .kg-pill-ico{color:#d8b4fe;}
body.kg-ref-home .kg-hero-wave{
  position:relative;
  z-index:1;
  line-height:0;
  margin-top:2.5rem;
}
body.kg-ref-home .kg-hero-wave svg{
  display:block;
  width:100%;
  height:clamp(3.5rem,8vw,5.5rem);
  filter:drop-shadow(0 -6px 14px rgba(15,23,42,.12));
}

body.kg-ref-home #kg-home .kg-stats{
  background:linear-gradient(180deg,#f8fafc 0%,#fff 28%,#fff 100%);
  padding:3.75rem 0 4.25rem !important;
  border-bottom:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}
body.kg-ref-home .kg-stat-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:2rem;
  max-width:72rem;
  margin:0 auto;
}
@media screen and (min-width:768px){
  body.kg-ref-home .kg-stat-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:2rem;
  }
}
body.kg-ref-home .kg-stat-cell{
  text-align:center;
  padding:1.65rem 1rem;
  border-radius:var(--kg-home-radius);
  background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);
  border:1px solid rgba(148,163,184,.22);
  box-shadow:0 4px 6px -1px rgba(15,23,42,.05),0 12px 24px -10px rgba(30,64,175,.1);
  transition:transform .25s ease,box-shadow .25s ease;
}
body.kg-ref-home .kg-stat-cell:hover{
  transform:translateY(-4px);
  box-shadow:var(--kg-home-shadow-hover);
}
body.kg-ref-home .kg-stat-ico{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:4rem;
  height:4rem;
  margin:0 auto 1rem;
  border-radius:1rem;
  font-size:1.35rem;
  box-shadow:0 0 0 1px rgba(255,255,255,.75) inset,0 10px 22px -8px rgba(15,23,42,.15);
  transition:transform .28s cubic-bezier(.34,1.56,.64,1);
}
body.kg-ref-home .kg-stat-cell:hover .kg-stat-ico{
  transform:scale(1.08);
}
body.kg-ref-home .kg-stat-ico--blue{background:#dbeafe;color:#2563eb;}
body.kg-ref-home .kg-stat-ico--purple{background:#ede9fe;color:#7c3aed;}
body.kg-ref-home .kg-stat-ico--green{background:#d1fae5;color:#059669;}
body.kg-ref-home .kg-stat-ico--amber{background:#fef3c7;color:#d97706;}
body.kg-ref-home .kg-stat-num{
  margin:0 0 .35rem;
  font-size:clamp(1.75rem,4vw,2.5rem);
  font-weight:800;
  color:#111827;
  -webkit-text-fill-color:#111827;
  background:none;
}
body.kg-ref-home .kg-stat-cell p{
  margin:0;
  font-size:1rem;
  font-weight:600;
  color:#4b5563;
}

body.kg-ref-home #kg-home .kg-features-wrap{
  background:
    radial-gradient(ellipse 85% 55% at 50% 0%,rgba(191,219,254,.5) 0%,transparent 55%),
    linear-gradient(180deg,#eef2ff 0%,#f8fafc 38%,#fff 100%);
  padding:4.75rem 0 5.25rem !important;
}
body.kg-ref-home #kg-home .kg-features-head,
body.kg-ref-home #kg-home .kg-features-wrap .section-title{
  text-align:center;
  margin-bottom:3.5rem;
}
body.kg-ref-home #kg-home .kg-features-wrap .section-title h2{
  position:relative;
  margin-bottom:.75rem;
  padding-bottom:.65rem;
  font-size:clamp(2rem,4vw,2.75rem);
  font-weight:800;
  letter-spacing:-.02em;
  background:linear-gradient(90deg,#111827,#4b5563);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
body.kg-ref-home #kg-home .kg-features-wrap .section-title h2::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:3.25rem;
  height:3px;
  margin:0;
  transform:translateX(-50%);
  border-radius:999px;
  background:linear-gradient(90deg,#38bdf8,#6366f1,#c084fc);
}
body.kg-ref-home #kg-home .kg-features-wrap .section-title p{
  margin:0 auto;
  max-width:36rem;
  font-size:1.15rem;
  line-height:1.6;
  color:#4b5563;
}
body.kg-ref-home #kg-home .kg-feature-grid{
  gap:1.5rem;
  grid-template-columns:1fr;
}
@media screen and (min-width:768px){
  body.kg-ref-home #kg-home .kg-feature-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media screen and (min-width:1024px){
  body.kg-ref-home #kg-home .kg-feature-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}
body.kg-ref-home #kg-home .kg-feature-card{
  position:relative;
  border-radius:var(--kg-home-radius);
  padding:1.6rem 1.45rem;
  background:#fff;
  border:1px solid rgba(226,232,240,.95);
  box-shadow:0 10px 15px -3px rgba(15,23,42,.07),0 4px 6px -4px rgba(15,23,42,.05);
  transition:box-shadow .3s ease,transform .3s ease,border-color .3s ease;
}
body.kg-ref-home #kg-home .kg-feature-card::before{
  content:"";
  position:absolute;
  left:1.1rem;
  right:1.1rem;
  top:0;
  height:3px;
  border-radius:0 0 6px 6px;
  background:linear-gradient(90deg,#38bdf8,#6366f1,#c084fc);
  opacity:0;
  transform:scaleX(.88);
  transition:opacity .3s ease,transform .3s ease;
}
body.kg-ref-home #kg-home .kg-feature-card:hover{
  border-color:rgba(129,140,248,.35);
  box-shadow:var(--kg-home-shadow);
  transform:translateY(-4px);
}
body.kg-ref-home #kg-home .kg-feature-card:hover::before{
  opacity:1;
  transform:scaleX(1);
}
body.kg-ref-home .kg-feat-icon-wrap{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:3.5rem;
  height:3.5rem;
  margin-bottom:1rem;
  border-radius:.75rem;
  color:#fff;
  font-size:1.1rem;
  box-shadow:0 8px 16px -4px rgba(15,23,42,.2);
  transition:transform .32s cubic-bezier(.34,1.56,.64,1),box-shadow .32s ease;
}
body.kg-ref-home #kg-home .kg-feature-card:hover .kg-feat-icon-wrap{
  transform:scale(1.06) rotate(-2deg);
  box-shadow:0 12px 22px -4px rgba(15,23,42,.28);
}
body.kg-ref-home .kg-feat-icon-wrap--1{background:linear-gradient(135deg,#3b82f6,#22d3ee);}
body.kg-ref-home .kg-feat-icon-wrap--2{background:linear-gradient(135deg,#a855f7,#ec4899);}
body.kg-ref-home .kg-feat-icon-wrap--3{background:linear-gradient(135deg,#22c55e,#10b981);}
body.kg-ref-home .kg-feat-icon-wrap--4{background:linear-gradient(135deg,#eab308,#f97316);}
body.kg-ref-home .kg-feat-icon-wrap--5{background:linear-gradient(135deg,#ef4444,#f43f5e);}
body.kg-ref-home .kg-feat-icon-wrap--6{background:linear-gradient(135deg,#6366f1,#3b82f6);}
body.kg-ref-home .kg-feat-icon-wrap--7{background:linear-gradient(135deg,#ec4899,#a855f7);}
body.kg-ref-home .kg-feat-icon-wrap--8{background:linear-gradient(135deg,#06b6d4,#2563eb);}
body.kg-ref-home #kg-home .kg-feature-card h3{
  margin:0 0 .65rem;
  font-size:1.2rem;
  font-weight:800;
  color:#111827;
}
body.kg-ref-home #kg-home .kg-feature-card p{
  margin:0;
  font-size:.95rem;
  line-height:1.65;
  color:#6b7280;
}

body.kg-ref-home #kg-home .kg-news-section{
  background:
    radial-gradient(ellipse 70% 40% at 100% 0%,rgba(224,231,255,.35) 0%,transparent 50%),
    linear-gradient(180deg,#fff 0%,#f1f5f9 100%);
  padding:4.25rem 0 5.25rem !important;
  border-top:1px solid rgba(226,232,240,.9);
}
body.kg-ref-home #kg-home .kg-news-section .section-title.kg-news-head{
  text-align:left;
  margin-bottom:1.5rem;
  max-width:1160px;
  margin-left:auto;
  margin-right:auto;
}
body.kg-ref-home .kg-news-head-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:1rem 1.5rem;
  width:100%;
}
body.kg-ref-home .kg-news-head-row h2{
  position:relative;
  margin:0;
  padding-bottom:.55rem;
  font-size:clamp(1.85rem,3vw,2.25rem);
  font-weight:800;
  background:linear-gradient(90deg,#111827,#4b5563);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
body.kg-ref-home .kg-news-head-row h2::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:2.75rem;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#2563eb,#7c3aed);
}
body.kg-ref-home .kg-news-more{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:0;
  font-size:1rem;
  font-weight:700;
  color:#2563eb;
  text-decoration:none;
  transition:color .2s ease;
}
body.kg-ref-home .kg-news-more::after{
  content:"";
  display:inline-block;
  width:.4rem;
  height:.4rem;
  margin-left:.15rem;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(-45deg) translateY(-1px);
  transition:transform .2s ease;
}
body.kg-ref-home .kg-news-more:hover{
  color:#1d4ed8;
}
body.kg-ref-home .kg-news-more:hover::after{
  transform:rotate(-45deg) translate(3px,-1px);
}
body.kg-ref-home .kg-news-more:focus-visible{
  outline:3px solid rgba(37,99,235,.45);
  outline-offset:4px;
  border-radius:6px;
  color:#1d4ed8;
}
body.kg-ref-home .kg-news-lead{
  width:100%;
  margin:.4rem 0 0;
  text-align:left;
  font-size:1rem;
  color:var(--kg-ink-soft);
}
body.kg-ref-home #kg-home .kg-news-post-all{
  padding-bottom:0;
}
body.kg-ref-home .kg-news-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1.35rem;
  list-style:none;
  margin:0;
  padding:0;
}
body.kg-ref-home .kg-news-list > [role="listitem"]{
  display:flex;
  flex-direction:column;
  border-radius:var(--kg-home-radius);
  overflow:hidden;
  box-shadow:0 10px 26px rgba(15,23,42,.08);
  background:#fff;
  border:1px solid rgba(226,232,240,.95);
  transition:transform .22s ease,box-shadow .22s ease;
}
body.kg-ref-home .kg-news-list > [role="listitem"]:hover{
  transform:translateY(-4px);
  box-shadow:var(--kg-home-shadow);
}
body.kg-ref-home .kg-news-list .wps-list-img{
  height:11.5rem;
  flex-shrink:0;
  transition:transform .35s ease;
}
body.kg-ref-home .kg-news-list > [role="listitem"]:hover .wps-list-img{
  transform:scale(1.03);
}
body.kg-ref-home .kg-news-list .atk-title{
  flex:1;
  padding:1rem 1.15rem 1.2rem;
}
body.kg-ref-home .kg-news-list .kg-card-date{
  display:block;
  margin:0 0 .45rem;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.06em;
  color:#94a3b8;
  text-transform:uppercase;
}
body.kg-ref-home .kg-news-list .atk-title a{
  color:#0f172a;
  text-decoration:none;
  transition:color .2s ease;
}
body.kg-ref-home .kg-news-list .atk-title a:hover{
  color:#1d4ed8;
}
body.kg-ref-home .kg-news-list .atk-title strong{
  height:auto;
  min-height:0;
  overflow:visible;
  white-space:normal;
}

body.kg-kugou-nav-bar footer.kg-kugou-ft{
  background:linear-gradient(180deg,#111827 0%,#000 100%);
  color:#e8eef5;
  padding:3rem 0 1.5rem;
}
body.kg-kugou-nav-bar .kg-kugou-ft-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr 1.1fr;
  gap:2rem 2.5rem;
  margin-bottom:2rem;
}
body.kg-kugou-nav-bar .kg-kugou-ft-title{
  font-size:1.35rem;
  margin-bottom:.75rem;
  color:#fff;
}
body.kg-kugou-nav-bar .kg-kugou-ft-desc{
  color:#9fb0c8;
  font-size:.95rem;
  line-height:1.65;
  max-width:28em;
}
body.kg-kugou-nav-bar .kg-kugou-ft-col h3{
  font-size:1rem;
  margin-bottom:1rem;
  color:#fff;
}
body.kg-kugou-nav-bar .kg-kugou-ft-col ul{
  margin:0;
  padding:0;
}
body.kg-kugou-nav-bar .kg-kugou-ft-col li{
  margin-bottom:.55rem;
}
body.kg-kugou-nav-bar .kg-kugou-ft-col a{
  color:#b8c8de;
  transition:color .2s ease;
}
body.kg-kugou-nav-bar .kg-kugou-ft-col a:hover{
  color:#5ec0ff;
}
body.kg-kugou-nav-bar .kg-kugou-subscribe{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:.5rem;
}
body.kg-kugou-nav-bar .kg-kugou-subscribe input[type="email"]{
  flex:1 1 180px;
  min-width:0;
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:10px;
  background:rgba(255,255,255,.06);
  color:#fff;
  font-size:.95rem;
}
body.kg-kugou-nav-bar .kg-kugou-subscribe input::placeholder{
  color:#7a8aa3;
}
body.kg-kugou-nav-bar .kg-kugou-sub-btn{
  padding:10px 20px;
  font-size:.9rem;
}
body.kg-kugou-nav-bar .kg-kugou-ft-bottom{
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:1.25rem;
  color:#7d8fa8;
}

@media screen and (max-width:992px){
  body.kg-ref-home .kg-stat-grid{
    gap:1.5rem;
  }
  body.kg-ref-home .kg-news-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.kg-kugou-nav-bar .kg-kugou-ft-grid{
    grid-template-columns:1fr 1fr;
  }
  body.kg-ref-home #kg-home .kg-news-section .section-title.kg-news-head{
    text-align:center;
  }
  body.kg-ref-home .kg-news-head-row{
    justify-content:center;
    flex-direction:column;
  }
  body.kg-ref-home .kg-news-lead{
    text-align:center;
  }
  body.kg-ref-home .kg-news-head-row h2::after{
    left:50%;
    transform:translateX(-50%);
  }
}
@media screen and (max-width:767px){
  body.kg-ref-home .kg-stat-grid{
    grid-template-columns:1fr;
  }
  body.kg-ref-home .kg-news-list{
    grid-template-columns:1fr;
  }
  body.kg-ref-home .kg-hero-actions{
    flex-direction:column;
    align-items:center;
  }
  body.kg-ref-home .kg-hero-cta{
    width:100%;
    max-width:20rem;
    box-sizing:border-box;
  }
  body.kg-kugou-nav-bar .kg-kugou-ft-grid{
    grid-template-columns:1fr;
  }
}

@keyframes kg-hero-reveal{
  from{
    opacity:0;
    transform:translateY(14px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}
@media (prefers-reduced-motion:no-preference){
  body.kg-ref-home .kg-hero-copy > *{
    animation:kg-hero-reveal .78s cubic-bezier(.22,1,.36,1) both;
  }
  body.kg-ref-home .kg-hero-copy > *:nth-child(1){animation-delay:.04s;}
  body.kg-ref-home .kg-hero-copy > *:nth-child(2){animation-delay:.1s;}
  body.kg-ref-home .kg-hero-copy > *:nth-child(3){animation-delay:.16s;}
  body.kg-ref-home .kg-hero-copy > *:nth-child(4){animation-delay:.22s;}
  body.kg-ref-home .kg-hero-copy > *:nth-child(5){animation-delay:.28s;}
}

@media (prefers-reduced-motion:reduce){
  body.kg-ref-home .kg-hero-copy > *{
    animation:none!important;
    opacity:1!important;
    transform:none!important;
  }
  body.kg-ref-home .kg-stat-cell:hover,
  body.kg-ref-home .kg-news-list > [role="listitem"]:hover,
  body.kg-ref-home #kg-home .kg-feature-card:hover,
  body.kg-ref-home .kg-hero-cta:hover,
  body.kg-ref-home .kg-news-list > [role="listitem"]:hover .wps-list-img,
  body.kg-ref-home .kg-stat-cell:hover .kg-stat-ico,
  body.kg-ref-home #kg-home .kg-feature-card:hover .kg-feat-icon-wrap{
    transform:none;
  }
}

/* —— Windows 下载页：版心、对齐与间距体系统一 —— */
.page-windows.kg-dl-ref{
  --kg-dl-content:72rem;
  --kg-dl-narrow:36rem;
  --kg-dl-hero-max:40rem;
  --kg-dl-space-1:0.5rem;
  --kg-dl-space-2:1rem;
  --kg-dl-space-3:1.5rem;
  --kg-dl-space-4:2rem;
  --kg-dl-space-5:2.5rem;
  --kg-dl-space-6:3rem;
  --kg-dl-edge:clamp(1rem,4vw,2rem);
  margin-top:0;
  padding:0 0 var(--kg-dl-space-6);
  background:
    radial-gradient(ellipse 90% 55% at 50% -5%,rgba(191,219,254,.55) 0%,transparent 52%),
    radial-gradient(ellipse 55% 40% at 100% 35%,rgba(224,231,255,.35) 0%,transparent 45%),
    linear-gradient(180deg,#f1f5f9 0%,#fff 38%,#f8fafc 100%);
  min-height:calc(100vh - 5rem);
}
.kg-dl-ref .kg-dl-wrap{
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  width:100%;
  max-width:var(--kg-dl-content);
  margin:0 auto;
  padding:var(--kg-dl-space-3) var(--kg-dl-edge) 0;
}
.kg-dl-ref .kg-dl-bc{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:0.35rem 0.5rem;
  align-self:center;
  width:auto;
  max-width:100%;
  margin:0 auto var(--kg-dl-space-3);
  padding:0.5rem 1rem 0.55rem;
  font-size:0.8125rem;
  line-height:1.4;
  letter-spacing:0.02em;
  color:#64748b;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(148,163,184,.22);
  border-radius:999px;
  box-shadow:0 4px 18px rgba(15,23,42,.06);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.kg-dl-ref .kg-dl-bc-link{
  color:#2563eb;
  text-decoration:none;
  font-weight:500;
  transition:color 0.2s ease;
}
.kg-dl-ref .kg-dl-bc-link:hover{color:#1d4ed8;}
.kg-dl-ref .kg-dl-bc-sep{
  color:#cbd5e1;
  user-select:none;
}
.kg-dl-ref .kg-dl-bc-current{
  color:#0f172a;
  font-weight:600;
}
.kg-dl-ref .kg-dl-hero{
  width:100%;
  margin:0 0 var(--kg-dl-space-5);
}
.kg-dl-ref .kg-dl-hero-text{
  box-sizing:border-box;
  max-width:var(--kg-dl-hero-max);
  margin:0 auto;
  padding:0 var(--kg-dl-space-1);
  text-align:center;
}
.kg-dl-ref .kg-dl-h1{
  margin:0 0 var(--kg-dl-space-2);
  font-size:clamp(2rem,4.5vw,2.75rem);
  font-weight:800;
  line-height:1.14;
  letter-spacing:-0.03em;
  background:linear-gradient(100deg,#1d4ed8 0%,#2563eb 38%,#7c3aed 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.kg-dl-ref .kg-dl-sub{
  margin:0 auto;
  max-width:28em;
  font-size:clamp(0.98rem,2vw,1.125rem);
  font-weight:400;
  color:#64748b;
  line-height:1.65;
  text-wrap:balance;
}
.kg-dl-ref .kg-dl-win-outer{
  box-sizing:border-box;
  width:100%;
  max-width:var(--kg-dl-narrow);
  margin:0 auto var(--kg-dl-space-6);
}
.kg-dl-ref .kg-dl-win-card{
  position:relative;
  text-align:center;
  padding:clamp(1.85rem,4vw,2.65rem) clamp(1.35rem,3vw,2rem);
  border-radius:1.25rem;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.9);
  background:linear-gradient(155deg,rgba(255,255,255,.98) 0%,#eff6ff 32%,#fff 72%);
  box-shadow:
    0 0 0 1px rgba(148,163,184,.14),
    0 22px 44px -14px rgba(15,23,42,.14),
    0 14px 28px -10px rgba(37,99,235,.1);
  transition:border-color .28s ease,box-shadow .28s ease,transform .28s ease;
}
.kg-dl-ref .kg-dl-win-card:hover{
  border-color:rgba(191,219,254,.95);
  box-shadow:
    0 0 0 1px rgba(96,165,250,.25),
    0 28px 52px -14px rgba(37,99,235,.18),
    0 16px 32px -12px rgba(79,70,229,.12);
  transform:translateY(-2px);
}
.kg-dl-ref .kg-dl-win-glow{
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(37,99,235,.08) 0%,rgba(147,51,234,.08) 100%);
  opacity:0;
  transition:opacity .3s ease;
  pointer-events:none;
}
.kg-dl-ref .kg-dl-win-card:hover .kg-dl-win-glow{opacity:1;}
.kg-dl-ref .kg-dl-win-inner{position:relative;z-index:1;}
.kg-dl-ref .kg-dl-win-icon-wrap{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:5rem;
  height:5rem;
  margin:0 auto var(--kg-dl-space-3);
  border-radius:1.125rem;
  background:linear-gradient(135deg,#38bdf8 0%,#2563eb 50%,#4f46e5 100%);
  color:#fff;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.25) inset,
    0 12px 28px -6px rgba(37,99,235,.55);
  transition:transform .35s cubic-bezier(.34,1.56,.64,1);
}
.kg-dl-ref .kg-dl-win-card:hover .kg-dl-win-icon-wrap{
  transform:scale(1.06);
}
.kg-dl-ref .kg-dl-win-icon-wrap svg{width:2.25rem;height:2.25rem;}
.kg-dl-ref .kg-dl-win-h2{
  margin:0 0 .65rem;
  font-size:1.75rem;
  font-weight:800;
  color:#111827;
}
.kg-dl-ref .kg-dl-win-line{
  margin:0 0 var(--kg-dl-space-3);
  color:#4b5563;
  font-size:0.98rem;
  line-height:1.55;
}
.kg-dl-ref .kg-dl-cta{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.65rem;
  padding:1.05rem 2.15rem;
  font-size:1rem;
  font-weight:700;
  color:#fff !important;
  text-decoration:none;
  border-radius:999px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.22);
  background:linear-gradient(135deg,#38bdf8 0%,#2563eb 45%,#4f46e5 100%);
  box-shadow:0 12px 30px -6px rgba(37,99,235,.5),0 0 0 1px rgba(255,255,255,.1) inset;
  transition:box-shadow .28s ease,transform .22s ease;
}
.kg-dl-ref .kg-dl-cta:hover{
  box-shadow:0 18px 38px -8px rgba(37,99,235,.55),0 0 0 1px rgba(255,255,255,.14) inset;
  transform:translateY(-2px);
  color:#fff !important;
}
.kg-dl-ref .kg-dl-cta-shine{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,#3b82f6,#60a5fa);
  opacity:0;
  transition:opacity .3s ease;
}
.kg-dl-ref .kg-dl-cta:hover .kg-dl-cta-shine{opacity:1;}
.kg-dl-ref .kg-dl-cta-ico,
.kg-dl-ref .kg-dl-cta-label{position:relative;z-index:1;}
.kg-dl-ref .kg-dl-cta-ico{display:flex;align-items:center;justify-content:center;}
.kg-dl-ref .kg-dl-cta-ico svg{width:1.35rem;height:1.35rem;}
.kg-dl-ref .kg-dl-cta-ico--dl svg{width:1.15rem;height:1.15rem;}
.kg-dl-ref .kg-dl-cta-ico--dl{transition:transform .25s ease;}
.kg-dl-ref .kg-dl-cta:hover .kg-dl-cta-ico--dl{transform:translateY(3px);}
.kg-dl-ref .kg-dl-meta-row{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:var(--kg-dl-space-3) 2.25rem;
  margin-top:var(--kg-dl-space-3);
  padding:0.65rem 1.15rem;
  font-size:0.8125rem;
  font-weight:600;
  color:#475569;
  background:rgba(241,245,249,.9);
  border:1px solid rgba(226,232,240,.9);
  border-radius:999px;
}
.kg-dl-ref .kg-dl-meta-item{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
}
.kg-dl-ref .kg-dl-meta-svg{
  display:flex;
  color:#9ca3af;
}
.kg-dl-ref .kg-dl-meta-svg svg{width:1rem;height:1rem;}
.kg-dl-ref .kg-dl-muted{
  box-sizing:border-box;
  max-width:26rem;
  margin:0 auto var(--kg-dl-space-2);
  text-align:center;
  color:#64748b;
  font-size:0.9375rem;
  line-height:1.65;
}
.kg-dl-ref .kg-dl-muted code{
  font-size:.85rem;
  padding:.1rem .35rem;
  background:#f3f4f6;
  border-radius:4px;
}
.kg-dl-ref .kg-dl-muted-link{
  color:#2563eb;
  font-weight:600;
  text-decoration:underline;
  text-underline-offset:2px;
}
.kg-dl-ref .kg-dl-muted-link:hover{color:#1d4ed8;}
.kg-dl-ref .kg-dl-bc-link:focus-visible,
.kg-dl-ref .kg-dl-muted-link:focus-visible{
  outline:2px solid #2563eb;
  outline-offset:3px;
}
.kg-dl-ref .kg-dl-cta:focus-visible{
  outline:3px solid rgba(253,224,71,.95);
  outline-offset:4px;
}
.kg-dl-ref .kg-dl-feat-shell{
  margin:0 0 var(--kg-dl-space-6);
  padding:var(--kg-dl-space-5) var(--kg-dl-space-2) var(--kg-dl-space-6);
  border-radius:1.5rem;
  border:1px solid rgba(226,232,240,.85);
  background:
    radial-gradient(ellipse 70% 55% at 50% 0%,rgba(219,234,254,.45) 0%,transparent 50%),
    linear-gradient(145deg,#f8fafc 0%,rgba(239,246,255,.75) 45%,#f1f5f9 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 12px 36px rgba(15,23,42,.05);
}
@media screen and (min-width:768px){
  .kg-dl-ref .kg-dl-feat-shell{
    padding:var(--kg-dl-space-6) var(--kg-dl-space-5) 3.25rem;
  }
}
.kg-dl-ref .kg-dl-feat-h2{
  position:relative;
  margin:0 auto var(--kg-dl-space-5);
  max-width:48rem;
  padding:0 var(--kg-dl-space-1) 0.75rem;
  text-align:center;
  font-size:clamp(1.75rem,3.5vw,2.25rem);
  font-weight:800;
  background:linear-gradient(90deg,#111827,#4b5563);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.kg-dl-ref .kg-dl-feat-h2::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:3.25rem;
  height:3px;
  transform:translateX(-50%);
  border-radius:999px;
  background:linear-gradient(90deg,#38bdf8,#6366f1,#c084fc);
}
.kg-dl-ref .kg-dl-feat-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:1.5rem;
}
@media screen and (min-width:768px){
  .kg-dl-ref .kg-dl-feat-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1.75rem;
  }
}
@media screen and (min-width:1024px){
  .kg-dl-ref .kg-dl-feat-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:2rem;
  }
}
.kg-dl-ref .kg-dl-feat-row{
  display:flex;
  align-items:flex-start;
  gap:1rem;
  padding:1.5rem 1.35rem;
  background:#fff;
  border:1px solid rgba(226,232,240,.9);
  border-radius:1rem;
  box-shadow:0 4px 6px -1px rgba(15,23,42,.06),0 2px 4px -2px rgba(15,23,42,.05);
  transition:box-shadow .28s ease,transform .28s ease,border-color .28s ease;
}
.kg-dl-ref .kg-dl-feat-row:hover{
  border-color:rgba(165,180,252,.45);
  box-shadow:0 14px 28px -8px rgba(15,23,42,.1),0 6px 12px -4px rgba(79,70,229,.08);
  transform:translateY(-3px);
}
.kg-dl-ref .kg-dl-feat-ico{
  flex-shrink:0;
  width:3rem;
  height:3rem;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:.75rem;
  transition:transform .28s cubic-bezier(.34,1.56,.64,1);
}
.kg-dl-ref .kg-dl-feat-row:hover .kg-dl-feat-ico{
  transform:scale(1.06);
}
.kg-dl-ref .kg-dl-feat-ico svg{width:1.35rem;height:1.35rem;}
.kg-dl-ref .kg-dl-feat-ico--blue{background:#dbeafe;color:#2563eb;}
.kg-dl-ref .kg-dl-feat-ico--purple{background:#ede9fe;color:#7c3aed;}
.kg-dl-ref .kg-dl-feat-ico--green{background:#d1fae5;color:#059669;}
.kg-dl-ref .kg-dl-feat-ico--indigo{background:#e0e7ff;color:#4f46e5;}
.kg-dl-ref .kg-dl-feat-ico--cyan{background:#cffafe;color:#0891b2;}
.kg-dl-ref .kg-dl-feat-ico--pink{background:#fce7f3;color:#db2777;}
.kg-dl-ref .kg-dl-feat-text h3{
  margin:0 0 .25rem;
  font-size:1rem;
  font-weight:800;
  color:#111827;
}
.kg-dl-ref .kg-dl-feat-text p{
  margin:0;
  font-size:.875rem;
  line-height:1.65;
  color:#4b5563;
}
.kg-dl-ref .kg-dl-sys-outer{
  box-sizing:border-box;
  width:100%;
  max-width:56rem;
  margin:0 auto;
}
.kg-dl-ref .kg-dl-sys-h2{
  position:relative;
  margin:0 auto var(--kg-dl-space-5);
  max-width:48rem;
  padding:0 var(--kg-dl-space-1) 0.75rem;
  text-align:center;
  font-size:clamp(1.75rem,3.5vw,2.25rem);
  font-weight:800;
  background:linear-gradient(90deg,#111827,#4b5563);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.kg-dl-ref .kg-dl-sys-h2::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:3.25rem;
  height:3px;
  transform:translateX(-50%);
  border-radius:999px;
  background:linear-gradient(90deg,#2563eb,#7c3aed);
}
.kg-dl-ref .kg-dl-sys-inner{
  max-width:36rem;
  margin:0 auto;
}
.kg-dl-ref .kg-dl-sys-card{
  background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);
  border-radius:1.2rem;
  padding:2rem 1.85rem;
  border:1px solid rgba(191,219,254,.85);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.6) inset,
    0 22px 44px -14px rgba(15,23,42,.12),
    0 10px 22px -10px rgba(37,99,235,.1);
}
.kg-dl-ref .kg-dl-sys-head{
  display:flex;
  align-items:center;
  gap:.75rem;
  margin-bottom:1.5rem;
}
.kg-dl-ref .kg-dl-sys-head-ico{
  width:3rem;
  height:3rem;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:.75rem;
  background:linear-gradient(135deg,#3b82f6,#2563eb);
  color:#fff;
}
.kg-dl-ref .kg-dl-sys-head-ico svg{width:1.35rem;height:1.35rem;}
.kg-dl-ref .kg-dl-sys-h3{
  margin:0;
  font-size:1.35rem;
  font-weight:800;
  color:#111827;
}
.kg-dl-ref .kg-dl-sys-ul{
  margin:0;
  padding:0;
  list-style:none;
}
.kg-dl-ref .kg-dl-sys-ul li{
  display:flex;
  align-items:flex-start;
  gap:.5rem;
  margin-bottom:.75rem;
  font-size:.95rem;
  color:#374151;
  line-height:1.55;
}
.kg-dl-ref .kg-dl-sys-ul li:last-child{margin-bottom:0;}
.kg-dl-ref .kg-dl-sys-ul svg{
  flex-shrink:0;
  width:1.15rem;
  height:1.15rem;
  margin-top:.15rem;
  color:#2563eb;
}

@media (prefers-reduced-motion:reduce){
  .kg-dl-ref .kg-dl-win-card:hover,
  .kg-dl-ref .kg-dl-cta:hover,
  .kg-dl-ref .kg-dl-feat-row:hover,
  .kg-dl-ref .kg-dl-win-card:hover .kg-dl-win-icon-wrap,
  .kg-dl-ref .kg-dl-feat-row:hover .kg-dl-feat-ico{
    transform:none;
  }
}
.kg-kugou-ft {
	background: #101114;
	color: #b8bcc6;
	padding: 45px 0 0;
	margin-top: 50px;
}

.kg-kugou-ft-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

.kg-kugou-ft-grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 1.1fr;
	gap: 32px;
}

.kg-kugou-ft-title {
	color: #ffffff;
	font-size: 22px;
	font-weight: 700;
	margin: 0 0 14px;
}

.kg-kugou-ft-desc,
.kg-kugou-ft-col p {
	color: #aeb4c0;
	font-size: 14px;
	line-height: 1.8;
	margin: 0;
}

.kg-kugou-ft-col h3 {
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 14px;
}

.kg-kugou-ft-col ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.kg-kugou-ft-col li {
	margin-bottom: 10px;
}

.kg-kugou-ft-col a {
	color: #b8bcc6;
	font-size: 14px;
	text-decoration: none;
	transition: all .2s ease;
}

.kg-kugou-ft-col a:hover {
	color: #ffffff;
	padding-left: 4px;
}

.kg-kugou-ft-bottom {
	border-top: 1px solid rgba(255,255,255,.08);
	margin-top: 35px;
	padding: 18px 0;
	text-align: center;
}

.kg-kugou-ft-bottom p {
	color: #8e94a3;
	font-size: 13px;
	margin: 0;
}

@media (max-width: 900px) {
	.kg-kugou-ft-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
	.kg-kugou-ft {
		padding-top: 35px;
	}

	.kg-kugou-ft-grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.kg-kugou-ft-title {
		font-size: 20px;
	}
}