:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,sans-serif}:root{--bg:#0a1525;--bg2:#0f1f35;--bg-sidebar:#09121e;--border:#ffffff14;--text:#eef3ff;--text2:#92a5cc;--accent:#0078d4;--accent-hover:#1084e8;--btn-bg:#ffffff0d;--btn-border:#ffffff14;--radius:10px;--radius-card:16px;--shadow:0 8px 32px #0006;--transition:.25s cubic-bezier(.4, 0, .2, 1)}.light-theme{--bg:#f2f6fc;--bg2:#fff;--bg-sidebar:#e9f0f8;--border:#0000000f;--text:#0b1a3b;--text2:#3e5a8a;--btn-bg:#00000008;--btn-border:#0000000f;--shadow:0 4px 20px #00000014}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,sans-serif;position:relative}.app-container{opacity:0;min-height:100vh;transition:opacity .5s,transform .5s cubic-bezier(.34,1.4,.64,1);display:flex;transform:scale(.96)}.app-container.loaded{opacity:1;transform:scale(1)}.hamburger-btn{z-index:1100;background:var(--bg2);border:1px solid var(--border);color:var(--text);cursor:pointer;width:44px;height:44px;box-shadow:var(--shadow);touch-action:manipulation;border-radius:12px;justify-content:center;align-items:center;font-size:20px;display:none;position:fixed;top:16px;left:16px}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);z-index:1050;flex-direction:column;flex-shrink:0;width:240px;padding:28px 20px;transition:transform .3s;display:flex}.sidebar-title{background:linear-gradient(135deg,var(--accent),#60a5fa);-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:36px;font-size:26px;font-weight:800}.sidebar-btn{background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--text);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);align-items:center;gap:10px;margin-bottom:8px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.sidebar-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translate(4px)}.sidebar-btn i{text-align:center;width:20px}.sidebar-spacer{flex:1}.sidebar-footer{color:var(--text2);letter-spacing:.5px;text-transform:uppercase;margin-top:20px;font-size:12px}.main-content{flex:1;padding:28px;overflow-y:auto}.top-header{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;padding:28px 36px;display:flex}.top-header h1{font-size:1.7rem;font-weight:700}.top-header h1 i{color:var(--accent);margin-right:10px}.top-header p{color:var(--text2);margin-top:4px;font-size:.95rem}.client-dl-btn{background:var(--accent);color:#fff;transition:all var(--transition);white-space:nowrap;border-radius:40px;align-items:center;gap:8px;padding:10px 22px;font-size:.9rem;font-weight:600;text-decoration:none;display:flex;box-shadow:0 4px 12px #0078d44d}.client-dl-btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #0078d466}.loading,.error-msg,.empty-state{text-align:center;padding:100px 20px;display:none}.loading.active,.error-msg.active,.empty-state.active{display:block}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;margin:0 auto 20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-msg i,.empty-state i{margin-bottom:20px;font-size:3.5rem}.empty-state i{color:var(--accent);opacity:.6}.empty-btn{background:var(--accent);color:#fff;cursor:pointer;transition:all var(--transition);border:0;border-radius:8px;align-items:center;gap:8px;margin-top:24px;padding:12px 28px;font-size:14px;font-weight:600;display:inline-flex}.empty-btn:hover{background:var(--accent-hover);transform:translateY(-2px)}.cors-info{background:var(--btn-bg);border-left:4px solid var(--accent);border-radius:0 var(--radius) var(--radius)0;text-align:left;max-width:520px;color:var(--text2);margin:24px auto;padding:20px}.tools-grid{flex-wrap:wrap;gap:20px;display:flex}.tool-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-card);min-width:260px;box-shadow:var(--shadow);opacity:0;flex-direction:column;flex:300px;padding:24px;transition:transform .25s,box-shadow .25s;animation:.45s cubic-bezier(.34,1.2,.64,1) forwards cardIn;display:flex;transform:translateY(30px) scale(.95)}.tool-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000080}@keyframes cardIn{to{opacity:1;transform:translateY(0) scale(1)}}.tool-card.error{border-color:#ef44444d}.tool-card.fallback{border-color:#f59e0b4d}.tool-head{gap:14px;margin-bottom:14px;display:flex}.tool-icon{background:var(--btn-bg);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;overflow:hidden}.tool-icon img{object-fit:contain;width:36px;height:36px;display:block}.tool-icon i{font-size:24px}.tool-info h3{margin-bottom:4px;font-size:1.15rem;font-weight:600}.tool-meta{flex-wrap:wrap;align-items:center;gap:8px;font-size:.8rem;display:flex}.badge{color:#fff;letter-spacing:.3px;border-radius:20px;padding:3px 10px;font-size:.7rem;font-weight:600}.developer{color:var(--text2)}.fallback-tag{color:#f59e0b;font-weight:500}.tool-desc{color:var(--text2);word-break:break-word;margin-bottom:14px;font-size:.9rem;line-height:1.6}.update-content{background:var(--btn-bg);border-left:3px solid var(--accent);border-radius:var(--radius);color:var(--text2);margin-bottom:14px;padding:10px 14px;font-size:.88rem}.tool-actions{flex-direction:column;gap:8px;margin-top:auto;display:flex}.btn{border-radius:var(--radius);transition:all var(--transition);cursor:pointer;border:0;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-family:inherit;font-size:.85rem;font-weight:600;text-decoration:none;display:flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--text)}.btn-secondary:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-1px)}footer{text-align:center;color:var(--text2);border-top:1px solid var(--border);margin-top:40px;padding:24px;font-size:.85rem}.settings-panel{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-card);width:380px;max-width:calc(100vw - 40px);box-shadow:var(--shadow);z-index:1000;opacity:0;pointer-events:none;max-height:90vh;transition:all .2s;position:fixed;top:88px;right:28px;overflow-y:auto;transform:translateY(-12px) scale(.95)}.settings-panel.open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.panel-head{border-bottom:1px solid var(--border);justify-content:space-between;padding:18px 22px;font-size:15px;font-weight:600;display:flex}.panel-close{color:var(--text2);cursor:pointer;background:0 0;border:0;font-size:16px}.setting-section{border-bottom:1px solid var(--border)}.section-head{text-transform:uppercase;letter-spacing:.5px;color:var(--text2);padding:14px 22px 6px;font-size:12px;font-weight:600}.setting-row{color:var(--text2);border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:14px 22px;font-size:14px;display:flex}.setting-row:last-child{border-bottom:none}.setting-row label{align-items:center;gap:8px;font-weight:500;display:flex}.setting-row .setting-control{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn-sm{background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--text);cursor:pointer;transition:all var(--transition);border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.btn-sm:hover{background:var(--accent);border-color:var(--accent);color:#fff}.color-input{-webkit-appearance:none;border:1px solid var(--btn-border);cursor:pointer;background:var(--accent);border-radius:6px;width:36px;height:36px;padding:2px}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:0;border-radius:4px}.cache-section,.debug-section{border-top:1px solid var(--border)}.cache-head,.debug-head{text-transform:uppercase;letter-spacing:.5px;color:var(--text2);padding:14px 22px 6px;font-size:12px;font-weight:600}.debug-log{max-height:200px;padding:0 22px 18px;font-size:11px;overflow-y:auto}.cache-dot{border-radius:50%;width:8px;height:8px;margin-left:8px;display:inline-block}.cache-dot.fresh{background:#10b981}.cache-dot.stale{background:#f59e0b}.cache-dot.error{background:#ef4444}.cache-warning{color:#f59e0b}.modal-overlay{backdrop-filter:blur(4px);z-index:2000;opacity:0;pointer-events:none;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s;display:flex;position:fixed;top:0;left:0}.modal-overlay.visible{opacity:1;pointer-events:auto}.modal-content{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-card);width:90%;max-width:460px;color:var(--text);box-shadow:var(--shadow);padding:32px 36px}.modal-content h2{color:var(--accent);margin-bottom:18px;font-size:1.4rem}.modal-version,.modal-author,.modal-group,.modal-desc{color:var(--text2);margin-bottom:6px;font-size:14px}.modal-license{border-top:1px solid var(--border);color:var(--text2);margin-top:20px;padding-top:16px;font-size:13px}.modal-license a{color:var(--accent);text-decoration:underline}.modal-close-btn{background:var(--accent);color:#fff;cursor:pointer;float:right;transition:background var(--transition);border:0;border-radius:8px;margin-top:24px;padding:10px 28px;font-size:14px;font-weight:600}.modal-close-btn:hover{background:var(--accent-hover)}.cookie-banner{background:var(--bg2);border-top:1px solid var(--border);z-index:9999;color:var(--text);flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;padding:20px 28px;font-size:14px;transition:transform .3s;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0-4px 20px #0000004d}.cookie-banner.hidden{pointer-events:none;transform:translateY(100%)}.cookie-banner p{flex:auto;max-width:600px;margin:0}.cookie-banner button{background:var(--accent);color:#fff;cursor:pointer;transition:background var(--transition);border:0;border-radius:6px;padding:8px 20px;font-size:14px;font-weight:600}.cookie-banner button:hover{background:var(--accent-hover)}.cookie-banner .cookie-reject{background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--text)}.cookie-banner .cookie-reject:hover{background:var(--btn-border)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--btn-bg)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.mobile-block{background:var(--bg);z-index:99999;text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:none;position:fixed;top:0;left:0}.mobile-block .icon{color:var(--accent);margin-bottom:1.5rem;font-size:4rem}.mobile-block h2{margin-bottom:1rem;font-size:1.6rem;font-weight:700}.mobile-block p{color:var(--text2);max-width:260px;font-size:1rem;line-height:1.6}