.timestamp-tool[data-v-9ec620a0]{width:100%;margin:0 auto}.mr-2[data-v-9ec620a0]{margin-right:8px}.mr-1[data-v-9ec620a0]{margin-right:4px}.current-time-section[data-v-9ec620a0]{background:linear-gradient(135deg,#23a894,#1a8677);border-radius:6px;padding:24px;margin-bottom:24px;color:#fff;box-shadow:0 4px 12px #23a8944d}.time-display[data-v-9ec620a0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.time-item[data-v-9ec620a0]{display:flex;flex-direction:column;gap:8px}.time-item.full-width[data-v-9ec620a0]{grid-column:1 / -1}.time-label[data-v-9ec620a0]{font-size:14px;opacity:.9}.time-value[data-v-9ec620a0]{font-size:24px;font-weight:700;font-family:Courier New,monospace}.time-value.datetime[data-v-9ec620a0]{font-size:20px}.convert-section[data-v-9ec620a0]{background:#fff;border-radius:6px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f}.section-title[data-v-9ec620a0]{font-size:18px;font-weight:600;color:#374151;margin-bottom:20px;display:flex;align-items:center}.section-title i[data-v-9ec620a0]{color:#23a894}.convert-row[data-v-9ec620a0]{display:flex;align-items:stretch;gap:16px;margin-bottom:16px}.input-group[data-v-9ec620a0]{flex:1;display:flex;flex-direction:column;gap:8px}.input-label[data-v-9ec620a0]{font-size:14px;font-weight:500;color:#6b7280}.custom-input[data-v-9ec620a0]{padding:10px 12px;border:1px solid #dcdfe6;border-radius:6px;font-size:14px;outline:none;width:100%}.custom-input[data-v-9ec620a0]:focus{border-color:#23a894}.input-with-select[data-v-9ec620a0]{display:flex;gap:8px}.input-with-select .custom-input[data-v-9ec620a0]{flex:1}.unit-select[data-v-9ec620a0]{padding:10px 12px;border:1px solid #dcdfe6;border-radius:6px;font-size:14px;outline:none;background:#fff;cursor:pointer;min-width:100px}.input-with-button[data-v-9ec620a0]{display:flex;gap:8px}.input-with-button .custom-input[data-v-9ec620a0]{flex:1}.btn-icon[data-v-9ec620a0]{padding:10px 12px;border:1px solid #dcdfe6;border-radius:6px;background:#fff;cursor:pointer;transition:all .3s;color:#23a894}.btn-icon[data-v-9ec620a0]:hover{color:#1f8f7d;border-color:#23a894}.btn-prepend[data-v-9ec620a0]{padding:10px 16px;border:1px solid #dcdfe6;border-radius:3px;background:#fff;cursor:pointer;font-size:14px;transition:all .3s;white-space:nowrap;color:#23a894}.btn-prepend[data-v-9ec620a0]:hover{color:#1f8f7d;border-color:#23a894}.arrow-icon[data-v-9ec620a0]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f3f4f6;border-radius:50%;color:#23a894;font-size:18px;flex-shrink:0;margin-top:24px}.input-hint[data-v-9ec620a0]{font-size:12px;color:#9ca3af;margin-top:4px}.format-options[data-v-9ec620a0]{margin-top:16px}.custom-select[data-v-9ec620a0]{padding:10px 12px;border:1px solid #dcdfe6;border-radius:6px;font-size:14px;outline:none;background:#fff;cursor:pointer;width:100%}.result-buttons[data-v-9ec620a0]{display:flex;gap:8px;margin-bottom:8px}.btn-result[data-v-9ec620a0]{padding:10px 20px;border:1px solid #dcdfe6;border-radius:3px;background:#fff;color:#606266;cursor:pointer;font-size:14px;transition:all .3s}.btn-result[data-v-9ec620a0]:hover{color:#23a894;border-color:#23a894}.btn-primary[data-v-9ec620a0]{background:#23a894;color:#fff;border-color:#23a894}.btn-primary[data-v-9ec620a0]:hover{background:#1f8f7d;border-color:#1f8f7d;color:#fff}.copy-buttons[data-v-9ec620a0]{display:flex;gap:8px;margin-top:8px}.btn-small[data-v-9ec620a0]{padding:6px 12px;border:1px solid #dcdfe6;border-radius:3px;background:#fff;color:#23a894;cursor:pointer;font-size:12px;transition:all .3s}.btn-small[data-v-9ec620a0]:hover{color:#1f8f7d;border-color:#23a894}.reference-section[data-v-9ec620a0]{background:#fff;border-radius:6px;padding:24px;box-shadow:0 2px 8px #0000000f}.reference-grid[data-v-9ec620a0]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.reference-item[data-v-9ec620a0]{padding:12px;background:#f9fafb;border-radius:6px;cursor:pointer;transition:all .2s;border:1px solid transparent}.reference-item[data-v-9ec620a0]:hover{background:#f3f4f6;border-color:#23a894;transform:translateY(-2px);box-shadow:0 4px 8px #23a89426}.reference-label[data-v-9ec620a0]{font-size:13px;font-weight:600;color:#374151;margin-bottom:4px}.reference-timestamp[data-v-9ec620a0]{font-size:14px;color:#23a894;font-family:Courier New,monospace;margin-bottom:2px}.reference-datetime[data-v-9ec620a0]{font-size:12px;color:#9ca3af}.help-section[data-v-9ec620a0]{background:#fff;border-radius:6px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f}.help-content[data-v-9ec620a0]{display:grid;gap:12px}.help-item[data-v-9ec620a0]{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f9fafb;border-radius:6px}.help-item i[data-v-9ec620a0]{color:#23a894;margin-top:2px}.help-item div[data-v-9ec620a0]{font-size:14px;color:#6b7280}@media (max-width: 768px){.convert-row[data-v-9ec620a0]{flex-direction:column}.arrow-icon[data-v-9ec620a0]{transform:rotate(90deg)}.time-value[data-v-9ec620a0]{font-size:20px}.result-buttons[data-v-9ec620a0]{flex-direction:column}}