*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#6366f1;--color-secondary:#8b5cf6;--color-accent:#22d3ee;--color-background:#0f172a;--color-surface:#1e293b;--color-text:#e2e8f0;--color-textSecondary:#94a3b8;--color-border:#94a3b81a}body{background:var(--color-background);color:var(--color-text);min-height:100vh;font-family:Inter,sans-serif;transition:background-color .3s,color .3s;overflow-x:hidden}.theme-light{--text-override-primary:#0f172a;--text-override-secondary:#475569;--text-override-tertiary:#64748b}.theme-light .card-title,.theme-light .tool-name,.theme-light .scene-title,.theme-light .rank-name{color:#0f172a!important}.theme-light .card-desc,.theme-light .tool-desc,.theme-light .scene-desc,.theme-light .stat-label,.theme-light .rank-cat{color:#475569!important}.theme-light .hero-desc,.theme-light .tool-meta,.theme-light .scene-count,.theme-light .rank-num{color:#64748b!important}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:2px}.orb{filter:blur(80px);pointer-events:none;z-index:0;opacity:var(--orb-opacity,1);border-radius:50%;animation:12s ease-in-out infinite orbFloat;position:fixed}.orb-1{background:#6366f11a;width:500px;height:500px;top:-200px;left:-200px}.orb-2{background:#22d3ee0f;width:400px;height:400px;animation-delay:-6s;bottom:-100px;right:-100px}.theme-light .orb{--orb-opacity:.3}@keyframes orbFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.glass-card{background:var(--card-bg,#ffffff08);border:1px solid var(--card-border,#ffffff14);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.glass-card:hover{background:var(--card-bg-hover,#ffffff0f);border-color:#6366f166;transform:translateY(-4px)scale(1.01);box-shadow:0 20px 60px #6366f133}.theme-light .glass-card{--card-bg:#ffffffe6;--card-border:#47556933;box-shadow:0 1px 3px #00000014}.theme-light .glass-card:hover{--card-bg-hover:#fff;box-shadow:0 20px 60px #6366f12e}.gradient-text{background:linear-gradient(135deg,#6366f1 0%,#22d3ee 50%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-2{background:linear-gradient(135deg,#22d3ee,#6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-border{background:#ffffff08;border-radius:16px;position:relative}.gradient-border:before{content:"";z-index:-1;background:linear-gradient(135deg,#6366f180,#22d3ee4d,#a78bfa80);border-radius:17px;position:absolute;inset:-1px}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:12px;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.btn-primary:before{content:"";opacity:0;background:linear-gradient(135deg,#6366f1,#8b5cf6);transition:opacity .3s;position:absolute;inset:0}.btn-primary:hover:before{opacity:1}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f180}.btn-primary>*{z-index:1;position:relative}.btn-secondary{background:var(--btn-secondary-bg,#ffffff0d);border:1px solid var(--btn-secondary-border,#ffffff1a);color:var(--color-textSecondary);cursor:pointer;border-radius:12px;font-weight:500;transition:all .3s}.btn-secondary:hover{background:var(--btn-secondary-hover,#ffffff14);color:var(--color-text);border-color:#6366f166}.theme-light .btn-secondary{--btn-secondary-bg:#4755691a;--btn-secondary-border:#47556940}.theme-light .btn-secondary:hover{--btn-secondary-hover:#4755692e}.badge{letter-spacing:.05em;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-blue{color:#818cf8;background:#6366f133;border:1px solid #6366f14d}.badge-cyan{color:#22d3ee;background:#22d3ee26;border:1px solid #22d3ee4d}.badge-green{color:#34d399;background:#34d39926;border:1px solid #34d3994d}.badge-orange{color:#fb923c;background:#fb923c26;border:1px solid #fb923c4d}.badge-violet{color:#a78bfa;background:#a78bfa26;border:1px solid #a78bfa4d}.badge-pink{color:#f472b6;background:#f472b626;border:1px solid #f472b64d}.theme-light .badge-blue{color:#4f46e5;background:#6366f126;border-color:#6366f166}.theme-light .badge-cyan{color:#0891b2;background:#22d3ee1f;border-color:#22d3ee66}.theme-light .badge-green{color:#059669;background:#34d3991f;border-color:#34d39966}.theme-light .badge-orange{color:#ea580c;background:#fb923c1f;border-color:#fb923c66}.theme-light .badge-violet{color:#7c3aed;background:#a78bfa1f;border-color:#a78bfa66}.theme-light .badge-pink{color:#db2777;background:#f472b61f;border-color:#f472b666}.tool-card{background:var(--tool-card-bg,#ffffff05);border:1px solid var(--tool-card-border,#ffffff12);cursor:pointer;border-radius:16px;transition:all .4s}.tool-card:hover{background:#6366f114;border-color:#6366f180;transform:translateY(-6px);box-shadow:0 20px 50px #6366f140}.theme-light .tool-card{--tool-card-bg:#fff;--tool-card-border:#47556933;box-shadow:0 1px 3px #00000014}.theme-light .tool-card:hover{box-shadow:0 20px 50px #6366f12e}.section-label{letter-spacing:.15em;text-transform:uppercase;color:#6366f1;font-size:11px;font-weight:700}.nav-link{color:var(--color-textSecondary);cursor:pointer;white-space:nowrap;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s;position:relative}.nav-link:hover,.nav-link.active{color:var(--color-text);background:#6366f126}.nav-link.active:after{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-accent));border-radius:2px;width:20px;height:2px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.scroll-x{scrollbar-width:none;overflow-x:auto}.scroll-x::-webkit-scrollbar{display:none}.float-anim{animation:4s ease-in-out infinite floatUp}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pageIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-enter-active{animation:.4s forwards pageIn}.progress-bar{background:#ffffff0d;border-radius:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#4f46e5,#22d3ee);border-radius:4px;height:100%;transition:width 1.5s}.cat-tab{cursor:pointer;color:#64748b;background:#ffffff08;border:1px solid #ffffff14;border-radius:30px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .2s}.cat-tab.active,.cat-tab:hover{color:#a5b4fc;background:#6366f126;border-color:#6366f166}.app-nav[data-v-5838fe9c]{z-index:100;background:var(--nav-background,#050811d9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--nav-border,#ffffff0f);position:sticky;top:0}.theme-light{--nav-background:#fffffff2;--nav-border:#47556933;box-shadow:0 1px 3px #00000014}.nav-inner[data-v-5838fe9c]{align-items:center;gap:0;max-width:1440px;height:64px;margin:0 auto;padding:0 48px;display:flex}.nav-logo[data-v-5838fe9c]{cursor:pointer;align-items:center;gap:10px;margin-right:48px;display:flex}.logo-icon[data-v-5838fe9c]{background:linear-gradient(135deg,#4f46e5,#22d3ee);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.logo-text[data-v-5838fe9c]{color:var(--color-text);font-family:Outfit,sans-serif;font-size:20px;font-weight:800}.nav-links[data-v-5838fe9c]{flex:1;align-items:center;gap:4px;display:flex}.nav-right[data-v-5838fe9c]{align-items:center;gap:12px;margin-left:auto;display:flex}.bell-badge[data-v-5838fe9c]{color:#fff;background:#ef4444;border-radius:10px;padding:1px 5px;font-size:10px;font-weight:700}.nav-avatar[data-v-5838fe9c]{cursor:pointer;background:linear-gradient(#050811,#050811) padding-box padding-box,linear-gradient(135deg,#6366f1,#22d3ee) border-box;border:2px solid #0000;border-radius:50%;line-height:0;display:inline-block;overflow:hidden}.nav-avatar[data-v-5838fe9c]>*{display:block}.user-menu-wrapper[data-v-5838fe9c]{position:relative}.user-dropdown[data-v-5838fe9c]{background:var(--dropdown-bg,#0f172af2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--dropdown-border,#ffffff1a);z-index:1000;border-radius:12px;width:200px;padding:8px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 10px 40px #00000080}.dropdown-item[data-v-5838fe9c]{color:var(--color-text);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;transition:all .2s;display:flex;position:relative}.dropdown-item.theme-trigger[data-v-5838fe9c]{justify-content:space-between}.dropdown-item.theme-trigger .arrow[data-v-5838fe9c]{color:var(--color-textSecondary);margin-left:auto;font-size:18px}.theme-light{--dropdown-divider:#47556933}.theme-submenu[data-v-5838fe9c]{background:var(--dropdown-bg,#0f172af2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--dropdown-border,#ffffff1a);border-radius:12px;width:200px;padding:8px;position:absolute;top:-8px;right:calc(100% + 8px);box-shadow:0 10px 40px #00000080}.theme-light{--dropdown-bg:#fff;--dropdown-border:#47556940;box-shadow:0 10px 40px #0000001f,0 0 0 1px #4755691a}.theme-item[data-v-5838fe9c]{cursor:pointer;color:var(--color-text);border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.theme-item[data-v-5838fe9c]:hover{background:#6366f11a;border-color:#6366f14d}.theme-item.active[data-v-5838fe9c]{background:#6366f133;border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.theme-icon[data-v-5838fe9c]{flex-shrink:0;font-size:20px}.theme-name[data-v-5838fe9c]{color:var(--color-text);white-space:nowrap;font-size:13px}.dropdown-item[data-v-5838fe9c]{color:#e2e8f0;cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;transition:all .2s;display:flex}.dropdown-item[data-v-5838fe9c]:hover{color:#a5b4fc;background:#6366f126}.dropdown-item.logout[data-v-5838fe9c]:hover{color:#fca5a5;background:#ef444426}.dropdown-divider[data-v-5838fe9c]{background:#ffffff14;height:1px;margin:6px 0}.dropdown-enter-active[data-v-5838fe9c],.dropdown-leave-active[data-v-5838fe9c]{transition:all .2s}.dropdown-enter-from[data-v-5838fe9c],.dropdown-leave-to[data-v-5838fe9c]{opacity:0;transform:translateY(-10px)}.theme-slide-enter-active[data-v-5838fe9c],.theme-slide-leave-active[data-v-5838fe9c]{transition:all .2s}.theme-slide-enter-from[data-v-5838fe9c],.theme-slide-leave-to[data-v-5838fe9c]{opacity:0;transform:translate(10px)}.modal-overlay[data-v-980abc19]{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box[data-v-980abc19]{background:#0d1117;border:1px solid #ffffff14;border-radius:20px;width:420px;padding:32px;position:relative;box-shadow:0 24px 80px #0009}.close-btn[data-v-980abc19]{cursor:pointer;color:#64748b;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.close-btn[data-v-980abc19]:hover{color:#e2e8f0;background:#ffffff1a}.modal-header[data-v-980abc19]{text-align:center;margin-bottom:24px}.modal-logo[data-v-980abc19]{background:linear-gradient(135deg,#4f46e5,#22d3ee);border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 14px;display:flex;box-shadow:0 0 24px #6366f166}.modal-title[data-v-980abc19]{margin-bottom:4px;font-family:Outfit,sans-serif;font-size:22px;font-weight:800}.modal-sub[data-v-980abc19]{color:#64748b;font-size:13px}.tab-bar[data-v-980abc19]{background:#ffffff0a;border-radius:12px;margin-bottom:20px;padding:4px;display:flex;position:relative}.tab-indicator[data-v-980abc19]{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:10px;width:calc(50% - 4px);height:calc(100% - 8px);transition:transform .35s cubic-bezier(.34,1.56,.64,1);position:absolute;top:4px;left:4px;box-shadow:0 4px 14px #6366f166}.tab-indicator.right[data-v-980abc19]{transform:translate(100%)}.tab-btn[data-v-980abc19]{text-align:center;cursor:pointer;z-index:1;color:#4b5563;-webkit-user-select:none;user-select:none;border-radius:10px;flex:1;padding:10px 0;font-size:14px;font-weight:600;transition:color .3s;position:relative}.tab-btn.active[data-v-980abc19]{color:#fff}.error-bar[data-v-980abc19]{color:#f87171;background:#ef44441a;border:1px solid #ef444440;border-radius:10px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:13px;display:flex}.forms-viewport[data-v-980abc19]{overflow:hidden}.forms-track[data-v-980abc19]{width:200%;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex}.forms-track.show-register[data-v-980abc19]{transform:translate(-50%)}.form-panel[data-v-980abc19]{flex-shrink:0;width:50%}.field-wrap[data-v-980abc19]{margin-bottom:16px;position:relative}.login-field[data-v-980abc19]{color:#e2e8f0;background:#ffffff0a;border:1px solid #ffffff17;border-radius:12px;outline:none;width:100%;padding:14px 16px 14px 46px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .3s,box-shadow .3s,background .3s}.login-field[data-v-980abc19]:focus{background:#6366f10f;border-color:#6366f1b3;box-shadow:0 0 0 3px #6366f11f}.login-field[data-v-980abc19]::placeholder{color:#374151}.field-icon[data-v-980abc19]{color:#4b5563;pointer-events:none;transition:color .3s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.field-wrap:focus-within .field-icon[data-v-980abc19]{color:#818cf8}.eye-btn[data-v-980abc19]{cursor:pointer;color:#4b5563;background:0 0;border:none;align-items:center;transition:color .2s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.eye-btn[data-v-980abc19]:hover{color:#818cf8}.options-row[data-v-980abc19]{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.remember-label[data-v-980abc19]{cursor:pointer;color:#64748b;align-items:center;gap:7px;font-size:13px;display:flex}.remember-label input[data-v-980abc19]{accent-color:#6366f1}.forgot-link[data-v-980abc19]{color:#818cf8;cursor:pointer;font-size:13px;font-weight:500}.submit-btn[data-v-980abc19]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:12px;width:100%;padding:15px;font-size:15px;font-weight:700;transition:all .3s}.submit-btn span[data-v-980abc19]{justify-content:center;align-items:center;gap:8px;display:flex}.submit-btn[data-v-980abc19]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 30px #6366f173}.submit-btn[data-v-980abc19]:disabled{opacity:.7;cursor:not-allowed}.register-btn[data-v-980abc19]{background:linear-gradient(135deg,#0891b2,#6366f1)}.divider[data-v-980abc19]{color:#374151;align-items:center;gap:12px;margin:20px 0;font-size:12px;display:flex}.divider[data-v-980abc19]:before,.divider[data-v-980abc19]:after{content:"";background:#ffffff12;flex:1;height:1px}.oauth-row[data-v-980abc19]{gap:10px;margin-bottom:20px;display:flex}.btn-oauth[data-v-980abc19]{color:#94a3b8;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:11px;font-size:13px;transition:all .2s;display:flex}.btn-oauth[data-v-980abc19]:hover{color:#e2e8f0;background:#ffffff12;border-color:#6366f14d}.switch-tip[data-v-980abc19]{text-align:center;color:#4b5563;font-size:13px}.switch-tip span[data-v-980abc19]{color:#818cf8;cursor:pointer;font-weight:600}.switch-tip span[data-v-980abc19]:hover{color:#a5b4fc}.agree-row[data-v-980abc19]{align-items:flex-start;gap:8px;margin-bottom:20px;display:flex}.agree-row input[data-v-980abc19]{accent-color:#6366f1;flex-shrink:0;margin-top:2px}.agree-row label[data-v-980abc19]{color:#64748b;cursor:pointer;font-size:12px;line-height:1.6}.link-text[data-v-980abc19]{color:#818cf8;font-weight:600}.particle-canvas[data-v-6aa2db0c]{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}#app-container{z-index:1;max-width:1440px;min-height:100vh;margin:0 auto;position:relative}