::-webkit-scrollbar{height:15px;width:15px}::-webkit-scrollbar-thumb{border-radius:10px;border-style:solid;border-color:transparent;border-width:4px;background-color:rgba(0, 0, 0, 0.4);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{border-color:rgba(0, 0, 0, 0.4)}*{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-tap-highlight-color:transparent}html,body{font-family:"Microsoft YaHei"}body{display:block;min-height:500px}body main{min-height:600px}ul{margin:0;padding:0}ul li{list-style-type:none}ins.adsbygoogle{display:block}.ad-init ins.adsbygoogle,.no-ad ins.adsbygoogle,html.ad-blocked ins.adsbygoogle{display:none}ins.adsbygoogle[data-ad-status="unfilled"]{display:none !important}textarea[readonly]{background:#fff}code,kbd{padding:2px 6px;font-size:90%;color:#37474f;background-color:#f3f5f7;border-radius:2px}.table-scroll table{width:100%}.clearfix{overflow:hidden;_zoom:1}.clearfix ::after{content:".";display:block;height:0;clear:both;visibility:hidden}.red{color:red}h1{font-size:28px}@media (max-width:760px){h1{font-size:22px}}p{font-size:14px}[v-cloak]{display:none}.w-100{width:100%}.checkbox-group{display:inline-block}.checkbox-group input[type="checkbox"],.checkbox-group input[type="radio"]{display:none}.checkbox-group label{font-size:17px;height:20px;line-height:20px;display:inline-block;margin-left:0;word-break:break-all;margin-bottom:15px}.checkbox-group label::before{font-size:14px;border:1px solid #ccc;padding:1px;width:20px;height:20px;text-align:center;line-height:16px;display:inline-block;vertical-align:text-bottom;content:"√";text-indent:100px;white-space:nowrap;overflow:hidden;margin-right:6px}.checkbox-group label:hover::before{content:"√";color:#ccc;text-indent:0}.checkbox-group input[type="checkbox"]:checked~label,.checkbox-group input[type="radio"]:checked~label{color:#409EFF}.checkbox-group input[type="checkbox"]:checked~label::before,.checkbox-group input[type="radio"]:checked~label::before{content:"√";border-color:#409EFF;color:#fff;background:#409EFF;text-indent:0}.checkbox-group input[type="radio"]~label::before{line-height:17px}@media (max-width:640px){fieldset.fieldset{padding:20px 4px}fieldset.fieldset span.checkbox-group{margin-top:8px;margin-bottom:8px;display:inline-block}}.page-tool .tool-tabs{display:flex;flex-wrap:wrap;gap:0;border-bottom:2px solid #e2e8f0;margin-bottom:20px}.page-tool .tool-tabs .tab-item{text-align:center;padding:10px 18px;font-size:14px;font-weight:500;color:#64748b;text-decoration:none;transition:all 0.2s ease;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-2px}.page-tool .tool-tabs .tab-item:hover{color:#3b82f6;border-bottom-color:#93c5fd}.page-tool .tool-tabs .tab-item.active{color:#3b82f6;border-bottom-color:#3b82f6;font-weight:600}footer a{color:#9ca3af;font-size:0.875rem;transition:color 200ms;text-decoration:none}footer a:hover{color:#ffffff}@media (min-width:768px){footer{flex-direction:row;margin-top:0;gap:1.5rem}}footer .footer-links{display:flex;flex-direction:column;align-items:center;margin-top:1rem;gap:1.5rem}.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-family:"Monaco", "Menlo", "Ubuntu Mono", monospace;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}.tool-intro-box{color:#374151;line-height:1.6}.tool-intro-box h2,.tool-intro-box h3{font-size:1.875rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem;border-left:4px solid #3b82f6;line-height:1;padding-left:15px;margin-top:15px}.tool-intro-box h3{font-size:1.25rem;font-weight:600}.tool-intro-box p{font-size:1rem;line-height:1.7;margin-bottom:1rem;color:#4b5563;text-align:justify}.tool-intro-box ul{margin:1rem 0;padding-left:1.5rem}.tool-intro-box ul li{margin-bottom:0.5rem;line-height:1.6;color:#4b5563;position:relative}.tool-intro-box ul li::before{content:"•";color:#3b82f6;font-weight:bold;position:absolute;left:-1rem}.tool-intro-box strong{font-weight:600;color:#1f2937}.tool-intro-box em{font-style:italic;color:#6b7280}.tool-intro-box code{background-color:#f3f4f6;padding:0.125rem 0.25rem;border-radius:0.25rem;font-family:"Courier New", monospace;font-size:0.875rem;color:#dc2626}.tool-intro-box blockquote{border-left:4px solid #e5e7eb;padding-left:1rem;margin:1rem 0;font-style:italic;color:#6b7280;background-color:#f9fafb;padding:1rem;border-radius:0.5rem}.tool-intro-box a{color:#3b82f6;text-decoration:none;transition:color 0.2s ease}.tool-intro-box a:hover{color:#1d4ed8;text-decoration:underline}.page-single .page-content{margin-top:35px;background:#ffffff;border:1px solid #e5e7eb;border-radius:18px;padding:3rem;margin-bottom:50px;min-height:100vh;box-shadow:0 6px 20px rgba(0, 0, 0, 0.06);transition:transform 0.3s ease}.page-single .page-content:hover{transform:translateY(-4px)}.page-single h1{font-size:38px;font-weight:800;color:#1f2937;text-align:center;margin-bottom:3rem;line-height:1.2;text-shadow:0 2px 4px rgba(0, 0, 0, 0.1)}.page-single article{max-width:60rem;margin:0 auto}.page-single article p{color:#374151;font-size:18px;line-height:1.8;margin-bottom:20px;text-align:justify;font-weight:400;letter-spacing:0.02em}.page-single article h2{font-size:22px;margin-top:24px;margin-bottom:10px;color:#111827}.page-single article h3{font-size:20px;margin-top:24px;margin-bottom:10px;color:#1f2937}.page-single article ul{padding-left:20px;margin-bottom:20px;list-style-type:disc}.page-single article ul li{margin-bottom:10px;color:#374151}body.page-tools h1{font-size:28px}@media (max-width:760px){body.page-tools h1{font-size:22px}}button.js-copy{color:#fff !important}.img-modal{position:fixed;inset:0;background-color:rgba(0, 0, 0, 0.5);display:flex;align-items:center;justify-content:center;z-index:50}.img-modal .img-box{background-color:#ffffff;border-radius:1rem;padding:1.5rem;max-width:24rem;width:100%;margin:0 1rem;text-align:center}.img-modal .img-box h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.img-modal .img-box img{margin:0 auto 1rem auto;border:1px solid transparent;border-radius:0.5rem}.img-modal .img-box p{font-size:0.875rem;color:#4b5563;margin-bottom:1rem}.img-modal .img-box button{padding:0.5rem 1rem;background-color:#2563eb;color:white;border-radius:0.5rem;font-size:0.875rem;transition:background-color 0.2s;border:none;cursor:pointer}.img-modal .img-box button:hover{background-color:#1d4ed8}body.page-blog-detail .blog-content{padding:40px 30px;font-family:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;line-height:1.7;color:#333;background-color:#fff;border-radius:18px}body.page-blog-detail .blog-content h1{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin:0 0 30px 0;padding-bottom:20px;border-bottom:3px solid #007acc;position:relative}body.page-blog-detail .blog-content h1::after{content:"";position:absolute;bottom:-3px;left:0;width:60px;height:3px;background:linear-gradient(90deg, #007acc, #00a0ff)}body.page-blog-detail .blog-content article{margin-top:30px}body.page-blog-detail .blog-content h2{font-size:1.75rem;font-weight:600;color:#2c3e50;margin:40px 0 20px 0;padding-left:15px;border-left:4px solid #007acc;position:relative}body.page-blog-detail .blog-content h2:hover{color:#007acc;transition:color 0.3s ease}body.page-blog-detail .blog-content h3{font-size:1.4rem;font-weight:600;color:#34495e;margin:30px 0 15px 0;position:relative}body.page-blog-detail .blog-content h3::before{content:"▶";color:#007acc;margin-right:8px;font-size:0.9rem}body.page-blog-detail .blog-content h3:hover{color:#007acc;transition:color 0.3s ease}body.page-blog-detail .blog-content p{font-size:16px;line-height:1.8;margin:0 0 18px 0;text-align:justify;color:#444}body.page-blog-detail .blog-content p code{background:#f1f3f4;padding:2px 6px;border-radius:4px;font-size:0.9em;color:#d73a49}body.page-blog-detail .blog-content strong{font-weight:600;color:#2c3e50;padding:2px 4px;border-radius:3px}body.page-blog-detail .blog-content pre{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin:25px 0;overflow-x:auto;position:relative;box-shadow:0 2px 10px rgba(0, 0, 0, 0.05)}body.page-blog-detail .blog-content pre::before{content:"";position:absolute;top:0;left:0;right:0;height:30px;background:linear-gradient(90deg, #ff6b6b, #feca57, #48dbfb);border-radius:8px 8px 0 0}body.page-blog-detail .blog-content pre::after{content:"● ● ●";position:absolute;top:8px;left:15px;color:rgba(255, 255, 255, 0.8);font-size:12px;letter-spacing:3px}body.page-blog-detail .blog-content pre code[class*="language-"]{color:#2d3748}body.page-blog-detail .blog-content code{font-family:"Fira Code", "SF Mono", Monaco, Menlo, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;font-size:14px;line-height:1.5;color:#2d3748;background:transparent;border:none !important;margin-top:15px;display:block}body.page-blog-detail .blog-content .language-javascript{color:#2d3748}body.page-blog-detail .blog-content ::selection{background:#007acc;color:white}body.page-blog-detail .blog-content ::-moz-selection{background:#007acc;color:white}@media (max-width:768px){body.page-blog-detail .blog-content{padding:20px 15px}body.page-blog-detail .blog-content h1{font-size:2rem}body.page-blog-detail .blog-content h2{font-size:1.5rem;padding-left:12px}body.page-blog-detail .blog-content h3{font-size:1.25rem}body.page-blog-detail .blog-content p{font-size:15px}body.page-blog-detail .blog-content pre{padding:15px;margin:20px 0}body.page-blog-detail .blog-content code{font-size:13px}}@media (max-width:480px){body.page-blog-detail .blog-content{padding:15px 10px}body.page-blog-detail .blog-content h1{font-size:1.75rem}body.page-blog-detail .blog-content h2{font-size:1.35rem}body.page-blog-detail .blog-content pre{padding:12px}}.tools-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width:768px){.tools-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width:1024px){.tools-grid{grid-template-columns:repeat(3, 1fr)}}.tools-grid .tool-card{border:1px solid #e5e7eb;background-color:white;border-radius:8px;padding:16px;transition:box-shadow 0.3s ease;cursor:pointer}.tools-grid .tool-card:hover{box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.tools-grid .tool-card__header{display:flex;align-items:center;margin-bottom:12px;gap:12px}.tools-grid .tool-card__icon{padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center}.tools-grid .tool-card__icon svg{width:24px;height:24px}.tools-grid .tool-card__title{font-weight:600;font-size:1rem;color:#1f2937}.tools-grid .tool-card__description{font-size:0.875rem;margin-bottom:12px;line-height:1.5;color:#6b7280}.tools-grid .tool-card__tag{display:inline-block;font-size:0.75rem;padding:4px 8px;border-radius:4px;font-weight:500}.tools-grid .tool-card.style1 .tool-card__icon{background-color:#dbeafe}.tools-grid .tool-card.style1 .tool-card__icon svg{color:#2563eb}.tools-grid .tool-card.style1 .tool-card__tag{background-color:#dbeafe;color:#1e40af}.tools-grid .tool-card.style2 .tool-card__icon{background-color:#f3e8ff}.tools-grid .tool-card.style2 .tool-card__icon svg{color:#7c3aed}.tools-grid .tool-card.style2 .tool-card__tag{background-color:#f3e8ff;color:#6d28d9}.tools-grid .tool-card.style3 .tool-card__icon{background-color:#d1fae5}.tools-grid .tool-card.style3 .tool-card__icon svg{color:#059669}.tools-grid .tool-card.style3 .tool-card__tag{background-color:#d1fae5;color:#047857}.tools-grid .tool-card.style4 .tool-card__icon{background-color:#fee2e2}.tools-grid .tool-card.style4 .tool-card__icon svg{color:#dc2626}.tools-grid .tool-card.style4 .tool-card__tag{background-color:#fee2e2;color:#b91c1c}.tools-grid .tool-card.style5 .tool-card__icon{background-color:#fed7aa}.tools-grid .tool-card.style5 .tool-card__icon svg{color:#ea580c}.tools-grid .tool-card.style5 .tool-card__tag{background-color:#fed7aa;color:#c2410c}.tools-grid .tool-card.style6 .tool-card__icon{background-color:#cffafe}.tools-grid .tool-card.style6 .tool-card__icon svg{color:#0891b2}.tools-grid .tool-card.style6 .tool-card__tag{background-color:#cffafe;color:#0e7490}.tools-grid .tool-card.style7 .tool-card__icon{background-color:#fce7f3}.tools-grid .tool-card.style7 .tool-card__icon svg{color:#db2777}.tools-grid .tool-card.style7 .tool-card__tag{background-color:#fce7f3;color:#be185d}.tools-grid .tool-card.style8 .tool-card__icon{background-color:#f3f4f6}.tools-grid .tool-card.style8 .tool-card__icon svg{color:#374151}.tools-grid .tool-card.style8 .tool-card__tag{background-color:#f3f4f6;color:#374151}.tools-grid .tool-card.style9 .tool-card__icon{background-color:#e5e7eb}.tools-grid .tool-card.style9 .tool-card__icon svg{color:#1f2937}.tools-grid .tool-card.style9 .tool-card__title{color:#1f2937}.tools-grid .tool-card.style9 .tool-card__description{color:#4b5563}.tools-grid .tool-card.style9 .tool-card__tag{background-color:#e5e7eb;color:#374151}.tools-grid .tool-card.style10 .tool-card__icon{background-color:#ecfccb}.tools-grid .tool-card.style10 .tool-card__icon svg{color:#65a30d}.tools-grid .tool-card.style10 .tool-card__tag{background-color:#ecfccb;color:#4d7c0f}.tools-grid .tool-card.style11 .tool-card__icon{background-color:#e0e7ff}.tools-grid .tool-card.style11 .tool-card__icon svg{color:#4f46e5}.tools-grid .tool-card.style11 .tool-card__tag{background-color:#e0e7ff;color:#3730a3}.tools-grid .tool-card.style12 .tool-card__icon{background:linear-gradient(135deg, #ddd6fe, #bfdbfe)}.tools-grid .tool-card.style12 .tool-card__icon svg{color:#7c3aed}.tools-grid .tool-card.style12 .tool-card__tag{background:linear-gradient(135deg, #ddd6fe, #bfdbfe);color:#5b21b6}.tools-grid .tool-card.style13 .tool-card__icon{background-color:#fecdd3}.tools-grid .tool-card.style13 .tool-card__icon svg{color:#e11d48}.tools-grid .tool-card.style13 .tool-card__tag{background-color:#fda4af;color:#881337}.tools-grid .tool-card.style14 .tool-card__icon{background-color:#a7f3d0}.tools-grid .tool-card.style14 .tool-card__icon svg{color:#0d9488}.tools-grid .tool-card.style14 .tool-card__tag{background-color:#5eead4;color:#134e4a}.tools-grid .tool-card.style15 .tool-card__icon{background-color:#fde68a}.tools-grid .tool-card.style15 .tool-card__icon svg{color:#d97706}.tools-grid .tool-card.style15 .tool-card__tag{background-color:#fcd34d;color:#92400e}.tools-grid .tool-card.style16 .tool-card__icon{background-color:#e9d5ff}.tools-grid .tool-card.style16 .tool-card__icon svg{color:#9333ea}.tools-grid .tool-card.style16 .tool-card__tag{background-color:#ddd6fe;color:#581c87}.tools-grid .tool-card.style17 .tool-card__icon{background-color:#bae6fd}.tools-grid .tool-card.style17 .tool-card__icon svg{color:#0284c7}.tools-grid .tool-card.style17 .tool-card__tag{background-color:#7dd3fc;color:#0c4a6e}.tools-grid .tool-card.style18 .tool-card__icon{background-color:#fbb6ce}.tools-grid .tool-card.style18 .tool-card__icon svg{color:#f43f5e}.tools-grid .tool-card.style18 .tool-card__tag{background-color:#f9a8d4;color:#831843}