@charset "utf-8";
@import url("./ty-base.css");
/* tiyu2 · 清简体育报刊。结构与交互沿用原模板，表现层独立。 */
:root {
  --bg:#f7f7f2; --surface:#fff; --surface-soft:#f2f4ef; --bg-2:#eff2eb;
  --text:#202b26; --text-2:#505f56; --text-3:#69776e;
  --muted:#6b786f; --muted-2:#6b786f; --line:#dce2d9; --line-2:#e9ede6;
  --red:#245c43; --red-dark:#174530; --red-soft:#edf3ed; --red-line:#a7bdaa;
  --blue:#366459; --green:#245c43; --orange:#a35a2a; --gold:#8b652f;
  --foot-bg:#edf0e9; --foot-tx:#58655d; --radius:3px; --radius-lg:4px;
  --shadow:none; --shadow-sm:none;
}
body { font-size:14px; line-height:1.7; -webkit-font-smoothing:antialiased; }
.container { width:min(1180px,calc(100% - 64px)); }
a, button { -webkit-tap-highlight-color:transparent; }
a:focus-visible, button:focus-visible { outline:2px solid var(--red); outline-offset:4px; }
a:hover { color:var(--red); }
.ty-topbar { position:relative; background:#fff; box-shadow:none; border-top:4px solid var(--red); }
.ty-topbar-inner { flex-wrap:wrap; gap:0; padding:23px 0 0; }
.brand { gap:12px; }
.brand .star { display:grid; place-items:center; width:42px; height:42px; color:#fff; background:var(--red); font:bold 23px/1 Arial,sans-serif; letter-spacing:-2px; border-radius:2px; }
.brand .name,.ty-topbar .brand .name { font-size:25px; font-weight:750; letter-spacing:1px; color:var(--text); }
.brand .en { font-size:10px; font-weight:500; letter-spacing:2.7px; margin-top:5px; color:var(--muted); }
.ty-topbar-inner::after { content:"赛事动态 / 赛程比分 / 体育资讯"; margin-left:auto; color:var(--muted); font-size:12px; letter-spacing:2px; order:1; }
.ty-nav-wrap { order:2; flex:0 0 100%; justify-content:flex-start; margin-top:21px; border-top:1px solid var(--line-2); }
.ty-nav-wrap .main-nav { width:100%; gap:12px; }
.ty-nav-wrap .main-nav a { height:49px; line-height:49px; padding:0 19px; margin:0; font-size:14px; border-radius:0; color:var(--text-2); }
.ty-nav-wrap .main-nav > a:first-child { padding-left:0; padding-right:22px; }
.ty-nav-wrap .main-nav a.active,.ty-nav-wrap .main-nav a:hover { color:var(--red); background:transparent; }
.ty-nav-wrap .main-nav > a.active { box-shadow:inset 0 -2px var(--red); }
.main-nav .sub-nav { border-radius:3px; box-shadow:0 8px 20px #203c2912; }
.breadcrumb-bar { padding:15px 0; font-size:12px; color:var(--muted); }
.ty-ticker { margin:0; border:0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); border-radius:0; background:transparent; }
.ty-ticker-badge { background:transparent; color:#a35330; padding:0 20px 0 0; font-size:11px; }
.ty-ticker-badge .dot { background:#b8643a; animation:none; width:6px; height:6px; }
.ty-ticker-track a { font-size:12px; height:40px; border-right:1px solid var(--line); }
.ty-ticker-go { border-left:0; padding-right:0; font-size:12px; font-weight:400; }
.ty-ticker-viewport::before { background:linear-gradient(90deg,var(--bg),transparent); }
.ty-ticker-viewport::after { background:linear-gradient(-90deg,var(--bg),transparent); }
.ty-ticker:focus-within .ty-ticker-track { animation-play-state:paused; }
/* 焦点图与文字分区，右侧为当日资讯。 */
.ty-hero { grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr); gap:34px; margin-top:28px; align-items:stretch; }
.ty-hero-main { min-height:0; border:0; border-radius:0; background:transparent; display:flex; flex-direction:column; }
.ty-hero-main > img { position:static; width:100%; height:290px; object-fit:cover; border-radius:3px; background:#dfe5da; }
.ty-hero-main::after { content:none; }
.ty-hero-cap { position:static; padding:21px 0 0; color:var(--text); }
.ty-hero-badge { background:transparent; color:var(--red); border-radius:0; padding:0; margin-bottom:9px; font-size:12px; letter-spacing:1px; }
.ty-hero-cap h1 { font-size:30px; line-height:1.45; font-weight:750; text-shadow:none; letter-spacing:-.5px; }
.ty-hero-sub { color:var(--muted); font-size:12px; line-height:1.9; max-width:none; margin-top:10px; }
.ty-hero-meta { color:var(--muted); gap:15px; font-size:11px; margin-top:17px; }
.ty-hero-btn { padding:7px 14px; border-radius:2px; box-shadow:none; font-size:12px; font-weight:500; }
.ty-hero-side { gap:0; padding-left:26px; border-left:1px solid var(--line); }
.ty2-side-heading { display:flex; align-items:baseline; justify-content:space-between; padding:0 0 13px; border-bottom:2px solid var(--text); font-size:18px; font-weight:700; }
.ty2-side-heading small { color:var(--muted); font-size:10px; letter-spacing:2px; font-weight:400; }
.ty-hero-news { border:0; border-bottom:1px solid var(--line); border-radius:0; background:transparent; padding:17px 0; gap:14px; flex:1; }
.ty-hero-news:last-child { border-bottom:0; }
.ty-hero-news:hover { transform:none; border-color:var(--line); }
.ty-hero-news .pic { order:2; width:92px; flex-basis:92px; height:67px; border-radius:2px; background:var(--surface-soft); }
.ty-hero-news h4 { font-size:15px; line-height:1.7; font-weight:600; -webkit-line-clamp:3; }
.ty-hero-news .d { font-size:11px; margin-top:8px; }
/* 赛程作为紧凑记分板，与资讯区建立清晰层级。 */
.ty-mc { margin-top:32px; padding:22px 0 0; border:0; border-top:1px solid var(--line); border-radius:0; background:transparent; }
.ty-sec-head { border-bottom:1px solid var(--line); padding-bottom:14px; margin-bottom:18px; }
.ty-sec-head h3 { font-size:20px; font-weight:700; gap:9px; letter-spacing:.4px; }
.ty-sec-head h3::before,.side-box h3::before,.list-wrap h2::before { content:none; }
.ty-sec-head .more { font-size:12px; font-weight:400; }
.ty-live-flag { width:6px; height:6px; background:#b8643a; animation:none; }
.ty-mc-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
ul.ty-mc-grid > li.hm-row.ty-mc-card { padding:17px; gap:14px; background:#fff; border:1px solid var(--line); border-radius:3px; }
ul.ty-mc-grid > li.hm-row.ty-mc-card:hover { transform:none; box-shadow:none; border-color:var(--red-line); }
.ty-mc-top .js-st { font-size:10px; border-radius:2px; padding:2px 6px; }
.ty-mc-body .hm-team .nm { font-size:12px; max-width:95px; }
.ty-mc-body .hm-team .logo { width:25px; height:25px; }
.ty-mc-body .hm-score { font-size:21px; font-weight:650; }
.ty-mc-foot { border-top:1px solid var(--line-2); padding-top:10px; }
.ty-mc-foot .hm-btns a { border-radius:2px; font-size:11px; padding:5px 9px; }
.ty-mc-foot .hm-time .t { font-size:12px; }
.ty-mc-foot .hm-time .d { font-size:10px; }
.hm-btns a,.btn-action { box-shadow:none; }
.ty-layout { grid-template-columns:minmax(0,1fr) 290px; gap:38px; margin-top:38px; }
.ty-feed { display:grid; grid-template-columns:minmax(0,1fr); gap:30px; align-items:start; }
.ty-news { padding:0; border:0; border-radius:0; background:transparent; }
.ty-feed > .ty-news:first-child,.ty-feed > .ty-tags { grid-column:1/-1; }
.ty-news-list li { border-bottom:1px solid var(--line); }
.ty-news-item { padding:16px 0; gap:15px; }
.ty-news-item .pic { width:105px; flex-basis:105px; height:76px; border-radius:2px; background:var(--surface-soft); }
.ty-news-item .pic .play { display:none; }
.ty-news-item h4 { font-size:15px; font-weight:600; line-height:1.75; -webkit-line-clamp:2; }
.ty-news-item p { color:var(--muted); font-size:12px; line-height:1.85; margin-top:7px; }
.ty-news-item .d { display:block; font-size:11px; margin-top:8px; }
.ty-feed > .ty-news:not(:first-child) .ty-news-item { flex-direction:row-reverse; gap:12px; }
.ty-feed > .ty-news:not(:first-child) .ty-news-item .pic { width:142px; flex-basis:142px; height:94px; }
.ty-feed > .ty-news:not(:first-child) .ty-news-item p { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ty-feed > .ty-news:first-child .ty-news-list { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); column-gap:26px; }
.ty-feed > .ty-news:first-child .ty-news-list li:first-child { grid-row:span 4; border-bottom:0; }
.ty-feed > .ty-news:first-child .ty-news-list li:first-child .ty-news-item { display:block; padding-top:0; }
.ty-feed > .ty-news:first-child .ty-news-list li:first-child .pic { width:100%; height:215px; margin-bottom:15px; }
.ty-feed > .ty-news:first-child .ty-news-list li:first-child h4 { font-size:20px; -webkit-line-clamp:3; }
.ty-feed > .ty-news:first-child .ty-news-list li:not(:first-child) .pic { display:none; }
.ty-feed > .ty-news:first-child .ty-news-list li:not(:first-child) p { display:none; }
.ty-feed > .ty-news:first-child .ty-news-list li:nth-child(2) .ty-news-item { padding-top:0; }
.ty-aside { gap:26px; padding-left:24px; border-left:1px solid var(--line); }
.side-box { border:0; background:transparent; border-radius:0; box-shadow:none; padding:0; margin-bottom:28px; }
.side-box h3 { font-size:16px; font-weight:700; border-bottom:1px solid var(--line); padding-bottom:13px; margin-bottom:9px; }
.ty-live-card { display:grid; grid-template-columns:32px minmax(0,1fr); background:var(--red); color:#fff; border:0; border-radius:3px; box-shadow:none; padding:17px; gap:10px; flex-wrap:wrap; }
.ty-live-card:hover { color:#fff; transform:none; }
.ty-live-ic { background:#ffffff1a; color:#fff; width:32px; height:32px; font-size:12px; border-radius:2px; }
.ty-live-tx b { font-size:15px; font-weight:600; }
.ty-live-tx em { font-size:10px; color:#d7e4d9; }
.ty-live-go { grid-column:2; margin-left:0; font-size:11px; padding:0; border:0; background:transparent; color:#fff; }
.ty-live-card:hover .ty-live-go { background:transparent; text-decoration:underline; }
.ty-rank li a { border-bottom:1px solid var(--line-2); padding:12px 0; font-size:13px; line-height:1.8; }
.ty-rank li a::before,.ty-rank li:nth-child(-n+3) a::before { color:var(--red); background:transparent; font-family:Georgia,serif; font-size:20px; font-style:italic; width:24px; border-radius:0; }
.ty-vc-list { gap:0; }
.vc-row { border:0; border-bottom:1px solid var(--line); border-radius:0; background:transparent; padding:10px 0; }
.vc-row:hover { background:var(--surface-soft); border-color:var(--line); transform:none; }
.vc-name { font-size:12px; }
.vc-logo { width:21px; height:21px; flex-basis:21px; }
.vc-vs { background:transparent; font-family:Georgia,serif; font-size:12px; color:var(--muted); padding:0 5px; }
.vc-badge { border-radius:2px; font-size:10px; padding:1px 6px; }
.vc-wait { background:var(--surface-soft); color:var(--muted); }
.vc-done { background:#e8ebe5; color:var(--muted); }
.ty-vod li { padding:12px 0; border-bottom:1px solid var(--line-2); }
.ty-vod li a::before { content:none; }
.ty-vod li .d { font-size:10px; }
.ty-tags { padding:0; background:transparent; border:0; border-radius:0; }
.ty-tags .ty-sec-head h3 { font-size:17px; }
.ty-tagcloud { gap:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.ty-tag { border:0; border-bottom:1px solid var(--line); border-radius:0; padding:12px 10px 12px 0; background:transparent; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ty-tag:hover { color:var(--red); background:var(--surface-soft); border-color:var(--line); }
/* 栏目、正文及直播详情。 */
.cl-layout { grid-template-columns:minmax(0,1fr) 290px; gap:40px; margin-top:16px; }
.cl-layout > .sidebar { padding-left:24px; border-left:1px solid var(--line); }
.list-wrap,.article-box { padding:30px; border:1px solid var(--line); border-radius:3px; box-shadow:none; }
.list-wrap h2 { border-bottom:2px solid var(--text); font-size:24px; padding-bottom:20px; margin-bottom:0; }
.news-item { padding:24px 0; border-bottom:1px solid var(--line); gap:23px; }
.news-item .cover { width:170px; flex:0 0 170px; height:112px; border-radius:2px; }
.news-item .ni-body { min-width:0; }
.news-item .ni-body h3 { font-size:19px; font-weight:650; line-height:1.6; }
.news-item .ni-body .intro { font-size:13px; line-height:1.9; margin-top:9px; }
.pagebar { padding-top:22px; gap:7px; flex-wrap:wrap; }
.pagebar a,.pagebar span { border-radius:2px; box-shadow:none; }
.article-box h1 { font-size:29px; line-height:1.55; font-weight:750; margin-bottom:20px; overflow-wrap:anywhere; }
.article-meta { font-size:11px; gap:14px; padding-bottom:19px; }
.article-body { line-height:2.1; font-size:16px; }
.article-body img { border-radius:2px; }
.article-rel { margin-top:30px; padding-top:25px; border-top:1px solid var(--line); }
.rel-card { background:transparent; border:0; border-radius:0; box-shadow:none; }
.rel-card:hover { transform:none; box-shadow:none; }
.rel-pic { border-radius:2px; }
.rel-bd { padding:12px 0; }
.side-news-item { padding:13px 0; background:transparent; border:0; border-bottom:1px solid var(--line); border-radius:0; }
.side-news-item:hover { transform:none; background:transparent; }
.sn-pic { border-radius:2px; }
.ty-live-entry { background:var(--surface-soft) !important; border:1px solid var(--line) !important; border-radius:3px !important; padding:18px !important; }
.vs-btns { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.vs-btns a.primary,.vs-btns a.cctv,.vs-btns a.gold,.vs-btns a.teal { width:100%; padding:11px 6px; border:1px solid var(--red-line); border-radius:3px; background:#fff; color:var(--red); box-shadow:none; text-shadow:none; font-size:13px; font-weight:600; letter-spacing:0; white-space:nowrap; }
.vs-btns a.primary { background:var(--red); border-color:var(--red); color:#fff; }
.vs-btns a::before { content:none !important; }
.vs-btns a:hover { background:var(--red-dark); color:#fff; border-color:var(--red-dark); box-shadow:none; transform:none; }
.vs-header { padding:32px; background:#fff; border:1px solid var(--line); border-top:3px solid var(--red); border-radius:3px; box-shadow:none; margin:12px 0 32px; }
.vs-title-row { padding:12px 0; }
.vs-team img { background:transparent; border-radius:0; }
.vs-team .t-name { font-size:23px; }
.vs-center .score { font-size:45px; font-weight:600; letter-spacing:3px; }
.vs-meta-row { color:var(--muted); font-size:12px; }
.zhibo-title-bar,.zh-col-title { background:transparent; border:0; padding:12px 0; }
.zh-gold-line { height:1px; background:var(--line); }
.zhibo-card { background:#fff; box-shadow:none; border:1px solid var(--line); border-radius:3px; padding:18px; }
.zhibo-card:hover { transform:none; box-shadow:none; border-color:var(--red-line); }
.zh-league { background:transparent; border-bottom:1px solid var(--line-2); padding-bottom:12px; }
.zh-btns a,.btn-status { border-radius:2px; }
.btn-ac-gold,.btn-st-live { background:var(--red); border-color:var(--red); box-shadow:none; }
.btn-ac-gold:hover { background:var(--red-dark); border-color:var(--red-dark); }
.cl-date-bar { gap:8px; margin-bottom:18px; }
.cl-dtab { border-radius:3px; background:#fff; box-shadow:none; flex:1; }
.cl-dtab.on { background:var(--red); border-color:var(--red); color:#fff; }
.js-score.is-live { animation:none; }
.site-footer { margin-top:60px; padding:35px 0 25px; background:var(--foot-bg); border-top:1px solid var(--line); }
.footer-about { max-width:930px; font-size:12px; line-height:2.1; }
.footer-links { justify-content:flex-start; gap:22px; padding:20px 0 16px; border-bottom:1px solid var(--line); }
.footer-copy { text-align:left; font-size:11px; padding-top:15px; color:var(--muted); }
.fab { right:16px; bottom:24px; gap:5px; }
.fab button { width:40px; height:40px; padding:0; font-size:11px; display:grid; place-items:center; border-radius:2px; box-shadow:none; border:1px solid var(--line); background:#fff; color:var(--muted); }
@media (min-width:961px) {
  .ty-nav-wrap .main-nav > .nav-item > a { padding-right:30px; }
  .ty-nav-wrap .main-nav .sub-nav a { border-radius:2px; font-size:13px; }
}
@media (max-width:1100px) and (min-width:961px) {
  .container { width:calc(100% - 40px); }
  .ty-layout,.cl-layout { grid-template-columns:minmax(0,1fr) 260px; gap:24px; }
  .ty-aside,.cl-layout > .sidebar { padding-left:18px; }
  .ty-mc-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:960px) {
  .container { width:calc(100% - 36px); }
  .ty-topbar-inner { padding:17px 0 12px; gap:0; }
  .ty-topbar-inner::after { content:none; }
  .ty-topbar .mobile-menu-btn { width:40px; height:38px; border-radius:2px; }
  .ty-nav-wrap { margin-top:10px; border:0; order:3; }
  .ty-nav-wrap .main-nav { width:100%; max-height:65vh; overflow-y:auto; }
  .ty-nav-wrap .main-nav > a:first-child { padding-left:10px; }
  .ty-nav-wrap .main-nav a { border-radius:0; }
  .brand .name { font-size:21px; }
  .brand .star { width:36px; height:36px; font-size:21px; }
  .brand .en { font-size:9px; }
  .ty-hero { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:22px; }
  .ty-hero-main > img { height:240px; }
  .ty-hero-cap h1 { font-size:25px; }
  .ty-hero-side { padding-left:18px; }
  .ty-hero-news .pic { display:none; }
  .ty-hero-news h4 { font-size:14px; }
  .ty-mc-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ty-layout,.cl-layout { grid-template-columns:minmax(0,1fr); gap:30px; }
  .ty-aside,.cl-layout > .sidebar { padding-left:0; border-left:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px; align-items:start; }
  .ty-live-card { align-self:start; }
  .article-box h1 { font-size:27px; }
  .ty-live-entry .vs-btns { gap:8px; }
  .ty-live-entry .vs-btns a { font-size:12px; letter-spacing:0; }
  .vs-team .t-name { font-size:18px; }
}
@media (max-width:600px) {
  .container { width:calc(100% - 32px); }
  .breadcrumb-bar { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:11px 0; font-size:10px; }
  .ty-ticker-track a { font-size:11px; height:35px; padding:0 13px; }
  .ty-ticker-badge { font-size:10px; padding-right:12px; }
  .ty-hero { grid-template-columns:minmax(0,1fr); gap:23px; margin-top:18px; }
  .ty-hero-main > img { height:auto; aspect-ratio:16/9; }
  .ty-hero-cap { padding-top:16px; }
  .ty-hero-cap h1 { font-size:25px; line-height:1.5; }
  .ty-hero-sub { font-size:11px; }
  .ty-hero-meta { gap:10px; font-size:10px; margin-top:14px; }
  .ty-hero-meta > span:nth-child(2) { display:none; }
  .ty-hero-btn { padding:6px 10px; font-size:11px; }
  .ty-hero-side { padding-left:0; border-left:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 18px; }
  .ty2-side-heading { grid-column:1/-1; font-size:17px; }
  .ty-hero-news { padding:14px 0; align-items:flex-start; }
  .ty-hero-news h4 { font-size:13px; -webkit-line-clamp:2; }
  .ty-hero-news .d { font-size:10px; }
  .ty-mc { margin-top:24px; padding-top:18px; }
  .ty-sec-head h3 { font-size:19px; }
  .ty-mc-grid { grid-template-columns:minmax(0,1fr); gap:9px; }
  ul.ty-mc-grid > li.hm-row.ty-mc-card { padding:15px !important; gap:12px; }
  .ty-mc-body .hm-team .nm { max-width:115px; font-size:13px; }
  .ty-layout { margin-top:28px; gap:28px; }
  .ty-feed { grid-template-columns:minmax(0,1fr); gap:28px; }
  .ty-feed > .ty-news:first-child .ty-news-list { grid-template-columns:minmax(0,1fr); }
  .ty-feed > .ty-news:first-child .ty-news-list li:first-child { grid-row:auto; border-bottom:1px solid var(--line); }
  .ty-feed > .ty-news:first-child .ty-news-list li:first-child .pic { height:auto; aspect-ratio:16/9; }
  .ty-feed > .ty-news:first-child .ty-news-list li:nth-child(2) .ty-news-item { padding-top:16px; }
  .ty-feed > .ty-news:not(:first-child) .ty-news-item p { display:none; }
  .ty-feed > .ty-news:not(:first-child) .ty-news-item .pic { width:96px; flex-basis:96px; height:68px; }
  .ty-aside,.cl-layout > .sidebar { grid-template-columns:minmax(0,1fr); gap:24px; }
  .ty-live-tx em { display:block; }
  .ty-live-go { margin-left:auto; }
  .ty-tags .ty-sec-head { align-items:flex-start; gap:10px; }
  .ty-tags .ty-sec-head h3 { font-size:15px; }
  .ty-tagcloud { grid-template-columns:minmax(0,1fr); }
  .article-box,.list-wrap { padding:20px 16px; }
  .article-box h1 { font-size:23px; line-height:1.6; }
  .article-meta { gap:8px 13px; font-size:10px; }
  .article-body { font-size:15px; }
  .list-wrap h2 { font-size:22px; }
  .news-item { gap:13px; padding:20px 0; }
  .news-item .cover { width:100px; flex-basis:100px; height:76px; }
  .news-item .ni-body h3 { font-size:15px; }
  .news-item .ni-body .intro { display:none; }
  .news-item .ni-body .ni-meta { font-size:10px; flex-wrap:wrap; gap:6px; }
  .ty-live-entry { padding:13px !important; }
  .vs-btns,.ty-live-entry .vs-btns { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .vs-btns a.primary,.vs-btns a.cctv,.vs-btns a.gold,.vs-btns a.teal { font-size:12px; padding:10px 5px; }
  .vs-header { padding:18px 12px; margin-bottom:24px; }
  .vs-team { gap:8px; flex-direction:column; text-align:center; min-width:0; flex:1; }
  .vs-team.right { flex-direction:column; }
  .vs-team img { width:44px; height:44px; }
  .vs-team .t-name { font-size:13px; overflow-wrap:anywhere; }
  .vs-center { min-width:75px; }
  .vs-center .score { font-size:30px; }
  .cl-date-bar { overflow-x:auto; padding-bottom:5px; }
  .cl-dtab { flex:0 0 72px; }
  .zhibo-2col { grid-template-columns:minmax(0,1fr); }
  .zh-card-stack-single .zhibo-card { padding:14px 10px; }
  .zh-btns { flex-wrap:wrap; }
  .footer-links { gap:12px 20px; flex-wrap:wrap; }
  .site-footer { margin-top:38px; padding-top:26px; }
  .fab { right:8px; bottom:12px; }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
  .ty-ticker-viewport { overflow-x:auto; }
}

/* ===== tiyu2 赛程门户版：独立的页面结构 ===== */
:root {
 --bg:#f3f4f6; --surface:#fff; --surface-soft:#f7f8fa; --bg-2:#eef0f4;
 --text:#242733; --text-2:#515663; --muted:#777e8c; --muted-2:#777e8c;
 --line:#e5e7ec; --line-2:#edf0f3; --red:#bd3037; --red-dark:#99232a;
 --red-soft:#fbf0f1; --red-line:#e8bec1; --blue:#426284;
 --green:#338268; --gold:#aa842b; --foot-bg:#242733; --foot-tx:#a9afbb;
}
body { background:var(--bg); }
.container { width:min(1240px,calc(100% - 48px)); }
.ty-topbar { background:#242733; border:0; position:relative; }
.ty-topbar-inner { min-height:76px; padding:0; flex-wrap:nowrap; gap:38px; }
.brand .star { background:#e3b341; color:#242733; width:38px; height:38px; font-size:23px; }
.ty-topbar .brand .name { font-size:23px; color:#fff; letter-spacing:0; }
.brand .en { color:#a5adbc; font-size:9px; letter-spacing:2px; }
.ty-topbar-inner::after { content:none; }
.ty-nav-wrap { margin:0; border:0; flex:1; justify-content:flex-end; }
.ty-nav-wrap .main-nav { gap:4px; width:auto; align-items:center; }
.ty-nav-wrap .main-nav a { color:#e5e7ed; height:76px; line-height:76px; font-size:14px; padding:0 15px; }
.ty-nav-wrap .main-nav > a:first-child { padding:0 15px; }
.ty-nav-wrap .main-nav a:hover,.ty-nav-wrap .main-nav a.active { color:#f1c75d; background:transparent; }
.ty-nav-wrap .main-nav > a.active { box-shadow:inset 0 -3px #e3b341; }
.ty-nav-wrap .main-nav .sub-nav a { color:var(--text-2); }
.ty-nav-wrap .main-nav .sub-nav a:hover { color:var(--red); background:var(--surface-soft); }
.breadcrumb-bar { padding:13px 0; }
.ty-ticker { background:#fff; border:1px solid var(--line); margin-bottom:18px; padding:0 14px; border-radius:3px; }
.ty-ticker-badge { color:var(--red); padding-right:18px; }
.ty-ticker-badge .dot { background:var(--red); }
.ty-ticker-viewport::before { background:linear-gradient(90deg,#fff,transparent); }
.ty-ticker-viewport::after { background:linear-gradient(-90deg,#fff,transparent); }
/* 首屏：横向赛程表 + 实用侧栏 */
.ty2-portal { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:20px; align-items:start; }
.ty2-match-column { min-width:0; }
.ty2-portal .ty-mc { margin:0; padding:0; border:1px solid var(--line); background:#fff; border-radius:3px; overflow:hidden; }
.ty2-portal .ty-sec-head { height:62px; margin:0; padding:0 20px; border-bottom:1px solid var(--line); }
.ty2-portal .ty-sec-head h3 { font-size:20px; }
.ty-live-flag { width:4px; height:20px; border-radius:1px; background:#e3b341; }
.ty2-sport-filters { display:flex; align-items:center; gap:0; border-bottom:1px solid var(--line); padding:0 20px; }
.ty2-sport-filters button { font:inherit; font-size:13px; color:var(--text-2); background:none; border:0; border-bottom:2px solid transparent; padding:14px 23px; cursor:pointer; }
.ty2-sport-filters button:first-child { padding-left:0; padding-right:24px; }
.ty2-sport-filters button[aria-pressed="true"] { border-color:var(--red); color:var(--red); font-weight:600; }
.ty2-table-label { display:grid; grid-template-columns:68px 90px minmax(0,1fr) 116px; gap:10px; padding:10px 18px; background:#fafbfc; color:var(--muted); font-size:11px; text-align:center; }
.ty-mc-grid { display:block; }
.ty2-match-date { list-style:none; padding:10px 18px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); border-left:3px solid #e3b341; background:#f2f4f7; color:#5a606c; font-size:12px; font-weight:600; }
ul.ty-mc-grid > li.hm-row.ty-mc-card { display:grid; grid-template-columns:68px 90px minmax(0,1fr) 116px; gap:10px; align-items:center; min-height:85px; padding:12px 18px; border:0; border-bottom:1px solid var(--line-2); border-radius:0; box-shadow:none; margin:0; background:#fff; }
ul.ty-mc-grid > li.hm-row.ty-mc-card:nth-child(odd) { background:#fcfcfd; }
ul.ty-mc-grid > li.hm-row.ty-mc-card:hover { background:#f6f8fb; transform:none; box-shadow:none; }
.ty-mc-top { grid-column:2; grid-row:1; flex-direction:column; align-items:flex-start; gap:6px; min-width:0; }
.ty-mc-lg { font-size:11px; width:100%; }
.ty-mc-top .js-st { font-size:10px; font-weight:400; padding:1px 5px; }
.ty-mc-body { grid-column:3; grid-row:1; display:grid; grid-template-columns:minmax(0,1fr) 47px minmax(0,1fr); gap:5px; min-width:0; }
.ty-mc-body .hm-team { display:flex; flex-direction:row; justify-content:flex-end; min-width:0; gap:7px; }
.ty-mc-body .hm-away { justify-content:flex-start; }
.ty-mc-body .hm-team .nm { white-space:normal; overflow:hidden; max-width:none; font-size:12px; line-height:1.5; text-align:right; }
.ty-mc-body .hm-away .nm { text-align:left; }
.ty-mc-body .hm-team .logo { width:23px; height:23px; flex-shrink:0; }
.ty-mc-body .hm-score { font-size:19px; min-width:0; gap:3px; justify-content:center; }
.ty-mc-foot { display:contents; }
.ty-mc-foot .hm-time { grid-column:1; grid-row:1; display:flex; flex-direction:column; align-items:center; gap:1px; }
.ty-mc-foot .hm-time .t { font-size:15px; color:var(--text); font-weight:600; }
.ty-mc-foot .hm-time .d { font-size:10px; color:var(--muted); }
.ty-mc-foot .hm-btns { grid-column:4; grid-row:1; display:flex; flex-direction:column; gap:5px; align-items:stretch; }
.ty-mc-foot .hm-btns a { text-align:center; font-size:12px; padding:5px 6px; line-height:1.6; border-radius:3px; font-weight:400; }
.ty-mc-foot .hm-btns .hm-btn-main { color:#fff; background:var(--red); border:1px solid var(--red); }
.ty-mc-foot .hm-btns .hm-btn-alt { border:0; padding:0; color:var(--muted); background:transparent; font-size:10px; }
.ty-mc-foot .hm-btns .hm-btn-pre { border:1px solid var(--line); background:#f5f6f8; color:var(--text-2); }
.ty2-filter-empty { padding:32px 20px; text-align:center; color:var(--muted); font-size:13px; }
.ty-mc-grid [hidden],.ty2-filter-empty[hidden] { display:none !important; }
.ty2-portal .ty-tags { background:#fff; border:1px solid var(--line); padding:0 18px 14px; margin-top:18px; border-radius:3px; }
.ty2-portal .ty-tags .ty-sec-head { padding:0; height:52px; margin-bottom:5px; }
.ty2-portal .ty-tags h3 { font-size:15px; }
.ty2-portal .ty-tag { font-size:11px; padding:10px 10px 10px 0; }
.ty2-portal .ty-aside { padding:0; border:0; display:flex; flex-direction:column; gap:16px; }
.ty2-portal .side-box { background:#fff; border:1px solid var(--line); padding:0 17px 12px; border-radius:3px; margin:0; }
.side-box h3 { font-size:16px; }
.ty2-portal .side-box h3 { height:53px; padding:0; margin:0 0 4px; }
.ty2-portal .side-box h3::before { content:""; width:3px; height:17px; background:#e3b341; }
.ty2-portal .ty-live-card { background:#292d3a; padding:18px; border-radius:3px; }
.ty2-portal .ty-live-ic { color:#f1c75d; border-color:#555b68; }
.ty2-portal .ty-live-tx em { color:#b4bbc8; }
.ty2-portal .ty-live-go { color:#f1c75d; }
.ty-rank li a { padding:9px 0; font-size:12px; }
.ty-rank li a::before,.ty-rank li:nth-child(-n+3) a::before { font-family:Arial,sans-serif; font-style:normal; font-size:13px; color:#a2a8b4; }
.ty-rank li:nth-child(-n+3) a::before { color:var(--red); }
.vc-row { padding:10px 0; }
.vc-name { font-size:11px; }
.vc-meta { margin-top:5px; }
.vc-badge { font-size:9px; }
.vc-time { font-size:10px; }
.ty-vod li { padding:9px 0; }
.ty-vod li .d { display:none; }
/* 下半屏：大图焦点 + 四宫格推荐，随后三栏资讯 */
.ty2-news-section { margin-top:24px; }
.ty-hero { margin:0; padding:20px; background:#fff; border:1px solid var(--line); border-radius:3px; grid-template-columns:minmax(0,1fr) minmax(0,1.35fr); gap:22px; }
.ty-hero-main { position:relative; min-height:360px; height:100%; display:block; border-radius:3px; overflow:hidden; background:#252a35; }
.ty-hero-main > img { position:absolute; inset:0; width:100%; height:100%; border-radius:0; }
.ty-hero-main::after { content:""; position:absolute; inset:35% 0 0; background:linear-gradient(transparent,rgba(18,22,30,.92)); }
.ty-hero-cap { position:absolute; left:21px; right:21px; bottom:20px; padding:0; color:#fff; }
.ty-hero-cap h1 { font-size:25px; line-height:1.5; letter-spacing:0; }
.ty-hero-badge { font-size:11px; color:#f1c75d; margin-bottom:7px; }
.ty-hero-sub { color:#d1d5dd; font-size:11px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ty-hero-meta { color:#c3c9d3; font-size:10px; gap:9px; }
.ty-hero-btn { color:#242733; background:#e3b341; font-size:11px; padding:5px 9px; }
.ty-hero-main:hover .ty-hero-btn { background:#f1c75d; }
.ty-hero-side { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; padding:0; border:0; }
.ty2-side-heading { grid-column:1/-1; font-size:18px; padding-bottom:10px; border-bottom:1px solid var(--line); }
.ty-hero-news { display:block; padding:0; border:0; min-width:0; }
.ty-hero-news .pic { display:block; width:100%; height:119px; margin-bottom:8px; }
.ty-hero-news h4 { font-size:13px; line-height:1.6; -webkit-line-clamp:2; font-weight:500; }
.ty-hero-news .d { margin-top:4px; font-size:10px; }
.ty2-news-columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:20px; }
.ty2-news-columns .ty-news { padding:0 18px; background:#fff; border:1px solid var(--line); border-radius:3px; min-width:0; }
.ty2-news-columns .ty-sec-head { height:56px; margin:0; padding:0; }
.ty2-news-columns .ty-sec-head h3 { font-size:17px; }
.ty2-news-columns .ty-news-item { gap:12px; padding:15px 0; flex-direction:row; }
.ty2-news-columns .ty-news-item .pic { width:83px; flex-basis:83px; height:61px; }
.ty2-news-columns .ty-news-item .bd { min-width:0; }
.ty2-news-columns .ty-news-item h4 { font-size:13px; font-weight:500; -webkit-line-clamp:2; line-height:1.6; }
.ty2-news-columns .ty-news-item p,.ty2-news-columns .play { display:none; }
.ty2-news-columns .ty-news-item .d { font-size:10px; margin-top:5px; }
/* 内页与门户统一，新闻列表以主内容和信息侧栏分区。 */
.cl-layout { grid-template-columns:minmax(0,1fr) 320px; gap:20px; margin-top:6px; }
.cl-layout > .sidebar { padding:0; border:0; }
.cl-layout > .sidebar .side-box { padding:17px; background:#fff; border:1px solid var(--line); border-radius:3px; margin-bottom:16px; }
.article-box,.list-wrap { border-color:var(--line); border-radius:3px; padding:28px; }
.list-wrap h2 { border-bottom:1px solid var(--line); font-size:23px; padding-bottom:18px; }
.list-wrap .news-item { padding:20px 0; }
.list-wrap .news-item .cover { width:150px; flex-basis:150px; height:100px; }
.list-wrap .news-item .ni-body h3 { font-size:18px; }
.cl-date-bar { border-bottom:1px solid var(--line); gap:0; background:#fff; }
.cl-dtab { background:#fff; border:0; border-bottom:2px solid transparent; border-radius:0; box-shadow:none; }
.cl-dtab.on { background:#faf7ee; color:#6f551f; border-color:#d5aa41; box-shadow:none; }
.cl-dtab.on b { color:#6f551f; }
.zhibo-card { border-radius:2px; }
.btn-ac-gold,.btn-st-live { background:#292d3a; border-color:#292d3a; }
.vs-header { border-top:3px solid #e3b341; }
.vs-btns a.primary { background:var(--red); color:#fff; }
.site-footer { background:#242733; margin-top:36px; border:0; color:#a9afbb; }
.footer-about,.footer-about a { color:#a9afbb; }
.footer-about strong { color:#e3b341 !important; }
.footer-links { border-color:#3b404e; }
.footer-links a { color:#d3d7df; }
.footer-copy { color:#949ca9; }
@media (max-width:1150px) and (min-width:961px) {
 .ty-topbar-inner { gap:18px; }
 .ty-nav-wrap .main-nav { gap:0; }
 .ty-nav-wrap .main-nav a { font-size:13px; padding:0 9px; }
 .ty-nav-wrap .main-nav > .nav-item > a { padding-right:25px; }
 .ty2-portal,.cl-layout { grid-template-columns:minmax(0,1fr) 280px; gap:16px; }
 ul.ty-mc-grid > li.hm-row.ty-mc-card,.ty2-table-label { grid-template-columns:52px 74px minmax(0,1fr) 89px; padding-left:12px; padding-right:12px; gap:7px; }
 .ty-mc-body .hm-team .logo { width:19px; height:19px; }
 .ty-mc-body .hm-team .nm { font-size:11px; }
}
@media (max-width:960px) {
 .container { width:calc(100% - 32px); }
 .ty-topbar-inner { padding:16px 0; min-height:70px; gap:0; flex-wrap:wrap; }
 .ty-topbar .mobile-menu-btn { color:#fff; border-color:#555b68; }
 .ty-nav-wrap { flex:0 0 100%; margin-top:10px; }
 .ty-nav-wrap .main-nav { width:100%; }
 .ty-nav-wrap .main-nav a { line-height:42px; height:42px; border-color:#434958; }
 .ty-nav-wrap .main-nav .sub-nav { background:#303644; border-color:#434958; }
 .ty-nav-wrap .main-nav .sub-nav a { color:#d3d7df; }
 .submenu-toggle { border-color:#555b68; color:#ccd2de; }
 .ty2-portal,.cl-layout { grid-template-columns:minmax(0,1fr); gap:20px; }
 .ty2-portal .ty-aside { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:start; }
 .ty2-portal .ty-live-card { grid-column:1/-1; grid-template-columns:32px 1fr auto; }
 .ty2-portal .ty-live-go { grid-column:3; grid-row:1; margin:0; }
 .ty2-news-columns { gap:14px; }
 .ty2-news-columns .ty-news { padding:0 12px; }
 .ty2-news-columns .ty-news-item .pic { width:62px; flex-basis:62px; height:50px; }
 .ty-hero { grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); padding:16px; gap:16px; }
 .ty-hero-cap { left:16px; right:16px; }
 .ty-hero-cap h1 { font-size:22px; }
 .ty-hero-meta > span:not(.ty-hero-btn):not([data-home-schedule-date]) { display:none; }
 .cl-layout > .sidebar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:600px) {
 .container { width:calc(100% - 24px); }
 .ty-topbar .brand .name { font-size:21px; }
 .ty-topbar-inner { padding:13px 0 10px; }
 .ty-ticker { margin-bottom:12px; padding:0 10px; }
 .ty2-portal .ty-sec-head { height:54px; padding:0 14px; }
 .ty2-portal .ty-sec-head h3 { font-size:19px; }
 .ty2-sport-filters { padding:0 14px; }
 .ty2-sport-filters button { padding:12px 20px; font-size:12px; }
 .ty2-table-label { display:none; }
 .ty2-match-date { padding:9px 13px; font-size:11px; }
 ul.ty-mc-grid > li.hm-row.ty-mc-card { display:grid; grid-template-columns:minmax(0,1fr) 110px; grid-template-rows:auto auto auto; gap:12px; padding:14px !important; min-height:0; }
 .ty-mc-top { grid-column:1; grid-row:1; flex-direction:row; align-items:center; gap:8px; }
 .ty-mc-lg { width:auto; max-width:145px; font-size:11px; }
 .ty-mc-top .hm-status { flex-shrink:0; }
 .ty-mc-foot .hm-time { grid-column:2; grid-row:1; flex-direction:row; justify-content:flex-end; align-items:baseline; gap:6px; }
 .ty-mc-foot .hm-time .t { font-size:13px; }
 .ty-mc-body { grid-column:1/-1; grid-row:2; grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr); gap:7px; padding:3px 0; }
 .ty-mc-body .hm-team .nm { font-size:12px; max-width:none; }
 .ty-mc-body .hm-team .logo { width:25px; height:25px; }
 .ty-mc-foot .hm-btns { grid-column:1/-1; grid-row:3; flex-direction:row; align-items:center; justify-content:center; gap:10px; }
 ul.ty-mc-grid > li.hm-row.ty-mc-card .ty-mc-foot .hm-btns a { flex:1; font-size:12px !important; padding:7px 12px !important; }
 ul.ty-mc-grid > li.hm-row.ty-mc-card .ty-mc-foot .hm-btns .hm-btn-alt { border:1px solid var(--line); background:#f7f8fa; }
 .ty2-portal .ty-aside { grid-template-columns:minmax(0,1fr); }
 .ty2-portal .ty-live-card { grid-template-columns:32px 1fr; }
 .ty2-portal .ty-live-go { grid-column:2; grid-row:auto; }
 .ty2-news-section { margin-top:18px; }
 .ty-hero { grid-template-columns:minmax(0,1fr); padding:14px; gap:18px; }
 .ty-hero-main { min-height:280px; height:280px; }
 .ty-hero-main > img { position:absolute; height:100%; aspect-ratio:auto; }
 .ty-hero-cap h1 { font-size:22px; }
 .ty-hero-cap { bottom:17px; }
 .ty-hero-side { gap:15px; }
 .ty-hero-news .pic { height:92px; }
 .ty-hero-news h4 { font-size:12px; }
 .ty2-news-columns { grid-template-columns:minmax(0,1fr); gap:16px; margin-top:16px; }
 .ty2-news-columns .ty-news { padding:0 15px; }
 .ty2-news-columns .ty-news-item .pic { width:92px; flex-basis:92px; height:64px; }
 .ty2-news-columns .ty-news-item h4 { font-size:14px; }
 .cl-layout > .sidebar { grid-template-columns:minmax(0,1fr); }
 .article-box,.list-wrap { padding:20px 15px; }
 .list-wrap .news-item .cover { width:90px; flex-basis:90px; height:72px; }
 .list-wrap .news-item .ni-body h3 { font-size:15px; }
 .site-footer { margin-top:24px; }
}

/* 品牌标志 */
.ty-topbar .brand { flex-shrink:0; }
.ty-site-logo { display:block; width:226px; height:auto; }
.ty2-page-title { display:flex; align-items:center; gap:9px; margin:0; font-size:20px; font-weight:700; line-height:1.4; }
.ty2-news-section > .ty2-news-columns { margin-top:0; }
@media (max-width:1150px) and (min-width:961px) {
 .ty-site-logo { width:196px; }
}
@media (max-width:600px) {
 .ty-site-logo { width:206px; }
 .ty2-page-title { font-size:19px; }
}

/* 直播入口：明确主次，统一图标与双行文字 */
.ty-live-entry {
 background:#fff8f8 !important;
 border:1px solid #f0dadd !important;
 border-top:3px solid #cc3442 !important;
 border-radius:10px !important;
 padding:18px !important;
}
.ty-live-entry .live-entry-hint {
 display:flex; align-items:center; justify-content:center; gap:8px;
 color:#95414b; font-size:12px; line-height:1.7; margin-bottom:14px;
}
.live-entry-hint::before {
 content:""; width:7px; height:7px; flex-shrink:0; border-radius:50%;
 background:#d73748; box-shadow:0 0 0 4px #fbe5e8;
}
.ty-live-entry .vs-btns,.vs-header .vs-btns {
 display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px;
}
.ty-live-entry .vs-btns a,.vs-header .vs-btns a {
 --entry-icon:#415f8c; --entry-tint:#edf2fa;
 display:grid; grid-template-columns:26px minmax(0,1fr); grid-template-rows:auto auto;
 column-gap:9px; row-gap:2px; align-content:center; align-items:center;
 width:100%; min-width:0; min-height:66px; padding:12px;
 color:#344158; background:#fff; border:1px solid #d8e0eb;
 border-radius:7px; font-weight:600; letter-spacing:0; text-shadow:none;
 box-shadow:0 2px 4px #24273306;
 transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;
}
.ty-live-entry .vs-btns a::before,.vs-header .vs-btns a::before {
 content:"▶" !important; display:grid; place-items:center; grid-row:1/3;
 width:26px; height:26px; padding-left:2px; border-radius:50%;
 color:var(--entry-icon); background:var(--entry-tint);
 font:10px/1 Arial,sans-serif; box-shadow:none; animation:none;
}
.live-btn-label { display:block; font-size:14px; line-height:1.45; text-align:left; white-space:nowrap; }
.live-btn-note { display:block; font-size:10px; line-height:1.5; font-weight:400; color:#7c8594; text-align:left; white-space:nowrap; }
.ty-live-entry .vs-btns a.primary,.vs-header .vs-btns a.primary {
 --entry-icon:#fff; --entry-tint:#ffffff26;
 background:#cc3442; border-color:#cc3442; color:#fff;
 box-shadow:0 5px 12px #b8293826;
}
.vs-btns a.primary .live-btn-note { color:#ffe1e5; }
.ty-live-entry .vs-btns a.gold,.vs-header .vs-btns a.gold {
 --entry-icon:#9b7424; --entry-tint:#faf3e5; border-color:#e9dfc9;
}
.ty-live-entry .vs-btns a.teal,.vs-header .vs-btns a.teal {
 --entry-icon:#25725f; --entry-tint:#eaf5f0; border-color:#cfe5dc;
}
.ty-live-entry .vs-btns a:hover,.vs-header .vs-btns a:hover {
 color:#263549; background:#f7f9fc; border-color:#9bafca;
 box-shadow:0 5px 12px #26354912; transform:translateY(-2px);
}
.ty-live-entry .vs-btns a.primary:hover,.vs-header .vs-btns a.primary:hover {
 background:#b62434; border-color:#b62434; color:#fff; box-shadow:0 7px 16px #b8293833;
}
.ty-live-entry .vs-btns a:focus-visible,.vs-header .vs-btns a:focus-visible {
 outline:2px solid #65748c; outline-offset:3px;
}
.ty-live-entry .vs-btns a:active,.vs-header .vs-btns a:active { transform:translateY(0); }
@media (max-width:600px) {
 .ty-live-entry { padding:14px !important; }
 .ty-live-entry .live-entry-hint { font-size:11px; margin-bottom:12px; text-align:left; }
 .ty-live-entry .vs-btns,.vs-header .vs-btns { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
 .ty-live-entry .vs-btns a,.vs-header .vs-btns a {
   grid-template-columns:22px minmax(0,1fr); column-gap:7px; min-height:62px; padding:10px 8px;
 }
 .ty-live-entry .vs-btns a::before,.vs-header .vs-btns a::before { width:22px; height:22px; font-size:9px; }
 .live-btn-label { font-size:12px; }
 .live-btn-note { font-size:9px; }
}
@media (max-width:360px) {
 .ty-live-entry .vs-btns a,.vs-header .vs-btns a { grid-template-columns:minmax(0,1fr); padding:10px 5px; }
 .ty-live-entry .vs-btns a::before,.vs-header .vs-btns a::before { display:none; }
 .live-btn-label,.live-btn-note { text-align:center; }
}

/* 四条直播线路：独立配色与轻量动效 */
.ty-live-entry .vs-btns a.primary,.vs-header .vs-btns a.primary {
 --entry-start:#df3a50; --entry-end:#bd263a; --entry-shadow:#b8293833;
}
.ty-live-entry .vs-btns a.cctv,.vs-header .vs-btns a.cctv {
 --entry-start:#3478d5; --entry-end:#2358ae; --entry-shadow:#2358ae33;
}
.ty-live-entry .vs-btns a.gold,.vs-header .vs-btns a.gold {
 --entry-start:#b97318; --entry-end:#99500d; --entry-shadow:#99500d33;
}
.ty-live-entry .vs-btns a.teal,.vs-header .vs-btns a.teal {
 --entry-start:#178b78; --entry-end:#106e60; --entry-shadow:#106e6033;
}
.ty-live-entry .vs-btns a[class],.vs-header .vs-btns a[class] {
 --entry-icon:#fff; --entry-tint:#ffffff26;
 position:relative; isolation:isolate; overflow:hidden; color:#fff;
 background:linear-gradient(120deg,var(--entry-start),var(--entry-end));
 border-color:var(--entry-end); box-shadow:0 4px 10px var(--entry-shadow);
 transition:transform .2s,box-shadow .2s,filter .2s;
}
.ty-live-entry .vs-btns a .live-btn-note,.vs-header .vs-btns a .live-btn-note { color:#fff; opacity:.9; }
.ty-live-entry .vs-btns a > span,.vs-header .vs-btns a > span { position:relative; z-index:1; }
.ty-live-entry .vs-btns a::before,.vs-header .vs-btns a::before {
 position:relative; z-index:1; animation:ty-live-pulse 2.8s ease-in-out infinite;
}
.ty-live-entry .vs-btns a::after,.vs-header .vs-btns a::after {
 content:""; position:absolute; pointer-events:none; z-index:0;
 top:-45%; left:-70%; width:42%; height:190%;
 background:linear-gradient(90deg,transparent,#ffffff1f,transparent);
 transform:skewX(-20deg); animation:ty-live-sheen 6s ease-in-out infinite;
}
.ty-live-entry .vs-btns a:nth-child(2)::before,.vs-header .vs-btns a:nth-child(2)::before { animation-delay:-.7s; }
.ty-live-entry .vs-btns a:nth-child(3)::before,.vs-header .vs-btns a:nth-child(3)::before { animation-delay:-1.4s; }
.ty-live-entry .vs-btns a:nth-child(4)::before,.vs-header .vs-btns a:nth-child(4)::before { animation-delay:-2.1s; }
.ty-live-entry .vs-btns a:nth-child(2)::after,.vs-header .vs-btns a:nth-child(2)::after { animation-delay:1s; }
.ty-live-entry .vs-btns a:nth-child(3)::after,.vs-header .vs-btns a:nth-child(3)::after { animation-delay:2s; }
.ty-live-entry .vs-btns a:nth-child(4)::after,.vs-header .vs-btns a:nth-child(4)::after { animation-delay:3s; }
.ty-live-entry .vs-btns a[class]:hover,.vs-header .vs-btns a[class]:hover {
 color:#fff; background:linear-gradient(120deg,var(--entry-start),var(--entry-end));
 border-color:var(--entry-end); filter:brightness(1.06);
 transform:translateY(-3px); box-shadow:0 8px 17px var(--entry-shadow);
}
.ty-live-entry .vs-btns a[class]:active,.vs-header .vs-btns a[class]:active { transform:translateY(0); filter:brightness(.97); }
@keyframes ty-live-pulse {
 0%,100% { transform:scale(1); box-shadow:0 0 0 0 #ffffff00; }
 50% { transform:scale(1.07); box-shadow:0 0 0 4px #ffffff14; }
}
@keyframes ty-live-sheen {
 0%,72% { left:-70%; }
 100% { left:135%; }
}
@media (prefers-reduced-motion:reduce) {
 .ty-live-entry .vs-btns a[class],.vs-header .vs-btns a[class] { transform:none; transition:none; }
 .ty-live-entry .vs-btns a::before,.vs-header .vs-btns a::before,
 .ty-live-entry .vs-btns a::after,.vs-header .vs-btns a::after { animation:none; }
}
/* tiyu2 文章页：独立头图、通栏直播入口、阅读区与赛程栏。 */
.ty2-article-page .breadcrumb-bar { padding:18px 0; }
.ty2-story-masthead { display:grid; grid-template-columns:minmax(0,1fr); background:#fff; border:1px solid var(--line); }
.ty2-story-heading { padding:30px 34px; min-width:0; display:flex; flex-direction:column; justify-content:center; }
.ty2-story-kicker { display:flex; align-items:center; gap:12px; color:#b52d3d; font-size:12px; font-weight:700; margin-bottom:15px; }
.ty2-story-kicker::before { content:""; width:22px; height:3px; background:#c63546; }
.ty2-story-kicker span { color:var(--muted); font-weight:400; border-left:1px solid var(--line); padding-left:12px; }
.ty2-story-heading h1 { font-size:30px; font-weight:750; line-height:1.5; letter-spacing:-.4px; margin:0 0 23px; overflow-wrap:anywhere; }
.ty2-story-heading .article-meta { margin:0; padding:0; border:0; gap:7px 17px; font-size:11px; }
.ty2-story-keywords { flex-basis:100%; font-size:10px; line-height:1.8; overflow-wrap:anywhere; }
.ty2-story-picture { margin:22px 0 26px; min-width:0; overflow:hidden; }
.ty2-story-layout .article-body .ty2-story-picture img { display:block; width:100%; height:auto; margin:0; }
.ty2-article-page .ty-live-entry { display:grid; grid-template-columns:170px minmax(0,1fr); align-items:center; gap:22px; margin:0 0 26px; padding:22px 26px !important; background:#fff !important; border:1px solid var(--line) !important; border-top:0 !important; border-radius:0 !important; text-align:left; }
.ty2-watch-heading h2 { font-size:19px; line-height:1.5; margin:0 0 8px; }
.ty2-article-page .live-entry-hint { justify-content:flex-start; gap:7px; margin:0; font-size:10px; color:var(--muted); }
.ty2-article-page .live-entry-hint::before { width:5px; height:5px; box-shadow:none; }
.ty2-article-page .ty-live-entry .vs-btns { margin:0; gap:12px; }
.ty2-article-page .ty-live-entry .vs-btns a { border-radius:4px; min-height:68px; }
.ty2-article-page .ty2-story-layout { grid-template-columns:minmax(0,1fr) 330px; gap:26px; margin:0; align-items:start; }
.ty2-story-layout .article-box { padding:28px 34px 30px; border:1px solid var(--line); border-radius:0; }
.ty2-section-heading { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:8px; border-bottom:2px solid #26364a; padding-bottom:12px; margin-bottom:24px; }
.ty2-section-heading h2 { font-size:19px; font-weight:700; margin:0; line-height:1.5; }
.ty2-section-heading > span { font-size:11px; color:var(--muted); }
.ty2-story-layout .article-body { font-size:16px; line-height:2; overflow-wrap:anywhere; }
.ty2-story-lead { display:block; font-size:18px; line-height:1.8; font-weight:700; margin-bottom:12px; }
.ty2-story-layout .article-body .ty2-story-lead a { text-decoration:none; }
.ty2-story-layout .article-body .ty2-story-summary { background:#f5f6f8; border-left:3px solid #d6ad46; padding:15px 18px; margin:0 0 25px; font-size:14px; }
.ty2-story-layout .article-body > h2,.ty2-story-layout .article-body > h3 { margin:26px 0 13px; font-size:21px; }
.ty2-story-layout .article-body img { border-radius:0; }
.ty2-story-gallery { margin-top:30px; padding-top:20px; border-top:1px solid var(--line); }
.ty2-gallery-heading { font-size:16px; font-weight:700; margin-bottom:14px; }
.ty2-gallery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.ty2-gallery-grid a { display:block; overflow:hidden; }
.ty2-story-layout .ty2-gallery-grid img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; margin:0; }
.ty2-story-pagination { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--line); margin-top:28px; padding-top:20px; gap:25px; font-size:13px; line-height:1.8; }
.ty2-story-pagination > div { min-width:0; overflow-wrap:anywhere; }
.ty2-story-pagination > div + div { padding-left:25px; border-left:1px solid var(--line); }
.ty2-story-pagination span { display:block; font-size:11px; color:var(--muted); margin-bottom:6px; }
.ty2-article-page .ty2-story-sidebar { display:block; }
.ty2-article-page .ty2-story-sidebar .side-box { border-radius:0; padding:18px 20px; margin-bottom:22px; }
.ty2-story-sidebar h3 { font-size:17px; }
.ty2-story-sidebar h3 .side-more { margin-left:auto; font-size:11px; font-weight:400; }
.ty2-story-schedule .ty-vc-list { max-height:565px; overflow-y:auto; overscroll-behavior-y:contain; scrollbar-width:thin; scrollbar-color:#d1d7df transparent; padding-right:5px; }
.ty2-story-schedule .vc-row { padding:13px 0; }
.ty2-story-schedule .vc-row:last-child { border-bottom:0; }
.ty2-story-schedule .vc-meta { margin-top:7px; }
.ty2-story-hot .side-news { counter-reset:story-rank; gap:0; }
.ty2-story-hot .side-news-item { position:relative; gap:10px; padding:10px 0 10px 25px; align-items:flex-start; }
.ty2-story-hot .side-news-item::before { counter-increment:story-rank; content:counter(story-rank,decimal-leading-zero); position:absolute; left:0; top:10px; font:italic 15px/1.5 Georgia,serif; color:#8e99a7; }
.ty2-story-hot .side-news-item:nth-child(-n+3)::before { color:#bd3445; }
.ty2-story-hot .sn-pic { display:block; flex:0 0 72px; width:72px; height:52px; border-radius:2px; }
.ty2-story-hot .sn-date { display:none; }
.ty2-story-hot .sn-bd { align-self:center; }
.ty2-story-hot .sn-bd h5 { font-size:12px; line-height:1.8; font-weight:500; -webkit-line-clamp:2; margin:0; }
.ty2-story-hot .sn-date { font-size:10px; }
.ty2-story-sidebar .side-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.ty2-story-sidebar .side-list li { padding:0; border:0; }
.ty2-story-sidebar .side-list li::before { content:none; }
.ty2-story-sidebar .side-list a { display:block; background:#f5f6f8; border:1px solid var(--line-2); padding:7px 9px; text-align:center; font-size:12px; }
.ty2-story-sidebar .side-list a:hover { background:#edf0f4; }
.ty2-related-stories { background:#fff; border:1px solid var(--line); margin-top:26px; padding:25px 28px 28px; }
.ty2-related-stories .rel-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px 22px; }
.ty2-related-stories .rel-card { display:block; padding:0; min-width:0; }
.ty2-related-stories .rel-pic { width:100%; height:auto; aspect-ratio:16/10; margin-bottom:12px; border-radius:0; }
.ty2-related-stories .rel-bd h5 { font-size:14px; line-height:1.75; margin:0 0 6px; }
.ty2-related-stories .rel-bd p { font-size:12px; -webkit-line-clamp:2; margin-bottom:9px; }
.ty2-related-stories .rel-date { font-size:10px; }
@media (max-width:1100px) {
 .ty2-related-stories .rel-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ty2-story-heading { padding:24px; }
 .ty2-story-heading h1 { font-size:26px; }
 .ty2-article-page .ty-live-entry { grid-template-columns:140px minmax(0,1fr); gap:16px; padding:20px !important; }
 .ty2-article-page .ty-live-entry .vs-btns { gap:8px; }
 .ty2-article-page .ty-live-entry .vs-btns a { grid-template-columns:22px minmax(0,1fr); padding:10px 8px; column-gap:7px; }
 .ty2-article-page .live-btn-label { font-size:12px; }
 .ty2-article-page .live-btn-note { font-size:9px; }
 .ty2-article-page .ty2-story-layout { grid-template-columns:minmax(0,1fr) 290px; gap:20px; }
 .ty2-story-layout .article-box { padding:23px; }
 .ty2-article-page .ty2-story-sidebar .side-box { padding:16px; }
}
@media (max-width:900px) {
 .ty2-story-heading h1 { font-size:24px; }
 .ty2-article-page .ty-live-entry { grid-template-columns:minmax(0,1fr); gap:16px; }
 .ty2-watch-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; }
 .ty2-watch-heading h2 { margin:0; font-size:17px; }
 .ty2-article-page .ty2-story-layout { grid-template-columns:minmax(0,1fr); }
 .ty2-article-page .ty2-story-sidebar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
 .ty2-article-page .ty2-story-sidebar .side-box { margin:0; }
 .ty2-related-stories .rel-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px 18px; }
}
@media (max-width:600px) {
 .ty2-story-masthead { grid-template-columns:minmax(0,1fr); }
 .ty2-story-heading { padding:22px 20px; }
 .ty2-story-heading h1 { font-size:24px; line-height:1.5; margin-bottom:18px; }
 .ty2-story-kicker { margin-bottom:12px; font-size:11px; }
 .ty2-story-picture { margin:18px 0 22px; }
 .ty2-article-page .ty-live-entry { padding:18px 16px !important; margin-bottom:18px; gap:14px; }
 .ty2-article-page .ty-live-entry .vs-btns { gap:10px; }
 .ty2-article-page .ty-live-entry .vs-btns a { min-height:64px; }
 .ty2-story-layout .article-box { padding:22px 20px; }
 .ty2-section-heading { margin-bottom:18px; }
 .ty2-section-heading h2 { font-size:18px; }
 .ty2-section-heading > span { font-size:10px; }
 .ty2-story-layout .article-body { font-size:15px; }
 .ty2-story-lead { font-size:16px; }
 .ty2-story-layout .article-body .ty2-story-summary { padding:12px; font-size:13px; }
 .ty2-gallery-grid { gap:7px; }
 .ty2-story-pagination { gap:15px; font-size:12px; }
 .ty2-story-pagination > div + div { padding-left:15px; }
 .ty2-article-page .ty2-story-sidebar { grid-template-columns:minmax(0,1fr); gap:18px; }
 .ty2-story-schedule .ty-vc-list { max-height:480px; }
 .ty2-related-stories { padding:20px 16px; margin-top:18px; }
 .ty2-related-stories .rel-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 14px; }
 .ty2-related-stories .rel-bd h5 { font-size:12px; }
 .ty2-related-stories .rel-bd p { display:none; }
}
@media (max-width:360px) {
 .ty2-article-page .ty-live-entry .vs-btns a { grid-template-columns:minmax(0,1fr); }
 .ty2-story-heading { padding:19px 16px; }
 .ty2-story-heading h1 { font-size:21px; }
 .ty2-story-layout .article-box { padding:20px 16px; }
 .ty2-watch-heading { flex-wrap:wrap; gap:6px; }
}

/* 长文章在正文区域内滚动，标题和上下篇保持在外侧。 */
.ty2-story-layout .ty2-article-scroll {
 max-height:760px;
 max-height:min(760px,75vh);
 overflow-y:auto;
 overflow-x:hidden;
 scrollbar-gutter:stable;
 scrollbar-width:thin;
 scrollbar-color:#aeb8c6 #f1f3f6;
 padding-right:14px;
}
.ty2-article-scroll::-webkit-scrollbar { width:7px; }
.ty2-article-scroll::-webkit-scrollbar-track { background:#f1f3f6; border-radius:4px; }
.ty2-article-scroll::-webkit-scrollbar-thumb { background:#aeb8c6; border-radius:4px; }
.ty2-article-scroll::-webkit-scrollbar-thumb:hover { background:#7c899c; }
.ty2-article-scroll:focus-visible { outline:2px solid #aeb8c6; outline-offset:4px; }
@media (max-width:600px) {
 .ty2-story-layout .ty2-article-scroll { max-height:70vh; padding-right:10px; }
}
@media print {
 .ty2-story-layout .ty2-article-scroll { max-height:none; overflow:visible; padding-right:0; }
}

/* 延伸阅读紧凑四列，桌面双栏底部对齐。 */
.ty2-related-stories .rel-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px 14px; align-content:start; }
.ty2-related-stories .rel-pic { aspect-ratio:16/9; margin-bottom:8px; }
.ty2-related-stories .rel-bd h5 { font-size:12px; line-height:1.7; min-height:3.4em; margin-bottom:5px; }
.ty2-related-stories .rel-bd p { display:none; }
.ty2-related-stories .rel-date { font-size:10px; }
@media (min-width:901px) {
 .ty2-article-page .ty2-story-layout { align-items:stretch; }
 .ty2-story-layout > .content { display:flex; flex-direction:column; }
 .ty2-story-layout > .content > .article-box { flex:none; }
 .ty2-story-layout .ty2-related-stories { flex:1; padding:22px 24px; }
 .ty2-article-page .ty2-story-sidebar { display:flex; flex-direction:column; gap:22px; }
 .ty2-article-page .ty2-story-sidebar .side-box { margin:0; flex:none; }
 .ty2-article-page .ty2-story-sidebar .side-box:last-child { margin-top:auto; }
}
@media (max-width:600px) {
 .ty2-related-stories .rel-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 12px; }
}