.storm-records {
    container-type: inline-size;
    margin-top: 20px;
    padding: 24px;
    background: var(--cr-bg-card, #fff);
    color: var(--cr-text, #1d1d1f);
    border: 1px solid var(--cr-border, #e5e5e7);
    border-radius: var(--cr-radius, 12px);
}
.storm-records[hidden] { display: none; }
.storm-records-standalone { max-width: 940px; margin: 24px auto; }
.storm-records h2 { margin: 0 0 6px; font-size: 1.25rem; line-height: 1.4; }
.storm-records-intro { margin: 0 0 18px; color: var(--cr-text-secondary, #666); font-size: .8125rem; line-height: 1.5; }
.storm-records-intro span { white-space: nowrap; }
.storm-records-table { width: 100%; border-collapse: collapse; font-size: .875rem; font-variant-numeric: tabular-nums; }
.storm-records-table th { padding: 8px 6px; color: var(--cr-text-secondary, #666); font-size: .75rem; font-weight: 600; }
.storm-records-table td { padding: 10px 6px; border-top: 1px solid var(--cr-border, #e5e5e7); line-height: 1.5; }
.storm-records-table th, .storm-records-table td { text-align: center; overflow-wrap: anywhere; }
.storm-records-table th:first-child, .storm-records-table td:first-child { padding-left: 0; text-align: left; }
.storm-records-table th:last-child, .storm-records-table td:last-child { padding-right: 0; text-align: right; }
.storm-records-date, .storm-records-time { display: block; }
.storm-records-time { color: var(--cr-text-secondary, #666); font-size: .75rem; }
.storm-records-score { font-size: 1.25rem; font-weight: 700; }
.storm-records-link { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 4px 6px; color: #145f84; font-weight: 600; text-decoration: none; }
.storm-records-link:hover { text-decoration: underline; }
.storm-records-more { min-height: 44px; margin-top: 12px; padding: 6px 14px; background: var(--cr-bg-card, #fff); color: var(--cr-text, #1d1d1f); border: 1px solid var(--cr-border, #e5e5e7); border-radius: 7px; font: inherit; font-size: .875rem; cursor: pointer; }
.storm-records-more:disabled { opacity: .6; cursor: wait; }
.storm-records-link:focus-visible, .storm-records-more:focus-visible { outline: 3px solid #0071e3; outline-offset: 2px; }
.storm-records-status { margin: 16px 0 0; color: var(--cr-text-secondary, #666); font-size: .875rem; line-height: 1.5; }
.storm-records-caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.storm-records-guest .login-wrap { flex-direction: column; justify-content: flex-start; gap: 24px; }
.storm-records-guest .storm-records { width: 100%; max-width: 940px; margin-top: 0; }
html[data-theme=dark] .storm-records-link { color: #7eb9ed; }
@media (max-width: 600px) {
    .storm-records { padding: 16px; }
    .storm-records-standalone { margin: 16px 12px; }
    .storm-records-table th, .storm-records-table td { padding-left: 3px; padding-right: 3px; }
}
/* 字体放大或极窄容器时，把每条记录排成两行，保留完整日期和中文。 */
@container (max-width: 14rem) {
    .storm-records-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
    .storm-records-table tbody { display: block; }
    .storm-records-table tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 10px; padding: 12px 0; border-top: 1px solid var(--cr-border, #e5e5e7); }
    .storm-records-table td { padding: 0; border: 0; }
    .storm-records-table td:nth-child(2), .storm-records-table td:nth-child(4) { text-align: right; }
    .storm-records-table td:nth-child(3) { text-align: left; white-space: nowrap; }
    .storm-records-table td:nth-child(3)::before { content: '准确度 '; color: var(--cr-text-secondary, #666); font-size: .75rem; }
    .storm-records-date { white-space: nowrap; }
    .storm-records-link { padding-right: 0; white-space: nowrap; }
}