/* 校园青春运动风 — 上下布局 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=ZCOOL+KuaiLe&display=swap');

:root {
  --primary: #FF7A50;
  --secondary: #FF7A50;
  --accent: #4ECDC4;
  --tag: #9B5DE5;
  --bg: #FFEEDD;
  --text: #4A3F35;
  --muted: #8B7E72;
  --header-bg: #FF7A50;
  --header-text: #FFFFFF;
  --card: #FFF8F0;
  --note: #FFF9C4;
  --note-alt: #E8F8F5;
  --max: 1200px;
  --radius: 18px;
  --radius-sm: 12px;
}

*,*::before,*::after{box-sizing:border-box}
body.s1-body{
  margin:0;
  font-family:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.6;
  background-image:
    radial-gradient(circle at 10% 20%,rgba(255,122,80,.08) 0,transparent 50%),
    radial-gradient(circle at 90% 80%,rgba(78,205,196,.08) 0,transparent 50%);
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

/* 隐藏 a3word 默认头部 */
.header,.fudaohang{display:none!important}

/* adSwitch 适配 */
.s1-body #adSwitch{
  max-width:var(--max);
  width:calc(100% - 32px);
  margin:8px auto 0;
  border-radius:var(--radius-sm);
  overflow:hidden;
  position:relative;
  z-index:20;
}
.s1-body #adSwitch img{width:100%;max-width:100%;display:block;border-radius:var(--radius-sm)}

.s1-wrap{max-width:var(--max);margin:0 auto;padding:0 16px 40px}
.s1-header{
  background:linear-gradient(135deg,var(--primary) 0%,#FF9A76 100%);
  color:var(--header-text);
  border-radius:0 0 var(--radius) var(--radius);
  box-shadow:0 4px 20px rgba(255,122,80,.25);
}
.s1-header-inner{
  max-width:var(--max);
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 20px;
  height:60px;
}
.s1-logo img{height:38px;border-radius:8px}
.s1-logo a{
  font-family:'ZCOOL KuaiLe',cursive;
  font-size:24px;
  color:var(--header-text);
  text-shadow:0 2px 4px rgba(0,0,0,.1);
}
.s1-nav{display:flex;gap:6px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.s1-nav a{
  padding:8px 16px;
  border-radius:999px;
  color:var(--header-text);
  font-size:14px;
  font-weight:500;
  transition:background .2s,transform .2s;
}
.s1-nav a:hover,.s1-nav a.on,.s1-nav a.active{
  background:rgba(255,255,255,.22);
  transform:translateY(-1px);
}
.s1-menu-btn{
  display:none;
  background:rgba(255,255,255,.2);
  border:none;
  color:var(--header-text);
  font-size:22px;
  cursor:pointer;
  border-radius:10px;
  width:40px;
  height:40px;
}

.s1-leagues{
  display:flex;
  gap:10px;
  overflow-x:auto;
  padding:14px 0 6px;
  scrollbar-width:none;
  max-width:var(--max);
  margin:0 auto;
}
.s1-leagues::-webkit-scrollbar{display:none}
.s1-league{
  flex-shrink:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  padding:10px 14px;
  background:var(--card);
  border-radius:var(--radius-sm);
  min-width:76px;
  font-size:12px;
  font-weight:500;
  box-shadow:0 3px 12px rgba(74,63,53,.08);
  border:2px solid rgba(255,122,80,.12);
  transition:transform .2s,box-shadow .2s;
}
.s1-league:hover{transform:translateY(-3px) rotate(-1deg);box-shadow:0 6px 16px rgba(255,122,80,.15)}
.s1-league img{width:32px;height:32px;object-fit:contain}

.s1-section{margin-top:28px}
.s1-section-title{
  font-family:'ZCOOL KuaiLe',cursive;
  font-size:20px;
  font-weight:400;
  margin:0 0 16px;
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--text);
}
.s1-section-title::before{
  content:'';
  width:6px;
  height:22px;
  background:linear-gradient(180deg,var(--primary),var(--accent));
  border-radius:4px;
}

.s1-card{
  background:var(--card);
  border-radius:var(--radius);
  padding:20px;
  box-shadow:0 4px 20px rgba(74,63,53,.08);
  border:2px solid rgba(255,255,255,.6);
}

/* 首页英雄区 */
.s1-site-hero{
  text-align:center;
  padding:20px 16px 8px;
  margin-top:8px;
}
.s1-site-hero h1{
  font-family:'ZCOOL KuaiLe',cursive;
  font-size:clamp(24px,4vw,36px);
  margin:0 0 8px;
  color:var(--primary);
  line-height:1.3;
}
.s1-site-subtitle{
  font-size:15px;
  color:var(--muted);
  margin:0 0 10px;
}
.s1-site-hero .update-time{
  display:inline-block;
  font-size:12px;
  color:var(--muted);
  background:rgba(255,255,255,.6);
  padding:4px 12px;
  border-radius:999px;
}

/* 新闻手账风 */
.s1-journal{display:grid;grid-template-columns:1.1fr 1fr;gap:18px}
.s1-journal-hero{
  position:relative;
  border-radius:var(--radius);
  overflow:hidden;
  aspect-ratio:16/10;
  background:var(--note);
  box-shadow:4px 4px 0 rgba(255,122,80,.2);
  transform:rotate(-.5deg);
  transition:transform .3s;
}
.s1-journal-hero:hover{transform:rotate(0deg) scale(1.01)}
.s1-journal-hero img{width:100%;height:100%;object-fit:cover}
.s1-journal-hero-cap{
  position:absolute;
  bottom:0;left:0;right:0;
  padding:16px;
  background:linear-gradient(transparent,rgba(74,63,53,.8));
  color:#fff;
  font-size:16px;
  font-weight:600;
}
.s1-journal-list{display:flex;flex-direction:column;gap:10px}
.s1-journal-item{
  padding:14px 16px;
  background:var(--card);
  border-radius:var(--radius-sm);
  font-size:14px;
  border-left:4px solid var(--accent);
  box-shadow:2px 3px 8px rgba(74,63,53,.06);
  transition:transform .2s;
}
.s1-journal-item:hover{transform:translateX(4px)}
.s1-journal-item time{display:block;font-size:12px;color:var(--muted);margin-top:4px}

/* 比分便利贴 */
.s1-score-wall{
  display:flex;
  gap:14px;
  overflow-x:auto;
  padding:8px 4px 12px;
  scrollbar-width:none;
}
.s1-score-wall::-webkit-scrollbar{display:none}
.s1-sticky-note{
  flex-shrink:0;
  width:180px;
  padding:14px;
  border-radius:4px 4px 16px 16px;
  font-size:13px;
  box-shadow:3px 4px 12px rgba(74,63,53,.12);
  transition:transform .25s;
  position:relative;
}
.s1-sticky-note::before{
  content:'';
  position:absolute;
  top:0;left:20px;
  width:40px;height:8px;
  background:rgba(0,0,0,.06);
  border-radius:0 0 4px 4px;
}
.s1-sticky-note:nth-child(odd){
  background:var(--note);
  transform:rotate(-2deg);
}
.s1-sticky-note:nth-child(even){
  background:var(--note-alt);
  transform:rotate(1.5deg);
}
.s1-sticky-note:hover{transform:rotate(0deg) translateY(-4px);z-index:2}
.s1-sticky-note .s1-note-league{font-size:11px;color:var(--muted);margin-bottom:6px}
.s1-sticky-note .s1-note-score{
  font-family:'ZCOOL KuaiLe',cursive;
  font-size:18px;
  color:var(--primary);
  margin:6px 0;
}
.s1-sticky-note .s1-note-teams{font-weight:600;line-height:1.4}
.s1-sticky-live{
  display:inline-block;
  background:var(--primary);
  color:#fff;
  font-size:10px;
  padding:2px 6px;
  border-radius:4px;
  margin-bottom:6px;
  animation:s1-blink 1.2s infinite;
}
@keyframes s1-blink{0%,100%{opacity:1}50%{opacity:.55}}

/* 录像三列 */
.s1-records-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.s1-record-card{
  background:var(--card);
  border-radius:var(--radius-sm);
  overflow:hidden;
  transition:transform .2s,box-shadow .2s;
  box-shadow:0 3px 14px rgba(74,63,53,.08);
  border:2px solid rgba(78,205,196,.15);
}
.s1-record-card:hover{transform:translateY(-4px) rotate(.5deg);box-shadow:0 8px 24px rgba(78,205,196,.2)}
.s1-record-thumb{
  aspect-ratio:16/9;
  background:linear-gradient(135deg,var(--accent),var(--tag));
  position:relative;
}
.s1-record-thumb::after{
  content:'▶';
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:26px;
}
.s1-record-dur{
  position:absolute;bottom:6px;right:6px;
  background:rgba(0,0,0,.65);color:#fff;
  font-size:11px;padding:2px 8px;border-radius:6px;
}
.s1-record-body{padding:12px;font-size:13px}
.s1-record-body strong{display:block;margin-bottom:4px;color:var(--primary)}

/* 球员球队墙 */
.s1-wall-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.s1-wall-box{background:var(--card);border-radius:var(--radius);padding:18px;box-shadow:0 4px 16px rgba(74,63,53,.08)}
.s1-wall-scroll{
  display:flex;
  gap:12px;
  overflow-x:auto;
  padding:8px 0;
  scrollbar-width:none;
}
.s1-wall-scroll::-webkit-scrollbar{display:none}
.s1-wall-card{
  flex-shrink:0;
  width:96px;
  text-align:center;
  padding:12px 8px;
  background:var(--bg);
  border-radius:var(--radius-sm);
  border:2px dashed rgba(155,93,229,.25);
  transition:transform .2s;
}
.s1-wall-card:hover{transform:scale(1.05)}
.s1-wall-card img{
  width:52px;height:52px;
  border-radius:50%;
  margin:0 auto 8px;
  object-fit:cover;
  border:3px solid var(--accent);
}
.s1-wall-card span{font-size:12px;font-weight:600;display:block}
.s1-wall-rank{
  width:22px;height:22px;
  background:var(--tag);
  color:#fff;
  border-radius:50%;
  display:inline-flex;
  align-items:center;justify-content:center;
  font-size:11px;font-weight:700;
  margin-bottom:4px;
}

/* 贴纸标签 */
.s1-sticker-tags{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  padding:8px 4px;
}
.s1-sticker-tag{
  padding:8px 18px;
  font-size:13px;
  font-weight:600;
  border-radius:6px;
  box-shadow:2px 3px 0 rgba(74,63,53,.12);
  transition:transform .2s;
  position:relative;
}
.s1-sticker-tag:nth-child(4n+1){background:#FFD6E0;color:#C41D7F;transform:rotate(-3deg)}
.s1-sticker-tag:nth-child(4n+2){background:#D6F0FF;color:#0958D9;transform:rotate(2deg)}
.s1-sticker-tag:nth-child(4n+3){background:#E8F8F5;color:#08979C;transform:rotate(-1deg)}
.s1-sticker-tag:nth-child(4n){background:#F3E8FF;color:#722ED1;transform:rotate(3deg)}
.s1-sticker-tag:hover{transform:rotate(0deg) scale(1.08);z-index:2}

.s1-breadcrumb{font-size:13px;color:var(--muted);padding:12px 0}
.s1-breadcrumb a{color:var(--primary)}
.s1-list-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:16px;
  flex-wrap:wrap;
  gap:10px;
}
.s1-list-head h1{
  font-family:'ZCOOL KuaiLe',cursive;
  margin:0;
  font-size:24px;
  color:var(--primary);
}
.s1-list-row{
  display:flex;
  gap:14px;
  padding:16px;
  background:var(--card);
  border-radius:var(--radius-sm);
  margin-bottom:12px;
  transition:box-shadow .2s,transform .2s;
  border:2px solid rgba(255,255,255,.5);
}
.s1-list-row:hover{box-shadow:0 6px 20px rgba(255,122,80,.12);transform:translateX(4px)}
.s1-list-thumb{
  width:150px;flex-shrink:0;
  border-radius:var(--radius-sm);
  overflow:hidden;
  aspect-ratio:16/10;
  background:var(--note);
}
.s1-list-thumb img{width:100%;height:100%;object-fit:cover}
.s1-list-body strong{display:block;font-size:15px;margin-bottom:6px}
.s1-list-meta{font-size:12px;color:var(--muted)}

.s1-detail h1{
  font-family:'ZCOOL KuaiLe',cursive;
  font-size:28px;
  line-height:1.35;
  margin:0 0 12px;
  color:var(--primary);
}
.s1-detail-meta{
  font-size:13px;
  color:var(--muted);
  margin-bottom:20px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.s1-detail-cover{border-radius:var(--radius);overflow:hidden;margin-bottom:20px}
.s1-detail-cover img{width:100%;max-height:420px;object-fit:cover}
.s1-detail-body{font-size:16px;line-height:1.8}
.s1-detail-body img{max-width:100%;height:auto}
.s1-detail-tags{margin:24px 0;display:flex;flex-wrap:wrap;gap:8px}
.s1-detail-tags a{
  padding:6px 14px;
  background:var(--tag);
  color:#fff;
  border-radius:8px;
  font-size:12px;
  transform:rotate(-1deg);
}
.s1-related{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}
.s1-related a{
  padding:12px;
  background:var(--card);
  border-radius:var(--radius-sm);
  font-size:13px;
  border:2px solid rgba(78,205,196,.15);
}
.s1-related-scroll{display:flex;gap:12px;overflow-x:auto;padding:8px 0}
.s1-related-scroll a{
  flex-shrink:0;width:200px;
  padding:12px;
  background:var(--card);
  border-radius:var(--radius-sm);
  font-size:13px;
}
.s1-video-wrap{
  position:relative;
  padding-bottom:56.25%;
  background:#000;
  border-radius:var(--radius);
  overflow:hidden;
  margin-bottom:16px;
}
.s1-video-wrap iframe,.s1-video-wrap .s1-play-btn{
  position:absolute;inset:0;
  width:100%;height:100%;
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:18px;
  background:linear-gradient(135deg,var(--primary),var(--accent));
  border:none;cursor:pointer;
}
.s1-prenext{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:20px;
  padding-top:16px;
  border-top:2px dashed rgba(255,122,80,.2);
  font-size:14px;
}
.s1-prenext a{color:var(--primary)}

.s1-footer{
  margin-top:40px;
  padding:28px 16px;
  background:var(--card);
  border-top:3px solid var(--primary);
  font-size:13px;
  color:var(--muted);
  text-align:center;
  border-radius:var(--radius) var(--radius) 0 0;
}
.s1-footer a{color:var(--primary);margin:0 4px}
.s1-footer-desc{margin-bottom:12px;line-height:1.7}

/* 赛事列表 */
.match_juhe .match_filter_roll{overflow-x:auto;margin-bottom:12px}
.match_filter{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:0}
.match_filter_item{
  padding:8px 16px;
  border-radius:999px;
  cursor:pointer;
  font-size:13px;
  font-weight:500;
  background:var(--bg);
  border:2px solid rgba(255,122,80,.2);
  transition:all .2s;
}
.match_filter_item.active,.match_filter_item:hover{
  background:var(--primary);
  color:#fff;
  border-color:var(--primary);
}
.match_zhibo_list .match-item{
  display:flex;
  align-items:center;
  padding:14px;
  margin-bottom:8px;
  background:var(--bg);
  border-radius:var(--radius-sm);
  font-size:14px;
  border:2px solid rgba(78,205,196,.12);
  transition:transform .2s;
}
.match_zhibo_list .match-item:hover{transform:translateX(4px)}
.match_zhibo_list .info_left{width:120px;flex-shrink:0}
.match_zhibo_list .info_left .time{display:block;font-weight:700;color:var(--primary)}
.match_zhibo_list .info_left .time em{display:block;font-size:12px;color:var(--muted);font-style:normal}
.match_zhibo_list .info_left .league{font-size:12px;color:var(--muted)}
.match_zhibo_list .info_center{flex:1;text-align:center;font-weight:600}
.match_zhibo_list .info_right a{
  padding:8px 18px;
  background:var(--accent);
  color:#fff;
  border-radius:999px;
  font-size:13px;
  font-weight:600;
  display:inline-block;
}
.match_zhibo_list .info_right.start a{
  background:var(--primary);
  animation:s1-blink 1s infinite;
}
.load_more,.zb-area_btn.load_more{
  width:100%;
  border-radius:999px;
  text-align:center;
  padding:12px;
  border:2px dashed var(--accent);
  color:var(--text);
  background:var(--card);
  box-sizing:border-box;
  margin-top:12px;
  display:none;
  cursor:pointer;
  font-weight:600;
}

/* 分页 */
.fenye{text-align:center;margin:28px 0}
.fenye ul{display:inline-flex;gap:8px;list-style:none;padding:0;margin:0;flex-wrap:wrap}
.fenye li{
  padding:8px 14px;
  border-radius:999px;
  background:var(--card);
  font-size:14px;
  border:2px solid rgba(255,122,80,.15);
}
.fenye li.active{background:var(--primary);color:#fff;border-color:var(--primary)}
.fenye li a{color:inherit}

/* 栏目页 */
.s1-col-layout{display:grid;grid-template-columns:1fr 300px;gap:20px;margin-top:16px}
.s1-col-aside{display:flex;flex-direction:column;gap:16px}
.s1-aside-box{
  background:var(--card);
  border-radius:var(--radius-sm);
  padding:16px;
  box-shadow:0 3px 12px rgba(74,63,53,.06);
}
.s1-aside-box h3{
  font-family:'ZCOOL KuaiLe',cursive;
  margin:0 0 12px;
  font-size:16px;
  color:var(--primary);
}
.s1-col-aside a{
  display:block;
  padding:8px 0;
  font-size:13px;
  border-bottom:1px dashed rgba(255,122,80,.15);
}
.s1-col-aside a:last-child{border-bottom:none}
.s1-col-subtitle{
  font-family:'ZCOOL KuaiLe',cursive;
  font-size:16px;
  margin:16px 0 10px;
  padding-left:12px;
  border-left:4px solid var(--accent);
}

/* w840 内页布局 */
.s1-main-area .container,
.s1-main-area .container.flex-between{
  width:100%;max-width:var(--max);margin:0 auto;padding:0 16px 40px;box-sizing:border-box;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:20px;
  align-items:start;
  float:none !important;
  flex-wrap:nowrap !important;
  justify-content:stretch !important;
}
.s1-main-area .container.flex-between > .weizhi{
  grid-column:1 / -1;
  width:100%;
  font-size:13px;
  color:var(--muted);
  padding:12px 0;
}
.s1-main-area .pagemain{
  display:flex;
  gap:20px;
  flex-wrap:wrap;
  width:100%;
  grid-column:1 / -1;
}
.s1-main-area .w840{
  width:100% !important;
  float:none !important;
  flex:none;
  min-width:0;
  grid-column:1;
}
.s1-main-area .w340{
  width:100% !important;
  float:none !important;
  flex:none;
  min-width:0;
  grid-column:2;
}
.s1-main-area .weizhi{width:100%;font-size:13px;color:var(--muted);padding:12px 0}
.s1-main-area .match_allinfo{width:100%;position:static}

/* 覆盖 a3word 赛事头图/配色冲突 */
.s1-main-area .match_allinfo .top{
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:24px 20px;
  min-height:auto !important;
  background:var(--card) !important;
  background-image:none !important;
  border-radius:var(--radius);
  margin-bottom:16px;
  box-shadow:0 4px 20px rgba(74,63,53,.08);
}
.s1-main-area .match_allinfo .top .zhudui,
.s1-main-area .match_allinfo .top .kedui{
  display:flex !important;
  flex-direction:row !important;
  align-items:center;
  justify-content:center;
  gap:12px;
  width:auto !important;
  flex:1;
  min-width:0;
  background:transparent !important;
}
.s1-main-area .match_allinfo .top .kedui{
  flex-direction:row-reverse !important;
}
.s1-main-area .match_allinfo .top .zhuangtai{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:auto !important;
  flex:0 0 auto;
  padding:0 12px;
  background:transparent !important;
  color:var(--text) !important;
  text-align:center;
}
.s1-main-area .match_allinfo .top .qiudui_logo{
  width:72px;
  height:72px;
  flex-shrink:0;
}
.s1-main-area .match_allinfo .top .qiudui_logo img{
  max-height:68px;
  max-width:100%;
}
.s1-main-area .match_allinfo .top .qiudui_name{
  font-family:'ZCOOL KuaiLe',cursive;
  font-size:16px !important;
  color:var(--text) !important;
  text-align:center;
  line-height:1.4;
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
}
.s1-main-area .match_allinfo .top .zhuangtai .bf{
  font-family:'ZCOOL KuaiLe',cursive;
  font-size:26px !important;
  color:var(--primary) !important;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:auto;
}
.s1-main-area .match_allinfo .top .zhuangtai .bf span{
  font-size:26px !important;
  padding:0 4px;
}
.s1-main-area .match_allinfo .top .zhuangtai .zt{
  font-size:14px !important;
  color:var(--accent);
}
.s1-main-area .match_info{
  background:var(--card) !important;
  color:var(--text) !important;
  border-radius:var(--radius);
  margin-bottom:16px;
  box-shadow:0 4px 16px rgba(74,63,53,.06);
}
.s1-main-area .match_allinfo .zhibo_name{
  color:var(--text) !important;
  font-weight:600;
  margin-bottom:12px;
}
.s1-main-area .section-box,
.s1-main-area .match_analysis{
  background:var(--card);
  border-radius:var(--radius);
  box-shadow:0 3px 14px rgba(74,63,53,.06);
  overflow:hidden;
}
.s1-main-area .section-tit{
  border-bottom:2px dashed rgba(255,122,80,.2);
  background:transparent;
  padding:12px 16px;
}
.s1-main-area .section-tit .section-name{color:var(--primary);font-family:'ZCOOL KuaiLe',cursive}
.s1-main-area .section-main{padding:12px 16px 16px}
.s1-main-area .zhibo_btn{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.s1-main-area .zhibo_btn a,
.s1-main-area .zhibo_btn .redirectLink{
  display:inline-block;
  margin:0;
  padding:10px 20px;
  background:var(--accent) !important;
  color:#fff !important;
  border-radius:999px;
  font-weight:600;
  line-height:1.4;
}
.s1-main-area .zhibo_btn a:hover{background:var(--primary) !important}
.s1-main-area .qiudui_name{font-family:'ZCOOL KuaiLe',cursive;font-size:18px}
.s1-main-area .bf{font-family:'ZCOOL KuaiLe',cursive;font-size:28px;color:var(--primary)}
.s1-main-area .itemtit{
  font-family:'ZCOOL KuaiLe',cursive;
  font-size:16px;
  color:var(--primary);
  margin-bottom:12px;
}
.s1-main-area .sqfx p{
  margin:8px 0;
  line-height:1.7;
  color:var(--text);
}
.s1-main-area .match-item{
  display:flex !important;
  align-items:center;
  gap:10px;
  padding:12px 8px;
  border-bottom:1px dashed rgba(255,122,80,.15);
  font-size:14px;
}
.s1-main-area .match-item .info_left{
  flex:0 0 110px;
  display:flex;
  flex-direction:column;
  gap:2px;
  font-size:12px;
  color:var(--muted);
}
.s1-main-area .match-item .info_center{
  flex:1;
  min-width:0;
  text-align:center;
  font-weight:600;
}
.s1-main-area .match-item .info_right{
  flex:0 0 auto;
}
.s1-main-area .match-item .info_right a{
  display:inline-block;
  padding:6px 14px;
  background:var(--accent);
  color:#fff !important;
  border-radius:999px;
  font-size:12px;
  white-space:nowrap;
}
.s1-main-area .match-item .info_right.start a{
  background:var(--primary);
  animation:s1-blink 1s infinite;
}
.s1-main-area .hot-match .match{
  padding:10px 0;
  border-bottom:1px dashed rgba(255,122,80,.12);
  font-size:13px;
}
.s1-main-area .luxiang li{
  list-style:none;
  padding:8px 0;
  border-bottom:1px dashed rgba(255,122,80,.12);
}
.s1-main-area .luxiang li a{color:var(--text);font-size:13px}
.s1-main-area .tags_list a{
  display:inline-block;
  margin:4px;
  padding:6px 14px;
  background:var(--note);
  border-radius:8px;
  font-size:12px;
  transform:rotate(-1deg);
}

@media(max-width:900px){
  .s1-journal,.s1-records-grid,.s1-related,.s1-wall-grid,.s1-col-layout{grid-template-columns:1fr}
  .s1-menu-btn{display:flex;align-items:center;justify-content:center}
  .s1-nav{
    display:none;
    position:absolute;
    top:60px;left:0;right:0;
    background:var(--primary);
    flex-direction:column;
    padding:12px 20px;
    border-radius:0 0 var(--radius) var(--radius);
    z-index:100;
  }
  .s1-nav.open{display:flex}
  .s1-header{position:relative}
  .s1-list-thumb{width:100px}
  .s1-main-area .w840,.s1-main-area .w340{width:100%}
  .s1-main-area .container.flex-between{
    grid-template-columns:1fr;
  }
  .s1-main-area .w840,
  .s1-main-area .w340{
    grid-column:1;
  }
  .s1-main-area .match_allinfo .top{
    flex-wrap:wrap;
    justify-content:center;
  }
  .s1-main-area .match_allinfo .top .zhudui,
  .s1-main-area .match_allinfo .top .kedui{
    flex:1 1 40%;
  }
  .s1-main-area .match_allinfo .top .zhuangtai{
    flex:1 1 100%;
    order:3;
    padding-top:8px;
  }
  .s1-body #adSwitch{width:calc(100% - 16px)}
}
