.annual-details { display: grid; gap: var(--space-4); min-width: 0; }
.annual-details .between { gap: var(--space-3); flex-wrap: wrap; }
.annual-year-form, .annual-detail-query { display: flex; gap: var(--space-3); align-items: end; flex-wrap: wrap; }
.annual-year-form .field, .annual-detail-query .field { flex: 1 1 12rem; min-width: 0; }
.annual-detail-summary { padding-block: var(--space-2) var(--space-4); border-bottom: 1px solid var(--border); }
.annual-detail-summary h3 { font-size: var(--text-card-title); margin-bottom: var(--space-2); } /* 卡片标题级（字体「字阶」） */
.annual-detail-summary p, .annual-detail-row p { margin-block: var(--space-2); overflow-wrap: anywhere; }
.annual-detail-list { display: grid; gap: var(--space-3); }
.annual-detail-row { padding: var(--space-4); min-width: 0; }
.annual-detail-row h3 { font-size: var(--text-card-title); overflow-wrap: anywhere; }
.annual-detail-facts { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,12rem),1fr)); gap: var(--space-3); }
.annual-detail-facts dt { font-size: var(--text-caption); color: var(--muted); }
.annual-detail-facts dd { margin: var(--space-1) 0; overflow-wrap: anywhere; }
.annual-detail-facts small { display: block; font-size: var(--text-caption); color: var(--muted); }
.annual-context { margin-top: var(--space-2); }
.annual-context summary { min-height: 2.75rem; display: flex; align-items: center; cursor: pointer; }
.annual-detail-pages { justify-content: flex-end; margin-top: var(--space-4); }
.annual-details.is-mobile .btn, .annual-details.is-mobile .chip { min-height: 2.75rem; min-width: 2.75rem; white-space: normal; }
.annual-details.is-mobile input, .annual-details.is-mobile select { font-size: 1rem; min-height: 2.75rem; max-width: 100%; }