*{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-tap-highlight-color:transparent}::-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)}.breadcrumb-separator::before{content:"/";color:#9CA3AF;margin-left:1rem}input{margin-bottom:0 !important}body{display:block;min-height:500px;font-family:"Microsoft YaHei"}@media (max-width:767px){body #navMenu{display:none !important;position:absolute;top:100%;left:0;width:100%;background:white;border-top:1px solid #e5e7eb;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);flex-direction:column !important;padding:0.5rem 0;z-index:9999}body #navMenu.show{display:flex !important}body #navMenu ul{flex-direction:column !important;margin:0;padding:0;list-style:none;width:100%}body #navMenu ul li{width:100%}body #navMenu ul li a{display:block;width:100%;padding:0.75rem 1rem;font-size:1rem}body #navMenu ul li a:hover{background-color:#ebf8ff}}body main{min-height:100vh}footer a:hover{color:#fff}.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{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;padding:0 10px}.tool-card{border-radius:12px;padding:24px;cursor:pointer;transition:all 0.3s ease;margin-bottom:16px}.tool-card__header{display:flex;align-items:center;margin-bottom:16px}.tool-card__icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:16px;transition:transform 0.3s ease}.tool-card__icon svg{width:20px;height:20px;color:white}.tool-card:hover .tool-card__icon{transform:scale(1.1)}.tool-card:hover .tool-card__arrow{transform:translateX(4px)}.tool-card__title{font-size:18px;font-weight:600;color:#111827;margin:0}.tool-card__description{color:#374151;font-size:14px;margin-bottom:16px;line-height:1.5}.tool-card__footer{display:flex;justify-content:space-between;align-items:center}.tool-card__price{font-size:14px;font-weight:500}.tool-card__arrow{width:24px;height:24px;transition:transform 0.3s ease}.tool-card__arrow svg{width:100%;height:100%}.tool-card--style0,.tool-card--style1{background:linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%)}.tool-card--style0:hover,.tool-card--style1:hover{background:linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%)}.tool-card--style0 .tool-card__icon,.tool-card--style1 .tool-card__icon{background-color:#2563eb}.tool-card--style0 .tool-card__price,.tool-card--style0 .tool-card__arrow,.tool-card--style1 .tool-card__price,.tool-card--style1 .tool-card__arrow{color:#2563eb}.tool-card--style2{background:linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%)}.tool-card--style2:hover{background:linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%)}.tool-card--style2 .tool-card__icon{background-color:#16a34a}.tool-card--style2 .tool-card__price,.tool-card--style2 .tool-card__arrow{color:#16a34a}.tool-card--style3{background:linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%)}.tool-card--style3:hover{background:linear-gradient(135deg, #f3e8ff 0%, #e9d5ff 100%)}.tool-card--style3 .tool-card__icon{background-color:#9333ea}.tool-card--style3 .tool-card__price,.tool-card--style3 .tool-card__arrow{color:#9333ea}.tool-card--style4{background:linear-gradient(135deg, #fff7ed 0%, #fed7aa 100%)}.tool-card--style4:hover{background:linear-gradient(135deg, #fed7aa 0%, #fdba74 100%)}.tool-card--style4 .tool-card__icon{background-color:#ea580c}.tool-card--style4 .tool-card__price,.tool-card--style4 .tool-card__arrow{color:#ea580c}.tool-card--style5{background:linear-gradient(135deg, #fdf2f8 0%, #fce7f3 100%)}.tool-card--style5:hover{background:linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%)}.tool-card--style5 .tool-card__icon{background-color:#db2777}.tool-card--style5 .tool-card__price,.tool-card--style5 .tool-card__arrow{color:#db2777}.tool-card--style6{background:linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%)}.tool-card--style6:hover{background:linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%)}.tool-card--style6 .tool-card__icon{background-color:#4f46e5}.tool-card--style6 .tool-card__price,.tool-card--style6 .tool-card__arrow{color:#4f46e5}.tool-card--style7{background:linear-gradient(135deg, #f0fdfa 0%, #ccfbf1 100%)}.tool-card--style7:hover{background:linear-gradient(135deg, #ccfbf1 0%, #99f6e4 100%)}.tool-card--style7 .tool-card__icon{background-color:#0d9488}.tool-card--style7 .tool-card__price,.tool-card--style7 .tool-card__arrow{color:#0d9488}.tool-card--style8{background:linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%)}.tool-card--style8:hover{background:linear-gradient(135deg, #fef3c7 0%, #fde68a 100%)}.tool-card--style8 .tool-card__icon{background-color:#d97706}.tool-card--style8 .tool-card__price,.tool-card--style8 .tool-card__arrow{color:#d97706}.tool-card--style9{background:linear-gradient(135deg, #ecfeff 0%, #cffafe 100%)}.tool-card--style9:hover{background:linear-gradient(135deg, #cffafe 0%, #a5f3fc 100%)}.tool-card--style9 .tool-card__icon{background-color:#0891b2}.tool-card--style9 .tool-card__price,.tool-card--style9 .tool-card__arrow{color:#0891b2}.tool-card--style10{background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%)}.tool-card--style10:hover{background:linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%)}.tool-card--style10 .tool-card__icon{background-color:#475569}.tool-card--style10 .tool-card__price,.tool-card--style10 .tool-card__arrow{color:#475569}.page-single .page-content{margin:20px auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 0 12px rgba(0, 0, 0, 0.05);color:#333;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;line-height:1.6}.page-single .page-content h1{font-size:2.5rem;font-weight:700;margin-bottom:24px;color:#222}.page-single .page-content article{margin-bottom:24px}.page-single .page-content p{font-size:1rem;margin-bottom:16px;color:#444}.page-single .page-content h2,.page-single .page-content h3,.page-single .page-content h4{font-weight:600;margin-top:24px;margin-bottom:16px;color:#222;line-height:1.3}.page-single .page-content h2{font-size:1.75rem}.page-single .page-content h3{font-size:1.5rem}.page-single .page-content h4{font-size:1.25rem}.page-single .page-content code{background-color:#f5f5f5;border-radius:4px;padding:2px 6px;font-family:"Source Code Pro", monospace, monospace;font-size:0.9rem;color:#d6336c}.page-single .page-content pre{background-color:#f0f0f0;padding:16px;border-radius:6px;overflow-x:auto;font-family:"Source Code Pro", monospace, monospace;font-size:0.9rem;line-height:1.4;color:#2d2d2d;margin-bottom:24px}.page-single .page-content ul{list-style-type:disc;padding-left:1.5rem;margin-bottom:16px;color:#444}.page-single .page-content li{margin-bottom:8px}.tool-box{background:#fff;border:1px solid #d1d5db;padding:15px;border-radius:12px;margin-top:25px;margin-bottom:25px}.tool-box label{margin-bottom:15px}.tool-box textarea,.tool-box input{border-radius:6px}.tool-box textarea{padding:15px}.tool-box .result-tip{margin-bottom:10px}.tool-box .result-tip span{display:inline-block;margin-right:15px}.tool-box .btn-box{text-align:center;margin-top:15px}.tool-box .btn-box button[class^="btn-"]{margin-bottom:15px}.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;box-sizing:border-box;outline:0;margin:0 10px 15px 0;transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;font-weight:500;user-select:none;padding:12px 20px;font-size:14px}.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-intro{background:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;color:#333;line-height:1.6;font-size:16px;border:1px solid #d1d5db;padding:15px;border-radius:12px;margin-top:25px;margin-bottom:25px}.tool-intro p{margin-bottom:1em;color:#444}.tool-intro code{background-color:#f5f5f5;color:#d6336c;font-family:"Source Code Pro", monospace, monospace;padding:0.2em 0.4em;border-radius:4px;font-size:0.95em}.tool-intro pre{background-color:#2d2d2d;color:#f8f8f2;padding:1em;border-radius:6px;overflow-x:auto;font-family:"Source Code Pro", monospace, monospace;font-size:0.9em;margin-bottom:1.5em}.tool-intro ul{padding-left:1.4em;margin-bottom:1em;list-style-type:disc;color:#444}.tool-intro ul li{margin-bottom:0.5em}.tool-intro h2,.tool-intro h3,.tool-intro h4{font-weight:700;color:#222;margin-top:18px;margin-bottom:0.8em;line-height:1.25}.tool-intro h2{font-size:1.8rem}.tool-intro h3{font-size:1.4rem}.tool-intro h4{font-size:1.2rem}