:root{
	--sn-blue:#1e66ff;
	--sn-blue-2:#0b3aa6;
	--sn-bg:#f5f7fb;
	--sn-card:#ffffff;
	--sn-text:#0f172a;
	--sn-muted:#64748b;
	--sn-line:rgba(15,23,42,.10);
	--sn-radius:14px;
}

body{background:var(--sn-bg);color:var(--sn-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;}

a{color:inherit;text-decoration:none;}
a:hover{text-decoration:none;}

/* 让顶部导航看起来像体育杂志站 */
.th_header{background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(12px);}
.th_nav li a{font-weight:800;letter-spacing:.2px;}

/* 顶部导航：PC 横向，移动端纵向 */
.th_nav, .th_nav ul{list-style:none;margin:0;padding:0;}
.th_nav li{list-style:none;}
@media (min-width: 768px){
	.wap_headernav{display:block !important;}
	.wap_headernav ul.th_nav{display:flex;align-items:center;flex-wrap:wrap;gap:2px;}
	.wap_headernav ul.th_nav>li{float:none;}
	.wap_headernav ul.th_nav>li>a{line-height:70px;height:70px;}
}
@media (max-width: 767px){
	.wap_headernav{display:block !important;}
	.wap_headernav ul.th_nav{display:block;}
	.wap_headernav ul.th_nav>li{float:none;}
	.wap_headernav ul.th_nav>li>a{display:block;line-height:44px;height:44px;padding:0 12px;}
	.wap_headernav ul.th_nav li ul{position:static;width:100%;}
}

/* 搜索框更紧凑 */
.searchpanel{margin-top:18px;}
.searchpanel input[name='keyword']{border-radius:10px !important;border:1px solid rgba(15,23,42,.14) !important;background:#fff !important;}
.searchpanel input[name='submit']{border-radius:10px !important;background:var(--sn-blue) !important;border:1px solid rgba(30,102,255,.35) !important;color:#fff !important;font-weight:800;}

.sn-main{padding:22px 0 36px;}

/* 首页留白与最大宽度控制（避免内容太满） */
.sn-homewrap{max-width:1180px;margin:0 auto;padding:0 18px;}
@media (max-width: 767px){.sn-homewrap{padding:0 12px;}}

.sn-row{margin-left:-15px;margin-right:-15px;}
.sn-row:before,.sn-row:after{content:" ";display:table;}
.sn-row:after{clear:both;}
/* 兼容默认栅格（style.css 里实现了 col-md/col-xs 浮动布局） */
.sn-breadcrumb{font-size:13px;color:var(--sn-muted);padding:10px 0 14px;}
.sn-breadcrumb a{color:var(--sn-muted);}
.sn-sep{margin:0 8px;opacity:.6;}

.sn-brand{display:flex;align-items:center;gap:10px;}
.sn-brand__text{display:inline-block;font-weight:900;color:var(--sn-blue-2);font-size:14px;letter-spacing:.5px;}
@media (max-width: 767px){.sn-brand__text{display:none;}}

.sn-card{background:var(--sn-card);border:1px solid var(--sn-line);border-radius:var(--sn-radius);padding:16px 16px;box-shadow:0 12px 30px rgba(15,23,42,.05);}
.sn-card__title{margin:0 0 12px 0;font-size:16px;font-weight:800;letter-spacing:.2px;}
.sn-card--hero{padding:18px 18px;margin-bottom:14px;position:relative;overflow:hidden;}
.sn-card--hero:after{content:"";position:absolute;inset:-120px -120px auto auto;width:260px;height:260px;background:radial-gradient(circle at 30% 30%, rgba(30,102,255,.35), transparent 60%);} 

.sn-title{margin:0;font-size:28px;line-height:1.15;font-weight:900;}
.sn-subtitle{margin:10px 0 0 0;color:var(--sn-muted);line-height:1.7;}

.sn-img{width:100%;height:auto;display:block;border-radius:12px;}

.sn-feed{display:flex;flex-direction:column;gap:14px;}
.sn-item{display:flex;gap:16px;background:var(--sn-card);border:1px solid var(--sn-line);border-radius:var(--sn-radius);padding:16px;box-shadow:0 12px 30px rgba(15,23,42,.05);}
.sn-item__media{flex:0 0 240px;}
.sn-item__media .sn-img{border-radius:12px;aspect-ratio:16/10;object-fit:cover;}
.sn-item__body{flex:1;min-width:0;padding-top:2px;}

.sn-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--sn-muted);font-size:12px;margin-bottom:8px;}
.sn-dot{opacity:.6;}
.sn-tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:rgba(30,102,255,.10);color:var(--sn-blue);border:1px solid rgba(30,102,255,.22);font-weight:700;font-size:12px;}

.sn-item__title{margin:0 0 8px 0;font-size:18px;line-height:1.35;font-weight:900;}
.sn-item__title a{color:var(--sn-text);}
.sn-item__title a:hover{color:var(--sn-blue);}
.sn-item__intro{margin:0;color:var(--sn-muted);line-height:1.7;}
.sn-pagination{margin-top:14px;}

.sn-brief li{display:flex;gap:10px;align-items:baseline;padding:10px 0;border-top:1px dashed rgba(15,23,42,.12);}
.sn-brief li:first-child{border-top:none;}
.sn-brief__date{flex:0 0 auto;font-size:12px;color:var(--sn-muted);}
.sn-brief a{color:var(--sn-text);} 
.sn-brief a:hover{color:var(--sn-blue);} 

.sn-rank li{display:flex;gap:10px;align-items:center;padding:10px 0;border-top:1px dashed rgba(15,23,42,.12);} 
.sn-rank li:first-child{border-top:none;}
.sn-rank__no{flex:0 0 24px;height:24px;border-radius:7px;background:rgba(30,102,255,.12);color:var(--sn-blue);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:12px;}
.sn-rank__link{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sn-text);} 
.sn-rank__views{flex:0 0 auto;color:var(--sn-muted);font-size:12px;}

.sn-article{background:var(--sn-card);border:1px solid var(--sn-line);border-radius:var(--sn-radius);padding:18px;box-shadow:0 12px 30px rgba(15,23,42,.05);} 
.sn-article__title{margin:0 0 12px 0;font-size:30px;line-height:1.18;font-weight:950;letter-spacing:.2px;} 
.sn-article__meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--sn-muted);font-size:12px;margin-bottom:14px;} 
.sn-article__cover{margin:0 0 14px 0;} 
.sn-article__content{color:#111827;line-height:1.95;font-size:16px;} 
.sn-article__content p{margin:0 0 1em 0;} 
.sn-article__content h2,.sn-article__content h3{margin:1.2em 0 .6em 0;line-height:1.3;} 
.sn-article__content blockquote{margin:1em 0;padding:.8em 1em;border-left:4px solid rgba(30,102,255,.45);background:rgba(30,102,255,.06);border-radius:12px;color:var(--sn-muted);} 
.sn-article__content img{max-width:100%;height:auto;border-radius:12px;} 
.sn-article__nav{margin-top:18px;padding-top:14px;border-top:1px solid var(--sn-line);display:flex;flex-direction:column;gap:8px;color:var(--sn-muted);} 
.sn-article__nav a{color:var(--sn-text);} 
.sn-article__nav a:hover{color:var(--sn-blue);} 

.sn-card--sticky{position:sticky;top:88px;}

/* 首页（杂志风） */
.sn-home .sn-zone{margin-top:14px;}
.sn-hero{margin-bottom:14px;}
.sn-hero__media{position:relative;display:block;border-radius:var(--sn-radius);overflow:hidden;border:1px solid var(--sn-line);box-shadow:0 14px 34px rgba(15,23,42,.10);} 
.sn-hero__media .sn-img{border-radius:0;aspect-ratio:16/9;object-fit:cover;}
.sn-hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.05) 0%, rgba(0,0,0,.55) 60%, rgba(0,0,0,.78) 100%);} 
.sn-hero__text{position:absolute;left:16px;right:16px;bottom:14px;color:#fff;} 
.sn-hero__text .sn-tag{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.25);color:#fff;} 
.sn-hero__text .sn-meta{color:rgba(255,255,255,.85);} 
.sn-hero__title{margin:8px 0 8px 0;font-weight:950;font-size:30px;line-height:1.15;letter-spacing:.2px;} 
.sn-hero__intro{margin:0;max-width:58ch;color:rgba(255,255,255,.88);line-height:1.7;} 

.sn-scorebar{margin-bottom:14px;}
.sn-scorebar__title{font-weight:900;margin-bottom:12px;display:flex;align-items:center;gap:10px;}
.sn-scorebar__title:before{content:"";width:10px;height:10px;border-radius:3px;background:var(--sn-blue);} 
.sn-scorebar__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;} 
.sn-match{border:1px dashed rgba(15,23,42,.16);border-radius:12px;padding:10px 12px;background:linear-gradient(180deg,#fff, rgba(30,102,255,.04));} 
.sn-match__league{font-size:12px;color:var(--sn-muted);font-weight:800;margin-bottom:6px;} 
.sn-match__teams{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:var(--sn-text);} 
.sn-match__teams b{font-size:16px;color:var(--sn-blue-2);font-weight:950;} 
.sn-match__time{margin-top:6px;text-align:center;font-size:12px;color:var(--sn-muted);} 

.sn-zone{background:transparent;}
.sn-zone__head{display:flex;align-items:baseline;justify-content:space-between;margin:10px 2px 10px 2px;} 
.sn-zone__title{margin:0;font-size:18px;font-weight:950;letter-spacing:.2px;} 
.sn-zone__more{color:var(--sn-blue);font-weight:800;font-size:13px;} 
.sn-zone__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;} 

/* footer：按分类横向排列（PC 四列），移动端自动堆叠 */
.footer1{margin-top:18px;background:#0b1220;padding:22px 0;}
.footer1 dt{color:#fff;}
.footer1 dd,.footer1 a{color:rgba(255,255,255,.72);} 
.footer1 a:hover{color:#fff;}
.footer1 .row{display:flex;flex-wrap:wrap;}
.footer1 .row > [class*='col-']{border-right:none !important;}
@media (min-width: 992px){
	.footer1 .row{gap:0;}
	.footer1 .row > [class*='col-']{flex:0 0 25%;max-width:25%;}
	.footer1 .row > [class*='col-']:not(:last-child){border-right:1px solid rgba(255,255,255,.10) !important;}
}

.footer2{background:#0b1220;border-top:1px solid rgba(255,255,255,.10);padding:12px 0;} 
.footer2 p{color:rgba(255,255,255,.70);margin:6px 0;} 
.sn-zone__item{background:var(--sn-card);border:1px solid var(--sn-line);border-radius:var(--sn-radius);overflow:hidden;box-shadow:0 12px 30px rgba(15,23,42,.05);} 
.sn-zone__media{display:block;} 
.sn-zone__media .sn-img{border-radius:0;aspect-ratio:16/10;object-fit:cover;} 
.sn-zone__body{padding:12px 12px;} 
.sn-zone__itemtitle{margin:6px 0 6px 0;font-size:16px;line-height:1.35;font-weight:950;} 
.sn-zone__itemtitle a{color:var(--sn-text);} 
.sn-zone__itemtitle a:hover{color:var(--sn-blue);} 
.sn-zone__intro{margin:0;color:var(--sn-muted);line-height:1.7;} 

/* 首页轮播（swiper） */
.sn-swiper{margin-bottom:14px;}
.sn-swiper .swiper-container{border-radius:var(--sn-radius);overflow:hidden;border:1px solid var(--sn-line);box-shadow:0 14px 34px rgba(15,23,42,.10);} 
.sn-swiper .swiper-slide{position:relative;}
.sn-swiper .swiper-slide img{width:100%;height:auto;display:block;aspect-ratio:21/9;object-fit:cover;}
.sn-swiper__cap{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;color:#fff;background:linear-gradient(180deg, transparent, rgba(0,0,0,.75));}
.sn-swiper__cap h3{margin:0;font-size:18px;line-height:1.25;font-weight:950;}

@media (max-width: 991px){
	.sn-item{flex-direction:column;}
	.sn-item__media{flex:0 0 auto;}
	.sn-card--sticky{position:static;}
	.sn-article__title{font-size:24px;}
	.sn-title{font-size:24px;}
	.sn-scorebar__grid{grid-template-columns:1fr;}
	.sn-zone__grid{grid-template-columns:1fr;}
	.sn-hero__title{font-size:24px;}
}