/* timestamp.php：时间戳页样式（参照常见在线时间工具布局） */
.ts-now-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.ts-now-item {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 12px;
    background: #f8fafc;
}

.ts-now-label {
    display: block;
    color: #64748b;
    font-size: 13px;
    margin-bottom: 6px;
}

.ts-now-value {
    font-size: 16px;
    color: #1f2937;
    word-break: break-all;
}

.ts-row {
    display: flex;
    gap: 10px;
}

.ts-main-input {
    flex: 1 1 auto;
}

.ts-unit-select {
    width: 120px;
}

.ts-result {
    margin-top: 12px;
    min-height: 120px;
    font-family: ui-monospace, Consolas, monospace;
}

@media (max-width: 768px) {
    .ts-now-grid {
        grid-template-columns: 1fr;
    }

    .ts-row {
        flex-direction: column;
    }

    .ts-unit-select {
        width: 100%;
    }
}