/* ============================================================
 * bootstrap.css — 西瓜看球app全局基础样式（Reset + 排版）
 * 兼容 EyouCMS 全站模板：header / footer / index / 列表页 / 详情页
 * ============================================================ */
*,*::before,*::after { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; scroll-behavior: smooth; }
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
                 "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue",
                 Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #e2e6f0;
    background: #020417;
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }
img, svg, video, canvas, audio, iframe, embed, object { display: block; max-width: 100%; }
img { border-style: none; vertical-align: middle; }
a {
    background-color: transparent;
    color: #36d1ad;
    text-decoration: none;
    transition: color 0.2s ease;
}
a:hover { color: #12b796; text-decoration: none; }
a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; }
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; }
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-weight: 700;
    line-height: 1.3;
    color: #f8f9fc;
}
h1 { font-size: 2rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.2rem; }
h4 { font-size: 1rem; }
h5 { font-size: 0.9rem; }
h6 { font-size: 0.8rem; }
p { margin: 0 0 0.8rem 0; }
ul, ol { list-style: none; }
small { font-size: 80%; }
sub, sup {
    font-size: 75%; line-height: 0;
    position: relative; vertical-align: baseline;
}
sup { top: -0.4em; } sub { bottom: -0.25em; }
button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    border: none;
    outline: none;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
textarea { overflow: auto; resize: vertical; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }
hr {
    box-sizing: content-box; height: 0; overflow: visible;
    border: 0;
    border-top: 1px solid rgba(255,255,255,0.08);
    margin: 1.5rem 0;
}
code, kbd, pre, samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 1em;
}
pre { overflow: auto; }
table { border-collapse: collapse; width: 100%; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #020417; }
::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(16,185,129,0.5), rgba(14,165,233,0.45));
    border-radius: 8px;
}
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, rgba(16,185,129,0.7), rgba(14,165,233,0.65));
}
::selection { background: rgba(16,185,129,0.35); color: #d9f99d; }
/* ---------- 常用工具类 ---------- */
.c_1570 {
    max-width: 1570px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.d-none { display: none !important; }
.d-flex { display: flex !important; }
.d-block { display: block !important; }
.align-center { align-items: center !important; }
.justify-between { justify-content: space-between !important; }
.flex-wrap { flex-wrap: wrap !important; }
.w-100 { width: 100% !important; }
.mt-0 { margin-top: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
.rounded { border-radius: 0.5rem; }
.rounded-lg { border-radius: 0.75rem; }
.rounded-xl { border-radius: 1rem; }
.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* 2598d8 */
[data-48f] {
    will-change: transform;
}
html {
    will-change: transform;
}
.370a970 {
    will-change: transform;
}