:root{--bg:#fff;--surface:#fff;--muted-surface:#f6f7f9;--text:#0f1724;--muted:#6b7280;--accent:#2563eb;--accent-weak:rgba(37,99,235,.08);--border:#e6e9ef;--shadow-1:0 1px 2px rgba(16,24,40,.04);--shadow-2:0 6px 20px rgba(16,24,40,.06);--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:20px;--space-lg:32px;--radius-sm:8px;--radius-md:12px;--font-sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;--font-size-base:15px;--line-height-base:1.6;--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:rgba(60,60,60,.29);--vt-c-divider-light-2:rgba(60,60,60,.12);--vt-c-divider-dark-1:rgba(84,84,84,.65);--vt-c-divider-dark-2:rgba(84,84,84,.48);--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:rgba(60,60,60,.66);--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:hsla(0,0%,92%,.64);--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}@media(prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:after,:before{box-sizing:border-box;font-weight:400;margin:0}body{background:var(--color-background);color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;min-height:100vh;text-rendering:optimizeLegibility;transition:color .5s,background-color .5s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg:var(--bg);--card:var(--surface);--muted:var(--muted);--accent:var(--accent);--text:var(--text)}*{box-sizing:border-box}body,html{height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6}a{color:var(--accent);text-decoration:none}#app{height:100%;overflow:hidden;width:100%}.app-shell{background:var(--bg);color:var(--text);display:flex;flex-direction:column;height:100vh;overflow:hidden}.page{flex:1;margin:0;max-width:100%;padding:0;width:100%}.footer{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid hsla(0,0%,100%,.08);color:#adb3c0;display:flex;font-size:14px;justify-content:space-between;padding:16px 20px}.footer__links{display:flex;gap:12px}.footer a{color:#7cd0ff}@media(max-width:640px){.page{padding:16px 14px 24px}.footer{flex-direction:column;gap:8px;text-align:center}}[v-cloak]{visibility:hidden!important}.layout{display:flex;gap:0;height:calc(100vh - 56px);overflow:hidden}.main-content{background:#f9fafb;flex:1;height:100%;min-width:0;overflow-y:auto}@media(max-width:900px){.layout{flex-direction:column}}@media(max-width:768px){body,html{overflow:auto!important}#app,body,html{height:auto!important;min-height:100%}#app{overflow:visible!important}.app-shell{min-height:100vh}.app-shell,.page{height:auto!important;overflow:visible!important}.layout{flex-direction:column}.layout,.main-content{height:auto!important;min-height:auto;overflow:visible!important}}.layout>.suggestions{flex:0 0 360px}.grid{gap:24px;grid-template-columns:repeat(3,1fr);margin-top:18px}.card{background:var(--card);border:1px solid rgba(15,23,36,.04);border-radius:12px;box-shadow:0 6px 18px #0f17240f;padding:18px}.card__head{gap:12px;margin-bottom:12px}.card__subtitle{color:var(--muted);font-size:13px;margin-top:6px}@media(max-width:1100px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.grid{grid-template-columns:1fr}.hero-ad{display:none}}.hero{display:grid;gap:12px}.badge{background:#ffffff0f;border:1px solid hsla(0,0%,100%,.08);border-radius:999px;color:#7cd0ff;display:inline-flex;font-weight:600;padding:6px 10px;width:-moz-fit-content;width:fit-content}h1{letter-spacing:.5px;margin:6px 0}.desc{margin:0}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.search{background:#ffffff0a;border:1px solid hsla(0,0%,100%,.12);border-radius:12px;color:#e6e8ed;flex:1;min-width:240px;padding:12px 14px}.primary:disabled{cursor:not-allowed;opacity:.7}.helper{color:#ffb46a;margin-top:6px}.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.08);border-radius:16px;box-shadow:0 16px 40px #0003;padding:16px}.card__head{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.card__title{font-size:18px;font-weight:700;margin:0}.category-link{color:inherit;text-decoration:none}.category-link:hover{text-decoration:underline}.tool-link{color:inherit;text-decoration:none}.tool-link:hover{text-decoration:underline}h2,h3{margin:0}.link__name h3{font-size:inherit;font-weight:700}.card-icon{border-radius:8px;display:inline-block;height:36px;margin-right:10px;vertical-align:middle;width:36px}.card__subtitle{color:#9aa4bb}.pill{background:#ffffff14;border-radius:999px;color:#cfd6e6;font-size:12px;padding:6px 10px}.links{display:flex;flex-direction:column;gap:10px;margin-top:12px}.link{align-items:center;background:#ffffff08;border:1px solid transparent;border-radius:12px;color:#e6e8ed;display:flex;gap:8px;justify-content:space-between;padding:12px;transition:border-color .2s ease,transform .2s ease}.link:hover{border-color:#ffffff1f;transform:translateY(-1px)}.link__name{font-weight:700}.link__desc{color:#96a0b8;font-size:14px}.open{align-items:center;background:var(--muted-surface);border:1px solid var(--border);border-radius:999px;color:var(--accent);display:inline-flex;font-size:14px;height:36px;justify-content:center;text-decoration:none;width:36px}.open img{height:16px;width:16px}.open:hover{background:var(--accent-weak);transform:translate(4px)}@media(max-width:640px){h1{font-size:26px}.card__head{flex-direction:column}}.tools{margin-top:24px}.tool-card{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;color:inherit;display:block;margin-bottom:12px;padding:16px;text-decoration:none;transition:border-color .2s ease}.tool-card:hover{border-color:#ffffff1f}h3{font-size:18px;font-weight:700;margin:0 0 8px}.tool-card p{color:#96a0b8;margin:0}.error,.loading{color:#a4adc1;padding:40px;text-align:center}.hero{padding:28px 0 16px}nav{color:#a4adc1;font-size:14px;margin-bottom:16px}nav a{color:#7cd0ff;text-decoration:none}nav a:hover{text-decoration:underline}h1{font-size:32px;margin:0 0 8px}.desc{color:#a4adc1;margin:0 0 16px}.primary{background:linear-gradient(135deg,#6de5ff,#7b6dff);border:none;border-radius:12px;color:#0b1021;cursor:pointer;display:inline-block;font-weight:700;padding:12px 16px;text-decoration:none}.error{color:#a4adc1;padding:40px;text-align:center}.nav[data-v-8cd28b3c]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-bottom:1px solid rgba(15,23,36,.08);box-shadow:0 2px 12px #0f17240f;position:sticky;top:0;z-index:100}.nav__inner[data-v-8cd28b3c]{gap:16px;height:56px;padding:0 20px;width:100%}.nav__brand[data-v-8cd28b3c],.nav__inner[data-v-8cd28b3c]{align-items:center;display:flex}.nav__brand[data-v-8cd28b3c]{cursor:pointer;gap:10px}.nav__logo[data-v-8cd28b3c]{border-radius:8px;height:40px;width:40px}.nav__text[data-v-8cd28b3c]{display:flex;flex-direction:column}.nav__title[data-v-8cd28b3c]{color:#6366f1;font-size:18px;font-weight:700;letter-spacing:-.5px}.nav__center[data-v-8cd28b3c]{flex:1;justify-content:flex-start}.nav__center[data-v-8cd28b3c],.nav__menu[data-v-8cd28b3c]{align-items:center;display:flex}.nav__menu[data-v-8cd28b3c]{gap:4px;list-style:none;margin:0;padding:0}.nav__menu-item[data-v-8cd28b3c]{position:relative}.nav__menu-btn[data-v-8cd28b3c]{align-items:center;background:transparent;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 14px;transition:all .15s ease}.nav__menu-btn[data-v-8cd28b3c]:hover{background:#6366f114;color:#6366f1}.nav__menu-icon[data-v-8cd28b3c]{font-size:14px}.nav__menu-arrow[data-v-8cd28b3c]{color:#9ca3af;transition:transform .2s ease}.nav__menu-item:hover .nav__menu-arrow[data-v-8cd28b3c]{transform:rotate(180deg)}.nav__dropdown[data-v-8cd28b3c]{background:#fff;border:1px solid rgba(15,23,36,.08);border-radius:10px;box-shadow:0 8px 24px #0f17241f;left:50%;min-width:140px;padding:10px 6px 6px;position:absolute;top:100%;transform:translate(-50%);z-index:200}.nav__dropdown[data-v-8cd28b3c]:before{background:transparent;content:"";height:8px;left:0;position:absolute;right:0;top:-8px}.nav__dropdown-item[data-v-8cd28b3c]{border-radius:6px;color:#374151;cursor:pointer;font-size:14px;padding:10px 14px;transition:all .15s ease;white-space:nowrap}.nav__dropdown-item[data-v-8cd28b3c]:hover{background:#6366f114;color:#6366f1}.nav__right[data-v-8cd28b3c]{gap:8px;margin-left:auto}.nav__icon[data-v-8cd28b3c],.nav__right[data-v-8cd28b3c]{align-items:center;display:flex}.nav__icon[data-v-8cd28b3c]{background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;font-size:16px;height:36px;justify-content:center;transition:all .15s ease;width:36px}.nav__icon[data-v-8cd28b3c]:hover{background:#e5e7eb}.nav__auth[data-v-8cd28b3c]{background:transparent;border:1px solid rgba(15,23,36,.1);border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .15s ease}.nav__auth[data-v-8cd28b3c]:hover{border-color:#6366f1;color:#6366f1}.nav__avatar-btn[data-v-8cd28b3c]{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;justify-content:center;padding:0}.nav__avatar[data-v-8cd28b3c]{border:2px solid #e5e7eb;border-radius:50%;height:40px;transition:border-color .15s ease;width:40px}.nav__avatar-btn:hover .nav__avatar[data-v-8cd28b3c]{border-color:#6366f1}.nav__user[data-v-8cd28b3c]{position:relative}.nav__avatar-btn[data-v-8cd28b3c]{gap:8px}.nav__username[data-v-8cd28b3c]{color:#374151;font-size:14px;font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav__user-dropdown[data-v-8cd28b3c]{background:#fff;border:1px solid rgba(15,23,36,.08);border-radius:10px;box-shadow:0 8px 24px #0f17241f;margin-top:8px;min-width:160px;padding:8px;position:absolute;right:0;top:100%;z-index:200}.nav__user-info[data-v-8cd28b3c]{border-bottom:1px solid #f3f4f6;font-weight:500}.nav__user-info[data-v-8cd28b3c],.nav__user-menu-item[data-v-8cd28b3c]{color:#374151;font-size:14px;padding:10px 12px}.nav__user-menu-item[data-v-8cd28b3c]{border-radius:6px;cursor:pointer;transition:all .15s ease}.nav__user-menu-item[data-v-8cd28b3c]:hover{background:#6366f114;color:#6366f1}@media(max-width:1024px){.nav__menu[data-v-8cd28b3c]{gap:2px}.nav__menu-btn[data-v-8cd28b3c]{font-size:13px;padding:8px 10px}}.nav__hamburger[data-v-8cd28b3c]{align-items:center;background:transparent;border:none;border-radius:8px;cursor:pointer;display:none;flex-direction:column;gap:5px;height:40px;justify-content:center;padding:8px;transition:background .2s;width:40px}.nav__hamburger[data-v-8cd28b3c]:hover{background:#6366f114}.hamburger-line[data-v-8cd28b3c]{background:#374151;border-radius:2px;display:block;height:2px;transition:all .3s ease;width:20px}@media(max-width:768px){.nav__center[data-v-8cd28b3c]{display:none!important}.nav__inner[data-v-8cd28b3c]{padding:0 16px}.nav__username[data-v-8cd28b3c]{display:none!important}.nav__hamburger[data-v-8cd28b3c]{display:flex!important}}