.menu-toggle-btn[data-v-7d9ac59c]{position:fixed;top:52px;left:15px;z-index:2000;background:#d3d3d3;border:1px solid #eee;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.08);width:23px;height:23px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.menu-toggle-btn[data-v-7d9ac59c]:hover{background:#f5f5f5}.el-menu-vertical-demo[data-v-7d9ac59c]{max-height:100vh;overflow-y:auto}@media (max-width:800px){.el-menu-vertical-demo[data-v-7d9ac59c]{position:fixed;top:0;left:0;max-height:90vh;overflow-y:auto;height:auto;z-index:1500;background:#fff;box-shadow:2px 0 8px rgba(0,0,0,.08)}}.slide-menu-enter-active[data-v-7d9ac59c],.slide-menu-leave-active[data-v-7d9ac59c]{transition:all .3s cubic-bezier(.55,0,.1,1)}.slide-menu-enter-from[data-v-7d9ac59c],.slide-menu-leave-to[data-v-7d9ac59c]{transform:translateX(-220px);opacity:0}.menu-header[data-v-7d9ac59c]{display:flex;align-items:center;justify-content:center;gap:7px}.logo-svg[data-v-7d9ac59c]{display:flex;align-items:center;margin:-8px}h1[data-v-7d9ac59c]{font-size:1.1rem;font-weight:700;color:#409eff;letter-spacing:2px;font-family:Segoe UI,Microsoft YaHei,Arial,sans-serif;margin-top:-3px}.zt-bg[data-v-75645467]{min-height:100vh}.zt-table-wrapper[data-v-75645467]{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.04);padding:16px 0}@media (max-width:700px){.zt-bg[data-v-75645467]{min-height:auto;padding-bottom:24px}.zt-table-wrapper[data-v-75645467]{padding:4px 0;border-radius:0;box-shadow:none;width:100vw;overflow-x:auto}.el-table[data-v-75645467]{min-width:700px;font-size:13px}[style*="padding: 24px"][data-v-75645467]{padding:8px!important}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,sans-serif;background-color:#fde6e0;color:#333;line-height:1.6}.container{max-width:800px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1)}h1{text-align:center}.color-input{display:flex;gap:1rem;margin-bottom:1rem}input[type=color]{width:60px;height:60px;border:none;border-radius:5px;cursor:pointer}input[type=text]{flex:1;padding:.8rem;border:2px solid #ddd;border-radius:5px;font-size:1rem}.color-box{height:150px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.3)}.color-values{flex:1;padding:12px;font-size:smaller}.value-group{margin-bottom:1rem}.value-group h3{color:#2c3e50;margin-bottom:.5rem}.value-group p{font-size:1.1rem;color:#666}@media (max-width:600px){.container{padding:8px;width:100%;min-width:unset}.color-display,.color-input,.color-values,.pro-link{flex-direction:column!important;width:100%!important;min-width:unset!important;font-size:11px!important}input[type=color],input[type=text]{width:100%!important;margin-bottom:8px}.color-box{width:100%!important;height:80px!important}.copy-btn,.fullscreen-btn,.random-btn{width:100%;margin:6px 0;font-size:12px}}.random-btn[data-v-e609b67e]{padding:8px 18px;font-size:16px;background:#409eff;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:background .2s}.random-btn[data-v-e609b67e]:hover{background:#ff4500}.fullscreen-btn[data-v-e609b67e]{margin-left:0;padding:8px 18px;font-size:16px;background:#32cd32;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:background .2s;margin-bottom:22px}.fullscreen-btn[data-v-e609b67e]:hover{background:#ff4500}.fullscreen-bg[data-v-e609b67e]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:flex;align-items:center;justify-content:center;cursor:pointer}.fullscreen-tip[data-v-e609b67e]{color:#fff;font-size:22px;background:rgba(0,0,0,.25);padding:16px 32px;border-radius:12px;font-weight:700;letter-spacing:2px}.pro-link[data-v-e609b67e]{text-align:center;font-size:15px;color:#d2691e}.pro-link a[data-v-e609b67e]{color:#409eff;text-decoration:underline;margin-left:4px;transition:color .2s}.pro-link a[data-v-e609b67e]:hover{color:#e6005c}.copy-btn[data-v-e609b67e]{padding:8px 14px;font-size:15px;background:#409eff;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:background .2s}.copy-btn[data-v-e609b67e]:hover{background:#e6005c}.cat-container[data-v-05e1ef4b]{display:flex;flex-direction:column;align-items:center;margin-top:60px}.cat-img[data-v-05e1ef4b]{width:500px;height:500px;cursor:pointer;transition:transform .1s}.cat-img[data-v-05e1ef4b]:active{transform:scale(.95)}.count-text[data-v-05e1ef4b]{margin-top:20px;color:#333}.meow-tip[data-v-05e1ef4b]{margin-top:12px;color:#e6005c;font-size:18px;font-weight:700;animation:fadeInOut-05e1ef4b 1.5s}@keyframes fadeInOut-05e1ef4b{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@media (max-width:600px){.cat-img[data-v-05e1ef4b]{width:90vw;height:auto;max-width:320px;max-height:320px}.cat-container[data-v-05e1ef4b]{margin-top:24px}}h1[data-v-05e1ef4b]{font-size:1.3rem;font-weight:700;color:#409eff;letter-spacing:2px;margin:10px;font-family:Segoe UI,Microsoft YaHei,Arial,sans-serif}.muyu-container[data-v-6de1409c]{display:flex;flex-direction:column;align-items:center;margin-top:60px}.muyu-img[data-v-6de1409c]{width:360px;height:300px;cursor:pointer;transition:transform .1s}.muyu-img[data-v-6de1409c]:active{transform:scale(.95)}.count-text[data-v-6de1409c]{margin-top:20px;color:#333}.merit-tip[data-v-6de1409c]{margin-top:12px;color:#e6005c;font-size:18px;font-weight:700;animation:fadeInOut-6de1409c 2s}@keyframes fadeInOut-6de1409c{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}h1[data-v-6de1409c]{font-size:1.3rem;font-weight:700;color:#409eff;letter-spacing:2px;margin:10px;font-family:Segoe UI,Microsoft YaHei,Arial,sans-serif}.firework-container[data-v-ffa6581a]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100vh;background:#111;position:relative}.firework-canvas[data-v-ffa6581a]{width:600px;height:400px;background:transparent;margin-top:40px;border-radius:10px;box-shadow:0 2px 16px rgba(0,0,0,.3)}.el-button[data-v-ffa6581a]{margin-top:32px;font-size:28px;padding:18px 60px;border-radius:12px}.firework-count[data-v-ffa6581a]{margin-top:18px;color:#e6005c;font-size:18px;font-weight:700;letter-spacing:1px}@media (max-width:700px){.firework-canvas[data-v-ffa6581a]{width:98vw;height:54vw;min-width:0;min-height:180px;max-width:100vw;max-height:60vw}.el-button[data-v-ffa6581a]{width:90vw;font-size:20px;padding:14px 0}.firework-container[data-v-ffa6581a]{height:auto;min-height:100vh;padding-bottom:32px}}h2[data-v-ffa6581a]{font-size:1.3rem;font-weight:700;color:#fff;letter-spacing:2px;font-family:Segoe UI,Microsoft YaHei,Arial,sans-serif}.runner-container[data-v-0544b356]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100vh;background:linear-gradient(180deg,#e0eafc,#cfdef3 80%)}.track[data-v-0544b356]{width:700px;height:80px;background:#fffbe6;border-radius:40px;margin:60px 0 30px 0;box-shadow:0 2px 12px rgba(0,0,0,.08);position:relative;overflow:hidden}.runner[data-v-0544b356]{position:absolute;top:10px;transition:left .08s linear}.run-btn[data-v-0544b356]{margin-top:30px;font-size:22px;padding:16px 40px}.speed-info[data-v-0544b356]{margin-top:18px;font-size:20px;color:#333}@media (max-width:700px){.track[data-v-0544b356]{width:96vw;min-width:0;max-width:100vw;margin:32px 0 18px 0}.runner-container[data-v-0544b356]{height:auto;min-height:100vh;padding-bottom:32px}.run-btn[data-v-0544b356]{width:90vw;font-size:18px;padding:12px 0}.speed-info[data-v-0544b356]{font-size:16px}}.color-picker-container[data-v-162fc3d4]{max-width:1200px;margin:0 auto;padding:20px}.upload-section[data-v-162fc3d4]{text-align:center;margin-bottom:30px}.upload-area[data-v-162fc3d4]{border:2px dashed #ccc;padding:40px;border-radius:8px;cursor:pointer;transition:all .3s}.upload-area[data-v-162fc3d4]:hover{border-color:#2196f3;background-color:#f5f5f5}.upload-area.dragover[data-v-162fc3d4]{border-color:#2196f3;background-color:#e3f2fd}.image-preview[data-v-162fc3d4]{max-width:100%;max-height:500px;margin:20px auto;display:block;cursor:crosshair}.color-info[data-v-162fc3d4]{display:flex;align-items:center;gap:20px;margin-top:20px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.color-preview[data-v-162fc3d4]{width:100px;height:100px;border-radius:8px;border:1px solid #ddd}.color-values[data-v-162fc3d4]{font-family:monospace}.color-values div[data-v-162fc3d4]{margin-bottom:10px}.copy-btn[data-v-162fc3d4]{padding:8px 16px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.copy-btn[data-v-162fc3d4]:hover{background-color:#0b7dda}.recent-colors[data-v-162fc3d4]{margin-top:30px}.recent-colors h3[data-v-162fc3d4]{margin-bottom:15px}.recent-colors-grid[data-v-162fc3d4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:15px}.recent-color-item[data-v-162fc3d4]{display:flex;flex-direction:column;align-items:center;gap:5px}.recent-color-preview[data-v-162fc3d4]{width:60px;height:60px;border-radius:4px;border:1px solid #ddd;cursor:pointer}.recent-color-value[data-v-162fc3d4]{font-family:monospace;font-size:12px}.notification[data-v-162fc3d4]{position:fixed;top:20px;left:50%;transform:translateX(-50%);background-color:#4caf50;color:#fff;padding:15px 25px;border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,.2);z-index:1000;animation:fadeInOut-162fc3d4 2s ease-in-out}@keyframes fadeInOut-162fc3d4{0%{opacity:0;transform:translate(-50%,-20px)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}h1[data-v-162fc3d4]{font-size:1.3rem;font-weight:700;color:#409eff;letter-spacing:2px;margin:10px;font-family:Segoe UI,Microsoft YaHei,Arial,sans-serif}.about-container[data-v-245da260]{max-width:700px;margin:5px auto;background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.06);padding:32px 36px}.about-section[data-v-245da260]{margin-bottom:28px}.about-section h3[data-v-245da260]{color:#409eff;margin-bottom:8px}.about-section ul[data-v-245da260]{padding-left:20px;margin:0}.about-section li[data-v-245da260]{margin-bottom:6px;font-size:15px}h1[data-v-245da260]{font-size:1.3rem;font-weight:700;color:#409eff;letter-spacing:2px;font-family:Segoe UI,Microsoft YaHei,Arial,sans-serif}.visit-count[data-v-245da260]{text-align:center;color:#000;font-size:15px;letter-spacing:1px}.compare-container[data-v-56b56268]{max-width:700px;margin:40px auto;background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.06);padding:32px 36px}.compare-controls[data-v-56b56268]{display:flex;justify-content:space-between;margin-bottom:32px;margin-top:23px}.color-block[data-v-56b56268]{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:45%}.color-block label[data-v-56b56268]{font-weight:700;margin-bottom:4px}.color-block input[type=color][data-v-56b56268]{width:48px;height:48px;border:none;border-radius:8px;margin-bottom:4px}.color-block input[type=text][data-v-56b56268]{width:120px;padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:15px}.random-btn[data-v-56b56268]{margin-top:4px;padding:6px 16px;font-size:15px;background:#ffb6c1;border:none;border-radius:6px;color:#333;cursor:pointer;transition:background .2s}.random-btn[data-v-56b56268]:hover{background:#ff69b4}.color-info[data-v-56b56268]{font-size:13px;color:#666;margin-top:2px}.compare-visual[data-v-56b56268]{display:flex;justify-content:space-between;margin-top:32px}.visual-block[data-v-56b56268]{width:100%;height:120px;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;font-weight:700;letter-spacing:2px}.fullscreen-btn[data-v-56b56268]{margin-left:2px;padding:6px 16px;font-size:15px;background:#ffb6c1;border:none;border-radius:6px;color:#333;cursor:pointer;transition:background .2s}.fullscreen-btn[data-v-56b56268]:hover{background:#ff69b4}.fullscreen-bg[data-v-56b56268]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:flex;align-items:center;justify-content:center;cursor:pointer}.fullscreen-tip[data-v-56b56268]{color:#fff;font-size:22px;background:rgba(0,0,0,.25);padding:16px 32px;border-radius:12px;font-weight:700;letter-spacing:2px}.handwriting-container[data-v-61bee184]{padding:20px;max-width:1200px;margin:0 auto}.toolbar[data-v-61bee184]{background:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:20px}.toolbar h2[data-v-61bee184]{margin:0 0 16px 0;color:#333}.controls[data-v-61bee184]{flex-wrap:wrap;gap:20px}.control-group[data-v-61bee184],.controls[data-v-61bee184]{display:flex;align-items:center}.control-group label[data-v-61bee184]{font-size:small;color:#666}.color-picker[data-v-61bee184]{height:30px;border:none;border-radius:4px;cursor:pointer}.width-slider[data-v-61bee184]{width:100px}.canvas-container[data-v-61bee184]{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:20px;text-align:center}.drawing-canvas[data-v-61bee184]{border:2px solid #ddd;border-radius:4px;cursor:crosshair;background:#fff;max-width:100%;height:auto}@media (max-width:768px){.handwriting-container[data-v-61bee184]{padding:10px}.controls[data-v-61bee184]{flex-direction:column;align-items:flex-start;gap:12px}.control-group[data-v-61bee184]{width:100%}.drawing-canvas[data-v-61bee184]{width:100%;height:400px}}