:root{color-scheme:light;--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-primary-soft: #eef2ff;--color-success: #16a34a;--color-success-soft: #f0fdf4;--color-warning: #d97706;--color-warning-soft: #fffbeb;--color-danger: #dc2626;--color-danger-soft: #fef2f2;--color-page-bg: #f8fafc;--color-surface: #ffffff;--color-surface-muted: #f1f5f9;--color-text-primary: #111827;--color-text-secondary: #64748b;--color-text-tertiary: #8a94a3;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--shadow-sm: 0 2px 8px rgb(15 23 42 / 5%);--shadow-md: 0 12px 32px rgb(15 23 42 / 8%);--shadow-focus: 0 0 0 3px rgb(79 70 229 / 18%);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--content-max-width: 1240px;--container-max: var(--content-max-width);--header-height: 66px;--motion-fast: .16s;--motion-normal: .2s;--font-sans: Inter, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-bg: var(--color-surface);--color-text: var(--color-text-primary);--color-muted: var(--color-text-secondary);--color-subtle: var(--color-text-tertiary);--color-accent: var(--color-primary);--color-accent-hover: var(--color-primary-hover);--color-accent-soft: var(--color-primary-soft);--container: var(--content-max-width)}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth;background:var(--color-page-bg);color:var(--color-text-primary);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{color:inherit;font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}a{color:inherit;text-decoration:none}img,svg,canvas,video{max-width:100%}h1,h2,h3,p{overflow-wrap:anywhere}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}::selection{background:var(--color-primary-soft);color:var(--color-text-primary)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app-shell{display:flex;min-height:100vh;min-height:100dvh;flex-direction:column}#main-content{min-width:0;flex:1}.skip-link{position:fixed;z-index:1000;top:var(--space-3);left:var(--space-3);padding:10px 16px;color:#fff;background:var(--color-primary);border-radius:var(--radius-sm);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.tool-icon{display:block;max-width:none;flex:0 0 auto}.icon-button,.favorite-button,.mobile-menu-button{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;padding:0;color:var(--color-text-secondary);background:transparent;border:0;border-radius:var(--radius-md)}.icon-button:hover,.favorite-button:hover,.mobile-menu-button:hover{color:var(--color-primary);background:var(--color-primary-soft)}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:0 18px;border-radius:10px;font-size:15px;font-weight:650;transition:color var(--motion-fast) ease,background var(--motion-fast) ease,border-color var(--motion-fast) ease}.button--secondary{color:var(--color-primary);background:var(--color-primary-soft);border:1px solid transparent}.button--ghost{color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border)}.site-header{position:sticky;z-index:100;top:0;background:#ffffffeb;border-bottom:1px solid rgb(226 232 240 / 90%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.site-header__inner{position:relative;display:flex;min-height:var(--header-height);align-items:center;gap:var(--space-8)}.brand{display:inline-flex;min-width:0;align-items:center;gap:10px;flex:0 0 auto}.brand__mark{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;color:var(--color-primary);background:var(--color-primary-soft);border-radius:11px}.brand__copy{display:grid;line-height:1}.brand__copy strong{font-size:17px;font-weight:720;letter-spacing:-.01em}.brand__copy small{margin-top:5px;color:var(--color-text-tertiary);font-size:11px;font-weight:650;letter-spacing:.06em}.main-nav{display:flex;min-width:0;align-self:stretch;align-items:stretch;gap:var(--space-1)}.main-nav a{position:relative;display:inline-flex;min-height:44px;align-items:center;padding-inline:13px;color:var(--color-text-secondary);font-size:14px;font-weight:600;white-space:nowrap}.main-nav a:after{position:absolute;right:13px;bottom:-1px;left:13px;height:2px;background:var(--color-primary);content:"";opacity:0;transform:scaleX(.5);transition:opacity var(--motion-fast) ease,transform var(--motion-fast) ease}.main-nav a:hover,.main-nav a.router-link-exact-active,.main-nav a.is-active{color:var(--color-primary)}.main-nav a.router-link-exact-active:after,.main-nav a.is-active:after{opacity:1;transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:var(--space-1);margin-left:auto}.header-actions button{display:inline-flex;min-height:44px;align-items:center;gap:7px;padding:0 11px;color:var(--color-text-secondary);background:transparent;border:0;border-radius:var(--radius-md);font-size:13px;font-weight:600}.header-actions button:hover,.header-actions button.is-active{color:var(--color-primary);background:var(--color-primary-soft)}.mobile-menu-button,.mobile-navigation{display:none}.header-tool-panel{position:absolute;z-index:20;top:calc(100% + 10px);right:0;width:min(360px,calc(100vw - 32px));padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.header-tool-panel__header{display:flex;min-height:44px;align-items:center;justify-content:space-between;padding-left:var(--space-2)}.header-tool-panel__header h2{margin:0;font-size:17px}.header-tool-panel__empty{margin:var(--space-3) 0 0;padding:var(--space-8) var(--space-4);color:var(--color-text-secondary);background:var(--color-surface-muted);border-radius:var(--radius-md);font-size:14px;text-align:center}.header-tool-list{display:grid;gap:var(--space-1);padding:0;margin:var(--space-2) 0 0;list-style:none}.header-tool-list a,.header-tool-list__disabled{display:grid;min-width:0;min-height:56px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:var(--space-2);padding:8px;border-radius:10px}.header-tool-list a:hover{background:var(--color-primary-soft)}.header-tool-list__disabled{color:var(--color-text-tertiary);background:var(--color-surface-muted)}.header-tool-list__icon{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;color:var(--color-primary);background:var(--color-primary-soft);border-radius:9px}.header-tool-list strong,.header-tool-list small{display:block;overflow-wrap:anywhere}.header-tool-list strong{font-size:14px}.header-tool-list small{margin-top:4px;color:var(--color-text-tertiary);font-size:13px}.header-tool-panel__clear{width:100%;min-height:40px;margin-top:var(--space-2);color:var(--color-text-secondary);background:transparent;border:0;border-radius:10px;font-size:13px}.header-tool-panel__clear:hover{color:var(--color-danger);background:var(--color-danger-soft)}.home-hero{overflow:hidden;padding:72px 0 64px;background:radial-gradient(circle at 50% 0%,rgb(79 70 229 / 10%),transparent 46%),var(--color-page-bg)}.home-hero__content{max-width:820px;margin-inline:auto;text-align:center}.home-hero h1{margin:0;color:var(--color-text-primary);font-size:clamp(40px,4vw,44px);font-weight:750;line-height:1.18;letter-spacing:-.035em}.home-hero__content>p{max-width:680px;margin:var(--space-4) auto 0;color:var(--color-text-secondary);font-size:17px;line-height:1.7}.privacy-benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);padding:0;margin:var(--space-5) 0 0;list-style:none}.privacy-benefits li{display:inline-flex;min-height:32px;align-items:center;gap:6px;padding:5px 11px;color:var(--color-text-secondary);background:#ffffffd1;border:1px solid var(--color-border);border-radius:999px;font-size:13px;font-weight:600}.privacy-benefits li:first-child{color:var(--color-success);background:var(--color-success-soft);border-color:#16a34a29}.tool-search{display:flex;width:min(100%,680px);min-height:56px;align-items:center;gap:var(--space-3);margin:var(--space-8) auto 0;padding:0 var(--space-4);color:var(--color-text-tertiary);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.tool-search:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-focus),var(--shadow-sm)}.tool-search input{min-width:0;height:54px;flex:1;padding:0;background:transparent;border:0;outline:0;font-size:16px}.tool-search input::placeholder{color:var(--color-text-tertiary)}.tool-search kbd{padding:4px 7px;color:var(--color-text-tertiary);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:6px;font-family:var(--font-sans);font-size:11px}.tool-search__clear{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;padding:0;color:var(--color-text-secondary);background:transparent;border:0;border-radius:10px}.tool-directory{padding:var(--space-12) 0 var(--space-16);scroll-margin-top:calc(var(--header-height) + var(--space-4))}.category-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2)}.category-tabs button{min-height:44px;padding:0 17px;color:var(--color-text-secondary);background:transparent;border:1px solid transparent;border-radius:999px;font-size:14px;font-weight:650;white-space:nowrap}.category-tabs button:hover{color:var(--color-primary);background:var(--color-primary-soft)}.category-tabs button.is-active{color:var(--color-primary);background:var(--color-primary-soft);border-color:#4f46e521}.section-heading{display:flex;min-width:0;align-items:end;justify-content:space-between;gap:var(--space-6);margin:var(--space-8) 0 var(--space-6)}.section-heading h2{margin:0;font-size:30px;line-height:1.25;letter-spacing:-.025em}.section-heading p{margin:var(--space-2) 0 0;color:var(--color-text-secondary);font-size:15px;line-height:1.65}.section-heading>span{flex:0 0 auto;color:var(--color-text-tertiary);font-size:14px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:var(--space-5)}.tool-card{display:flex;min-width:0;min-height:300px;flex-direction:column;padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--motion-normal) ease,box-shadow var(--motion-normal) ease,transform var(--motion-normal) ease}.tool-card:hover{border-color:#4f46e53d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.tool-card--coming-soon{background:#ffffffb8}.tool-card--coming-soon:hover{border-color:var(--color-border);box-shadow:var(--shadow-sm);transform:none}.tool-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.tool-card__icon{display:inline-flex;width:54px;height:54px;align-items:center;justify-content:center;color:var(--color-primary);background:var(--color-primary-soft);border-radius:15px}.tool-card__top-actions{display:flex;align-items:center;gap:var(--space-2)}.tool-status-badge,.local-processing-badge{display:inline-flex;min-height:28px;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;font-size:13px;font-weight:650;line-height:1}.tool-status-badge--available{color:var(--color-success);background:var(--color-success-soft)}.tool-status-badge--testing{color:var(--color-warning);background:var(--color-warning-soft)}.tool-status-badge--coming-soon{color:var(--color-text-secondary);background:var(--color-surface-muted)}.local-processing-badge{color:var(--color-success);background:var(--color-success-soft)}.favorite-button{border:1px solid var(--color-border)}.favorite-button.is-favorite{color:var(--color-primary);background:var(--color-primary-soft);border-color:#4f46e529}.tool-card__body{min-width:0;margin-top:var(--space-6)}.tool-card__body h3{margin:0;font-size:20px;font-weight:680;line-height:1.35}.tool-card__body p{margin:var(--space-3) 0 0;color:var(--color-text-secondary);font-size:15px;line-height:1.65}.tool-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-top:auto;padding-top:var(--space-6);color:var(--color-text-tertiary);font-size:13px}.tool-card__action{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-5);color:#fff;background:var(--color-primary);border-radius:11px;font-size:15px;font-weight:650;transition:background var(--motion-fast) ease}.tool-card__action:hover{background:var(--color-primary-hover)}.tool-card__action--disabled{color:var(--color-text-tertiary);background:var(--color-surface-muted)}.tool-card__action--disabled:hover{background:var(--color-surface-muted)}.empty-state{padding:var(--space-12) var(--space-6);color:var(--color-text-secondary);background:var(--color-surface);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);text-align:center}.empty-state__icon{display:inline-grid;width:48px;height:48px;place-items:center;color:var(--color-primary);background:var(--color-primary-soft);border-radius:50%;font-size:26px}.empty-state h3{margin:var(--space-4) 0 0;color:var(--color-text-primary);font-size:19px}.empty-state p{margin:var(--space-2) 0 0;font-size:14px;line-height:1.6}.empty-state__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-top:var(--space-5)}.home-trust{padding:0 0 var(--space-16)}.home-trust .responsive-container>div{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-6);color:var(--color-success);background:var(--color-success-soft);border:1px solid rgb(22 163 74 / 12%);border-radius:var(--radius-lg)}.home-trust h2{margin:0;color:var(--color-text-primary);font-size:18px}.home-trust p{margin:var(--space-2) 0 0;color:var(--color-text-secondary);font-size:14px;line-height:1.65}.site-footer{scroll-margin-top:calc(var(--header-height) + var(--space-4));background:var(--color-surface);border-top:1px solid var(--color-border)}.site-footer__inner{display:grid;min-height:164px;grid-template-columns:minmax(260px,1fr) auto minmax(280px,auto);align-items:center;gap:var(--space-8)}.site-footer__brand{display:flex;min-width:0;align-items:center;gap:var(--space-3)}.site-footer__brand strong{font-size:16px}.site-footer__brand p{margin:5px 0 0;color:var(--color-text-secondary);font-size:13px}.site-footer__links{display:flex;gap:var(--space-5);color:var(--color-text-secondary);font-size:14px}.site-footer__links a:hover{color:var(--color-primary)}.site-footer__privacy{display:flex;min-width:0;align-items:flex-start;gap:var(--space-2);color:var(--color-text-secondary);font-size:13px;line-height:1.6}.site-footer__privacy svg{margin-top:1px;color:var(--color-success)}.tool-layout{padding:var(--space-6) 0 var(--space-16)}.tool-breadcrumbs{display:flex;min-width:0;align-items:center;gap:var(--space-2);color:var(--color-text-tertiary);font-size:13px}.tool-breadcrumbs a:hover{color:var(--color-primary)}.tool-breadcrumbs span{min-width:0;overflow:hidden;color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap}.tool-layout__header{display:grid;min-width:0;grid-template-columns:64px minmax(0,1fr) auto;align-items:start;gap:var(--space-5);margin-top:var(--space-6);padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.tool-layout__icon{display:inline-flex;width:64px;height:64px;align-items:center;justify-content:center;color:var(--color-primary);background:var(--color-primary-soft);border-radius:var(--radius-lg)}.tool-layout__heading{min-width:0}.tool-layout__heading h1{margin:0;font-size:clamp(30px,3vw,34px);line-height:1.25;letter-spacing:-.025em}.tool-layout__heading>p{max-width:760px;margin:var(--space-2) 0 var(--space-3);color:var(--color-text-secondary);font-size:15px;line-height:1.65}.tool-layout__favorite{display:inline-flex;min-height:44px;align-items:center;gap:var(--space-2);padding:0 14px;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:11px;font-size:14px;font-weight:650}.tool-layout__favorite:hover,.tool-layout__favorite.is-favorite{color:var(--color-primary);background:var(--color-primary-soft);border-color:#4f46e52e}.tool-layout__workspace{min-width:0;margin-top:var(--space-8)}.tool-layout__details{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--space-4);margin-top:var(--space-8)}.tool-layout__details article{min-width:0;padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.tool-layout__details h2{margin:0 0 var(--space-3);font-size:18px}.tool-layout__details p,.tool-layout__details li{color:var(--color-text-secondary);font-size:14px;line-height:1.7}.site-footer__icp{color:inherit}.site-footer__icp:hover{color:var(--color-primary)}@media(max-width:1023px){.header-actions button span{display:none}.header-actions button{width:44px;justify-content:center;padding:0}.home-hero{padding:60px 0 54px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer__inner{grid-template-columns:1fr auto;padding-block:var(--space-8)}.site-footer__privacy{grid-column:1 / -1}}@media(max-width:767px){.responsive-container{width:min(calc(100% - 32px),var(--content-max-width))}.site-header__inner{display:grid;min-height:var(--header-height);grid-template-columns:minmax(0,1fr) auto;gap:0 var(--space-3)}.main-nav--desktop,.header-actions--desktop{display:none}.mobile-menu-button{display:inline-flex}.mobile-navigation{display:grid;grid-column:1 / -1;gap:var(--space-1);padding:var(--space-2) 0 var(--space-3);border-top:1px solid var(--color-border)}.mobile-navigation>a{display:flex;min-height:46px;align-items:center;padding:0 var(--space-3);color:var(--color-text-secondary);border-radius:10px;font-size:15px;font-weight:600}.mobile-navigation>a:hover,.mobile-navigation>a.router-link-exact-active{color:var(--color-primary);background:var(--color-primary-soft)}.mobile-navigation__utilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.mobile-navigation__utilities button{display:inline-flex;min-width:0;min-height:46px;align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-text-secondary);background:var(--color-surface-muted);border:0;border-radius:10px;font-size:14px;font-weight:600}.header-tool-panel{position:static;width:auto;grid-column:1 / -1;margin-bottom:var(--space-3);box-shadow:var(--shadow-sm)}.home-hero{padding:44px 0 42px}.home-hero h1{font-size:clamp(30px,8.2vw,32px);line-height:1.22}.home-hero__content>p{font-size:16px;line-height:1.65}.privacy-benefits{gap:7px;margin-top:var(--space-4)}.privacy-benefits li{font-size:13px}.tool-search{min-height:54px;margin-top:var(--space-6);padding-inline:var(--space-3);border-radius:var(--radius-md)}.tool-search input{height:52px;font-size:15px}.tool-search kbd{display:none}.tool-directory{padding:var(--space-8) 0 var(--space-12)}.category-tabs{flex-wrap:nowrap;padding:2px;margin-inline:-2px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.section-heading{align-items:flex-start;gap:var(--space-3);margin:var(--space-6) 0 var(--space-5)}.section-heading h2{font-size:25px}.section-heading p{font-size:14px}.tool-grid{grid-template-columns:minmax(0,1fr)}.tool-card{min-height:auto;padding:var(--space-5)}.tool-card__body{margin-top:var(--space-5)}.tool-card__meta{padding-top:var(--space-5)}.empty-state{padding:var(--space-10) var(--space-4)}.home-trust{padding-bottom:var(--space-12)}.home-trust .responsive-container>div{padding:var(--space-5)}.site-footer__inner{grid-template-columns:minmax(0,1fr);gap:var(--space-6);padding-block:var(--space-8)}.site-footer__links{flex-wrap:wrap}.site-footer__privacy{grid-column:auto}.tool-layout{padding-top:var(--space-4)}.tool-breadcrumbs{overflow:hidden}.tool-layout__header{grid-template-columns:52px minmax(0,1fr);gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-5)}.tool-layout__icon{width:52px;height:52px}.tool-layout__heading h1{font-size:26px}.tool-layout__favorite{width:100%;grid-column:1 / -1;justify-content:center}.tool-layout__workspace,.tool-layout__details{margin-top:var(--space-6)}}@media(min-width:1440px){.home-hero{padding-block:var(--space-20)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.responsive-container{width:min(calc(100% - 48px),var(--content-max-width));margin-inline:auto}.min-w-0{min-width:0}