/* 时间戳转换：仅本页特有样式 */
.tb-split > .tb-card { margin-top: 0; }
.now-card { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.now-clock { font-family: var(--font-display); font-size: clamp(1.4rem, 1rem + 2.4vw, 2.1rem); font-weight: 700; color: var(--color-primary); font-variant-numeric: tabular-nums; line-height: 1.3; }
.now-stamps { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
.now-stamp {
    appearance: none; display: flex; flex-direction: column; align-items: flex-start; gap: 2px;
    padding: 0.5rem 0.875rem; min-height: 40px; border: 1px solid transparent; border-radius: var(--radius-md);
    background: var(--color-surface); color: var(--color-text); cursor: pointer; font: inherit; text-align: left;
}
.now-stamp:hover { border-color: var(--color-border-hover); }
.now-stamp .tb-mono { font-size: 1rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.ts-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(7.5rem, auto); gap: 0.75rem; }
.ts-row input { width: 100%; font-family: var(--font-mono); }

/* 结果列表：标签 / 值 / 复制 */
.kv { list-style: none; border: 1px solid var(--color-border); border-radius: var(--radius-md); overflow: hidden; }
.kv li { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr) auto; align-items: center; gap: 0.5rem; padding: 0.5rem 0.5rem 0.5rem 0.875rem; border-bottom: 1px solid var(--color-border); }
.kv li:last-child { border-bottom: 0; }
.kv li:nth-child(odd) { background: var(--color-surface); }
.kv .kv-label { font-size: 0.8125rem; color: var(--color-text-muted); }
.kv .kv-value { font-family: var(--font-mono); font-size: 0.875rem; word-break: break-all; }

@media (max-width: 480px) {
    .now-stamps { width: 100%; }
    .now-stamp { flex: 1 1 40%; }
    .kv li { grid-template-columns: minmax(0, 1fr) auto; }
    .kv .kv-label { grid-column: 1 / -1; }
    .tb-row .tb-btn { flex: 1 1 auto; }
}
