@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--brand-bg:#fff;--brand-surface:#f7f8fa;--brand-fg:#111;--brand-muted:#6b7280;--brand-border:#d9dee7;--brand-accent:#1677ff;--brand-accent-secondary:#7c5cf5;--brand-accent-deep:#0a1f3c;--brand-accent-cyan:#3cdcf4;--brand-color-primary:#1677ff;--brand-color-primary-bg:#e6f4ff;--brand-color-primary-bg-hover:#bae0ff;--brand-color-primary-border:#91caff;--brand-color-primary-border-hover:#69b1ff;--brand-color-primary-hover:#4096ff;--brand-color-primary-active:#0958d9;--brand-color-primary-text:#002c8c;--brand-color-success:#52c41a;--brand-color-warning:#faad14;--brand-color-error:#ff4d4f;--brand-color-info:#1677ff;--brand-color-link:#7c5cf5;--brand-color-link-hover:#a68aff;--brand-color-link-active:#5c44cf;--brand-color-text:#2e2e2e;--brand-color-text-secondary:#646464;--brand-color-text-tertiary:#949494;--brand-color-fill:#dbdbdb;--brand-color-fill-secondary:#f1f1f1;--brand-color-fill-tertiary:#f5f5f5;--brand-color-bg-layout:#f5f5f5;--brand-color-bg-container:#fff;--brand-color-bg-elevated:#fff;--brand-font-family:'SourceHanSansCN Bold',system-ui,sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif;--brand-font-family-code:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,Courier,monospace;--brand-font-size:14px;--brand-font-size-sm:12px;--brand-font-size-lg:18px;--brand-font-size-xl:22px;--brand-font-size-heading-1:38px;--brand-font-size-heading-2:32px;--brand-font-size-heading-3:26px;--brand-font-size-heading-4:22px;--brand-font-size-heading-5:18px;--brand-line-height:1.57;--brand-line-height-heading:1.25;--brand-font-weight-strong:600;--brand-size-xxs:4px;--brand-size-xs:8px;--brand-size-sm:12px;--brand-size:16px;--brand-size-md:20px;--brand-size-lg:24px;--brand-size-xl:32px;--brand-size-xxl:48px;--brand-border-radius-xs:3px;--brand-border-radius-sm:5px;--brand-border-radius:8px;--brand-border-radius-lg:10px;--brand-line-width:1px;--brand-control-height:44px;--brand-motion-duration-fast:.1s;--brand-motion-duration-mid:.2s;--brand-motion-duration-slow:.3s;--brand-motion-ease-in-out:cubic-bezier(.645,.045,.355,1);--brand-motion-ease-out:cubic-bezier(.215,.61,.355,1);--brand-icon-size-sm:16px;--brand-icon-size:20px;--brand-icon-size-md:24px;--brand-icon-size-lg:32px;--brand-icon-stroke:1.5px;--brand-gradient-hero:linear-gradient(135deg,#0a1f3c,#3cdcf4);--brand-gradient-logo:linear-gradient(135deg,#1677ff,#3cdcf4,#7c5cf5)}:root{--aoyii-primary:var(--brand-color-primary);--aoyii-primary-light:var(--brand-color-primary-hover);--aoyii-primary-dark:var(--brand-color-primary-active);--aoyii-on-primary:#fff;--aoyii-secondary:var(--brand-accent-secondary);--aoyii-secondary-light:var(--brand-accent-cyan);--aoyii-surface:var(--brand-color-bg-container);--aoyii-surface-alt:var(--brand-surface);--aoyii-surface-card:var(--brand-color-bg-elevated);--aoyii-surface-hover:var(--brand-color-fill-tertiary);--aoyii-text-primary:var(--brand-color-text);--aoyii-text-secondary:var(--brand-color-text-secondary);--aoyii-text-tertiary:var(--brand-color-text-tertiary);--aoyii-text-on-primary:#fff;--aoyii-text-link:var(--brand-color-primary);--aoyii-text-link-hover:var(--brand-color-primary-active);--aoyii-border:var(--brand-border);--aoyii-border-light:var(--brand-color-fill-secondary);--aoyii-border-focus:var(--brand-color-primary);--aoyii-radius-sm:var(--brand-border-radius-sm);--aoyii-radius-md:var(--brand-border-radius);--aoyii-radius-lg:var(--brand-border-radius-lg);--aoyii-radius-xl:14px;--aoyii-radius-full:9999px;--aoyii-shadow-0:0 1px 3px rgba(0,0,0,.06);--aoyii-shadow-1:0 2px 8px rgba(0,0,0,.06);--aoyii-shadow-2:0 6px 16px rgba(0,0,0,.08);--aoyii-shadow-3:0 1px 3px rgba(0,0,0,.08);--aoyii-focus-ring:0 0 0 3px rgba(22,119,255,.12);--aoyii-fs-h1:2.25rem;--aoyii-fs-h2:1.5rem;--aoyii-fs-h3:1.125rem;--aoyii-fs-body-lg:1.0625rem;--aoyii-fs-body-md:1rem;--aoyii-fs-body-sm:.875rem;--aoyii-fs-caption:.75rem;--aoyii-fs-label:.8125rem;--aoyii-space-xs:4px;--aoyii-space-sm:8px;--aoyii-space-md:16px;--aoyii-space-lg:24px;--aoyii-space-xl:32px;--aoyii-space-2xl:48px;--aoyii-space-3xl:64px;--aoyii-content-max:1200px;--aoyii-container-max:1280px;--aoyii-cat-chat:#6366f1;--aoyii-cat-image:#ec4899;--aoyii-cat-design:#8b5cf6;--aoyii-cat-video:#f97316;--aoyii-cat-code:#22c55e;--aoyii-cat-audio:#06b6d4;--aoyii-cat-business:#3b82f6;--aoyii-cat-entertainment:#ff6900}
:root{--brand-bg:#fff;--brand-surface:#f7f8fa;--brand-fg:#111;--brand-muted:#6b7280;--brand-border:#d9dee7;--brand-accent:#1677ff;--brand-accent-secondary:#7c5cf5;--brand-accent-deep:#0a1f3c;--brand-accent-cyan:#3cdcf4;--brand-color-primary:#1677ff;--brand-color-primary-bg:#e6f4ff;--brand-color-primary-bg-hover:#bae0ff;--brand-color-primary-border:#91caff;--brand-color-primary-border-hover:#69b1ff;--brand-color-primary-hover:#4096ff;--brand-color-primary-active:#0958d9;--brand-color-primary-text:#002c8c;--brand-color-success:#52c41a;--brand-color-warning:#faad14;--brand-color-error:#ff4d4f;--brand-color-info:#1677ff;--brand-color-link:#7c5cf5;--brand-color-link-hover:#a68aff;--brand-color-link-active:#5c44cf;--brand-color-text:#2e2e2e;--brand-color-text-secondary:#646464;--brand-color-text-tertiary:#949494;--brand-color-fill:#dbdbdb;--brand-color-fill-secondary:#f1f1f1;--brand-color-fill-tertiary:#f5f5f5;--brand-color-bg-layout:#f5f5f5;--brand-color-bg-container:#fff;--brand-color-bg-elevated:#fff;--brand-font-family:'SourceHanSansCN Bold',system-ui,sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif;--brand-font-family-code:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,Courier,monospace;--brand-font-size:14px;--brand-font-size-sm:12px;--brand-font-size-lg:18px;--brand-font-size-xl:22px;--brand-font-size-heading-1:38px;--brand-font-size-heading-2:32px;--brand-font-size-heading-3:26px;--brand-font-size-heading-4:22px;--brand-font-size-heading-5:18px;--brand-line-height:1.57;--brand-line-height-heading:1.25;--brand-font-weight-strong:600;--brand-size-xxs:4px;--brand-size-xs:8px;--brand-size-sm:12px;--brand-size:16px;--brand-size-md:20px;--brand-size-lg:24px;--brand-size-xl:32px;--brand-size-xxl:48px;--brand-border-radius-xs:3px;--brand-border-radius-sm:5px;--brand-border-radius:8px;--brand-border-radius-lg:10px;--brand-line-width:1px;--brand-control-height:44px;--brand-motion-duration-fast:.1s;--brand-motion-duration-mid:.2s;--brand-motion-duration-slow:.3s;--brand-motion-ease-in-out:cubic-bezier(.645,.045,.355,1);--brand-motion-ease-out:cubic-bezier(.215,.61,.355,1);--brand-icon-size-sm:16px;--brand-icon-size:20px;--brand-icon-size-md:24px;--brand-icon-size-lg:32px;--brand-icon-stroke:1.5px;--brand-gradient-hero:linear-gradient(135deg,#0a1f3c,#3cdcf4);--brand-gradient-logo:linear-gradient(135deg,#1677ff,#3cdcf4,#7c5cf5)}:root{--bg:var(--brand-bg);--surface:var(--brand-surface);--fg:var(--brand-fg);--muted:var(--brand-muted);--border:var(--brand-border);--accent:var(--brand-accent);--accent-secondary:var(--brand-accent-secondary);--radius:var(--brand-border-radius);--grid:var(--brand-size-xs);--font:"Inter","Source Han Sans CN","Noto Sans SC",system-ui,-apple-system,sans-serif;--container:1200px}body{font-family:var(--font);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased}.nav-wrap a:focus-visible,.nav-wrap button:focus-visible,.footer a:focus-visible,.footer button:focus-visible,.crumbs a:focus-visible,.page-head a:focus-visible,.scroll-top:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip-link{position:fixed;top:-48px;left:16px;z-index:200;height:40px;padding:0 16px;display:inline-flex;align-items:center;font-size:13px;font-weight:600;color:var(--bg);background:var(--fg);border-radius:var(--radius);transition:top .15s}.skip-link:focus-visible{top:12px}.nav-wrap{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);height:56px}.nav-inner{max-width:var(--container);margin:0 auto;padding:0 24px;display:flex;align-items:center;height:100%;gap:32px}.nav-logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:18px;white-space:nowrap;color:var(--fg)}.nav-logo img{width:32px;height:32px;border-radius:6px}.nav-wrap .nav-links{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.nav-wrap .nav-links::-webkit-scrollbar{display:none}.nav-wrap .nav-links a{padding:6px 12px;font-size:13px;font-weight:500;color:var(--muted);border-radius:6px;white-space:nowrap;transition:color .15s,background .15s}.nav-wrap .nav-links a:hover{color:var(--fg);background:var(--surface)}.nav-wrap .nav-links a.active{color:var(--accent);background:rgba(22,119,255,.06)}.nav-right{margin-left:auto;display:flex;align-items:center;gap:12px}.nav-search-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:color .15s,background .15s,border-color .15s}.nav-search-btn:hover{color:var(--fg);background:var(--bg);border-color:#c0c5cf}.nav-submit{display:inline-flex;align-items:center;height:36px;padding:0 16px;font-size:13px;font-weight:600;color:var(--bg);background:var(--accent);border-radius:var(--radius);transition:background .15s;white-space:nowrap}.nav-submit:hover{background:var(--brand-color-primary-active)}.nav-submit-link{display:none}.nav-menu-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;padding:0;color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);position:relative;transition:background .15s,border-color .15s}.nav-menu-btn:hover{background:var(--bg);border-color:#c0c5cf}.nav-menu-btn .icon-close{display:none}.nav-wrap.menu-open .nav-menu-btn .icon-open{display:none}.nav-wrap.menu-open .nav-menu-btn .icon-close{display:block}.lang-switch{position:relative}.lang-trigger{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px;font-size:13px;font-weight:500;color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:background .15s,border-color .15s}.lang-trigger:hover,.lang-trigger:focus-visible,.lang-trigger[aria-expanded=true]{color:var(--fg)}.lang-trigger:hover{background:var(--bg);border-color:#c0c5cf}.lang-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lang-trigger[aria-expanded=true]{background:var(--bg);border-color:#c0c5cf}.lang-trigger[aria-expanded=true] .lang-chevron{transform:rotate(180deg)}.lang-chevron{transition:transform .15s}.lang-globe{flex-shrink:0}.lang-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:148px;padding:4px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px rgba(17,17,17,.1);z-index:110}.lang-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;font-size:13px;font-weight:500;color:var(--muted);border-radius:6px;transition:background .15s,color .15s}.lang-item:hover{color:var(--fg);background:var(--surface)}.lang-item.current{color:var(--fg)}.lang-item.current svg{color:var(--fg)}.lang-item .lang-check{display:none}.lang-item.current .lang-check{display:block}.crumbs{max-width:var(--container);margin:0 auto;padding:20px 24px 0;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.crumbs a{transition:color .15s}.crumbs a:hover{color:var(--fg)}.crumbs [aria-current=page]{color:var(--fg);font-weight:600}.page-head{max-width:calc(var(--container) - 48px);width:calc(100% - 48px);margin:24px auto 0;padding:28px 32px 26px;background:linear-gradient(135deg,rgba(22,119,255,.08) 0%,rgba(124,92,245,.08) 100%);border:1px solid var(--border);border-radius:12px}.page-head h1{font-size:32px;font-weight:800;letter-spacing:-.5px;line-height:1.25}.page-head h1 .grad{background:linear-gradient(92deg,var(--accent) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--accent)}.page-head p{margin-top:8px;font-size:15px;color:var(--muted);max-width:560px;text-wrap:balance}.taxonomy-wrap .page-head,.content-layout .page-head{width:100%;margin-left:0;margin-right:0}.taxonomy-wrap .channel-search,.content-layout .channel-search{width:100%;max-width:100%}.taxonomy-wrap .section,.content-layout .section{padding-left:0;padding-right:0}.taxonomy-wrap .crumbs,.content-layout .crumbs{padding-left:0;padding-right:0}@media (max-width:768px){.taxonomy-wrap .page-head{width:100%;margin-left:0;margin-right:0}.channel-search{width:calc(100% - 48px);margin-left:auto;margin-right:auto;max-width:calc(var(--container) - 48px)}}.aoyii-pills{display:flex;gap:8px;flex-wrap:wrap}.footer{margin-top:40px;padding:24px;border-top:1px solid var(--border)}.footer-inner{max-width:var(--container);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted);flex-wrap:wrap}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links a{transition:color .15s}.footer-links a:hover{color:var(--fg)}.beian-item{display:inline-flex;align-items:center;gap:5px}.beian-item svg{flex-shrink:0}.footer-links a[href*="beian."]{color:var(--muted);opacity:.6;transition:opacity .15s}.footer-links a[href*="beian."]:hover{color:var(--muted);opacity:.9}.nav-search-btn,.lang-trigger,.nav-menu-btn{position:relative}.nav-search-btn:after,.lang-trigger:after,.nav-menu-btn:after{content:"";position:absolute;inset:-4px}.scroll-top:after{content:"";position:absolute;inset:-2px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.nav-wrap *,.footer *,.lang-switch *,.scroll-top{transition:none !important}}.scroll-top{position:fixed;bottom:24px;right:24px;width:40px;height:40px;padding:0;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s;z-index:50;box-shadow:0 2px 8px rgba(0,0,0,.15)}.scroll-top.visible{opacity:1;visibility:visible;pointer-events:auto}.scroll-top:hover{background:var(--brand-color-primary-active)}@media (max-width:768px){.nav-menu-btn{display:inline-flex}.nav-submit{display:none}.nav-submit-link{display:flex;align-items:center;min-height:44px}.nav-wrap .nav-links{position:absolute;top:56px;left:0;right:0;display:none;flex-direction:column;gap:2px;padding:8px 16px 12px;background:var(--bg);border-bottom:1px solid var(--border);box-shadow:0 12px 24px rgba(17,17,17,.08);overflow:visible;z-index:99}.nav-wrap.menu-open .nav-links{display:flex}.nav-wrap .nav-links a{display:flex;align-items:center;min-height:44px;padding:8px 10px;font-size:15px}.page-head h1{font-size:26px}.aoyii-pills{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.aoyii-pills::-webkit-scrollbar{display:none}}@media (max-width:480px){.nav-inner{gap:16px;padding:0 16px}.nav-wrap .nav-links a{padding:6px 10px}.nav-logo-text{display:none}.page-head{margin-top:16px;padding:20px 20px 18px}.footer-inner{flex-direction:column;align-items:flex-start}}.hero{max-width:calc(var(--container) - 48px);width:calc(100% - 48px);margin:24px auto 20px;padding:48px 32px 36px;text-align:center;background:rgba(22,119,255,.06);border:1px solid var(--border);border-radius:12px}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;color:var(--accent);background:rgba(22,119,255,.1);border:1px solid rgba(22,119,255,.18);border-radius:20px;margin-bottom:16px}.hero h1{font-size:40px;font-weight:800;line-height:1.2;letter-spacing:-.5px;margin-bottom:12px}.hero h1 span{color:var(--accent-secondary)}.hero p{font-size:16px;color:var(--muted);max-width:520px;margin:0 auto 28px;line-height:1.5;text-wrap:balance}.hero-search{position:relative;display:inline-flex;align-items:center;width:100%;max-width:560px}.hero-search input{width:100%;height:48px;padding:0 48px 0 20px;-webkit-appearance:none;appearance:none;border:1px solid var(--border);border-radius:12px;background:var(--bg);font:inherit;font-size:15px;color:var(--fg);outline:none;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:border-color .15s,box-shadow .15s}.hero-search input::placeholder{color:var(--muted)}.hero-search input:focus{border-color:var(--accent);box-shadow:0 2px 12px rgba(22,119,255,.12)}.hero-search button{position:absolute;right:6px;width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:background .15s}.hero-search button:hover{background:var(--brand-color-primary-active)}.hero-hot{margin-top:14px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 16px;font-size:13px;color:var(--muted)}.hero-hot-word{font:inherit;color:var(--muted);background:0 0;border:none;padding:0;cursor:pointer;position:relative;transition:color .15s}.hero-hot-word:after{content:"";position:absolute;inset:-4px}.hero-hot-word:hover{color:var(--fg);text-decoration:underline;text-underline-offset:3px}.section{max-width:var(--container);margin:0 auto;padding:24px 24px 16px}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.section-head h2{font-size:18px;font-weight:700;display:flex;align-items:center;gap:8px}.section-head h2 .icon{width:18px;height:18px;flex-shrink:0;color:var(--muted)}.section-head h2 .icon svg{width:100%;height:100%;display:block}.section-more{font-size:13px;font-weight:500;color:var(--muted);transition:color .15s}.section-more:hover{color:var(--fg);text-decoration:underline;text-underline-offset:3px}.home-skill-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.home-skill-card{display:flex;align-items:flex-start;gap:10px;min-width:0;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:background .15s,border-color .15s,box-shadow .15s;position:relative}.home-skill-card:hover{background:var(--bg);border-color:var(--fg);box-shadow:0 2px 8px rgba(0,0,0,.06)}.home-skill-icon{flex:0 0 36px;width:36px;height:36px;border-radius:8px;background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--fg)}.home-skill-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.home-skill-name{font-size:14px;font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-skill-desc{font-size:12px;color:var(--muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-skill-badge{position:absolute;top:8px;right:8px;font-size:10px;padding:2px 6px;border-radius:999px;background:var(--bg);border:1px solid var(--border);color:var(--muted)}.home-article-grid{margin-top:0}@media (max-width:1024px){.home-skill-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.home-skill-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.home-skill-grid{grid-template-columns:repeat(2,1fr)}}.tool-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.tool-card{display:flex;align-items:flex-start;gap:10px;min-width:0;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:background .15s,border-color .15s,box-shadow .15s;cursor:pointer}.tool-card:hover{background:var(--bg);border-color:#c0c5cf;box-shadow:0 2px 8px rgba(0,0,0,.04)}.tool-card:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.tool-icon{flex-shrink:0;width:36px;height:36px;border-radius:8px;overflow:hidden;background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--accent)}.tool-icon img{width:100%;height:100%;object-fit:contain}.tool-body{min-width:0;display:flex;flex-direction:column}.tool-name{font-size:14px;font-weight:600;line-height:1.3;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px}.tool-desc{font-size:13px;color:var(--muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tool-cat{margin-top:4px;align-self:flex-start;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:1px 8px}.cat-cloud{display:flex;flex-wrap:wrap;gap:8px}.cloud-tag{display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;font-size:12px;font-weight:500;color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:16px;white-space:nowrap;transition:color .15s,border-color .15s,background .15s}.cloud-tag:hover{color:var(--fg);border-color:#c0c5cf;background:var(--surface)}.cloud-group+.cloud-group{margin-top:16px}.cloud-group-name{font-size:13px;font-weight:700;color:var(--fg);margin-bottom:10px}.cta-banner{margin:32px auto 0;max-width:var(--container);padding:0 24px}.cta-inner{padding:32px 40px;background:var(--surface);border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:24px}.cta-inner h2{font-size:20px;font-weight:700}.cta-inner p{font-size:15px;color:var(--muted);margin-top:4px}.cta-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 24px;font-size:14px;font-weight:600;color:#fff;background:var(--accent);border-radius:var(--radius);transition:background .15s}.cta-btn:hover{background:var(--brand-color-primary-active)}.hero-search input:focus-visible,.tool-card:focus-visible,.cloud-tag:focus-visible,.section-more:focus-visible,.cta-btn:focus-visible,.hero-hot-word:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tool-card:focus-visible{outline-offset:-2px}.cloud-tag,.section-more,.cta-btn,.hero-hot-word{position:relative}.cloud-tag:after,.section-more:after,.cta-btn:after,.hero-hot-word:after{content:"";position:absolute;inset:-4px}@media (prefers-reduced-motion:reduce){.hero *,.tool-card,.cloud-tag,.cta-btn,.section-more,.hero-hot-word{transition:none !important}}@media (max-width:1024px){.tool-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.tool-grid{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:28px}.hero p{font-size:14px}.hero{width:calc(100% - 32px);padding:32px 16px 28px}.section{padding:20px 16px 12px}.cta-inner{flex-direction:column;text-align:center}.cta-banner{padding:0 16px}}@media (max-width:480px){.tool-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:24px}}.tool-detail-page{padding:30px 0}.tool-detail-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:30px}.tool-icon{flex-shrink:0;width:64px;height:64px;border-radius:var(--aoyii-radius-lg);overflow:hidden;background:var(--aoyii-surface-hover)}.tool-icon img{width:100%;height:100%;object-fit:cover}.tool-icon-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.tool-header-info{flex:1}.tool-title{font-size:var(--aoyii-fs-h2);margin:0 0 6px}.tool-categories{font-size:13px;margin-bottom:6px}.tool-cat-badge{color:var(--aoyii-primary);text-decoration:none}.tool-cat-badge:hover{color:var(--aoyii-primary-dark)}.tool-meta{font-size:13px;color:var(--aoyii-text-secondary)}.tool-meta span{margin-right:16px}.tool-detail-body{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:40px}@media (max-width:768px){.tool-detail-body{grid-template-columns:1fr}}.tool-screenshot-area{display:flex;flex-direction:column;gap:18px}.tool-screenshot-area img{width:100%;border-radius:var(--aoyii-radius-lg);border:1px solid var(--aoyii-border)}.tool-visit-btn{margin:0}.tool-excerpt{font-size:15px;color:var(--aoyii-text-secondary);margin-bottom:16px;padding:12px 16px;background:var(--aoyii-surface-alt);border-radius:var(--aoyii-radius-md);border-left:3px solid var(--aoyii-primary)}.tool-content{font-size:15px;line-height:1.8;color:var(--aoyii-text-primary)}.tool-tags{margin-top:20px;font-size:var(--aoyii-fs-body-sm)}.tool-tag{display:inline-block;margin:0 4px;color:var(--aoyii-primary);text-decoration:none}.tool-tag:hover{color:var(--aoyii-primary-dark)}.tool-screenshot-placeholder{width:100%;aspect-ratio:16/10;background:var(--aoyii-surface-alt);border:1px dashed var(--aoyii-border);border-radius:var(--aoyii-radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--aoyii-text-tertiary);font-size:var(--aoyii-fs-caption);gap:6px}.tool-screenshot-placeholder span{font-size:32px;opacity:.4}.tool-screenshot-placeholder p{margin:0}.tool-share{margin:0;padding-top:0;border-top:none;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tool-share strong{font-size:var(--aoyii-fs-body-sm);color:var(--aoyii-text-secondary)}.tool-share-buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.share-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--aoyii-radius-sm);border:1px solid var(--aoyii-border);background:var(--aoyii-surface);color:var(--aoyii-text-primary);cursor:pointer;transition:all .2s ease;text-decoration:none !important}.share-btn:hover{border-color:var(--aoyii-primary);color:var(--aoyii-primary);box-shadow:var(--aoyii-shadow-1);transform:translateY(-1px)}.share-twitter:hover{color:#1da1f2;border-color:#1da1f2}.share-facebook:hover{color:#1877f2;border-color:#1877f2}.share-weibo:hover{color:#e6162d;border-color:#e6162d}.share-wechat:hover{color:#07c160;border-color:#07c160}button.share-btn{font-family:inherit;font-size:inherit;padding:0}.tool-related{margin:40px 0}.tool-related h2{font-size:20px;margin-bottom:16px}.tool-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px, 1fr));gap:16px}.tool-related-card{background:var(--aoyii-surface);border:1px solid var(--aoyii-border);border-radius:var(--aoyii-radius-md);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.tool-related-card:hover{border-color:var(--aoyii-primary);box-shadow:var(--aoyii-shadow-2);transform:translateY(-2px)}.tool-related-card a{text-decoration:none !important;display:block}.tool-related-card-img{width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--aoyii-surface-alt)}.tool-related-card-img img{width:100%;height:100%;object-fit:cover;display:block}.tool-related-card-icon{display:flex;align-items:center;justify-content:center;padding:16px}.tool-related-card-icon img{width:48px;height:48px;object-fit:contain}.tool-related-card-placeholder{display:flex;align-items:center;justify-content:center;font-size:32px;opacity:.3}.tool-related-card-body{padding:12px 14px 14px}.tool-related-card-body h3{font-size:var(--aoyii-fs-body-sm);font-weight:600;margin:0 0 4px;color:var(--aoyii-text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tool-related-card-body p{font-size:var(--aoyii-fs-caption);color:var(--aoyii-text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.no-results{text-align:center;padding:60px 20px;color:var(--aoyii-text-secondary)}.pagination{display:flex;justify-content:center;margin-top:24px;margin-bottom:16px}.pagination .nav-links{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 10px;font-size:var(--aoyii-fs-body-sm);color:var(--aoyii-text-primary);background:var(--aoyii-surface);border:1px solid var(--aoyii-border);border-radius:var(--aoyii-radius-md);text-decoration:none;transition:background .15s,border-color .15s,color .15s}.pagination .page-numbers:hover{background:var(--aoyii-surface-hover);border-color:var(--aoyii-primary);color:var(--aoyii-primary)}.pagination .page-numbers.current{background:var(--aoyii-primary);border-color:var(--aoyii-primary);color:#fff;font-weight:600;cursor:default}.pagination .page-numbers.dots{border-color:transparent;background:0 0;color:var(--aoyii-text-tertiary)}.channel-search{display:flex;align-items:center;gap:8px;max-width:560px;margin-top:16px}.channel-search input[type=search]{flex:1;height:44px;padding:0 14px;font-size:var(--aoyii-fs-body-sm);color:var(--aoyii-text-primary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s}.channel-search input[type=search]:focus{outline:none;border-color:var(--accent)}.channel-search button{width:44px;height:44px;padding:0;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:var(--accent);border:none;border-radius:var(--radius);cursor:pointer;transition:background .15s}.channel-search button:hover{background:var(--aoyii-primary-dark)}.post-type-archive-skill .skill-channel-search{max-width:560px;width:100%;margin:16px 0 28px;box-sizing:border-box}.site-content>.channel-search{max-width:var(--container);width:100%;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;box-sizing:border-box}.cat-section{margin-bottom:32px}.cat-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.cat-section-head h2{display:flex;align-items:center;gap:8px;font-size:var(--aoyii-fs-h2,20px);font-weight:600;color:var(--aoyii-text-primary)}.cat-section-count{font-size:var(--aoyii-fs-caption,12px);color:var(--aoyii-text-secondary)}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cat-card{display:flex;flex-direction:column;gap:8px;min-width:0;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s,box-shadow .15s}.cat-card:hover{border-color:#c0c5cf;box-shadow:0 2px 8px rgba(0,0,0,.04)}.cat-card:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.cat-card-top{display:flex;align-items:center;gap:10px}.cat-card-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:var(--aoyii-primary);background:var(--aoyii-surface-alt,var(--surface));border:1px solid var(--border);border-radius:var(--radius)}.cat-card-name{flex:1;min-width:0;font-size:14px;font-weight:600;color:var(--aoyii-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-card-count{flex-shrink:0;font-size:12px;color:var(--aoyii-text-secondary)}.cat-card-desc{font-size:13px;line-height:1.5;color:var(--aoyii-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:1024px){.cat-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.cat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.cat-grid{grid-template-columns:1fr}}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-card{display:flex;flex-direction:column;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .15s,box-shadow .15s}.news-card:hover{border-color:#c0c5cf;box-shadow:0 4px 16px rgba(17,17,17,.06)}.news-card:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.news-thumb{aspect-ratio:16/9;overflow:hidden;background:var(--aoyii-surface-alt,var(--surface))}.news-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.news-card:hover .news-thumb img{transform:scale(1.03)}.news-body{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px}.news-title{font-size:16px;font-weight:600;line-height:1.4;color:var(--aoyii-text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card:hover .news-title{color:var(--accent)}.news-excerpt{font-size:13px;line-height:1.5;color:var(--aoyii-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-more{font-size:13px;font-weight:500;color:var(--aoyii-text-primary);transition:color .15s,transform .15s}.news-card:hover .news-more{color:var(--accent)}.empty-state{padding:48px 0;text-align:center;color:var(--aoyii-text-secondary)}@media (max-width:768px){.news-grid{grid-template-columns:1fr;gap:16px}}.detail-layout{display:grid;grid-template-columns:minmax(0, 1fr) 300px;gap:32px;padding:32px 24px 48px;max-width:var(--container,1200px);margin:0 auto}.detail-main{min-width:0}.article-meta{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:13px;color:var(--aoyii-text-secondary)}.article-cat{padding:2px 10px;border:1px solid var(--border);border-radius:99px;color:var(--accent);font-size:12px}.article-thumb{margin:0 0 20px;border-radius:var(--radius);overflow:hidden}.article-thumb img{width:100%;height:auto;display:block}.article-content{font-size:15px;line-height:1.8;color:var(--aoyii-text-primary)}.article-content h1,.article-content h2,.article-content h3{font-weight:600;line-height:1.4;margin:24px 0 12px;color:var(--aoyii-text-primary)}.article-content img{max-width:100%;height:auto;border-radius:var(--radius)}.article-content a{color:var(--accent);text-decoration:underline}.detail-side{display:flex;flex-direction:column;gap:16px}.side-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.side-title{font-size:15px;font-weight:600;margin-bottom:12px;color:var(--aoyii-text-primary)}.side-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.side-list a{display:block;font-size:13px;line-height:1.5;color:var(--aoyii-text-secondary);text-decoration:none}.side-list a:hover{color:var(--accent)}.search-layout{display:grid;grid-template-columns:220px minmax(0, 1fr);gap:40px;align-items:start}.search-filters{align-self:start;position:sticky;top:80px}.search-filters h2{font-size:13px;font-weight:600;color:var(--muted);margin:0 0 10px}.search-filters .filter-list{display:grid;gap:4px}.search-filters .filter-btn{min-height:44px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid transparent;border-radius:var(--radius);color:var(--muted);font-size:14px;transition:color .15s,background .15s,border-color .15s}.search-filters .filter-btn:hover{color:var(--fg);background:var(--surface)}.search-filters .filter-btn.active{color:var(--accent);border-color:var(--accent);background:var(--bg);font-weight:600}.search-filters .filter-btn .count{font-size:13px;font-variant-numeric:tabular-nums}.page-head .search-form{margin-top:24px;display:flex;align-items:center;max-width:640px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s,box-shadow .15s}.page-head .search-form:focus-within{border-color:var(--accent);box-shadow:0 2px 12px rgba(22,119,255,.12)}.page-head .search-form>svg{flex:none;margin-left:16px;color:var(--muted)}.page-head .search-form input{flex:1;min-width:0;height:48px;padding:0 14px;border:0;outline:none;background:0 0;font-size:14px;color:var(--fg);text-overflow:ellipsis;font-family:var(--font);-webkit-appearance:none;appearance:none}.page-head .search-form input::placeholder{color:var(--muted)}.page-head .search-form button{flex:none;margin:4px;min-width:88px;height:40px;border-radius:6px;color:#fff;background:var(--accent);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.page-head .search-form button:hover{background:#0958d9}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:480px){.page-head .search-form button{min-width:64px}}.results-bar{min-height:44px;padding-bottom:16px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border)}.results-bar h2{font-size:18px;font-weight:700;line-height:1.4;min-width:0;margin:0;color:var(--fg)}.results-bar p{margin:0;color:var(--muted);font-size:13px;white-space:nowrap}.search-main .result-list{display:grid}.result-card{min-width:0;padding:20px 0;display:grid;grid-template-columns:56px minmax(0, 1fr) auto;gap:16px;align-items:start;background:0 0;border:none;border-bottom:1px solid var(--border);border-radius:0;box-shadow:none}.result-icon{position:relative;width:56px;height:56px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);font-size:20px;font-weight:700;color:var(--accent);transition:border-color .15s}.result-icon img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.result-main{min-width:0}.result-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:12px}.result-type{padding:1px 8px;border:1px solid var(--border);border-radius:99px;color:var(--accent)}.result-title{margin:6px 0 0;font-size:18px;font-weight:600;line-height:1.4}.result-title a{transition:color .15s}.result-title a:hover{color:var(--accent)}.result-card:hover .result-icon{border-color:#c0c5cf}.result-desc{margin:6px 0 0;color:var(--muted);font-size:14px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.result-link{min-height:44px;padding:0 14px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);font-size:13px;font-weight:500;white-space:nowrap;transition:background .15s,border-color .15s}.result-link:hover{background:var(--surface);border-color:#c0c5cf}.result-link svg{transition:transform .15s}.result-card:hover .result-link svg{transform:translateX(2px)}.search-clear-btn{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);font-size:14px;font-weight:500;transition:background .15s,border-color .15s}.search-clear-btn:hover{background:var(--surface);border-color:#c0c5cf}@media (max-width:768px){.search-layout{grid-template-columns:1fr;gap:20px}.search-filters{position:static}.search-filters h2{display:none}.search-filters .filter-list{display:flex;width:max-content;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.search-filters .filter-list::-webkit-scrollbar{display:none}.search-filters .filter-btn{border-color:var(--border);white-space:nowrap}.search-filters .filter-btn.active{border-color:var(--accent)}.result-card{grid-template-columns:48px minmax(0, 1fr);gap:12px;padding:16px 0}.result-icon{width:48px;height:48px}.result-link{display:none}.results-bar{align-items:flex-start;flex-direction:column;gap:2px}.results-bar p{white-space:normal}}.page-prose{max-width:var(--container,800px);margin:0 auto;padding:32px 24px 48px;font-size:15px;line-height:1.8;color:var(--aoyii-text-primary)}.content-layout>.page-prose{max-width:none;width:100%;margin:0;padding-left:0;padding-right:0;padding-top:8px}.page-prose h1,.page-prose h2,.page-prose h3{font-weight:600;line-height:1.4;margin:24px 0 12px}.page-prose img{max-width:100%;height:auto;border-radius:var(--radius)}.page-prose a{color:var(--accent)}@media (max-width:768px){.detail-layout{grid-template-columns:1fr;gap:24px;padding:24px 16px 40px}}.content-layout{max-width:var(--container);margin:0 auto;padding:24px 24px 48px;width:100%}.taxonomy-wrap{max-width:var(--container);margin:0 auto;padding:0 24px;width:100%}.ast-container{max-width:var(--container)}.tool-head{max-width:var(--container);width:calc(100% - 48px);margin:24px auto 0;padding:28px 32px;background:linear-gradient(135deg,rgba(22,119,255,.08) 0%,rgba(124,92,245,.08) 100%);border:1px solid var(--border);border-radius:12px;display:flex;align-items:flex-start;gap:20px}.tool-head-icon{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:var(--accent);background:var(--bg);border:1px solid var(--border);border-radius:14px;box-shadow:0 2px 8px rgba(17,17,17,.06)}.tool-head-main{min-width:0;flex:1}.tool-tagline{margin-top:4px;font-size:15px;color:var(--muted);text-wrap:balance}.tool-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}.tool-tag{display:inline-flex;align-items:center;height:26px;padding:0 12px;font-size:12px;font-weight:600;color:var(--accent);background:rgba(22,119,255,.08);border-radius:13px;transition:background .15s}.tool-tag--alt{color:var(--accent-secondary);background:rgba(124,92,245,.08)}.tool-head-actions{flex-shrink:0;display:flex;align-items:center;gap:10px}.visit-btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 20px;font-size:14px;font-weight:600;color:#fff;background:var(--accent);border-radius:var(--radius);transition:background .15s;white-space:nowrap}.share-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);transition:color .15s,border-color .15s}.shot-section{max-width:var(--container);margin:28px auto 0;padding:0 24px}.browser-frame{background:var(--bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(17,17,17,.07)}.browser-bar{display:flex;align-items:center;gap:6px;height:36px;padding:0 14px;background:var(--surface);border-bottom:1px solid var(--border)}.browser-dot{width:10px;height:10px;border-radius:50%;background:var(--border)}.browser-url{margin-left:10px;flex:1;max-width:420px;height:22px;display:flex;align-items:center;padding:0 10px;font-size:11px;color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:11px;overflow:hidden;white-space:nowrap}.detail-layout{max-width:calc(var(--container) - 48px);margin:40px auto 0;padding:0;display:grid;grid-template-columns:minmax(0, 1fr) 300px;gap:40px;align-items:start}.detail-main{min-width:0}.detail-section{margin-bottom:36px}.detail-lead{font-size:16px;line-height:1.7;color:var(--fg);text-wrap:pretty}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.feature-card{padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s,box-shadow .15s}.feature-icon{width:36px;height:36px;margin-bottom:10px;display:flex;align-items:center;justify-content:center;color:var(--accent);background:rgba(22,119,255,.08);border-radius:var(--radius)}.hl-list{display:grid;gap:10px}.hl-item{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6}.hl-check{flex-shrink:0;width:20px;height:20px;margin-top:2px;color:var(--accent)}.who-card{padding:18px 20px;background:linear-gradient(135deg,rgba(22,119,255,.05) 0%,rgba(124,92,245,.05) 100%);border:1px solid var(--border);border-radius:var(--radius);font-size:14px;line-height:1.7;color:var(--fg);text-wrap:pretty}.detail-side{position:sticky;top:80px;display:grid;gap:16px}.side-card{padding:20px;background:var(--bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px rgba(17,17,17,.04)}.side-domain{margin-top:10px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:var(--muted)}.side-cats{display:flex;flex-wrap:wrap;gap:8px}.side-share{display:flex;gap:8px}.related-section{max-width:var(--container);margin:8px auto 0;padding:0 24px 8px}.related-section{padding-left:16px;padding-right:16px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width:1024px){.detail-layout{grid-template-columns:1fr;gap:32px}.detail-side{position:static;grid-template-columns:repeat(3,1fr);align-items:stretch}}@media (max-width:768px){.tool-head{flex-direction:column}.tool-head-actions{width:100%}.visit-btn{flex:1;justify-content:center}.related-grid{grid-template-columns:repeat(2,1fr)}.detail-side{grid-template-columns:1fr}}@media (max-width:480px){.related-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.tool-head{margin-top:16px;padding:20px;width:calc(100% - 32px)}.shot-section,.detail-layout,.related-section{padding-left:16px;padding-right:16px}.tool-head-main h1{font-size:24px}}.related-card{min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .15s,box-shadow .15s}.related-card:hover{border-color:#c0c5cf;box-shadow:0 4px 16px rgba(17,17,17,.06)}.related-card-img{aspect-ratio:16/9;overflow:hidden;background:var(--aoyii-surface-alt,var(--surface))}.related-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.related-card:hover .related-card-img img{transform:scale(1.03)}.related-card-icon{display:flex;align-items:center;justify-content:center}.related-card-icon img{width:48px;height:48px;object-fit:contain}.related-card-placeholder{display:flex;align-items:center;justify-content:center;font-size:28px}.related-card-body{padding:14px 16px 16px}.related-card-body h3{font-size:15px;font-weight:700;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.related-card-body p{font-size:13px;color:var(--aoyii-text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.related-section h2{font-size:20px;font-weight:700;letter-spacing:-.3px;margin-bottom:14px}.side-visit .visit-btn{width:100%;justify-content:center}.side-domain{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:13px;color:var(--aoyii-text-secondary);word-break:break-all}.side-cats{display:flex;flex-wrap:wrap;gap:8px}.side-share{display:flex;gap:10px}.side-share .share-btn{width:38px;height:38px}.side-card h3{font-size:14px;font-weight:700;margin:0 0 12px}.post-type-archive-tool .site-main,.post-type-archive-skill .site-main{max-width:calc(1280px - 32px);margin:0 auto;padding:0 32px;box-sizing:border-box}.single-tool .site-content .ast-container,.single-skill .site-content .ast-container{display:block;max-width:calc(var(--container) - 8px)}.single-tool .site-content .ast-container .detail-layout,.single-skill .site-content .ast-container .detail-layout{max-width:calc(var(--container, 1200px) - 48px);margin:40px auto 0;padding:0 24px}.single-tool .site-content .ast-container .detail-main,.single-skill .site-content .ast-container .detail-main{padding:0}.single-tool .site-content .ast-container .tool-head,.single-tool .site-content .ast-container .shot-section,.single-tool .site-content .ast-container .related-section,.single-skill .site-content .ast-container .tool-head,.single-skill .site-content .ast-container .shot-section,.single-skill .site-content .ast-container .related-section{max-width:var(--container,1200px);margin-left:auto;margin-right:auto}.single-tool .site-content .ast-container .tool-head,.single-skill .site-content .ast-container .tool-head{width:100%;margin-top:24px}.single-tool .site-content .ast-container .shot-section,.single-tool .site-content .ast-container .related-section,.single-tool .site-content .ast-container .detail-layout,.single-skill .site-content .ast-container .shot-section,.single-skill .site-content .ast-container .related-section,.single-skill .site-content .ast-container .detail-layout{padding-left:0;padding-right:0}.single-tool .site-content .ast-container .crumbs,.single-skill .site-content .ast-container .crumbs{max-width:calc(var(--container) - 48px);width:100%;margin:16px auto 0;padding:0;box-sizing:border-box}.post-type-archive-tool .site-main,.post-type-archive-skill .site-main{max-width:calc(var(--container) + 48px);margin:0 auto;padding:0 48px;box-sizing:border-box}body.post-type-archive-tool.archive .ast-archive-description,body.post-type-archive-skill.archive .ast-archive-description{max-width:calc(var(--container) - 48px);width:calc(100% - 48px);margin:24px auto 32px;padding:28px 32px 26px;background:linear-gradient(135deg,rgba(22,119,255,.08) 0%,rgba(124,92,245,.08) 100%);border:1px solid var(--border);border-radius:12px;box-sizing:border-box}body.post-type-archive-tool.archive .ast-archive-description .ast-archive-title,body.post-type-archive-skill.archive .ast-archive-description .ast-archive-title{font-size:32px;font-weight:800;letter-spacing:-.5px;line-height:1.25;color:var(--fg);margin-bottom:0}@media (max-width:921px){.post-type-archive-tool .site-main,.post-type-archive-skill .site-main{max-width:var(--container);padding:0 24px}body.post-type-archive-tool.archive .ast-archive-description,body.post-type-archive-skill.archive .ast-archive-description{width:calc(100% - 48px);max-width:none;margin:16px auto 24px;padding:20px}body.post-type-archive-tool.archive .ast-archive-description .ast-archive-title,body.post-type-archive-skill.archive .ast-archive-description .ast-archive-title{font-size:26px}.post-type-archive-tool .site-main .ast-row,.post-type-archive-skill .site-main .ast-row{display:block;margin-left:0;margin-right:0}body.post-type-archive-tool.archive .site-main article,body.post-type-archive-skill.archive .site-main article{width:100%;max-width:none;padding-left:0;padding-right:0;margin-bottom:16px}body.post-type-archive-tool.archive .site-main article:last-child,body.post-type-archive-skill.archive .site-main article:last-child{margin-bottom:0}}.error-404{max-width:var(--container,1200px);margin:0 auto;padding:96px 24px 120px;text-align:center}.error-404 h1{font-size:40px;font-weight:700;color:var(--brand-fg,#111);margin:0 0 16px}.error-404 .err-sub{color:var(--brand-muted,#6b7280);margin:0 0 32px}.error-404 .err-search{max-width:420px;margin:0 auto 40px}.error-404 .err-home{color:var(--brand-accent,#1677ff);text-decoration:none}.error-404 .err-home:hover{color:var(--brand-color-primary-hover,#4096ff)}.error-404 .err-search .search-form{display:flex;align-items:stretch;gap:8px}.error-404 .err-search .search-field{flex:1;height:44px;padding:0 14px;border:1px solid var(--brand-border,#d9dee7);border-radius:var(--aoyii-radius-md,8px);font-size:14px;color:var(--brand-fg,#111);background:var(--brand-bg,#fff)}.error-404 .err-search .search-field:focus{outline:none;border-color:var(--brand-accent,#1677ff)}.error-404 .err-search .search-submit{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--brand-accent,#1677ff);border-radius:var(--aoyii-radius-md,8px);background:var(--brand-accent,#1677ff);color:#fff;cursor:pointer}.aoyii-tag-picker{position:relative}.aoyii-tag-picker-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:0}.aoyii-tag-picker-chips:not(:empty){margin-bottom:8px}.aoyii-tag-picker-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px 4px 12px;font-size:13px;color:var(--brand-color-primary-text);background:var(--brand-color-primary-bg);border:1px solid var(--brand-color-primary-border);border-radius:999px}.aoyii-tag-picker-chip-remove{appearance:none;border:0;background:0 0;color:var(--brand-muted);cursor:pointer;padding:0 2px;font-size:14px;line-height:1}.aoyii-tag-picker-chip-remove:hover{color:var(--brand-color-error)}.aoyii-tag-picker-control input{width:100%}.aoyii-tag-picker-control input:disabled{background:var(--brand-color-fill-tertiary);cursor:not-allowed}.aoyii-tag-picker-dropdown{position:absolute;left:0;right:0;top:calc(100% - 24px);z-index:20;max-height:260px;overflow-y:auto;background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:var(--brand-border-radius);box-shadow:var(--aoyii-shadow-1)}.aoyii-tag-picker-option{display:block;width:100%;text-align:left;border:0;background:0 0;padding:9px 14px;font-size:14px;color:var(--brand-fg);cursor:pointer}.aoyii-tag-picker-option:hover,.aoyii-tag-picker-option.is-active{background:var(--brand-color-primary-bg);color:var(--brand-color-primary-text)}.aoyii-tag-picker-option:focus-visible{outline:2px solid var(--brand-accent);outline-offset:-2px}.aoyii-tag-picker-empty{padding:10px 14px;font-size:13px;color:var(--brand-muted)}.aoyii-tag-picker-hint{margin:6px 0 0;font-size:12px;color:var(--brand-muted)}.tool-submit-form .form-field{margin-bottom:var(--brand-size-md)}.tool-submit-form .form-field:last-child{margin-bottom:0}.tool-submit-form .form-field .ast-button{margin-top:var(--brand-size-xs)}.tool-submit-page>h2{margin-top:0}.tool-submit-page .submit-subtitle{margin:0 0 20px;color:var(--muted);font-size:15px}.tool-submit-form .pricing-options{display:flex;gap:20px;flex-wrap:wrap}.tool-submit-form .pricing-option{display:inline-flex;align-items:center;gap:6px;font-size:var(--aoyii-fs-body-sm);color:var(--aoyii-text-secondary);cursor:pointer}.tool-submit-form .pricing-option input[type=radio]{accent-color:var(--aoyii-primary)}.tool-submit-cat-hint{margin:4px 0 10px;font-size:var(--brand-font-size-sm);color:var(--muted)}.tool-submit-cat-tree{display:flex;flex-direction:column;gap:14px}.tool-submit-cat-group{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg,#fff)}.tool-submit-cat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;background:var(--surface);border-bottom:1px solid var(--border)}.tool-submit-cat-all{position:relative;display:inline-flex;align-items:center;gap:10px;margin:0;cursor:pointer}.tool-submit-cat-all input,.tool-submit-cat-item input{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.tool-submit-cat-title{font-size:14px;font-weight:600;color:var(--fg)}.tool-submit-cat-all-chip{display:inline-flex;align-items:center;min-height:28px;padding:3px 12px;font-size:12px;font-weight:500;color:var(--muted);background:var(--bg,#fff);border:1px solid var(--border);border-radius:999px;white-space:nowrap;transition:color .15s,border-color .15s,background .15s}.tool-submit-cat-all:hover .tool-submit-cat-all-chip{color:var(--accent);border-color:var(--brand-color-primary-border)}.tool-submit-cat-all input:checked~.tool-submit-cat-all-chip,.tool-submit-cat-all.is-full .tool-submit-cat-all-chip{color:var(--brand-color-primary-text);background:var(--brand-color-primary-bg);border-color:var(--brand-color-primary-border)}.tool-submit-cat-all input:checked~.tool-submit-cat-all-chip:before{content:"✓";margin-right:4px;font-size:11px}.tool-submit-cat-all.is-partial .tool-submit-cat-all-chip{color:var(--accent);background:var(--bg,#fff);border-style:dashed;border-color:var(--brand-color-primary-border)}.tool-submit-cat-all input:focus-visible~.tool-submit-cat-all-chip{outline:2px solid var(--accent);outline-offset:2px}.tool-submit-cat-count{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.tool-submit-cat-count.has-selected{color:var(--accent);font-weight:600}.tool-submit-cat-children{display:flex;flex-wrap:wrap;gap:10px;padding:14px}.tool-submit-cat-item{position:relative;display:inline-flex;margin:0;cursor:pointer}.tool-submit-cat-chip{display:inline-flex;align-items:center;min-height:34px;padding:6px 14px;font-size:13px;color:var(--fg);background:var(--bg,#fff);border:1px solid var(--border);border-radius:999px;white-space:nowrap;transition:color .15s,border-color .15s,background .15s}.tool-submit-cat-item:hover .tool-submit-cat-chip{border-color:var(--brand-color-primary-border);background:var(--surface)}.tool-submit-cat-item:active .tool-submit-cat-chip{border-color:var(--brand-color-primary-border-hover)}.tool-submit-cat-item input:checked~.tool-submit-cat-chip{color:var(--brand-color-primary-text);background:var(--brand-color-primary-bg);border-color:var(--brand-color-primary-border)}.tool-submit-cat-item input:checked~.tool-submit-cat-chip:before{content:"✓";margin-right:6px;font-size:12px;font-weight:700}.tool-submit-cat-item input:focus-visible~.tool-submit-cat-chip{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:480px){.tool-submit-cat-children{gap:8px;padding:12px}.tool-submit-cat-chip{min-height:38px;padding:6px 13px}.tool-submit-cat-head{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.tool-submit-cat-chip,.tool-submit-cat-all-chip{transition:none}}@media (max-width:768px){.hero-hot-word{display:inline-block;padding:5px 10px;margin:2px 0}.hero-hot-word:after{inset:0}.section-more{display:inline-block;padding:6px 0;font-size:13px}.cat-card-icon{min-width:32px}.entry-meta,.posted-on,.published,.entry-meta a{font-size:12px !important}.cat-section-count{font-size:12px !important}.entry-title a{display:inline-block;padding:4px 0}.footer-links a,.beian-item{display:inline-block;padding:4px 0}.pagination .page-numbers{min-height:36px}.aoyii-cookie-banner__message a{display:inline-block;padding:4px 0}}.rank-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;counter-reset:rank}.rank-item{counter-increment:rank}.rank-row{display:flex;align-items:center;gap:12px;min-width:0;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:background .15s,border-color .15s,box-shadow .15s}.rank-row:hover{background:var(--bg);border-color:#c0c5cf;box-shadow:0 2px 8px rgba(0,0,0,.04)}.rank-num{flex-shrink:0;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:var(--muted);background:var(--bg);border:1px solid var(--border)}.rank-item--gold .rank-num{color:#8a6100;background:linear-gradient(135deg,#ffe08a,#f5c542);border-color:#e8b93a}.rank-item--silver .rank-num{color:#5a6472;background:linear-gradient(135deg,#eef1f5,#cfd6df);border-color:#b9c2cd}.rank-item--bronze .rank-num{color:#7c4a1e;background:linear-gradient(135deg,#f0c9a8,#d99a5f);border-color:#c88a4e}.rank-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.rank-score{flex-shrink:0;font-variant-numeric:tabular-nums;font-size:14px;font-weight:700;color:var(--accent);background:rgba(59,91,219,.08);border-radius:999px;padding:3px 10px}@media (max-width:480px){.rank-row{padding:10px 12px;gap:10px}.rank-score{font-size:13px;padding:2px 8px}}.cat-rank-entry{margin:-6px 0 10px;font-size:14px}.cat-rank-entry a{color:var(--accent);text-decoration:none;font-weight:600}.cat-rank-entry a:hover{text-decoration:underline;text-underline-offset:3px}.rank-index-group{margin-bottom:28px}.rank-index-label{font-size:18px;font-weight:800;margin:0 0 12px;padding-left:10px;border-left:4px solid var(--accent);line-height:1.3}.rank-index-grid{display:grid;grid-template-columns:repeat(4,minmax(0, 1fr));gap:10px}.rank-index-card{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:background .15s,border-color .15s,box-shadow .15s}.rank-index-card:hover{background:var(--bg);border-color:#c0c5cf;box-shadow:0 2px 8px rgba(0,0,0,.04)}.rank-index-name{font-weight:700;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-index-meta{flex-shrink:0;font-size:12px;font-weight:700;color:var(--accent);background:rgba(59,91,219,.08);border-radius:999px;padding:2px 8px}@media (max-width:1024px){.rank-index-grid{grid-template-columns:repeat(3,minmax(0, 1fr))}}@media (max-width:480px){.rank-index-grid{grid-template-columns:repeat(2,minmax(0, 1fr))}}.cat-layout{display:grid;grid-template-columns:minmax(0, 1fr) 300px;gap:20px;align-items:start}.cat-main{min-width:0}.cat-main .tool-grid{grid-template-columns:repeat(3,1fr)}.cat-main .tool-grid .tool-card{min-height:92px}.cat-rank-side{position:sticky;top:90px}.cat-rank-side-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:0;overflow:hidden}.cat-rank-side-title{margin:0;padding:12px 14px;font-size:14px;font-weight:800;border-bottom:1px solid var(--border);background:var(--bg)}.rank-list--mini{gap:8px;padding:10px 12px}.rank-list--mini .rank-row{padding:9px 12px;gap:9px;border-radius:8px}.rank-list--mini .rank-row:hover{background:var(--bg)}.rank-list--mini .rank-num{width:26px;height:26px;font-size:13px}.rank-list--mini .rank-icon{flex:0 0 auto;width:24px;height:24px;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--muted);background:var(--bg)}.rank-list--mini .rank-icon img{width:24px;height:24px;object-fit:contain}.rank-list--mini .tool-name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-rank-more{display:block;padding:10px 14px;font-size:13px;font-weight:600;color:var(--accent);text-decoration:none;text-align:center;border-top:1px solid var(--border)}.cat-rank-more:hover{background:var(--bg)}@media (max-width:1024px){.cat-layout{grid-template-columns:minmax(0, 1fr) 260px}}@media (max-width:768px){.cat-layout{grid-template-columns:minmax(0, 1fr)}.cat-rank-side{position:static;order:-1;min-width:0}}.skill-install{margin-top:28px;padding-top:24px;border-top:1px solid var(--brand-border,var(--border))}.skill-install h2{font-size:var(--brand-font-size-heading-5,18px);margin:0 0 12px}.skill-install-cmd{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}.skill-install-cmd code{font-family:var(--brand-font-family-code,ui-monospace,monospace);font-size:13px;padding:8px 12px;background:var(--brand-surface,var(--bg));border:1px solid var(--brand-border,var(--border));border-radius:8px;word-break:break-all}.skill-archive-page .skill-search{max-width:var(--container);margin:20px auto 0;padding:0 24px;position:relative;display:flex}.skill-archive-page .skill-search input{width:100%;height:44px;padding:0 52px 0 16px;-webkit-appearance:none;appearance:none;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);font-size:14px;color:var(--fg);outline:none;font-family:var(--font);transition:border-color .15s,box-shadow .15s}.skill-archive-page .skill-search input::placeholder{color:var(--muted)}.skill-archive-page .skill-search input:focus{border-color:var(--accent);box-shadow:0 2px 12px rgba(22,119,255,.12)}.skill-archive-page .skill-search .search-btn{position:absolute;top:50%;right:28px;transform:translateY(-50%);width:36px;height:36px;min-width:0;min-height:0;margin:0;padding:0;background:0 0;border:none;box-shadow:none;display:flex;align-items:center;justify-content:center;color:var(--muted);border-radius:var(--radius);cursor:pointer;transition:color .15s,background .15s}.skill-archive-page .skill-search .search-btn:hover{color:var(--fg);background:var(--surface)}.skill-section{max-width:var(--container);margin:0 auto;padding:36px 24px 0}.skill-archive-page .section-head{display:flex;align-items:center;gap:8px;margin-bottom:14px}.skill-archive-page .section-head h2{font-size:20px;font-weight:700;letter-spacing:-.2px;display:flex;align-items:center;gap:8px;min-width:0;margin:0;color:var(--fg)}.skill-archive-page .section-head .sh-icon{width:20px;height:20px;color:var(--accent);flex-shrink:0;display:flex}.skill-archive-page .section-head .sh-icon svg{width:100%;height:100%;display:block}.skill-archive-page .section-more{margin-left:auto;flex-shrink:0;font-size:13px;font-weight:500;color:var(--muted);display:inline-flex;align-items:center;transition:color .15s}.skill-archive-page .section-more:hover{color:var(--fg);text-decoration:underline;text-underline-offset:3px}.skill-grid{display:grid;gap:14px}.skill-grid.grid-3{grid-template-columns:repeat(3,minmax(0, 1fr))}.skill-grid.is-collapsed .skill-card:nth-child(n+13){display:none}.skill-grid.is-collapsed.expanded .skill-card:nth-child(n+13){display:flex}@media (max-width:1024px){.skill-grid.grid-3{grid-template-columns:repeat(2,minmax(0, 1fr))}}@media (max-width:544px){.skill-grid.grid-3{grid-template-columns:1fr}}.skill-card{display:flex;flex-direction:column;min-width:0;padding:18px;background:var(--bg);border:1px solid var(--border);border-radius:12px;transition:border-color .15s,box-shadow .15s}.skill-card:hover{border-color:#c0c5cf;box-shadow:0 4px 14px rgba(17,17,17,.07)}.skill-card:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.skill-card .skill-top{display:flex;align-items:center;gap:10px;min-width:0}.skill-card .skill-name{flex:1 1 auto;min-width:0;font-size:16px;font-weight:700;line-height:1.3;letter-spacing:-.2px;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-badge{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;padding:4px 9px;background:var(--fg);color:var(--bg);font-size:11px;font-weight:600;line-height:1;border-radius:999px}.skill-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-secondary);flex-shrink:0}.skill-by{margin-top:3px;font-size:12px;color:var(--muted)}.skill-card .skill-by{margin-top:3px}.skill-desc{margin-top:12px;font-size:13px;color:var(--muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.skill-stats{margin-top:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;font-weight:600;color:var(--muted)}.s-stat{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.s-stat svg{display:block;flex-shrink:0}.lang-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;display:inline-block}.s-div{width:1px;height:12px;background:var(--border);flex-shrink:0}.skill-tags{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px;min-width:0}.stag{max-width:100%;font-size:11px;line-height:1;padding:5px 9px;border-radius:999px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stag-primary{background:var(--bg);border:1px solid var(--border);color:var(--fg);font-weight:600}.stag-soft{background:rgba(217,222,231,.4);color:var(--muted)}.skill-foot{margin-top:auto;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:8px}.skill-more{font-size:13px;font-weight:600;color:var(--fg)}.skill-arrow{color:var(--muted);display:block}.skill-section .cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px, 1fr));gap:14px}.skill-section .cat-card{display:flex;align-items:center;gap:12px;min-width:0;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s,box-shadow .15s}.skill-section .cat-card:hover{border-color:#c0c5cf;box-shadow:0 2px 8px rgba(0,0,0,.04)}.skill-section .cat-icon{flex-shrink:0;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--accent);background:rgba(22,119,255,.08)}.skill-section .cat-icon svg{width:20px;height:20px;display:block}.skill-section .cat-info{min-width:0}.skill-section .cat-name{display:block;font-size:14px;font-weight:600;line-height:1.3;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-section .cat-count{display:block;margin-top:2px;font-size:12px;color:var(--muted)}body.single-skill .skill-head{width:100%;max-width:calc(var(--container) - 48px);margin:24px auto 0;padding:28px 32px;box-sizing:border-box;background:linear-gradient(135deg,rgba(22,119,255,.08) 0%,rgba(124,92,245,.08) 100%);border:1px solid var(--border);border-radius:12px;display:flex;align-items:flex-start;gap:20px}body.single-skill .skill-head-icon{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:var(--accent-secondary);background:var(--bg);border:1px solid var(--border);border-radius:14px;box-shadow:0 2px 8px rgba(17,17,17,.06)}body.single-skill .skill-head-main{min-width:0;flex:1}body.single-skill .skill-head-main h1{font-size:28px;font-weight:800;letter-spacing:-.5px;line-height:1.25;margin:0;color:var(--fg)}body.single-skill .skill-tagline{margin-top:4px;font-size:15px;color:var(--muted);text-wrap:balance}body.single-skill .skill-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}body.single-skill .skill-by{font-size:13px;color:var(--muted)}body.single-skill .skill-tag{display:inline-flex;align-items:center;height:26px;padding:0 12px;font-size:12px;font-weight:600;color:var(--accent);background:rgba(22,119,255,.08);border-radius:13px;transition:background .15s}body.single-skill .skill-tag:hover{background:rgba(22,119,255,.14)}body.single-skill .skill-tag--soft{color:var(--muted);background:rgba(217,222,231,.4)}body.single-skill .skill-tag--soft:hover{background:rgba(217,222,231,.65)}body.single-skill .skill-head-actions{flex-shrink:0;display:flex;align-items:center;gap:10px}body.single-skill .gh-btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 20px;font-size:14px;font-weight:600;color:#fff;background:var(--accent);border-radius:var(--radius);transition:background .15s;white-space:nowrap}body.single-skill .gh-btn:hover{background:#0958d9;color:#fff}body.single-skill .skill-head-actions .share-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);transition:color .15s,border-color .15s}body.single-skill .skill-head-actions .share-btn:hover{color:var(--fg);border-color:#c0c5cf}body.single-skill .detail-main h2{font-size:20px;font-weight:700;letter-spacing:-.3px;margin:36px 0 14px;display:flex;align-items:center;gap:10px;color:var(--fg)}body.single-skill .detail-main h2:before{content:"";flex-shrink:0;width:4px;height:18px;border-radius:2px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-secondary) 100%)}body.single-skill .detail-main h3{font-size:16px;font-weight:700;margin:24px 0 10px;color:var(--fg)}body.single-skill .detail-main p{font-size:15px;color:var(--muted);line-height:1.75;margin:0 0 12px;text-wrap:pretty}body.single-skill .detail-main>p:first-child{font-size:16px;color:var(--fg)}body.single-skill .detail-main strong{color:var(--fg);font-weight:600}body.single-skill .detail-main a:not(.skill-tag):not(.install-link){color:var(--accent)}body.single-skill .detail-main code{font-family:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:1px 6px}body.single-skill .detail-main ul,body.single-skill .detail-main ol{margin:0 0 12px;padding-left:22px;color:var(--muted)}body.single-skill .detail-main li{font-size:15px;line-height:1.75;margin-bottom:4px}body.single-skill .skill-install{margin-top:36px}body.single-skill .skill-install h2{margin:0 0 14px}body.single-skill .install-cmd{display:flex;align-items:center;gap:10px;padding:13px 14px 13px 16px;background:var(--fg);border-radius:var(--radius)}body.single-skill .install-cmd code{flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;font-family:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;color:#fff;background:0 0;border:none;border-radius:0;padding:0;white-space:nowrap}body.single-skill .install-cmd code::-webkit-scrollbar{display:none}body.single-skill .install-cmd .prompt{flex-shrink:0;color:rgba(255,255,255,.45);user-select:none}body.single-skill .copy-cmd{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:12px;font-weight:600;color:#fff;background:rgba(255,255,255,.14);border-radius:6px;cursor:pointer;transition:background .15s}body.single-skill .copy-cmd:hover{background:rgba(255,255,255,.24)}body.single-skill .copy-cmd.ok{background:rgba(124,92,245,.55)}body.single-skill .install-links{margin-top:10px;display:flex;flex-wrap:wrap;gap:10px}body.single-skill .install-link{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;font-size:13px;font-weight:600;color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s,background .15s}body.single-skill .install-link:hover{border-color:#c0c5cf;background:var(--bg)}body.single-skill .install-link svg{flex-shrink:0}body.single-skill .detail-side{position:sticky;top:80px;display:grid;gap:16px}body.single-skill .stat-row{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:14px;color:var(--fg)}body.single-skill .stat-row+.stat-row{border-top:1px solid var(--border)}body.single-skill .stat-row svg{flex-shrink:0;color:var(--muted)}body.single-skill .stat-row b{font-weight:700}body.single-skill .stat-row span:last-of-type{margin-left:auto;font-size:12px;color:var(--muted)}body.single-skill .side-repo{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}body.single-skill .side-tools{display:grid;gap:10px}body.single-skill .side-tool{display:flex;align-items:center;gap:10px;min-width:0}body.single-skill .side-tool .tile{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--accent);background:rgba(22,119,255,.08);border-radius:8px;overflow:hidden}body.single-skill .side-tool .tile img{width:100%;height:100%;object-fit:contain}body.single-skill .side-tool-text{min-width:0}body.single-skill .side-tool-name{display:block;min-width:0;font-size:13px;font-weight:600;line-height:1.35;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.single-skill .side-tool-desc{display:block;min-width:0;font-size:12px;color:var(--muted);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.single-skill .side-share{display:flex;gap:8px}body.single-skill .side-share .share-btn{flex:1;width:38px;height:38px}body.single-skill .related-card{display:flex;align-items:center;gap:12px;min-width:0;padding:14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s,box-shadow .15s}body.single-skill .related-card:hover{border-color:#c0c5cf;box-shadow:0 2px 8px rgba(0,0,0,.04)}body.single-skill .related-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--accent-secondary);background:rgba(124,92,245,.1);border-radius:var(--radius)}body.single-skill .related-text{min-width:0;flex:1}body.single-skill .related-name{display:block;min-width:0;font-size:14px;font-weight:600;line-height:1.3;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.single-skill .related-by{display:block;min-width:0;font-size:12px;color:var(--muted);line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.single-skill .related-arrow{flex-shrink:0;margin-left:auto;width:16px;height:16px;color:var(--muted);transition:color .15s,transform .15s}body.single-skill .related-card:hover .related-arrow{color:var(--fg);transform:translateX(2px)}body.single-skill .related-arrow svg{width:100%;height:100%;display:block}@media (max-width:768px){.skill-section{padding:28px 24px 0}body.single-skill .skill-head{flex-direction:column}body.single-skill .skill-head-actions{width:100%}body.single-skill .gh-btn{flex:1;justify-content:center}body.single-skill .detail-side{position:static;grid-template-columns:repeat(2,1fr);align-items:stretch}}@media (max-width:480px){.skill-section{padding:24px 16px 0}.skill-archive-page .skill-search{padding:0 16px}.skill-archive-page .skill-search .search-btn{right:20px}body.single-skill .skill-head{margin-top:16px;padding:20px;width:100%}body.single-skill .skill-head-main h1{font-size:24px}body.single-skill .detail-layout{padding-left:16px;padding-right:16px}body.single-skill .detail-side{grid-template-columns:1fr}}@media (max-width:1024px){body.single-skill .detail-side{position:static}}body.single-tool .detail-main h2{font-size:20px;font-weight:700;letter-spacing:-.3px;margin:36px 0 14px;display:flex;align-items:center;gap:10px;color:var(--fg)}body.single-tool .detail-main h2:before{content:"";flex-shrink:0;width:4px;height:18px;border-radius:2px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-secondary) 100%)}body.single-tool .detail-main h3{font-size:16px;font-weight:700;color:var(--fg)}body.single-tool .detail-main p{font-size:15px;color:var(--muted);line-height:1.75;margin:0 0 12px;text-wrap:pretty}body.single-tool .detail-main>p:first-child{font-size:16px;color:var(--fg)}body.single-tool .detail-main strong{color:var(--fg);font-weight:600}body.single-tool .detail-main ul,body.single-tool .detail-main ol{margin:0 0 12px;padding-left:22px;color:var(--muted)}body.single-tool .detail-main li{font-size:15px;line-height:1.75;margin-bottom:4px}.tool-spec{margin:24px 0;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}body.single-tool .detail-main .tool-spec h2{margin:0 0 12px}.tool-spec .spec-list{margin:0;padding:0}.tool-spec .spec-item{padding:5px 0}.tool-spec .spec-item dt{display:inline;font-size:13px;font-weight:400;color:var(--aoyii-text-secondary)}.tool-spec .spec-item dd{display:inline;margin:0 0 0 10px;font-size:14px;line-height:1.6;color:var(--aoyii-text-primary)}.tool-verified{margin:12px 0 0;font-size:12px;color:var(--aoyii-text-secondary)}.tool-faq .faq-item{padding:14px 0}.tool-faq .faq-item+.faq-item{border-top:1px solid var(--border)}.tool-faq .faq-q{margin:0 0 6px}.tool-faq .faq-a{margin:0}.related-intro{margin:0 0 16px;font-size:14px;color:var(--aoyii-text-secondary)}
#aoyii-cookie-banner{position:fixed;bottom:0;left:0;right:0;background:rgba(15,23,42,.95);color:#e2e8f0;padding:16px 20px;z-index:9999;font-size:14px;line-height:1.5;box-shadow:0 -4px 20px rgba(0,0,0,.3);display:none}#aoyii-cookie-banner.active{display:block}.aoyii-cookie-banner__inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px}.aoyii-cookie-banner__message{flex:1 1 auto;text-align:center}.aoyii-cookie-banner__message a{color:#60a5fa;text-decoration:underline}.aoyii-cookie-banner__actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.aoyii-cookie-btn{padding:8px 20px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:all .2s ease}.aoyii-cookie-btn--accept{background:#0274be;color:#fff}.aoyii-cookie-btn--accept:hover{background:#035a96}.aoyii-cookie-btn--essential{background:0 0;color:#94a3b8;border:1px solid #475569}.aoyii-cookie-btn--essential:hover{border-color:#60a5fa;color:#60a5fa}@media (max-width:600px){.aoyii-cookie-banner__inner{flex-direction:column;text-align:center}.aoyii-cookie-banner__message{text-align:center}.aoyii-cookie-btn{padding:10px 24px}}
/* [迁移补丁 2026-09-30] 原 Astra 基础层的全局链接规则未随 77KB 主题层迁移；
   组件级 text-decoration 已在上方逐条显式定义，此处补全局默认：链接无下划线，仅正文保留 */
a { text-decoration: none; }
.article-content a, .article-content a:hover { text-decoration: underline; }