澳超12胜9期号专家推荐:凤凰换帅战悉尼回暖

.nav-link:hover { background: rgba(99,102,241,.08); }
.nav-link.active { background: var(--color-primary); color:#fff; }
body, h1, h2, h3, h4 { font-family: var(--font-display); }
display: grid; grid-auto-flow: column; grid-auto-columns: 100%;
overflow-x: auto; scroll-snap-type: x mandatory; gap: 0;,足球直播
}
.slide { position: relative; scroll-snap-align: start; }
.slide img { width: 100%; height: 360px; object-fit: cover; }
.overlay { position: fixed; inset: 0; background: rgba(0,0,0,.35); opacity: 0; pointer-events: none; transition: opacity .25s ease; z-index: 40; },体育赛事直播
.overlay.open { opacity: 1; pointer-events: auto; }
.drawer { position: fixed; top: 0; left: 0; width: 100%; max-height: 70vh; background: #fff; box-shadow: 0 20px 40px rgba(0,0,0,.2); transform: translateY(-100%); transition: transform .25s ease, box-shadow .25s ease; z-index: 50; border-bottom: 1px solid #e5e7eb; border-radius: 0 0 12px 12px; }
.drawer.open { transform: translateY(0); }
.drawer-inner { padding: 12px 16px; display: flex; flex-direction: column; gap: 10px; }
.drawer-link { display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:8px; color:#111827; text-decoration:none; }
.drawer-link:hover { background:#f3f4f6; }
.

.nav-link.active { background: var(--color-primary); color:#fff; }
body, h1, h2, h3, h4 { font-family: var(--font-display); }
🚫 .carousel {
display: grid; grid-auto-flow: column; grid-auto-columns: 100%;
overflow-x: auto; scroll-snap-type: x mandatory; gap: 0;,足球直播
}
.slide { position: relative; scroll-snap-align: start; }
.slide img { width: 100%; height: 360px; object-fit: cover; }
.overlay { position: fixed; inset: 0; background: rgba(0,0,0,.35); opacity: 0; pointer-events: none; transition: opacity .25s ease; z-index: 40; },体育赛事直播
.overlay.open { opacity: 1; pointer-events: auto; }
.drawer { position: fixed; top: 0; left: 0; width: 100%; max-height: 70vh; background: #fff; box-shadow: 0 20px 40px rgba(0,0,0,.2); transform: translateY(-100%); transition: transform .25s ease, box-shadow .25s ease; z-index: 50; border-bottom: 1px solid #e5e7eb; border-radius: 0 0 12px 12px; }
.drawer.open { transform: translateY(0); }
.drawer-inner { padding: 12px 16px; display: flex; flex-direction: column; gap: 10px; }
.drawer-link { display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:8px; color:#111827; text-decoration:none; }
.drawer-link:hover { background:#f3f4f6; }
.

乐竞体育直播 足球直播 体育赛事直播