::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3);-webkit-border-radius:10px;border-radius:10px}::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:rgba(0, 0, 0, 0.4);-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.25)}::-webkit-scrollbar-thumb:window-inactive{background:rgba(0, 0, 0, 0.3)}html,body{background:#fefefe}html body,body body{width:100%;z-index:50;color:#ffffff;overflow-x:hidden;background:#1e293b}html body header,html body footer,body body header,body body footer{background-color:#0f172a}html main,body main{min-height:600px}ul{margin:0;padding:0}ul li{list-style-type:none;margin:0;padding:0}[v-cloak]{display:none}.full-width{width:100%}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-select{user-select:none}.clearfix{overflow:hidden;_zoom:1}.clearfix::after{content:".";display:block;height:0;clear:both;visibility:hidden}.bg-transparent{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAABlBMVEX5+fns7OzSP6FoAAAAG0lEQVQY02P4//9/AwMDw5CngaD+//8DQ50GAO2gqCu/k7NTAAAAAElFTkSuQmCC")}.form-checkbox{display:inline-block;position:relative}.form-checkbox input[type="checkbox"]{opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;z-index:99999}.form-checkbox input[type="checkbox"]+label{font-size:17px;height:20px;line-height:20px;display:inline-block;margin-left:0;user-select:none}.form-checkbox input[type="checkbox"]+label::before{font-size:14px;border:1px solid #ccc;padding:1px;width:20px;height:20px;text-align:center;line-height:16px;display:inline-block;font-family:fontAwesome;vertical-align:text-bottom;content:"";text-indent:100px;white-space:nowrap;overflow:hidden;margin-right:10px}.form-checkbox input[type="checkbox"]:hover+label::before{content:"";color:#ccc;text-indent:0}.form-checkbox input[type="checkbox"]:checked~label{color:#3197EE}.form-checkbox input[type="checkbox"]:checked~label::before{content:"";border-color:#3197EE;color:#fff;background:#3197EE;text-indent:0}.form-radio{display:inline-block;position:relative}.form-radio input[type="radio"]{position:absolute;opacity:0;left:0;top:0;width:100%;height:100%;cursor:pointer;z-index:99999}.form-radio input[type="radio"]+label{margin-left:0;font-size:16px;user-select:none}.form-radio input[type="radio"]+label:before{content:"";background:#fff;border-radius:100%;border:1px solid #b4b4b4;display:inline-block;width:20px;height:20px;position:relative;top:5px;margin-right:10px;vertical-align:top;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}.form-radio input[type="radio"]:checked+label:before{background-color:#3197EE;box-shadow:inset 0 0 0 4px #f4f4f4}.form-radio input[type="radio"]:focus+label:before{outline:none;border-color:#3197EE}.form-radio input[type="radio"]:disabled+label{cursor:not-allowed}.form-radio input[type="radio"]:disabled+label::before{box-shadow:inset 0 0 0 4px #f4f4f4;border-color:#b4b4b4;background:#b4b4b4;cursor:not-allowed}.form-radio input[type="radio"]+label:empty:before{margin-right:0}.form-select{background:#F7F9FC;position:relative;height:39px;display:block;border-radius:4px;margin-bottom:16px}.form-select::after{position:absolute;right:4px;top:7px;content:"";background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiM4RjlCQjMiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGcgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBkYXRhLW5hbWU9ImNoZXZyb24tZG93biI+PHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBvcGFjaXR5PSIwIj48L3JlY3Q+PHBhdGggZD0iTTEyIDE1LjVhMSAxIDAgMCAxLS43MS0uMjlsLTQtNGExIDEgMCAxIDEgMS40Mi0xLjQyTDEyIDEzLjFsMy4zLTMuMThhMSAxIDAgMSAxIDEuMzggMS40NGwtNCAzLjg2YTEgMSAwIDAgMS0uNjguMjh6Ij48L3BhdGg+PC9nPjwvZz48L3N2Zz4=);width:24px;height:24px}.form-select:hover{background:#edf1f7}.form-select select{background:transparent;cursor:pointer;border:1px solid #cacaca;border-radius:4px}.page-index input:disabled,.page-index input[readonly],.page-index textarea:disabled,.page-index textarea[readonly]{background:inherit}body.page-single{color:#e5e7eb}body.page-single .page-content{padding:15px 25px;background:#1e293b;color:#f1f5f9;margin:30px 0;border-radius:8px;box-shadow:0 0 10px rgba(0, 0, 0, 0.5)}body.page-single .page-content article{margin-top:35px}body.page-single .page-content h1,body.page-single .page-content h2,body.page-single .page-content h3,body.page-single .page-content h4{color:#38bdf8;font-weight:bold}body.page-single .page-content h1{margin-top:25px;font-size:32px}body.page-single .page-content h2{margin-top:25px;font-size:28px}body.page-single .page-content h3{margin-top:20px;font-size:22px}body.page-single .page-content h4{margin-top:15px;font-size:18px}body.page-single .page-content p{font-size:16px;margin-bottom:15px;line-height:1.7}body.page-single .page-content ul{margin-left:35px}body.page-single .page-content ul li{list-style-type:disc !important;margin-bottom:10px}body.page-single .page-content a{color:#60a5fa;text-decoration:underline}body.page-single .page-content a:hover{color:#3b82f6}body.page-single .page-content code{background-color:#0f172a;padding:2px 6px;border-radius:4px;font-family:"Menlo", "Monaco", monospace;color:#facc15}body.page-single .page-content pre{background-color:#0f172a;padding:1rem;border-radius:8px;overflow-x:auto;color:#f8fafc}.drag-box{border:2px dashed #bbb;margin-bottom:30px;border-radius:5px;text-align:center;height:200px;font:20pt bold, "Vollkorn";color:#bbb;position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer;user-select:none}.drag-box .tip-word{line-height:1.8;text-align:center}@media (max-width:640px){.drag-box .tip-word{font-size:18px}}.drag-box .file-picker{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;filter:alpha(opacity=0);cursor:pointer}.page-index{}.page-index .json-textarea{width:100%;height:80vh;padding:12px;border:1px solid #d1d5db;border-radius:0.375rem;font-family:"Monaco", "Menlo", "Ubuntu Mono", monospace;font-size:14px;line-height:1.5;resize:none;outline:none;background-color:white}.page-index .json-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1)}.page-index .json-textarea.readonly{background-color:#f9fafb;color:#374151}.page-index .btn-loading{position:relative;overflow:hidden}.page-index .btn-loading::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);animation:loading 1.5s infinite}@keyframes loading{0%{left:-100%}100%{left:100%}}.page-index .btn-success{animation:success-pulse 0.6s ease-in-out}@keyframes success-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.page-index .status-indicator{animation:status-pulse 2s infinite}@keyframes status-pulse{0%,100%{opacity:1}50%{opacity:0.5}}.tool-box textarea,.tool-box select,.tool-box input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:0.375rem;font-family:"Monaco", "Menlo", "Ubuntu Mono", monospace;font-size:14px;line-height:1.5;background-color:white;color:#374151;outline:none;transition:all 0.2s ease}.tool-box textarea:focus,.tool-box textarea:hover,.tool-box select:focus,.tool-box select:hover,.tool-box input:focus,.tool-box input:hover{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1)}.tool-box textarea.readonly,.tool-box textarea[readonly],.tool-box select.readonly,.tool-box select[readonly],.tool-box input.readonly,.tool-box input[readonly]{background-color:#f9fafb;color:#374151}.tool-box input::placeholder{color:#9ca3af;font-style:italic}.tool-box select{cursor:pointer;font-size:14px;line-height:1.5;background-color:white;color:#374151;border:1px solid #d1d5db;border-radius:0.375rem;padding:0 0 0 15px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;-webkit-appearance:none;-moz-appearance:none;outline:none;transition:all 0.2s ease}.tool-box select option{padding:8px;background:white;color:#374151}.tool-box label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.tool-box .btn-box{margin-top:20px;margin-bottom:2rem;padding:1.5rem}.tool-box .btn-box button{border-radius:4px;display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#FFF;border:1px solid #DCDFE6;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;margin-right:10px;-webkit-transition:0.1s;transition:0.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px}@media (max-width:640px){.tool-box .btn-box button{margin-top:15px}}.tool-box .btn-box .btn-convert{color:#409EFF;background:#ecf5ff;border-color:#b3d8ff}.tool-box .btn-box .btn-convert:hover{background:#409EFF;border-color:#409EFF;color:#FFF}.tool-box .btn-box .btn-demo{color:#909399;background:#f4f4f5;border-color:#d3d4d6}.tool-box .btn-box .btn-demo:hover{background:#909399;border-color:#909399;color:#fff}.tool-box .btn-box .btn-copy{color:#67C23A;background:#f0f9eb;border-color:#c2e7b0}.tool-box .btn-box .btn-copy:hover{background:#67C23A;border-color:#67C23A;color:#FFF}.tool-box .btn-box .btn-export{color:#E6A23C;background:#fdf6ec;border-color:#f5dab1}.tool-box .btn-box .btn-export:hover{background:#E6A23C;border-color:#E6A23C;color:#FFF}.tool-box .btn-box .btn-reset{color:#F56C6C;background:#fef0f0;border-color:#fbc4c4}.tool-box .btn-box .btn-reset:hover{background:#F56C6C;border-color:#F56C6C;color:#FFF}.tool-box .drag-box{border:2px dashed #bbb;margin-bottom:30px;border-radius:5px;text-align:center;height:200px;font:20pt bold, "Vollkorn";color:#bbb;position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer;user-select:none}.tool-box .drag-box .tip-word{line-height:1.8;text-align:center}@media (max-width:640px){.tool-box .drag-box .tip-word{font-size:18px}}.tool-box .drag-box .file-picker{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;filter:alpha(opacity=0);cursor:pointer}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.lang-box{position:relative}.lang-box ul{display:none;background:white;border-radius:8px;padding:10px;max-height:300px;overflow-y:auto;z-index:100}@media (min-width:768px){.lang-box ul{position:absolute;top:100%;right:0;box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);width:200px}}.lang-box ul li{padding:8px 12px;border-bottom:1px solid rgba(222, 222, 222, 0.4)}@media (max-width:640px){.lang-box ul li{padding:15px;float:left;width:50%}}.lang-box ul li a{display:block;color:#4b5563;transition:color 0.2s}.lang-box ul li a:hover{color:#2563eb}#language-popup{display:none;box-shadow:0 10px 25px rgba(0, 0, 0, 0.2)}#back-to-top{position:fixed;bottom:20px;right:20px;background:#2563eb;color:white;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity 0.3s;z-index:99}#back-to-top.visible{opacity:1}