.frontend-3d-odd-even {
    width: 100%; padding: 18px 0 64px; color: #000;
    font-family: Arial, SimSun, "宋体", sans-serif; font-size: 12px;
}
.frontend-3d-odd-even .odd-even-breadcrumb { height: 34px; color: #777; font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif; font-size: 14px; }
.frontend-3d-odd-even .odd-even-breadcrumb ol { display: flex; margin: 0; padding: 0; list-style: none; }
.frontend-3d-odd-even .odd-even-breadcrumb li:not(:last-child)::after { content: ">"; margin: 0 9px; color: #aaa; }
.frontend-3d-odd-even .odd-even-breadcrumb a { color: #666; }
.frontend-3d-odd-even .odd-even-panel { padding: 10px 0 42px; background: #fff; }
.frontend-3d-odd-even .odd-even-title { width: 810px; margin: 0 auto 8px; color: #f00; font-size: 18px; font-weight: 700; line-height: 26px; text-align: center; }
.frontend-3d-odd-even .odd-even-analysis-bar { display: flex; align-items: center; justify-content: space-between; width: 810px; min-height: 24px; margin: 0 auto 3px; color: #f00; }
.frontend-3d-odd-even .odd-even-analysis-tools { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.frontend-3d-odd-even .odd-even-analysis-bar strong { font-size: 12px; }
.frontend-3d-odd-even .odd-even-toolbar { display: flex; align-items: center; width: auto; height: 24px; margin: 0; color: #f00; font-size: 12px; font-weight: 700; line-height: 20px; white-space: nowrap; }
.frontend-3d-odd-even .odd-even-toolbar select { width: 70px; height: 20px; margin: 0 3px; padding: 0 1px; color: #000; border: 1px solid #808080; background: #fff; font: 400 12px/18px Arial, SimSun, "宋体", sans-serif; vertical-align: middle; }
.frontend-3d-odd-even .odd-even-toolbar button { margin-left: 6px; }
.frontend-3d-odd-even .odd-even-scroll { overflow-x: auto; overflow-y: hidden; width: 100%; max-width: 100%; outline: none; }
.frontend-3d-odd-even .odd-even-scroll:focus-visible { box-shadow: 0 0 0 2px rgba(223, 23, 42, .35); }
.frontend-3d-odd-even .odd-even-table { width: 810px; min-width: 810px; margin: 0 auto; padding: 0; color: #333; border: 1px solid #000; border-spacing: 1px; background: #000; font-family: Arial, SimSun, "宋体", sans-serif; font-size: 12px; line-height: normal; table-layout: fixed; }
.frontend-3d-odd-even .odd-even-col--issue { width: 78px; }
.frontend-3d-odd-even .odd-even-col--digit { width: 28px; }
.frontend-3d-odd-even .odd-even-col--sum,
.frontend-3d-odd-even .odd-even-col--span { width: 36px; }
.frontend-3d-odd-even .odd-even-col--category { width: 30.5px; }
.frontend-3d-odd-even .odd-even-table th,
.frontend-3d-odd-even .odd-even-table td { overflow: hidden; height: 20px; padding: 0 1px; border: 0; text-align: center; text-overflow: clip; vertical-align: middle; white-space: nowrap; }
.frontend-3d-odd-even .odd-even-group-head th { height: 30px; color: #333; background: #fff; font-size: 14px; font-weight: 700; }
.frontend-3d-odd-even .odd-even-column-head th { height: 22px; color: #333; background: #fff; font-size: 12px; font-weight: 700; }
.frontend-3d-odd-even .odd-even-column-head .is-hundreds { background: #00ff00; }
.frontend-3d-odd-even .odd-even-column-head .is-tens { background: #ffff00; }
.frontend-3d-odd-even .odd-even-column-head .is-units { background: #d7d7d7; }
.frontend-3d-odd-even .odd-even-column-head .is-group { background: #00ff80; }
.frontend-3d-odd-even .odd-even-column-head .is-single { background: #00ffff; }
.frontend-3d-odd-even .odd-even-cell--issue { color: #333; background: #fff; }
.frontend-3d-odd-even .odd-even-cell--number { color: #111; background: #eee; font-weight: 700; }
.frontend-3d-odd-even .odd-even-cell--sum { background: #c0ffff; }
.frontend-3d-odd-even .odd-even-cell--span { background: #fefeee; }
.frontend-3d-odd-even .odd-even-cell--hundreds { background: #00ff00; }
.frontend-3d-odd-even .odd-even-cell--tens { background: #ffff00; }
.frontend-3d-odd-even .odd-even-cell--units { background: #d7d7d7; }
.frontend-3d-odd-even .odd-even-cell--group { background: #00ff80; }
.frontend-3d-odd-even .odd-even-cell--single { background: #00ffff; }
.frontend-3d-odd-even .odd-even-table td.is-hit { color: #fff; font-weight: 700; }
.frontend-3d-odd-even .odd-even-table td.is-hit strong { display: inline-block; width: 16px; height: 16px; color: #fff; border-radius: 50%; font-size: 12px; font-weight: 700; line-height: 16px; text-align: center; }
.frontend-3d-odd-even .odd-even-cell--hundreds.is-hit strong { background: #f20d3a; }
.frontend-3d-odd-even .odd-even-cell--tens.is-hit strong,
.frontend-3d-odd-even .odd-even-cell--group.is-hit strong,
.frontend-3d-odd-even .odd-even-cell--single.is-hit strong { background: #087cff; }
.frontend-3d-odd-even .odd-even-cell--units.is-hit strong { background: #111; }
.frontend-3d-odd-even .odd-even-data-row > *:nth-child(7),
.frontend-3d-odd-even .odd-even-data-row > *:nth-child(9),
.frontend-3d-odd-even .odd-even-data-row > *:nth-child(11),
.frontend-3d-odd-even .odd-even-data-row > *:nth-child(13),
.frontend-3d-odd-even .odd-even-data-row > *:nth-child(17) { box-shadow: inset 2px 0 #000; }
.frontend-3d-odd-even .odd-even-stat-row th,
.frontend-3d-odd-even .odd-even-stat-row td { height: 16px; color: #333; background: #ffffc0; font-weight: 400; }
.frontend-3d-odd-even .odd-even-group-head--bottom th { height: 25px; font-size: 12px; }
.frontend-3d-odd-even .odd-even-empty { height: 80px; color: #666; background: #fff; }
.frontend-3d-odd-even .odd-even-notes { width: 810px; margin: 8px auto 0; padding: 0; border: 0; font-size: 12px; line-height: 20px; }
.frontend-3d-odd-even .odd-even-notes h2 { margin: 0; color: #f00; font-size: 12px; font-weight: 400; line-height: 20px; }
.frontend-3d-odd-even .odd-even-notes ol { margin: 0; padding: 0; list-style: none; counter-reset: odd-even-note; }
.frontend-3d-odd-even .odd-even-notes li { padding: 0; counter-increment: odd-even-note; }
.frontend-3d-odd-even .odd-even-notes li::before { content: counter(odd-even-note) "、"; }
@media (max-width: 860px) {
    .frontend-3d-odd-even .odd-even-title,
    .frontend-3d-odd-even .odd-even-analysis-bar,
    .frontend-3d-odd-even .odd-even-notes { width: 100%; }
    .frontend-3d-odd-even .odd-even-analysis-bar { align-items: flex-start; flex-direction: column; gap: 4px; }
}