.json-tool[data-v-0d88f5e3]{max-width:1000px;margin:0 auto}.json-input[data-v-0d88f5e3],.json-output[data-v-0d88f5e3]{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;border-radius:8px;transition:all .3s ease}.json-input[data-v-0d88f5e3]:focus,.json-output[data-v-0d88f5e3]:focus{border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,.2)}.copy-section[data-v-0d88f5e3]{margin-top:16px;text-align:right}.copy-btn[data-v-0d88f5e3]{margin-left:10px;border-radius:20px;transition:all .3s ease}.copy-btn[data-v-0d88f5e3]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.error-section[data-v-0d88f5e3]{margin-top:24px;animation:slideDown-0d88f5e3 .3s ease}@keyframes slideDown-0d88f5e3{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.action-buttons[data-v-0d88f5e3]{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.action-buttons .el-button[data-v-0d88f5e3]{min-width:80px;flex:1;max-width:120px}}.encode-tool[data-v-710d6cde]{max-width:1000px;margin:0 auto}.encode-type-section[data-v-710d6cde]{margin:20px 0}.encode-radio-group[data-v-710d6cde]{display:flex;justify-content:center}.copy-section[data-v-710d6cde]{margin-top:10px;text-align:right}.error-section[data-v-710d6cde]{margin-top:20px}@media (max-width:768px){.encode-radio-group[data-v-710d6cde]{flex-direction:column;align-items:center}.encode-radio-group .el-radio-button[data-v-710d6cde]{margin:4px 0}}.hash-tool[data-v-66f79656]{max-width:1000px;margin:0 auto}.hash-type-section[data-v-66f79656]{margin:20px 0}.hash-checkbox-group[data-v-66f79656]{display:flex;justify-content:center;flex-wrap:wrap}.hash-checkbox-group .el-checkbox-button[data-v-66f79656]{margin:4px}.results-section[data-v-66f79656]{margin-top:20px}.hash-results[data-v-66f79656]{display:flex;flex-direction:column;gap:16px}.hash-result-item[data-v-66f79656]{border:1px solid #e4e7ed;border-radius:4px;padding:16px;background-color:#f8f9fa}.hash-type[data-v-66f79656]{font-weight:600;color:#409eff;margin-bottom:8px;font-size:16px}.hash-value[data-v-66f79656]{width:100%}.hash-input[data-v-66f79656]{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px}@media (max-width:768px){.hash-checkbox-group[data-v-66f79656]{flex-direction:column;align-items:center}.hash-checkbox-group .el-checkbox-button[data-v-66f79656]{margin:2px 0}.hash-result-item[data-v-66f79656]{padding:12px}}.format-tool[data-v-2807719e]{max-width:1000px;margin:0 auto}.language-section[data-v-2807719e]{margin:20px 0}.language-select[data-v-2807719e]{width:200px;display:block;margin:0 auto}.code-output[data-v-2807719e]{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px}.copy-section[data-v-2807719e]{margin-top:10px;text-align:right}@media (max-width:768px){.language-select[data-v-2807719e]{width:100%}}.regex-tool[data-v-163d4e72]{max-width:1000px;margin:0 auto}.regex-input[data-v-163d4e72]{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.results-section[data-v-163d4e72]{margin:20px 0}.results-content[data-v-163d4e72]{border:1px solid #e4e7ed;border-radius:4px;padding:16px;background-color:#f8f9fa}.highlighted-text[data-v-163d4e72]{font-family:Monaco,Menlo,Ubuntu Mono,monospace;white-space:pre-wrap;line-height:1.6;font-size:14px}.highlight-match[data-v-163d4e72]{background-color:#ffeb3b;color:#333;padding:2px 4px;border-radius:2px;font-weight:700}.match-details[data-v-163d4e72]{max-height:400px;overflow-y:auto}.match-item[data-v-163d4e72]{border:1px solid #e4e7ed;border-radius:4px;padding:12px;margin-bottom:12px;background-color:#fff}.match-header[data-v-163d4e72]{display:flex;justify-content:space-between;margin-bottom:8px;font-weight:700}.match-index[data-v-163d4e72]{color:#409eff}.match-position[data-v-163d4e72]{color:#909399;font-size:12px}.match-content[data-v-163d4e72]{margin-bottom:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.match-groups[data-v-163d4e72]{border-top:1px solid #f0f0f0;padding-top:8px}.group-item[data-v-163d4e72]{margin-left:16px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;color:#666}.no-matches[data-v-163d4e72]{text-align:center;color:#909399;padding:40px}.examples-section[data-v-163d4e72]{margin-top:30px}.examples-grid[data-v-163d4e72]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:16px}.example-card[data-v-163d4e72]{cursor:pointer;transition:all .3s ease}.example-card[data-v-163d4e72]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.example-name[data-v-163d4e72]{font-weight:700;color:#303133;margin-bottom:8px}.example-pattern[data-v-163d4e72]{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;color:#409eff;background-color:#f0f8ff;padding:4px 8px;border-radius:4px;margin-bottom:8px}.example-description[data-v-163d4e72]{font-size:12px;color:#606266}@media (max-width:768px){.examples-grid[data-v-163d4e72]{grid-template-columns:1fr}}.timestamp-tool[data-v-d4490f68]{max-width:1000px;margin:0 auto}.current-time-section[data-v-d4490f68]{margin-bottom:30px}.current-time-card[data-v-d4490f68]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.time-display[data-v-d4490f68]{font-size:24px;font-weight:700;margin-bottom:16px;text-align:center}.timestamp-display[data-v-d4490f68]{display:flex;align-items:center;justify-content:center;margin:8px 0;gap:8px}.timestamp-label[data-v-d4490f68]{font-size:14px;opacity:.9}.timestamp-value[data-v-d4490f68]{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:16px;font-weight:700}.convert-section[data-v-d4490f68]{margin:20px 0}.datetime-picker[data-v-d4490f68],.timestamp-input[data-v-d4490f68]{margin-bottom:16px}.result-display[data-v-d4490f68]{background-color:#f0f8ff;border:1px solid #d9ecff;border-radius:4px;padding:16px;margin-top:16px}.result-item[data-v-d4490f68]{display:flex;align-items:center;margin:8px 0;gap:8px}.result-label[data-v-d4490f68]{font-weight:500;color:#606266;min-width:80px}.result-value[data-v-d4490f68]{font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:#409eff;font-weight:700;flex:1}.quick-select-section[data-v-d4490f68]{margin:30px 0}.quick-buttons[data-v-d4490f68]{display:flex;flex-direction:column;gap:12px}.quick-buttons .el-button-group[data-v-d4490f68]{display:flex;justify-content:center;flex-wrap:wrap}.time-diff-section[data-v-d4490f68]{margin:30px 0}.time-diff-inputs[data-v-d4490f68]{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.diff-picker[data-v-d4490f68]{flex:1;min-width:200px}.time-diff-result[data-v-d4490f68]{background-color:#f0f9ff;border:1px solid #b3e5fc;border-radius:4px;padding:16px;margin-top:16px}.diff-item[data-v-d4490f68]{display:flex;justify-content:space-between;align-items:center;margin:8px 0;padding:8px 0;border-bottom:1px solid #e0e0e0}.diff-item[data-v-d4490f68]:last-child{border-bottom:none}.diff-label[data-v-d4490f68]{font-weight:500;color:#606266}.diff-value[data-v-d4490f68]{font-weight:700;color:#409eff}@media (max-width:768px){.time-diff-inputs[data-v-d4490f68]{flex-direction:column}.diff-picker[data-v-d4490f68]{width:100%}.quick-buttons .el-button-group[data-v-d4490f68]{flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;background-color:#f5f7fa}#app,.app-container{min-height:100vh}.app-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:0;box-shadow:0 4px 20px 0 rgba(0,0,0,.15);position:relative;overflow:hidden}.app-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 300"><path fill="url(%23a)" d="M0 0h1200v300H0z"/><g fill="rgba(255,255,255,0.1)"><circle cx="100" cy="50" r="30"/><circle cx="300" cy="150" r="20"/><circle cx="600" cy="80" r="25"/><circle cx="800" cy="200" r="35"/><circle cx="1100" cy="120" r="15"/></g></svg>') no-repeat 50%;background-size:cover;opacity:.3}.header-content{padding:18px 0;text-align:center;position:relative;z-index:1}.logo-section{display:flex;align-items:center;justify-content:left;gap:16px}.logo-icon{font-size:48px;background:hsla(0,0%,100%,.2);padding:16px;border-radius:50%;backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.3);animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.title-section{text-align:left}.app-title{font-size:28px;font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.3);background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.app-subtitle{font-size:14px;opacity:.95;text-shadow:0 1px 2px rgba(0,0,0,.2);letter-spacing:.5px;line-height:1.4}.main-container{min-height:calc(100vh - 280px);flex:1}.sidebar{background:linear-gradient(180deg,#fff,#f8f9fa);border-right:1px solid #e4e7ed;box-shadow:4px 0 16px 0 rgba(0,0,0,.08);position:relative}.sidebar:before{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(180deg,transparent,#e4e7ed 50%,transparent)}.tool-menu{border-right:none;height:100%;background:transparent}.tool-menu .el-menu-item{height:56px;line-height:56px;font-size:14px;color:#606266;margin:8px 12px;border-radius:8px;transition:all .3s ease;position:relative;overflow:hidden}.tool-menu .el-menu-item:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(180deg,#409eff,#36cfc9);transform:scaleY(0);transition:transform .3s ease}.tool-menu .el-menu-item.is-active{background:linear-gradient(135deg,#ecf5ff,#f0f8ff);color:#409eff;box-shadow:0 2px 12px rgba(64,158,255,.15);transform:translateX(4px)}.tool-menu .el-menu-item.is-active:before{transform:scaleY(1)}.tool-menu .el-menu-item:hover{background:linear-gradient(135deg,#f5f7fa,#e8f4fd);color:#409eff;transform:translateX(2px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.tool-menu .el-menu-item i{margin-right:12px;font-size:18px;transition:all .3s ease}.tool-menu .el-menu-item.is-active i,.tool-menu .el-menu-item:hover i{transform:scale(1.1)}.content-area{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:24px;overflow-y:auto;position:relative}.content-area:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");opacity:.3;pointer-events:none}.tool-card{background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 8px 32px 0 rgba(31,38,135,.15);margin-bottom:24px;padding:32px;border:1px solid hsla(0,0%,100%,.18);position:relative;overflow:hidden;transition:all .3s ease}.tool-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#409eff,#36cfc9,#409eff);background-size:200% 100%;animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.tool-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px 0 rgba(31,38,135,.2)}.tool-title{font-size:24px;font-weight:700;color:#303133;margin-bottom:24px;border-bottom:3px solid;-o-border-image:linear-gradient(90deg,#409eff,#36cfc9) 1;border-image:linear-gradient(90deg,#409eff,#36cfc9) 1;padding-bottom:12px;display:flex;align-items:center;gap:12px}.tool-title:before{content:"";width:6px;height:24px;background:linear-gradient(180deg,#409eff,#36cfc9);border-radius:3px}.input-section,.output-section{margin-bottom:24px;position:relative}.section-title{font-size:16px;font-weight:600;color:#303133;margin-bottom:16px;display:flex;align-items:center;gap:8px}.section-title:before{content:"";width:4px;height:16px;background:linear-gradient(180deg,#409eff,#36cfc9);border-radius:2px}.action-buttons{margin:32px 0;text-align:center;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.action-buttons .el-button{min-width:120px;height:40px;border-radius:20px;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden}.action-buttons .el-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.action-buttons .el-button:hover:before{left:100%}.action-buttons .el-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}@media (max-width:768px){.sidebar{width:60px!important}.tool-menu .el-menu-item span{display:none}.content-area{padding:10px}.tool-card{padding:16px}}