/* 星空体育 官网样式 */
:root{
  --navy:#0E2A47;
  --navy-dark:#081A30;
  --cyan:#16B8C4;
  --purple:#7B5CE0;
  --orange:#FF8A3D;
  --graphite:#3A3D42;
  --bg:#FAF8F4;
  --card:#FFFFFF;
  --border:#E4E7EC;
  --muted:#5A6570;
  --muted2:#8A93A0;
  --max:1220px;
  --font:"PingFang SC","Microsoft YaHei","Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:var(--font);color:var(--graphite);background:var(--bg);line-height:1.75;font-size:16px;}
a{color:var(--navy);text-decoration:none;}
a:hover{text-decoration:underline;}
img{max-width:100%;height:auto;display:block;}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px;}
ul,ol{padding-left:22px;}
table{border-collapse:collapse;width:100%;}

/* 顶部导航 */
.site-header{background:var(--navy-dark);position:sticky;top:0;z-index:50;}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0;}
.brand img{height:32px;}
.menu-btn{display:none;background:none;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 12px;border-radius:6px;font-size:14px;}
.main-nav{background:var(--navy);border-top:1px solid rgba(255,255,255,.08);}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;}
.main-nav a{color:#DCEFF1;padding:12px 16px;display:inline-block;font-size:14.5px;white-space:nowrap;}
.main-nav a:hover,.main-nav a.active{background:var(--navy-dark);color:#fff;text-decoration:none;}

/* Hero */
.hero{background:linear-gradient(180deg,#0E2A47 0%,#123457 100%);color:#fff;padding:44px 0;}
.hero-inner{display:grid;grid-template-columns:1.15fr 0.85fr;gap:34px;align-items:center;}
.hero h1{font-size:26px;line-height:1.5;margin:0 0 14px;}
.hero p{color:#CBD9E6;font-size:14.5px;margin:0 0 12px;}
.hero .kw{font-size:12.5px;color:#93B2C8;}
.hero-figure{background:rgba(255,255,255,.04);border-radius:14px;padding:10px;}

/* 区块 */
section.block{padding:36px 0;border-bottom:1px solid var(--border);}
section.block:last-child{border-bottom:none;}
section.block.alt{background:#F1F0EA;}
h2.sec-title{font-size:21px;margin:0 0 10px;color:var(--navy);border-left:4px solid var(--orange);padding-left:12px;}
.sec-desc{color:var(--muted);font-size:14.5px;max-width:900px;margin:0 0 22px;}

/* 卡片网格 */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px;}
.grid.cols-3{grid-template-columns:repeat(3,1fr);}
.grid.cols-4{grid-template-columns:repeat(4,1fr);}
.card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:18px;}
.card h3{font-size:16px;margin:0 0 8px;}
.card h3 a{color:var(--navy);}
.card .meta{font-size:12px;color:var(--muted2);margin-bottom:8px;}
.card p{font-size:13.8px;color:var(--muted);margin:0;}
.tag{display:inline-block;background:#E6F4EC;color:var(--navy);font-size:11.5px;padding:2px 9px;border-radius:3px;margin-right:6px;}
.tag.cyan{background:#E4F8FA;color:#0A6A72;}
.tag.purple{background:#F0EBFC;color:#4B2FA3;}
.tag.orange{background:#FFF0E2;color:#B85A15;}

/* 首页重点文章(大卡) */
.feature-article{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:26px 28px;margin-bottom:22px;}
.feature-article .meta{font-size:12.5px;color:var(--muted2);margin-bottom:10px;}
.feature-article h3{font-size:19px;color:var(--navy);margin:0 0 14px;line-height:1.5;}
.feature-article .fig{margin:14px 0;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fff;padding:8px;}
.feature-article p{font-size:14.6px;margin:0 0 12px;}
.feature-article .more{font-size:13.5px;font-weight:600;}

/* 完整文章页正文 */
.article-page article{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:30px 32px;margin-bottom:24px;}
.article-page h2.art-title{font-size:22px;color:var(--navy);margin:0 0 10px;}
.article-page .art-meta{font-size:13px;color:var(--muted2);margin-bottom:18px;border-bottom:1px solid var(--border);padding-bottom:14px;}
.article-page h3{font-size:17.5px;color:var(--navy);margin:24px 0 10px;}
.article-page h4{font-size:15px;margin:16px 0 8px;}
.article-page p{margin:0 0 13px;font-size:15px;}
.article-page li{margin-bottom:6px;font-size:14.8px;}
.article-page figure{margin:16px 0;border:1px solid var(--border);border-radius:8px;padding:10px;background:#fff;}
.article-page figcaption{font-size:12px;color:var(--muted2);margin-top:6px;text-align:center;}
.callout{background:#F1F0EA;border-left:3px solid var(--orange);padding:12px 16px;border-radius:4px;font-size:14px;margin:14px 0;color:var(--graphite);}
.divider{border:none;border-top:1px solid var(--border);margin:26px 0;}

/* 表格 */
.data-table{width:100%;font-size:13.6px;margin:14px 0 18px;}
.data-table th,.data-table td{border:1px solid var(--border);padding:9px 10px;text-align:left;vertical-align:top;}
.data-table th{background:#EEF3F6;color:var(--navy);}
.table-scroll{overflow-x:auto;}

/* FAQ */
.faq-item{border-bottom:1px solid var(--border);}
.faq-q{padding:14px 4px;font-size:15px;color:var(--navy);cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:none;border:none;width:100%;text-align:left;font-family:inherit;}
.faq-q::after{content:"+";font-size:18px;color:var(--muted2);}
.faq-item.open .faq-q::after{content:"−";}
.faq-a{max-height:0;overflow:hidden;font-size:14px;color:var(--muted);padding:0 4px;transition:max-height .25s ease;}
.faq-item.open .faq-a{max-height:400px;padding-bottom:14px;}

/* 大模型问答示例 */
.llm-demo{background:var(--navy-dark);border-radius:10px;padding:20px;color:#DCEFF1;}
.llm-q{background:rgba(255,255,255,.08);border-radius:8px;padding:10px 14px;margin-bottom:8px;font-size:13.8px;}
.llm-q b{color:#fff;}
.llm-a{font-size:12.5px;color:#9DB4C4;margin:0 0 16px 14px;}

/* App 功能列表 */
.applist{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:18px 0;}
.applist div{background:var(--card);border:1px solid var(--border);border-radius:6px;padding:12px;text-align:center;font-size:13px;color:var(--navy);}

/* 下载入口 */
.download-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin:18px 0;}
.download-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:16px;text-align:center;}
.download-card img{width:56px;height:56px;margin:0 auto 10px;}
.download-card h4{margin:0 0 6px;font-size:14.5px;color:var(--navy);}
.download-card p{font-size:12px;color:var(--muted2);margin:0;}

/* 免责声明 */
.disclaimer{background:#FFF6EE;border:1px solid #F3D9BB;border-radius:6px;padding:14px 18px;font-size:12.8px;color:#8A5A20;margin:20px 0;}

/* 二级页面回流列表 */
.section-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;}
.section-list .card p{font-size:13.2px;}

/* 公司介绍 */
.company-box{display:grid;grid-template-columns:1.3fr 0.7fr;gap:24px;align-items:start;}
.company-meta{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:18px;font-size:13.6px;}
.company-meta dt{color:var(--muted2);font-size:12px;margin-top:10px;}
.company-meta dd{margin:2px 0 0;color:var(--navy);font-weight:600;}

/* 顶部返回按钮 */
#backTop{position:fixed;right:20px;bottom:20px;background:var(--navy);color:#fff;border:none;border-radius:50%;width:42px;height:42px;font-size:18px;display:none;cursor:pointer;z-index:60;}

/* 页脚 */
.site-footer{background:var(--navy-dark);color:#B9CBD8;margin-top:10px;}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:20px;padding:34px 0 18px;}
.footer-grid h4{color:#fff;font-size:13.5px;margin:0 0 12px;}
.footer-grid ul{list-style:none;margin:0;padding:0;}
.footer-grid li{margin-bottom:8px;font-size:13px;}
.footer-grid a{color:#B9CBD8;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:14px 0;font-size:12px;color:#7E93A2;text-align:center;}
.footer-disclaimer{font-size:11.5px;color:#6E8494;max-width:900px;margin:0 auto;padding-bottom:14px;text-align:center;}

.breadcrumb{font-size:12.8px;color:var(--muted2);padding:14px 0 0;}
.breadcrumb a{color:var(--muted2);}

@media(max-width:900px){
  .hero-inner{grid-template-columns:1fr;}
  .company-box{grid-template-columns:1fr;}
  .grid.cols-3,.grid.cols-4{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:640px){
  .menu-btn{display:inline-block;}
  .main-nav ul{display:none;flex-direction:column;}
  .main-nav.open ul{display:flex;}
  .grid.cols-3,.grid.cols-4{grid-template-columns:1fr;}
  .hero h1{font-size:21px;}
  .article-page article{padding:20px 16px;}
}