.json-pre{margin:0;white-space:pre-wrap;word-break:break-all;font-family:monospace;font-size:13px;line-height:1.6}.download-status{margin-top:16px}.status-item{padding:8px 12px;background:#f8f9fa;border-radius:4px;margin-bottom:8px;display:flex;align-items:center;gap:12px}.status-url{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.status-text{font-size:13px}.status-success{color:#28a745}.status-failed{color:#dc3545}.status-downloading{color:#007bff}.status-error{font-size:12px;color:#dc3545}.compare-container[data-v-7e4e2962]{display:flex;gap:16px;margin-bottom:16px}.compare-input[data-v-7e4e2962]{flex:1}.compare-input label[data-v-7e4e2962]{display:block;margin-bottom:6px;color:#666;font-size:14px}.compare-input textarea[data-v-7e4e2962]{width:100%;min-height:200px;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;resize:vertical;font-family:inherit;white-space:pre-wrap}.compare-result[data-v-7e4e2962]{display:flex;gap:16px}.result-panel[data-v-7e4e2962]{flex:1}.result-panel label[data-v-7e4e2962]{display:block;margin-bottom:6px;color:#666;font-size:14px}.diff-box[data-v-7e4e2962]{white-space:pre-wrap;word-break:break-all;min-height:200px;font-family:inherit;line-height:1.6}.diff-same[data-v-7e4e2962]{color:#333}.diff-remove[data-v-7e4e2962]{background:#f8d7da;color:#721c24}.diff-add[data-v-7e4e2962]{background:#d4edda;color:#155724}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;min-height:100vh}#app{display:flex;min-height:100vh}.nav-bar{width:180px;background:#2c3e50;color:#fff;padding:20px 0;flex-shrink:0}.nav-title{font-size:16px;font-weight:700;padding:0 20px 20px;border-bottom:1px solid #3d5a73;margin-bottom:10px}.nav-item{padding:12px 20px;cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:8px}.nav-item:hover{background:#3d5a73}.nav-item.active{background:#42b983}.main-content{flex:1;padding:24px;overflow-y:auto}.tool-card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a}.tool-title{font-size:18px;font-weight:700;margin-bottom:20px;color:#2c3e50}.input-group{margin-bottom:16px}.input-group label{display:block;margin-bottom:6px;color:#666;font-size:14px}.input-group input,.input-group textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.input-group textarea{resize:vertical;min-height:100px;font-family:monospace}.result-box{background:#f8f9fa;padding:12px;border-radius:4px;margin-top:12px;word-break:break-all;font-family:monospace;font-size:13px}.current-time-card{background:linear-gradient(135deg,#42b983,#3c8c73);color:#fff;padding:20px;border-radius:8px;margin-bottom:24px}.current-time-card .time{font-size:28px;font-weight:700;font-family:monospace}.current-time-card .timestamp{font-size:14px;margin-top:8px;opacity:.9}.tabs{display:flex;gap:4px;margin-bottom:16px}.tab{padding:8px 16px;background:#eee;border:none;border-radius:4px 4px 0 0;cursor:pointer;font-size:14px}.tab.active{background:#42b983;color:#fff}.tab-content{background:#f8f9fa;padding:16px;border-radius:0 4px 4px}.file-info{display:flex;gap:16px;margin-top:8px;font-size:13px;color:#666}.btn{padding:8px 16px;background:#42b983;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn:hover{background:#3aa876}.copy-btn{padding:4px 8px;font-size:12px;margin-left:8px}