/* 时区转换器：仅本页特有样式 */
.tb-split > .tb-card { margin-top: 0; }
.tb-field > select, .tb-field > input { width: 100%; }
.zone-head { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; }
.zone-head .tb-card-title { margin-bottom: 0; }
.target-zones { display: flex; flex-direction: column; gap: 0.75rem; }
.target-zone {
    display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0.5rem 0.5rem; align-items: center;
    padding: 0.75rem; border-radius: var(--radius-md); background: var(--color-surface);
}
.target-zone select { width: 100%; min-width: 0; }
.target-zone .zone-output { grid-column: 1 / -1; min-width: 0; }
.target-zone .result {
    padding: 0; border: 0; background: none; white-space: normal; word-break: normal;
    font-family: var(--font-display); font-size: clamp(1.25rem, 1rem + 1.4vw, 1.6rem); font-weight: 700; color: var(--color-primary);
    font-variant-numeric: tabular-nums; line-height: 1.3;
}
.target-zone .zone-meta { display: flex; flex-wrap: wrap; gap: 0.375rem; margin-top: 0.375rem; }
.target-zone .tb-chip { background: var(--color-bg-card); }
.remove-btn {
    appearance: none; width: 40px; height: 40px; border: 1px solid var(--color-border); border-radius: var(--radius-sm);
    background: var(--color-bg-card); color: var(--color-text-secondary); cursor: pointer; display: grid; place-items: center;
}
.remove-btn:hover { border-color: var(--color-danger); color: var(--color-danger); }
.remove-btn:disabled { opacity: 0.4; cursor: not-allowed; }

#commonZones .tb-stat-value { font-size: 1.375rem; }
#commonZones .tb-stat-label { font-size: 0.8125rem; color: var(--color-text-secondary); font-weight: 600; }
.zone-sub { font-size: 0.75rem; color: var(--color-text-muted); }

@media (max-width: 480px) {
    .tb-row .tb-btn { flex: 1 1 auto; }
    #commonZones { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}