.sum-trend-page { width: 100%; padding: 18px 0 64px; color: #000; font-family: Arial, SimSun, "宋体", sans-serif; font-size: 12px; }
.sum-trend-page .sum-trend-breadcrumb { height: 34px; color: #777; font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif; font-size: 14px; }
.sum-trend-page .sum-trend-breadcrumb ol { display: flex; margin: 0; padding: 0; list-style: none; }
.sum-trend-page .sum-trend-breadcrumb li:not(:last-child)::after { content: ">"; margin: 0 9px; color: #aaa; }
.sum-trend-page .sum-trend-breadcrumb a { color: #666; }
.sum-trend-page .sum-trend-panel { padding: 10px 0 42px; background: #fff; }
.sum-trend-page .sum-trend-title { width: 1060px; max-width: 100%; margin: 0 auto 8px; color: #f00; font-size: 18px; font-weight: 400; line-height: 26px; text-align: center; }
.sum-trend-page .sum-trend-analysis-bar { display: flex; align-items: center; width: 1060px; max-width: 100%; min-height: 24px; margin: 0 auto; color: #f00; }
.sum-trend-page .sum-trend-toolbar { display: flex; align-items: center; min-height: 24px; font-weight: 700; line-height: 20px; white-space: nowrap; }
.sum-trend-page .sum-trend-toolbar select { width: 58px; height: 18px; margin: 0 3px; padding: 0; color: #000; border: 1px solid #767676; background: #fff; font: 400 12px/16px SimSun, Arial, sans-serif; }
.sum-trend-page .sum-trend-toolbar button { margin-left: 6px; }
.sum-trend-page .sum-trend-actual { margin-left: 8px; color: #666; font-weight: 400; }
.sum-trend-page .sum-trend-scroll { overflow-x: auto; overflow-y: hidden; width: 100%; max-width: 100%; outline: none; }
.sum-trend-page .sum-trend-scroll:focus-visible { box-shadow: 0 0 0 2px rgba(223, 23, 42, .35); }
.sum-trend-page .sum-trend-table { width: 1060px; min-width: 1060px; margin: 0 auto; color: #333; border: 0; border-collapse: separate; border-spacing: 1px; background: #000; font-family: SimSun, "宋体", Arial, sans-serif; font-size: 12px; line-height: normal; table-layout: auto; }
.sum-trend-page .sum-trend-col--issue { width: 60px; }
.sum-trend-page .sum-trend-col--number { width: 7px; }
.sum-trend-page .sum-trend-col--metric,
.sum-trend-page .sum-trend-col--sum,
.sum-trend-page .sum-trend-col--parity,
.sum-trend-page .sum-trend-col--modulo { width: 20px; }
.sum-trend-page .sum-trend-table th,
.sum-trend-page .sum-trend-table td { overflow: hidden; height: 20px; padding: 1px; border: 0; text-align: center; text-overflow: clip; vertical-align: middle; white-space: nowrap; }
.sum-trend-page .sum-trend-groups th { height: 28px; color: #333; border-right: 2px solid #000; background: #fff; font-size: 14px; font-weight: 700; }
.sum-trend-page .sum-trend-groups th:last-child { border-right: 1px solid #000; }
.sum-trend-page .sum-trend-headings th { height: 28px; color: #333; border-top: 1px solid #000; border-bottom: 1px solid #000; background: #fff; font-weight: 700; line-height: 28px; white-space: normal; }
.sum-trend-page .sum-trend-headings .sum-trend-heading--numbers { height: 88px; line-height: 12px; text-orientation: upright; writing-mode: vertical-rl; }
.sum-trend-page .sum-trend-table .sum-trend-group-end { border-right: 2px solid #000; }
.sum-trend-page .sum-trend-table-end { border-right-width: 1px; }
.sum-trend-page .sum-trend-cell--issue { color: #000; background: #fff; font-weight: 400; }
.sum-trend-page .sum-trend-cell--number { padding-right: 0; padding-left: 0; color: #000; background: #eee; }
.sum-trend-page .sum-trend-cell--sum-value { color: #000; background: #c0ffff; }
.sum-trend-page .sum-trend-cell--span { color: #000; background: #fefeee; }
.sum-trend-page .sum-trend-heading--sum,
.sum-trend-page .sum-trend-cell--sum { background: #00ff00; }
.sum-trend-page .sum-trend-heading--parity,
.sum-trend-page .sum-trend-cell--parity { background: #ffff00; }
.sum-trend-page .sum-trend-heading--modulo,
.sum-trend-page .sum-trend-cell--modulo { background: #d7d7d7; }
.sum-trend-page .sum-trend-spacer { color: transparent; }
.sum-trend-page .sum-trend-table td.is-hit { color: #fff; font-weight: 700; }
.sum-trend-page .sum-trend-table td.is-hit strong { display: inline-block; width: 18px; height: 18px; color: #fff; border-radius: 50%; font-size: 12px; font-weight: 700; line-height: 18px; text-align: center; }
.sum-trend-page .sum-trend-cell--sum.is-hit strong { background: #f00; }
.sum-trend-page .sum-trend-cell--parity.is-hit strong { background: #06f; }
.sum-trend-page .sum-trend-cell--modulo.is-hit strong { background: #000; }
.sum-trend-page .sum-trend-repeat-headings th { height: 20px; background: #fff; font-weight: 700; }
.sum-trend-page .sum-trend-summary th,
.sum-trend-page .sum-trend-summary td { height: 16px; font-weight: 400; }
.sum-trend-page .sum-trend-summary--total_hits > *,
.sum-trend-page .sum-trend-summary--average_omission > *,
.sum-trend-page .sum-trend-summary--maximum_streak > * { background: #ffffc0; }
.sum-trend-page .sum-trend-summary--current_omission > *,
.sum-trend-page .sum-trend-summary--maximum_omission > * { background: #c0ffff; }
.sum-trend-page .sum-trend-empty { height: 80px; color: #666; background: #fff; }
.sum-trend-page .sum-trend-groups--bottom th { height: 28px; }
.sum-trend-page .sum-trend-notes { width: 1060px; max-width: 100%; margin: 8px auto 0; font-size: 12px; line-height: 20px; }
.sum-trend-page .sum-trend-notes h2 { margin: 0; color: #f00; font-size: 12px; font-weight: 400; line-height: 20px; }
.sum-trend-page .sum-trend-notes ol { margin: 0; padding: 0; list-style: none; counter-reset: sum-trend-note; }
.sum-trend-page .sum-trend-notes li { counter-increment: sum-trend-note; }
.sum-trend-page .sum-trend-notes li::before { content: counter(sum-trend-note) "、"; }