.tool-body[data-v-0a9e4af2]{display:flex;flex-direction:column;gap:16px}.card[data-v-0a9e4af2]{background:var(--bg-color);border:1px solid var(--border-lighter);border-radius:12px;padding:16px}.local-card[data-v-0a9e4af2]{display:flex;align-items:center;justify-content:space-between;border-left:4px solid var(--el-color-primary)}.local-label[data-v-0a9e4af2]{font-size:13px;color:var(--text-secondary);margin-bottom:6px}.local-time[data-v-0a9e4af2]{font-size:40px;font-weight:700;font-family:Courier New,monospace;font-variant-numeric:tabular-nums;color:var(--text-primary);line-height:1.1}.local-date[data-v-0a9e4af2]{margin-top:6px;font-size:14px;color:var(--text-regular)}.local-badge[data-v-0a9e4af2]{display:flex;align-items:center;gap:6px;font-size:14px;padding:8px 14px;border-radius:20px}.local-badge.is-day[data-v-0a9e4af2]{color:var(--el-color-warning);background:var(--el-color-warning-light-9)}.local-badge.is-night[data-v-0a9e4af2]{color:var(--el-color-primary);background:var(--el-color-primary-light-9)}.local-badge-icon[data-v-0a9e4af2]{font-size:20px}.add-card[data-v-0a9e4af2]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.add-tip[data-v-0a9e4af2]{font-size:13px;color:var(--text-secondary)}.cities-grid[data-v-0a9e4af2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.city-card[data-v-0a9e4af2]{display:flex;flex-direction:column;align-items:center;transition:box-shadow .25s,transform .25s}.city-card[data-v-0a9e4af2]:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.city-head[data-v-0a9e4af2]{width:100%;display:flex;align-items:center;gap:8px}.city-name[data-v-0a9e4af2]{font-size:16px;font-weight:600;color:var(--text-primary)}.city-offset-tag[data-v-0a9e4af2]{font-size:12px;color:var(--el-color-primary);background:var(--el-color-primary-light-9);border-radius:4px;padding:2px 6px;font-family:Courier New,monospace}.city-head .el-button[data-v-0a9e4af2]{margin-left:auto}.clock-wrap[data-v-0a9e4af2]{position:relative;margin-top:12px}.clock-svg[data-v-0a9e4af2]{width:96px;height:96px;display:block}.dial-face[data-v-0a9e4af2]{fill:var(--bg-card);stroke:var(--border-lighter)}.tick[data-v-0a9e4af2]{stroke:var(--border-color)}.tick.is-major[data-v-0a9e4af2]{stroke:var(--text-secondary)}.hand-hour[data-v-0a9e4af2]{stroke:var(--text-primary)}.hand-min[data-v-0a9e4af2]{stroke:var(--text-regular)}.hand-sec[data-v-0a9e4af2]{stroke:var(--el-color-danger)}.hand-sec-dot[data-v-0a9e4af2]{fill:var(--el-color-danger)}.center-dot[data-v-0a9e4af2]{fill:var(--text-primary)}.day-night[data-v-0a9e4af2]{position:absolute;top:0;right:0;font-size:13px;line-height:1}.day-night.is-day[data-v-0a9e4af2]{color:var(--el-color-warning)}.day-night.is-night[data-v-0a9e4af2]{color:var(--el-color-primary)}.city-digital[data-v-0a9e4af2]{margin-top:10px;font-size:18px;font-weight:700;font-family:Courier New,monospace;font-variant-numeric:tabular-nums;color:var(--text-primary);letter-spacing:1px}.city-meta[data-v-0a9e4af2]{margin-top:8px;display:flex;align-items:center;gap:8px}.city-date-text[data-v-0a9e4af2]{font-size:12px;color:var(--text-secondary)}