.timestamp-view[data-v-020d4104]{max-width:800px;margin:0 auto;padding:0 16px}.content-wrapper[data-v-020d4104]{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.current-time-card[data-v-020d4104]{border-radius:16px;text-align:center;padding:24px}.time-display[data-v-020d4104]{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:12px}.timestamp-value[data-v-020d4104]{font-size:32px;font-weight:700;font-family:Monaco,Menlo,monospace;letter-spacing:2px;color:var(--n-text-color, #333)}.datetime-value[data-v-020d4104]{font-size:24px;font-weight:500;font-family:Monaco,Menlo,monospace;color:var(--n-text-color, #555);opacity:.75}.time-labels[data-v-020d4104]{display:flex;justify-content:space-around;font-size:13px;color:var(--n-text-color, #999);opacity:.5}.convert-section[data-v-020d4104]{display:flex;flex-direction:column;gap:16px}.convert-card[data-v-020d4104]{border-radius:12px;background:#fafafa}.convert-card[data-v-020d4104] .n-card-header{padding-bottom:12px}.card-header[data-v-020d4104]{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:#333}.convert-row[data-v-020d4104]{display:flex;gap:12px;align-items:center}.convert-input[data-v-020d4104]{flex:1}.datetime-row[data-v-020d4104]{display:flex;align-items:center;gap:6px}.dt-year[data-v-020d4104]{flex:1.5;min-width:60px}.dt-small[data-v-020d4104]{flex:1;min-width:45px}.dt-sep[data-v-020d4104]{color:#999;font-size:16px;flex-shrink:0}.dt-space[data-v-020d4104]{width:12px}.dt-btn[data-v-020d4104]{margin-left:8px;flex-shrink:0}.input-prefix[data-v-020d4104]{color:#999;font-size:12px;padding-right:4px;border-right:1px solid #e0e0e0;margin-right:8px}.convert-btn[data-v-020d4104]{min-width:80px}.diff-row[data-v-020d4104]{display:flex;gap:12px;align-items:center}.diff-input[data-v-020d4104]{flex:1}.hint-text[data-v-020d4104]{font-size:12px;color:#999;margin-top:6px}.offset-row[data-v-020d4104]{display:flex;gap:10px;align-items:center}.offset-input[data-v-020d4104]{flex:2}.offset-select[data-v-020d4104]{flex:1;min-width:80px}.result-box[data-v-020d4104]{display:flex;align-items:center;gap:8px;margin-top:12px;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #e8e8e8}.result-label[data-v-020d4104]{color:#666;font-size:13px}.result-value[data-v-020d4104]{flex:1;font-family:Monaco,Menlo,monospace;font-size:16px;font-weight:500;color:#18a058}.guide-card[data-v-020d4104]{border-radius:12px}@media(max-width:600px){.time-display[data-v-020d4104]{flex-direction:column;gap:12px}.timestamp-value[data-v-020d4104]{font-size:24px}.datetime-value[data-v-020d4104]{font-size:18px}.time-labels[data-v-020d4104]{flex-direction:column;gap:4px}.convert-row[data-v-020d4104]{flex-direction:column}.convert-input[data-v-020d4104],.convert-btn[data-v-020d4104]{width:100%}.datetime-row[data-v-020d4104]{flex-wrap:wrap;gap:6px}.dt-year[data-v-020d4104]{flex:1.5;min-width:50px}.dt-small[data-v-020d4104]{flex:1;min-width:40px}.dt-btn[data-v-020d4104]{flex:none;width:100%;margin-left:0;margin-top:8px}.diff-row[data-v-020d4104]{flex-direction:column}.offset-row[data-v-020d4104]{flex-wrap:wrap}.offset-input[data-v-020d4104]{flex:1 1 100%}.offset-select[data-v-020d4104]{flex:1}.result-box[data-v-020d4104]{flex-wrap:wrap}.result-value[data-v-020d4104]{font-size:14px}}[data-v-020d4104] .n-card{transition:background-color .3s}