* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
    font-family: "Microsoft YaHei", "PingFang SC", SimSun, sans-serif;
    color: #222;
    background: #f3f4f6;
}
a { color: inherit; }
code { font-family: Consolas, monospace; background: #f3f4f6; padding: 1px 4px; }

.topbar {
    height: 44px;
    background: #3c78c5;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
}
.topbar a { color: #fff; text-decoration: none; margin-right: 14px; font-size: 14px; }
.top-links a:hover, .topbar > a:hover { text-decoration: underline; }

.foot {
    text-align: center;
    color: #8d8d8d;
    font-size: 12px;
    padding: 18px 12px 28px;
}

.page-zst { background: #d9e2ec; color: #323232; }
.page-zst .m-wrap { padding-bottom: 24px; }
.page-zst .m-top a { font-size: 16px; font-weight: 400; }

.syncbar {
    background: #111;
    color: #bbb;
    padding: 12px 16px;
    border-bottom: 1px solid #222;
}
.syncbar form { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.syncbar button, .back {
    background: #3c78c5;
    color: #fff;
    border: 0;
    border-radius: 2px;
    padding: 8px 14px;
    cursor: pointer;
    text-decoration: none;
    font-size: 14px;
}
.syncbar span { font-size: 12px; }

.zst-catalog { padding: 10px 10px 4px; }
.zst-catalog .group { margin: 0 0 10px; background: #fff; border: 1px solid #e5e5e5; }
.zst-catalog h2 {
    margin: 0;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    color: #b92734;
    font-size: 18px;
    font-weight: 700;
}
.zst-catalog .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px 8px;
    padding: 4px 10px 14px;
}
.zst-catalog .grid a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    padding: 0 4px;
    border: 1px solid #346AB0;
    border-radius: 3px;
    color: #323232;
    background: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    line-height: 32px;
    overflow: hidden;
    white-space: nowrap;
}
.zst-catalog .grid a:hover { color: #0281c9; }

.page-chart { background: #d9e2ec; }
.page-chart .m-wrap { background: #fff; padding-bottom: 12px; }
.page-chart .m-top a { font-size: 16px; font-weight: 400; }
.subnav {
    background: #fff;
    padding: 10px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 8px;
}
.subnav a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    padding: 0 4px;
    color: #323232;
    border: 1px solid #346AB0;
    border-radius: 3px;
    text-decoration: none;
    font-size: 13px;
    background: #fff;
    overflow: hidden;
    white-space: nowrap;
}
.subnav a.on { color: #b92734; border-color: #b92734; }

.tools {
    background: #fff;
    color: #333;
    padding: 0 10px 8px;
}
.tools h1 { margin: 2px 0 10px; color: #b92734; font-size: 16px; font-weight: 700; }
.periods { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px 8px; }
.periods a, .filters select, .lock {
    color: #323232;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    text-decoration: none;
    font-size: 13px;
}
.periods a { display: flex; align-items: center; justify-content: center; height: 32px; }
.periods a.on { color: #b92734; background: #fff; border-color: #e5e5e5; }
.filters { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 10px; }
.filters select, .lock {
    width: 100%;
    height: 30px;
    border-color: #707070;
    border-radius: 0;
    box-sizing: border-box;
}
.lock { display: flex; align-items: center; justify-content: center; }
.checks {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    background: #f6f6f6;
    min-height: 34px;
    padding: 6px 10px;
}
.checks label { display: flex; gap: 4px; align-items: center; }

.chart-page { background: #fffdf9; }
.chart-head { padding: 8px 12px 6px; }
.latest-line, .chart-note { margin: 0; font-size: 13px; color: #555; }
.latest-line a { color: #1a53a4; }
.chart-wrap {
    overflow: auto;
    max-height: calc(100vh - 220px);
    border-top: 1px solid #f0e5c7;
    background: #fffdf9;
}
.chart-inner { position: relative; display: inline-block; min-width: 100%; }
#lineCanvas { position: absolute; left: 0; top: 0; z-index: 1; pointer-events: none; }
.zst-table { position: relative; z-index: 2; border-collapse: separate; border-spacing: 0; font-size: 12px; background: #fff; }
.zst-table th, .zst-table td {
    border: 1px solid #fff;
    text-align: center;
    padding: 0;
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
    font-weight: 400;
    color: #666;
    background: #f7f7f7;
}
.zst-table thead th {
    position: sticky;
    top: 0;
    background: #f0e5c6;
    z-index: 3;
    font-weight: 700;
    color: #333;
}
.zst-table thead tr:nth-child(2) th { top: 24px; }
.zst-table th.issue, .zst-table td.issue {
    position: sticky;
    left: 0;
    z-index: 4;
    background: #f7f7f7;
    font-weight: 700;
    color: #333;
}
.zst-table thead th.issue { background: #f0e5c6; z-index: 5; }
.zst-table td.award { color: #d63031; font-weight: 700; letter-spacing: 0.5px; }
.zst-table td.split, .zst-table th.split {
    width: 2px;
    min-width: 2px;
    max-width: 2px;
    background: #dbdbdb;
    border-color: #dbdbdb;
    padding: 0;
}
.zst-table td.miss { color: #b5b5b5; }
.show-layer .miss.lv2 { background: #e7f3ff; color: #5d7e9a; }
.show-layer .miss.lv3 { background: #fff1cc; color: #9a7420; }
.show-layer .miss.lv4 { background: #ffd9d4; color: #c0392b; }
.hide-miss .miss { color: transparent; }
.hide-miss.show-layer .miss { color: transparent; }
.zst-table tfoot td { background: #f8f4e8; color: #666; }
.zst-table tfoot td.issue { background: #f8f4e8; color: #333; }
.ball {
    display: inline-flex;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 11px;
    line-height: 16px;
    position: relative;
    z-index: 3;
}
.ball.red { background: #e4453b; }
.ball.blue { background: #2f79d4; }
.ball.green { background: #2f9e62; }
.ball.pill { width: auto; min-width: 16px; border-radius: 8px; padding: 0 3px; }
.tag { display: inline-block; min-width: 28px; padding: 0 4px; color: #fff; border-radius: 2px; font-size: 11px; line-height: 16px; }
.tag-zu6 { background: #3d7ec9; }
.tag-zu3 { background: #e0a106; }
.tag-bao { background: #e4453b; }
.trial { margin-left: 8px; color: #888; font-size: 12px; }

.empty { padding: 28px 16px; color: #666; }
.plain { padding: 16px; max-width: 980px; }
.plain h1 { margin: 0 0 12px; font-size: 22px; }
.report { list-style: none; padding: 0; }
.report li { padding: 8px 0; border-bottom: 1px solid #eee; display: flex; gap: 12px; flex-wrap: wrap; }
.bad { color: #d63031; }
.page-kaijiang { background: #d9e2ec; }
.page-kaijiang .m-wrap { padding-bottom: 16px; background: #fff; min-height: 100vh; }
.m-side { display: flex; align-items: center; gap: 18px; }
.page-kaijiang .plain { max-width: none; margin: 0; padding: 0 0 16px; }
.page-kaijiang .plain h1 { padding: 14px 16px 0; font-size: 18px; }
.page-kaijiang .plain > .kj-meta { padding: 0 16px; }
.page-kaijiang .history-scroll { overflow-x: auto; }
.page-kaijiang .pager { padding: 12px 16px 8px; }
.kj-tabs { display: flex; background: #fff; border-bottom: 1px solid #e5e8ee; }
.kj-tabs button { flex: 1; background: none; border: 0; border-bottom: 2px solid transparent; padding: 14px 0 12px; font-size: 16px; color: #333; cursor: pointer; }
.kj-tabs button.on { color: #2f6fbe; border-bottom-color: #2f6fbe; font-weight: 700; }
.kj-page .kj-card { border: 0; border-bottom: 1px solid #eee; border-radius: 0; padding: 14px 16px; }
.kj-page .ball { width: 28px; height: 28px; font-size: 13px; line-height: 28px; }
.ball.text { width: auto; min-width: 28px; padding: 0 6px; border-radius: 14px; }
.kj-list { display: grid; gap: 10px; }
.kj-card {
    display: block;
    text-decoration: none;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    padding: 12px;
}
.kj-title { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }
.kj-title span, .kj-meta { color: #888; font-size: 13px; }
.balls { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; }
.history { width: 100%; border-collapse: collapse; background: #fff; }
.history th, .history td { border-bottom: 1px solid #eee; padding: 8px; text-align: left; }
.pager { display: flex; gap: 12px; align-items: center; }
.pager a { color: #3c78c5; }

.page-admin { background: #f3f4f6; }
.login-box, .admin-main { max-width: 1080px; margin: 24px auto; padding: 0 16px; }
.login-box { max-width: 380px; background: #fff; border: 1px solid #e6e6e6; padding: 20px; }
.login-box h1, .admin-main h1 { margin: 0 0 14px; font-size: 20px; }
.login-box label, .edit-form label { display: block; margin: 10px 0; font-size: 14px; }
.login-box input, .edit-form input[type="text"], .edit-form input[type="number"], .edit-form input[type="password"], .edit-form input:not([type]) {
    display: block; width: 100%; margin-top: 4px; padding: 8px; border: 1px solid #ccc; font-size: 14px;
}
.login-box button, .edit-form button, .admin-table button, .inline-form button, .digit-form button {
    background: #3c78c5; color: #fff; border: 0; padding: 8px 14px; cursor: pointer; font-size: 14px;
}
.hint, .inline-form span, .digit-form span { color: #888; font-size: 12px; }
.digit-form { margin: 8px 0 16px; }
.digit-form button { margin-right: 8px; }
.admin-bar { background: #243044; color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 10px 16px; }
.admin-bar a { color: #fff; text-decoration: none; margin-left: 14px; font-size: 14px; }
.admin-table { width: 100%; border-collapse: collapse; background: #fff; font-size: 13px; }
.admin-table th, .admin-table td { border-bottom: 1px solid #eee; padding: 8px; text-align: left; vertical-align: top; }
.admin-table .ops { white-space: nowrap; }
.admin-table form, .inline-form { display: inline; }
.admin-table .check { width: 36px; }
.article-filter { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-end; background: #fff; padding: 12px; margin: 0 0 12px; border: 1px solid #e6e6e6; }
.article-filter label { font-size: 13px; color: #333; }
.article-filter select, .article-filter input[type="text"] { display: block; margin-top: 4px; padding: 6px 8px; border: 1px solid #ccc; min-width: 160px; font-size: 14px; }
.article-filter a { color: #3c78c5; line-height: 32px; }
.article-actions { margin: 0 0 10px; }
.article-actions .hint { margin-left: 8px; }
.flash { background: #e8f6ee; color: #137333; padding: 8px 12px; }
.edit-form { background: #fff; padding: 16px; max-width: 480px; border: 1px solid #e6e6e6; }
.edit-form.wide { max-width: 760px; }
.edit-form textarea, .edit-form select {
    display: block; width: 100%; margin-top: 4px; padding: 8px; border: 1px solid #ccc; font-size: 14px; font-family: inherit;
}
.edit-form textarea { min-height: 240px; line-height: 1.6; }
.edit-form textarea.code { min-height: 160px; font-family: Consolas, "Courier New", monospace; font-size: 13px; }
.admin-bar nav { display: flex; flex-wrap: wrap; align-items: center; }
.danger { background: #c0392b !important; }
.news-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.news-tabs a { color: #3c78c5; text-decoration: none; background: #fff; border: 1px solid #e6e6e6; padding: 4px 10px; }
.news-tabs a.on { background: #3c78c5; color: #fff; }
.article-body { white-space: pre-wrap; word-break: break-word; line-height: 1.75; background: #fff; border: 1px solid #e6e6e6; padding: 16px; }
.article-html { white-space: normal; }
.article-html img { max-width: 100%; height: auto; display: block; margin: 8px 0; }
.article-html p { margin: 0 0 8px; }
.edit-form h2 { margin: 18px 0 8px; font-size: 16px; }
.seo-table input { width: 100%; padding: 6px; border: 1px solid #ccc; font-size: 13px; }
.seo-table td { min-width: 140px; }
.banner-thumb { width: 160px; max-height: 72px; object-fit: cover; display: block; border-radius: 4px; }
.edit-form input[type="file"] { display: block; margin-top: 4px; }
.icon-now { display: flex; align-items: center; gap: 8px; margin: 6px 0; color: #666; font-size: 13px; }
.icon-now img { width: 32px; height: 32px; object-fit: contain; background: #eee; border: 1px solid #ddd; }

.page-home { background: #d9e2ec; }
.m-wrap { max-width: 480px; margin: 0 auto; min-height: 100vh; background: #f5f7fb; padding-bottom: 16px; }
.m-top {
    height: 48px; background: #2f6fbe; color: #fff;
    display: flex; align-items: center; justify-content: space-between; padding: 0 14px;
}
.m-top a { color: #fff; text-decoration: none; font-size: 16px; display: flex; align-items: center; gap: 4px; }
.m-home::before { content: ""; width: 16px; height: 14px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14'%3E%3Cpath fill='%23fff' d='M8 1.2 1 7h2v6h4V9h2v4h4V7h2z'/%3E%3C/svg%3E") center / contain no-repeat; }
.m-kj::before { content: ""; width: 16px; height: 16px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -860 1024 1000'%3E%3Cg transform='scale(1,-1)'%3E%3Cpath fill='%23fff' d='M332-57.333h360v-60h-360zM848 782.667v60h-672v-60h-144v-180c0-120 54-216 144-276 18-156 144-282 306-294v-60h60v60c156 12 282 138 306 294 90 60 144 156 144 276v180h-144zM92 602.667v120h84v-324c-54 48-84 120-84 204zM788 368.667c0-150-126-276-276-276s-276 126-276 276v414h552v-414zM932 602.667c0-78-30-150-84-204v324h84v-120zM446 512.667l-42-120 102 78h12l108-72-42 120c0 6 0 6 6 12l102 78h-126c-6 0-12 0-12 6l-42 120-42-120s-6-6-12-6h-126l108-84c6 0 6-6 6-12z'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat; }
.m-cats {
    display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px 8px;
    padding: 14px 10px 12px; background: #fff;
}
.m-cats a, .m-cats button.more {
    border: 1px solid #2f6fbe; color: #2f6fbe; background: #fff; border-radius: 6px;
    text-align: center; text-decoration: none; font-size: 12px; line-height: 1.25;
    min-height: 32px; display: flex; align-items: center; justify-content: center; padding: 4px 2px;
}
.m-cats button.more { cursor: pointer; font-family: inherit; gap: 4px; }
.m-cats button.more i {
    width: 16px; height: 16px; border-radius: 50%; background: #2f6fbe; position: relative; flex: none;
}
.m-cats button.more i::before {
    content: ""; position: absolute; left: 4px; top: 5px;
    border: solid #fff; border-width: 0 1.5px 1.5px 0; padding: 2px; transform: rotate(-45deg);
}
.m-overlay {
    position: fixed; top: 0; bottom: 0; left: 50%; z-index: 40;
    width: 100%; max-width: 480px; transform: translateX(-50%);
    overflow: hidden; pointer-events: none;
}
.m-overlay.is-open { pointer-events: auto; }
.m-mask {
    position: absolute; inset: 0; background: rgba(0, 0, 0, .45);
    opacity: 0; transition: opacity .2s;
}
.m-overlay.is-open .m-mask { opacity: 1; }
.m-drawer {
    position: absolute; top: 0; bottom: 0; right: 0; z-index: 1;
    width: 86%; background: #fff; overflow: auto;
    transform: translateX(100%); transition: transform .25s ease;
    box-shadow: -6px 0 18px rgba(0, 0, 0, .12);
}
.m-overlay.is-open .m-drawer { transform: translateX(0); }
.m-drawer-head {
    display: flex; align-items: center; justify-content: space-between;
    padding: 12px 14px; border-bottom: 1px solid #eee; position: sticky; top: 0; background: #fff;
}
.m-drawer-head strong { font-size: 16px; }
.m-drawer-head button {
    border: 0; background: none; color: #2f6fbe; font-size: 15px; cursor: pointer;
}
.m-drawer-head button::before { content: "× "; }
.m-drawer-body { padding: 8px 14px 24px; }
.m-drawer-body h3 { margin: 16px 0 10px; font-size: 16px; color: #222; }
.m-drawer-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.m-drawer-grid a {
    display: flex; align-items: center; justify-content: center; min-height: 36px;
    border: 1px solid #d0d0d0; border-radius: 4px; color: #222; text-decoration: none;
    font-size: 13px; background: #fff; padding: 4px;
}
.m-banners { padding: 10px; }
.m-banners img { width: 100%; max-height: 168px; object-fit: cover; display: block; border-radius: 8px; margin-bottom: 8px; }
.m-sec { background: #fff; margin: 0 10px 10px; border-radius: 6px; overflow: hidden; }
.m-sec-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 12px; border-bottom: 1px solid #f0f0f0; }
.m-sec h2 { margin: 0; padding: 0; font-size: 16px; display: flex; flex-wrap: wrap; gap: 4px 14px; }
.m-sec h2 a { color: #234; text-decoration: none; }
.m-sec-right { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px 10px; }
.m-sec-right a { color: #666; text-decoration: none; font-size: 13px; }
.m-tabs { display: flex; border-bottom: 1px solid #eee; }
.m-tabs a { flex: 1; text-align: center; padding: 10px 0; color: #888; text-decoration: none; font-size: 14px; }
.m-tabs a.on { color: #2f6fbe; font-weight: 700; box-shadow: inset 0 -2px 0 #2f6fbe; }
.m-topics { display: flex; flex-wrap: wrap; gap: 6px 16px; padding: 10px 12px; border-top: 1px solid #f0f0f0; }
.m-topics a { color: #222; text-decoration: none; font-size: 14px; }
.m-artline { display: flex; flex-wrap: wrap; gap: 6px 14px; padding: 8px 12px; border-top: 1px solid #eee; }
.m-artline a { color: #666; text-decoration: none; font-size: 13px; }
.m-footline { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 6px 12px 8px; }
.m-footcats { display: flex; flex-wrap: wrap; gap: 4px 12px; min-width: 0; }
.m-footcats a { color: #999; text-decoration: none; font-size: 12px; }
.m-footline .m-more { padding: 0; flex: none; }
.m-sec ul { list-style: none; margin: 0; padding: 0; }
.m-sec li { display: flex; justify-content: space-between; gap: 8px; align-items: center; padding: 10px 12px; border-bottom: 1px solid #f6f6f6; }
.m-sec li a { color: #333; text-decoration: none; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.m-sec li span { color: #999; font-size: 12px; flex: none; }
.m-empty { color: #999; font-size: 13px; padding: 14px; margin: 0; }
.m-more { margin: 0; padding: 8px 12px 10px; text-align: right; }
.m-more a { color: #2f6fbe; text-decoration: none; font-size: 13px; display: inline-flex; align-items: center; gap: 4px; }
.m-more i {
    width: 16px; height: 16px; border-radius: 50%; background: #2f6fbe;
    display: inline-block; position: relative;
}
.page-board .m-top a { font-weight: 700; }
.board-cats { grid-template-columns: repeat(4, 1fr); }
.board-cats a, .board-cats button.more { font-weight: 700; color: #222; }
.board-page { padding-bottom: 16px; }
.board-card { background: #fff; margin: 10px; padding: 12px; border-radius: 6px; }
.board-name { display: flex; align-items: baseline; gap: 8px; }
.board-name b { font-size: 18px; color: #111; }
.board-name time { color: #666; font-size: 13px; }
.board-card .balls { margin-top: 10px; }
.board-card .ball { width: 32px; height: 32px; font-size: 16px; line-height: 32px; font-weight: 700; }
.board-aside, .board-note { margin: 8px 0 0; color: #444; font-size: 14px; }
.board-tabs { display: flex; background: #fff; margin: 0 10px; border-radius: 6px 6px 0 0; }
.board-tabs a { flex: 1; text-align: center; padding: 12px 0; color: #222; text-decoration: none; font-size: 15px; font-weight: 700; }
.board-tabs a.on { color: #2f6fbe; box-shadow: inset 0 -2px 0 #2f6fbe; }
.board-scroll { overflow-x: auto; background: #fff; margin: 0 10px 10px; border-radius: 0 0 6px 6px; }
table.board { width: 100%; border-collapse: collapse; font-size: 14px; text-align: center; color: #111; }
table.board th, table.board td { border: 1px solid #d9d9d9; padding: 8px 3px; white-space: nowrap; }
table.board th { color: #333; font-weight: 700; background: #f5f5f5; }
table.board td { font-weight: 700; }
table.board .num-kaiji { color: #2f6fbe; }
table.board .num-shiji { color: #e4453b; }
.p3-list { padding: 0 14px; }
.p3-list a { display: flex; align-items: center; gap: 10px; padding: 14px 0; border-bottom: 1px dotted #d9d9d9; color: #323232; font-size: 16px; font-weight: 400; text-decoration: none; }
.p3-list a:last-child { border-bottom: 0; }
.p3-main { flex: 1; min-width: 0; }
.p3-name { display: block; line-height: 1.4; }
.p3-list .p3-issue { font-weight: 400; }
.p3-list time { margin-left: 8px; color: #808080; font-size: 12px; font-weight: 400; }
.p3-nums { display: flex; align-items: center; margin-top: 8px; }
.p3-list .balls { display: flex; gap: 4px; }
.p3-list .ball { width: 28px; height: 28px; line-height: 26px; font-size: 16px; font-weight: 400; background: transparent; color: #ba142b; border: 1px solid #ba142b; box-sizing: border-box; }
.p3-list .p3-shiji { margin-left: 10px; color: #323232; font-size: 13px; font-weight: 400; }
.p3-list .p3-shiji b { font-weight: 400; letter-spacing: 0.15em; margin-left: 2px; }
.p3-arrow { flex: none; width: 8px; height: 8px; border-top: 1.5px solid #bfbfbf; border-right: 1.5px solid #bfbfbf; transform: rotate(45deg); }
.board-news { position: relative; overflow: hidden; background: #fff; margin: 10px; }
.board-news h2 { position: relative; margin: 0; padding: 14px 14px 14px 22px; font-size: 16px; font-weight: 700; color: #111; border-bottom: 1px solid #eee; }
.board-news h2 i { position: absolute; left: 0; top: 0; width: 36px; height: 36px; margin: 0; padding: 0; overflow: hidden; background: none; color: transparent; font-size: 0; font-style: normal; line-height: 0; border-radius: 0; }
.board-news h2 i::before { content: ""; position: absolute; left: 0; top: 0; border-top: 36px solid #ff4b3a; border-right: 36px solid transparent; }
.board-news h2 i::after { content: "新"; position: absolute; left: 3px; top: 3px; color: #fff; font-size: 12px; font-weight: 700; line-height: 1; }
.board-news ul { list-style: none; margin: 0; padding: 0; }
.board-news li { border-bottom: 1px solid #f0f0f0; }
.board-news li a { display: block; padding: 0 14px; line-height: 44px; color: #323232; font-size: 16px; text-decoration: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.board-news li a::before { content: ""; display: inline-block; width: 5px; height: 5px; margin-right: 8px; border-radius: 50%; background: #323232; vertical-align: middle; }
.board-news .more { margin: 0; padding: 10px 14px 14px; text-align: right; }
.board-news .more a { color: #2d9fff; font-size: 14px; text-decoration: none; }
.board-news .empty { margin: 0; padding: 16px 14px; color: #808080; }
.hit-yes { color: #2f9e62; }
.hit-no { color: #bbb; }
.m-more i::before {
    content: ""; position: absolute; left: 4px; top: 5px;
    border: solid #fff; border-width: 0 1.5px 1.5px 0; padding: 2px;
    transform: rotate(-45deg);
}
.m-sitefoot, .m-footnav, .m-footmore, .m-floor { max-width: 480px; margin-left: auto; margin-right: auto; }
.m-footnav, .m-footmore {
    display: flex; flex-wrap: wrap; gap: 1px;
    background: #b5b5b5; border: 1px solid #b5b5b5;
}
.m-footmore[hidden] { display: none !important; }
.m-footnav a, .m-footnav button, .m-footmore a {
    display: flex; align-items: center; justify-content: center;
    flex: 1 0 calc((100% - 4px) / 5);
    min-width: 0; min-height: 40px; padding: 4px 2px; box-sizing: border-box;
    color: #323232; background: #fff; border: 0;
    font-size: 13px; font-family: inherit; line-height: 1.2; text-align: center;
    text-decoration: none; cursor: pointer;
    white-space: nowrap; overflow: hidden;
}
.m-footmore a { font-size: 12px; }
.m-footnav button.more { position: relative; color: #323232; }
.m-footnav button.more i {
    position: absolute; top: 7px; right: 10px; width: 6px; height: 6px;
    border-radius: 50%; background: #2e9aff;
}
.m-footnav button.more.on { color: #b92734; }
.m-floor {
    width: 100%; background: #fff; text-align: center;
    min-height: 72px; box-sizing: border-box;
    padding: 22px 72px 18px; border-top: 1px solid #eee;
}
.m-floor p { margin: 0; font-size: 13px; color: #666; line-height: 1.8; }
.m-floor .m-copy { margin-top: 4px; color: #888; font-size: 12px; line-height: 1.6; }
.m-floor a { color: #2f6fbe; text-decoration: none; margin: 0 8px; }
.m-topbtn {
    position: fixed; z-index: 21; width: 48px; height: 48px; border-radius: 50%;
    background: #3a3a3a; color: #fff; text-decoration: none; font-size: 12px;
    display: flex; align-items: center; justify-content: center;
    right: max(16px, calc(50% - 240px + 16px)); bottom: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
}
.page-home {
    font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
}
@media (max-width: 412px) { .page-home { font-size: 11px; } }
@media (max-width: 373px) { .page-home { font-size: 10px; } }
.page-home .m-top a { font-size: 1.6em; font-weight: 400; }
.m-crumb { display: flex; align-items: center; min-width: 0; }
.m-crumb a + a::before { content: ">"; margin: 0 6px; font-weight: 400; }
.page-sub .m-cats { grid-template-columns: repeat(4, 1fr); }
.page-sub .m-sec { margin-top: 10px; }
.page-sub .m-sec h2 span { font-weight: 700; }
.page-sub .sub-read { margin: 10px; padding: 12px 14px 20px; }
.page-sub .sub-read h1 { margin: 0 0 8px; font-size: 1.6em; font-weight: 700; color: #323232; }
.read-time { margin: 12px 0 0; color: #323232; }
.m-ads { margin: 10px; display: flex; flex-direction: column; gap: 8px; }
.m-ad { position: relative; display: flex; align-items: center; gap: 12px; background: #fff; padding: 10px 12px; text-decoration: none; border: 1px solid #eee; }
.m-ad img { width: 72px; height: 72px; object-fit: cover; flex: none; background: #f2f2f2; }
.m-ad-copy { min-width: 0; padding-right: 28px; }
.m-ad strong { display: block; color: #222; font-size: 15px; font-weight: 700; line-height: 1.35; }
.m-ad em { display: block; margin-top: 4px; color: #888; font-style: normal; font-size: 13px; line-height: 1.35; }
.m-ad i { position: absolute; right: 8px; bottom: 6px; font-style: normal; font-size: 12px; color: #c0c0c0; }
.ad-thumb { width: 64px; height: 64px; object-fit: cover; display: block; background: #f2f2f2; }
.page-home .sub-read .read-time { font-size: 1.4em; }
.page-sub .m-back { margin: 0 0 8px; }
.page-sub .m-back a { color: #2e9aff; text-decoration: none; font-size: 1.3em; }
.read-relate, .read-latest, .read-hot { background: #fff; margin: 10px; }
.read-relate { padding: 12px 14px; color: #666; line-height: 2; }
.read-relate p { margin: 0; }
.read-relate a { color: #2e9aff; text-decoration: none; margin-right: 12px; }
.read-latest h2, .read-hot h2 { display: flex; align-items: center; gap: 0.28em; margin: 0; padding: 12px 14px 8px; font-size: 16px; font-weight: 700; color: #323232; }
.read-latest h2::before { content: ""; flex: none; width: 2.15em; height: 1.38em; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -896 980 626'%3E%3Cg transform='scale(1,-1)'%3E%3Cpath fill='%23FF4B3A' d='M896 896H0l1024-1024V768c0 70.4-57.6 128-128 128zM531.2 768h96c-6.4 6.4-12.8 19.2-19.2 38.4l25.6 12.8c6.4-12.8 19.2-32 25.6-44.8l-12.8-6.4h96v-25.6H531.2V768z m-12.8-102.4h70.4c-12.8 19.2-25.6 32-38.4 51.2l25.6 12.8c12.8-12.8 25.6-25.6 38.4-44.8l-25.6-19.2h57.6c12.8 25.6 32 44.8 44.8 70.4l32-19.2c-12.8-19.2-25.6-32-38.4-51.2h64V640H518.4v25.6z m0-217.6c12.8 19.2 32 51.2 44.8 89.6l32-12.8c-19.2-38.4-32-70.4-51.2-96-6.4 6.4-12.8 12.8-25.6 19.2z m134.4-6.4c0-32-12.8-44.8-44.8-44.8h-44.8c0 12.8 0 19.2-6.4 32h38.4c12.8 0 19.2 6.4 19.2 19.2V556.8H531.2v25.6h89.6v38.4h32v-38.4h83.2v-25.6h-83.2v-115.2z m12.8 70.4l25.6 19.2c19.2-19.2 32-44.8 44.8-64l-32-12.8-38.4 57.6z m288 102.4h-64V384h-32V614.4h-64v-19.2c0-89.6-19.2-160-64-211.2-6.4 6.4-12.8 19.2-25.6 25.6 38.4 38.4 57.6 102.4 57.6 185.6V780.8c57.6 0 115.2 6.4 166.4 19.2l12.8-32c-57.6-6.4-108.8-12.8-147.2-12.8v-102.4h160v-38.4z'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat; }
.read-hot h2::before { content: ""; flex: none; width: 0.9em; height: 1.12em; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='120 -845 766 955'%3E%3Cg transform='scale(1,-1)'%3E%3Cpath fill='%23FF4B3A' d='M350.72 588.8c12.8 43.52 28.16 79.36 46.080 104.96 17.92 28.16 40.96 53.76 69.12 81.92 25.6 25.6 46.080 43.52 56.32 51.2 10.24 7.68 20.48 12.8 25.6 17.92-25.6-76.8-38.4-143.36-38.4-197.12 0-56.32 12.8-99.84 33.28-135.68 20.48-33.28 51.2-58.88 92.16-76.8 10.24-2.56 17.92-5.12 25.6-7.68 35.84-2.56 43.52 35.84 25.6 117.76-10.24 43.52-23.040 76.8-33.28 99.84 84.48-56.32 145.92-128 189.44-215.040 43.52-87.040 53.76-174.080 33.28-261.12-7.68-33.28-20.48-66.56-35.84-94.72-15.36-28.16-33.28-51.2-51.2-69.12-17.92-17.92-38.4-33.28-66.56-48.64-28.16-15.36-48.64-28.16-66.56-33.28-17.92-7.68-40.96-15.36-69.12-25.6-12.8-2.56-23.040-5.12-33.28-5.12-10.24 0-17.92-2.56-23.040-2.56s-10.24 0-15.36 5.12c-2.56 2.56-5.12 5.12-7.68 7.68-2.56 2.56-2.56 5.12-2.56 12.8 0 5.12 2.56 10.24 2.56 15.36 0 5.12 2.56 10.24 7.68 17.92 2.56 7.68 7.68 15.36 10.24 20.48 2.56 5.12 5.12 12.8 10.24 23.040 10.24 23.040 20.48 43.52 28.16 61.44 7.68 17.92 12.8 35.84 15.36 53.76 7.68 51.2 2.56 97.28-20.48 140.8-23.040 43.52-53.76 84.48-94.72 125.44 10.24-20.48 12.8-61.44 10.24-120.32-2.56-61.44-12.8-107.52-30.72-140.8-7.68-15.36-15.36-30.72-25.6-46.080-10.24-15.36-23.040-30.72-35.84-46.080-15.36-15.36-28.16-28.16-43.52-38.4-15.36-10.24-30.72-15.36-48.64-17.92-17.92-2.56-33.28 2.56-48.64 12.8-35.84 23.040-64 51.2-81.92 84.48-17.92 33.28-28.16 64-33.28 92.16-2.56 15.36-5.12 30.72-5.12 48.64 0 17.92 2.56 38.4 5.12 66.56 5.12 25.6 12.8 53.76 30.72 81.92 15.36 28.16 38.4 53.76 64 76.8-7.68-15.36-10.24-35.84-7.68-56.32 2.56-23.040 5.12-43.52 12.8-61.44 5.12-20.48 15.36-35.84 30.72-46.080 15.36-12.8 30.72-15.36 51.2-10.24 10.24 2.56 17.92 5.12 23.040 10.24 7.68 5.12 12.8 10.24 15.36 15.36 5.12 5.12 7.68 12.8 10.24 17.92 2.56 5.12 5.12 12.8 5.12 23.040 0 10.24 0 17.92 0 25.6 0 7.68 0 17.92-2.56 30.72-2.56 12.8-2.56 23.040-5.12 30.72 0 7.68-2.56 17.92-5.12 33.28-2.56 15.36-5.12 25.6-5.12 30.72-7.68 33.28-5.12 76.8 7.68 117.76z'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat; }
.read-latest ul, .read-hot ul { list-style: disc; margin: 0; padding: 0 16px 8px 32px; }
.read-latest li, .read-hot li { padding: 10px 0; border-bottom: 1px solid #f3f3f3; }
.read-latest li a, .read-hot li a { color: #323232; text-decoration: none; }
.read-latest .more, .read-hot .more { margin: 0; padding: 8px 14px 12px; text-align: right; }
.read-latest .more a, .read-hot .more a { color: #2e9aff; text-decoration: none; }
.page-home .read-relate, .page-home .read-latest li, .page-home .read-hot li { font-size: 1.4em; }
.page-home .read-latest h2, .page-home .read-hot h2 { font-size: 1.6em; }
.page-home .read-latest .more a, .page-home .read-hot .more a { font-size: 1.3em; }
.page-home .m-cats a, .page-home .m-cats button.more {
    color: #323232; font-size: 1.3em; font-weight: 400;
    line-height: 2.08em; height: 2.08em; min-height: 0;
    overflow: hidden; white-space: nowrap; padding: 0 0.15em;
}
.page-home .m-sec h2 { font-size: 1.6em; font-weight: 700; }
.page-home .m-sec h2 a { color: #323232; font-weight: 700; }
.page-home .m-sec h2 a.m-lib { font-weight: 400; }
.page-home .m-tabs a + a { border-left: 1px solid #e5e5e5; }
.page-home .m-sec-right a { color: #323232; font-size: 1.4em; font-weight: 400; }
.page-home .m-tabs a { font-size: 1.4em; font-weight: 400; color: #808080; }
.page-home .m-tabs a.on { color: #2e9aff; font-weight: 400; box-shadow: inset 0 -1px 0 #2e9aff; }
.page-home .m-sec li { height: 4em; padding: 0 1em; }
.page-home .m-sec li a {
    color: #323232; font-size: 1.6em; font-weight: 400; line-height: 2.5em;
}
.page-home .m-sec li a::before {
    content: ""; width: 0.25em; height: 0.25em; margin-right: 0.62em;
    border-radius: 50%; background: #323232; display: inline-block; vertical-align: middle;
}
.page-home .m-sec li span { color: #808080; font-size: 1.2em; font-weight: 400; }
.page-home .m-topics a { font-size: 1.3em; color: #808080; font-weight: 400; }
.page-home .m-more a { font-size: 1.3em; color: #2d9fff; font-weight: 400; }
.page-home .m-empty { font-size: 1.4em; color: #808080; }
.page-home .m-drawer-head strong { font-size: 1.6em; font-weight: 400; color: #323232; }
.page-home .m-drawer-head button { font-size: 1.5em; font-weight: 400; }
.page-home .m-drawer-body h3 { font-size: 1.4em; font-weight: 700; color: #323232; }
.page-home .m-drawer-grid a { font-size: 1.3em; color: #323232; font-weight: 400; }
.page-home .m-floor p { font-size: 1.6em; color: #323232; font-weight: 400; }
.page-home .m-floor .m-copy { font-size: 12px; color: #888; font-weight: 400; }
.page-home .m-floor a { color: #2e9aff; }
.edit-form .check { display: flex; gap: 6px; align-items: center; }
.edit-form a { margin-left: 10px; color: #3c78c5; }

.cb-bar {
    position: sticky; top: 0; z-index: 60;
    height: 46px; background: #5281cc; color: #fff;
    display: flex; align-items: center; justify-content: space-between; padding: 0 8px 0 14px;
}
.cb-logo { color: #fff; text-decoration: none; font-size: 22px; font-weight: 700; letter-spacing: 1px; }
.cb-bar.has-title { justify-content: center; }
.cb-bar.has-title .cb-burger { position: absolute; right: 4px; }
.cb-title { color: #fff; font-size: 16px; font-weight: 400; }
.cb-back {
    position: absolute; left: 4px; width: 40px; height: 46px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' d='M14 6 8 12l6 6'/%3E%3C/svg%3E") center / 22px no-repeat;
}
.cat-draw { background: #fff; margin-top: 8px; border-bottom: 1px solid #f0f0f0; }
.cat-draw-top { display: flex; align-items: baseline; justify-content: space-between; padding: 12px 12px 0; }
.cat-draw-top a { color: #222; text-decoration: none; font-size: 14px; }
.cat-draw-top strong { font-weight: 700; }
.cat-draw-top span { margin-left: 8px; color: #999; font-size: 12px; font-weight: 400; }
.cat-draw-top .zst { color: #888; font-size: 13px; }
.cat-draw-balls {
    display: flex; align-items: center; justify-content: space-between;
    padding: 8px 12px 12px; text-decoration: none; color: inherit;
}
.cat-draw-balls::after {
    content: ""; width: 8px; height: 8px; flex: none; margin-left: 8px;
    border-right: 1.5px solid #ccc; border-bottom: 1.5px solid #ccc; transform: rotate(-45deg);
}
.cat-draw .ball { width: 24px; height: 24px; font-size: 12px; line-height: 24px; }
.cb-logo span { font-size: 16px; font-weight: 400; margin-left: 1px; }
.cb-burger {
    width: 40px; height: 36px; border: 0; background: transparent; padding: 9px 8px;
    display: flex; flex-direction: column; justify-content: space-between; cursor: pointer;
}
.cb-burger i { display: block; height: 2px; background: #fff; border-radius: 1px; }
.page-cb { background: #ececec; }
.page-cb .m-wrap { background: #f5f5f5; }
.cb-nav {
    display: grid; grid-template-columns: repeat(5, 1fr);
    background: #fff; padding: 4px 0 8px; border-bottom: 1px solid #eee;
}
.cb-nav a, .cb-nav button {
    background: none; border: 0; color: #333; text-decoration: none; font-size: 14px;
    line-height: 34px; text-align: center; padding: 0; font-family: inherit; cursor: pointer;
}
.cb-nav a.extra { display: none; order: 1; }
.cb-nav.is-open a.extra { display: block; }
.cb-nav .more {
    order: 2; grid-column: 5; justify-self: end; width: auto;
    color: #999; padding-right: 14px;
}
.cb-nav.is-open .more { grid-column: 1 / -1; }
.cb-nav .more::after {
    content: ""; display: inline-block; width: 6px; height: 6px; margin-left: 4px;
    border-right: 1.5px solid #999; border-bottom: 1.5px solid #999;
    transform: translateY(-2px) rotate(45deg); vertical-align: middle;
}
.cb-nav.is-open .more::after { transform: translateY(2px) rotate(-135deg); }
.cb-lots, .cb-sec { background: #fff; margin-top: 8px; }
.cb-tabbar {
    display: flex; align-items: center; justify-content: space-between;
    height: 40px; padding: 0 8px; border-bottom: 1px solid #eee;
}
.cb-tabs button {
    background: none; border: 0; font-size: 15px; color: #888; padding: 8px 8px; cursor: pointer; font-family: inherit;
}
.cb-tabs button.on { color: #e4453b; font-weight: 700; }
.cb-side a { color: #999; text-decoration: none; font-size: 13px; margin-left: 10px; }
.cb-lot {
    display: block; position: relative; padding: 10px 28px 10px 12px;
    border-bottom: 1px solid #f0f0f0; text-decoration: none; color: #222;
}
.cb-lot::after {
    content: ""; position: absolute; right: 14px; top: 22px; width: 8px; height: 8px;
    border-right: 1.5px solid #ccc; border-bottom: 1.5px solid #ccc; transform: rotate(-45deg);
}
.cb-lot .name { margin: 0 0 6px; font-size: 15px; font-weight: 700; }
.cb-lot .name span { margin-left: 6px; color: #999; font-size: 13px; font-weight: 400; }
.page-cb .cb-lot .ball { width: 22px; height: 22px; font-size: 12px; line-height: 22px; }
.cb-trial { color: #e4453b; font-size: 13px; margin-left: 4px; }
.cb-miss { margin: 0; padding: 14px 12px; color: #888; font-size: 13px; }
.cb-sec-h {
    display: flex; align-items: center; justify-content: space-between;
    padding: 10px 12px; border-bottom: 1px solid #f0f0f0;
}
.cb-sec-h strong { font-size: 16px; }
.cb-sec-h strong::before {
    content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 6px;
    background: #f0a020; border-radius: 2px; vertical-align: 1px;
}
.cb-sec-h strong.ico-lib::before { background-image: url("/static/img/ico-tumi.png"); }
.cb-sec-h strong.ico-3d::before { background-image: url("/static/img/ico-3d.png"); }
.cb-sec-h strong.ico-ssq::before { background-image: url("/static/img/ico-ssq.png"); }
.cb-sec-h strong.ico-p3::before { background-image: url("/static/img/ico-p3.png"); }
.cb-sec-h strong.ico-kl8::before { background-image: url("/static/img/ico-kl8.png"); }
.cb-sec-h strong.ico-dlt::before { background-image: url("/static/img/ico-dlt.png"); }
.cb-sec-h strong.ico-p5::before { background-image: url("/static/img/ico-p5.png"); }
.cb-sec-h strong.ico-qxc::before { background-image: url("/static/img/ico-qxc.png"); }
.cb-sec-h strong.ico-qlc::before { background-image: url("/static/img/ico-qlc.png"); }
.cb-sec-h strong[class*="ico-"]::before {
    width: 26px; height: 26px; border-radius: 50%; vertical-align: -6px;
    background-color: transparent; background-repeat: no-repeat;
    background-position: center; background-size: contain;
}
.cb-sec-h > a, .cb-sec-h .links a { color: #888; text-decoration: none; font-size: 14px; margin-left: 12px; }
.cb-grid2 { display: grid; grid-template-columns: 1fr 1fr; }
.cb-grid2 a {
    display: block; padding: 12px 10px; border-bottom: 1px solid #f3f3f3; color: #333;
    text-decoration: none; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.cb-arts { list-style: none; margin: 0; padding: 0; }
.cb-arts a {
    display: block; padding: 11px 12px; border-bottom: 1px solid #f3f3f3;
    color: #333; text-decoration: none; font-size: 15px;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.cb-enter { margin: 0; text-align: right; padding: 10px 12px; }
.cb-enter a { color: #e07a2f; text-decoration: none; font-size: 14px; }
.cb-overlay { position: fixed; top: 46px; right: 0; bottom: 0; left: 0; z-index: 55; pointer-events: none; }
.cb-overlay.is-open { pointer-events: auto; }
.cb-mask { position: absolute; inset: 0; background: rgba(0,0,0,.45); opacity: 0; transition: opacity .2s; }
.cb-overlay.is-open .cb-mask { opacity: 1; }
.cb-drawer {
    position: absolute; top: 0; left: 50%; width: 100%; max-width: 480px; max-height: 100%;
    background: #fff; overflow: auto;
    transform: translateX(-50%) translateY(-100%); transition: transform .25s;
}
.cb-overlay.is-open .cb-drawer { transform: translateX(-50%); }
.cb-shortcuts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; padding: 12px 10px 6px; }
.cb-shortcuts a {
    display: flex; align-items: center; justify-content: center; height: 30px;
    border: 1px solid #d8d8d8; border-radius: 4px; color: #333; text-decoration: none; font-size: 13px;
}
.cb-drawer h3 { margin: 0; padding: 12px 12px 2px; font-size: 14px; font-weight: 700; color: #222; }
.cb-drawer h3::before {
    content: ""; display: inline-block; width: 3px; height: 13px; margin-right: 6px;
    background: #e4453b; vertical-align: -2px;
}
.cb-drawer-links { display: flex; flex-wrap: wrap; gap: 4px 14px; padding: 4px 12px 8px 22px; }
.cb-drawer-links a { color: #666; text-decoration: none; font-size: 13px; line-height: 26px; }
.page-sjh { background: #eef2f6; }
.sjh-tabs { display: flex; background: #fff; border-bottom: 1px solid #eee; }
.sjh-tabs a { flex: 1; text-align: center; line-height: 42px; color: #333; text-decoration: none; font-size: 16px; }
.sjh-tabs a.on { color: #e4453b; font-weight: 700; box-shadow: inset 0 -2px 0 #e4453b; }
.sjh-card, .sjh-table { background: #fff; margin-top: 8px; }
.sjh-card { padding: 12px 12px 10px; }
.sjh-card h1 { margin: 0; font-size: 16px; font-weight: 700; color: #222; }
.sjh-card select {
    height: 26px; margin: 0 4px; padding: 0 18px 0 6px; border: 1px solid #d8d8d8; border-radius: 2px;
    font-size: 15px; color: #222; background: #fff;
}
.sjh-balls { display: flex; align-items: center; gap: 12px; margin-top: 12px; }
.sjh-balls .ball { width: 28px; height: 28px; line-height: 28px; font-size: 15px; }
.sjh-balls button {
    height: 28px; padding: 0 14px; border: 0; border-radius: 4px; background: #2f7de1; color: #fff; font-size: 14px; cursor: pointer;
}
.sjh-stats { margin: 10px 0 0; color: #666; font-size: 14px; }
.sjh-stats span { margin-right: 10px; }
.sjh-stats b { color: #222; font-weight: 700; }
.sjh-time { margin: 8px 0 0; color: #888; font-size: 13px; }
.sjh-time b { color: #2f7de1; font-weight: 400; margin-right: 8px; }
.sjh-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.sjh-links a {
    position: relative; min-width: 72px; padding: 6px 10px; border: 1px solid #e5e5e5; border-radius: 4px;
    color: #555; text-decoration: none; font-size: 13px; text-align: center;
}
.sjh-links i { position: absolute; top: -6px; right: -4px; padding: 0 3px; border-radius: 2px; color: #fff; font-style: normal; font-size: 9px; line-height: 14px; }
.sjh-links .mark-NEW { background: #f5a623; }
.sjh-links .mark-HOT { background: #e4453b; }
.sjh-table h2 { margin: 0; padding: 12px 12px 8px; font-size: 16px; }
.sjh-table h2::before { content: ""; display: inline-block; width: 3px; height: 14px; margin-right: 6px; background: #e4453b; vertical-align: -2px; }
.sjh-grid { font-size: 13px; }
.sjh-grid th { background: #fafafa; color: #888; font-weight: 400; }
.sjh-grid .num-shiji { color: #e4453b; }
.sjh-grid .num-award { color: #8aa0b8; }
.sjh-grid .num-hit { font-weight: 700; }
.sjh-history { margin: 0; padding: 10px 12px 14px; color: #666; font-size: 14px; }
.sjh-history a { color: #2f7de1; text-decoration: none; margin-right: 10px; }
.sjh-history a.on { color: #e4453b; }
.page-home.page-sub .m-cats {
    display: flex; flex-wrap: wrap; gap: 0; grid-template-columns: none;
    padding: 0 8px; border-bottom: 1px solid #eee;
}
.page-home.page-sub .m-cats a {
    border: 0; border-radius: 0; background: transparent; color: #333;
    font-size: 14px; font-weight: 400; height: auto; min-height: 0;
    line-height: 36px; padding: 0 10px;
}
.page-home.page-sub .m-cats a.on { color: #e4453b; }