.directory-page{overflow-anchor:none}.home-hero{border-bottom:1px solid var(--line);background:radial-gradient(60% 80% at 85% 0,#dbe7ff 0,#0000 60%),radial-gradient(50% 70% at 0 100%,#efe7ff 0,#0000 55%),linear-gradient(#fff,#f6f8fb);padding:64px 0 54px;position:relative;overflow:hidden}.home-hero-inner{text-align:center;flex-direction:column;align-items:center;display:flex}.home-hero h1{letter-spacing:-.04em;max-width:860px;margin:0 0 16px;font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.12}html[lang=zh-CN] .home-hero h1,html[lang=ja] .home-hero h1{letter-spacing:-.02em}.home-hero p{color:var(--muted);max-width:720px;margin:0;font-size:1.06rem;line-height:1.7}.hero-search{width:min(640px,100%);color:var(--faint);align-items:center;margin-top:30px;display:flex;position:relative}.hero-search svg{pointer-events:none;position:absolute;left:20px}.hero-search input{border:1px solid var(--line-strong);width:100%;height:58px;box-shadow:var(--shadow-lg);color:var(--ink);background:#fff;border-radius:16px;outline:none;padding:0 56px 0 54px;font-size:1rem}.hero-search input:focus{border-color:var(--brand);box-shadow:0 0 0 5px var(--brand-ring),var(--shadow-lg)}.hero-search kbd{border:1px solid var(--line);background:var(--surface-2);font:600 .76rem var(--mono);color:var(--muted);border-radius:6px;padding:2px 8px;position:absolute;right:16px}.hero-pills{flex-wrap:wrap;justify-content:center;gap:8px;margin:22px 0 0;padding:0;list-style:none;display:flex}.category-overview{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:-28px 0 32px;display:grid;position:relative}.category-tile{border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow);background:#fff;align-items:center;gap:12px;padding:14px;transition:border-color .15s,transform .15s;display:flex}.category-tile:hover{border-color:color-mix(in srgb,var(--cat) 45%,var(--line));transform:translateY(-2px)}.category-tile strong{overflow-wrap:anywhere;font-size:.9rem;line-height:1.3;display:block}.category-tile small{color:var(--muted);margin-top:2px;font-size:.76rem;display:block}.quick-access{margin-bottom:28px}.quick-heading{align-items:center;gap:12px;margin-bottom:10px;display:flex}.quick-heading h2{letter-spacing:-.01em;margin:0;font-size:.95rem}.quick-heading .quick-backup-link{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:.8rem}.quick-heading .quick-backup-link:hover{color:var(--brand)}.quick-manage{color:var(--brand-ink);background:0 0;border:0;padding:4px 0;font-size:.8rem;font-weight:600}.quick-access [hidden]{display:none!important}.quick-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.quick-links a{border:1px solid var(--line);border-radius:var(--radius-sm);overflow-wrap:anywhere;background:#fff;align-items:center;gap:9px;min-width:0;min-height:44px;padding:10px 12px;font-size:.84rem;font-weight:600;line-height:1.4;transition:border-color .12s,background .12s;display:flex}.quick-links a>span:first-child{color:var(--brand);flex:none;font-size:.95rem}.quick-links a>span:nth-child(2){overflow-wrap:anywhere;min-width:0}.quick-links .quick-arrow{color:var(--faint);flex:none;margin-left:auto}.quick-links a:hover{background:var(--brand-soft);color:var(--brand-ink);border-color:#bfd2fb}.quick-editor{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-top:12px;padding:16px}.quick-editor>p{color:var(--muted);margin:0 0 10px;font-size:.82rem}.quick-draft{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0 0 12px;padding:0;list-style:none;display:grid}.quick-draft li{border:1px solid var(--line);border-radius:7px;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:7px 9px;font-size:.8rem;display:flex}.quick-draft li>span{overflow-wrap:anywhere}.quick-draft li>div{flex:none;gap:3px;display:flex}.quick-draft button{border:1px solid var(--line);background:var(--surface-2);min-width:30px;min-height:30px;color:var(--brand-ink);border-radius:5px}.quick-draft button:disabled{opacity:.35;cursor:default}.quick-add,.quick-actions{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.quick-add{margin-bottom:12px}.quick-add label{color:var(--muted);flex:1;gap:4px;min-width:0;font-size:.78rem;display:grid}.quick-add select{border:1px solid var(--line-strong);background:#fff;border-radius:6px;width:100%;min-width:0;padding:8px}.quick-editor .btn{min-height:36px;padding:8px 12px;font-size:.8rem}.quick-editor small{color:var(--muted);margin-top:10px;font-size:.74rem;line-height:1.6;display:block}.quick-import{cursor:pointer;position:relative;overflow:hidden}.quick-import input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.quick-import:focus-within{outline:2px solid var(--brand);outline-offset:2px}.quick-status:empty{display:none}.quick-status,.quick-empty{color:var(--muted);margin:8px 0 0;font-size:.8rem;line-height:1.6}.quick-empty{grid-column:1/-1}.directory-layout{scroll-margin-top:calc(var(--header-h) + 16px);gap:18px;min-height:calc(100svh - 84px);display:grid}.directory-sidebar,.directory-content{min-width:0}.category-nav{flex-wrap:wrap;gap:6px;display:flex}.category-nav a{border:1px solid var(--line);color:var(--ink-2);background:#fff;border-radius:999px;align-items:center;gap:9px;padding:8px 12px;font-size:.84rem;font-weight:550;line-height:1.4;display:flex}.category-nav a:before{content:"";background:var(--cat,var(--ink-2));border-radius:50%;flex:none;width:8px;height:8px}.category-nav a small{color:var(--faint-text);font-variant-numeric:tabular-nums;font-size:.72rem}.category-nav a:hover{border-color:var(--line-strong);color:var(--ink)}.category-nav a[aria-current=true]{background:var(--ink);border-color:var(--ink);color:#fff}.category-nav a[aria-current=true] small{color:#ffffffa8}.category-nav a[aria-current=true]:before{background:var(--cat,#fff)}.directory-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:9px 12px;margin-bottom:4px;padding-bottom:14px;display:flex}.browse-filters{background:#eef2f7;border-radius:10px;flex-wrap:wrap;gap:4px;margin:0;padding:3px;display:flex}.browse-filters button{color:var(--ink-2);background:0 0;border:0;border-radius:7px;padding:6px 12px;font-size:.82rem;font-weight:550}.browse-filters button:hover{color:var(--ink)}.browse-filters button[aria-pressed=true]{color:var(--ink);box-shadow:var(--shadow-sm);background:#fff;font-weight:650}.directory-sort{color:var(--muted);align-items:center;gap:7px;min-width:0;max-width:100%;margin-left:auto;font-size:.8rem;display:inline-flex}.directory-sort>span{white-space:nowrap}.directory-sort select{border:1px solid var(--line-strong);background:#fff;border-radius:8px;width:auto;min-width:0;max-width:14rem;padding:6px 26px 6px 10px;line-height:1.4}.directory-sort select:disabled{opacity:.55}.result-count{color:var(--faint-text);font-variant-numeric:tabular-nums;flex:none;font-size:.78rem}.directory-page .category-block{scroll-margin-top:calc(var(--header-h) + 16px);padding:18px 0 4px}.directory-page .category-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.directory-page .category-header .cat-icon{border-radius:8px;width:30px;height:30px}.directory-page .category-header h2{letter-spacing:-.015em;margin:0;font-size:1.05rem}.directory-page .category-header small{color:var(--faint-text);font-size:.76rem}.directory-page .empty-state{text-align:center;border:1px dashed var(--line-strong);border-radius:var(--radius);background:#fff;margin-top:20px;padding:36px 16px;font-size:.92rem}.directory-page .empty-state p{line-height:1.6}.search-suggestions{border-top:1px solid var(--line);margin-top:20px;padding-top:15px}.search-suggestions[hidden]{display:none}.search-suggestions p{color:var(--muted);margin:0 0 10px;font-size:.8rem}#search-suggestion-links{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}#search-suggestion-links a{border:1px solid var(--line);color:var(--brand-ink);background:#fff;border-radius:999px;padding:7px 11px;font-size:.82rem}#search-suggestion-links a:hover{background:var(--brand-soft);border-color:#bfd2fb}.why-section,.faq-section{margin-top:56px}.why-section>h2,.faq-section>h2{letter-spacing:-.03em;text-align:center;margin:0 0 24px;font-size:1.5rem}.why-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.why-grid article{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;padding:24px}.why-icon{background:var(--brand-soft);width:44px;height:44px;color:var(--brand);border-radius:12px;place-items:center;margin-bottom:14px;display:grid}.why-grid h3{margin:0 0 8px;font-size:1.02rem}.why-grid p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.7}.faq-list{gap:10px;max-width:820px;margin:0 auto;display:grid}@media (width>=960px){.directory-layout{grid-template-columns:190px minmax(0,1fr);gap:28px}.category-nav{top:calc(var(--header-h) + 16px);flex-direction:column;gap:3px;position:sticky}.category-nav a{border-radius:var(--radius-sm);background:0 0;border-color:#0000;padding:9px 12px}.category-nav a small{margin-left:auto}.category-nav a:hover{border-color:var(--line);background:#fff}.category-nav a[aria-current=true]{border-color:var(--line);color:var(--ink);box-shadow:var(--shadow-sm);background:#fff;font-weight:650}.category-nav a[aria-current=true] small{color:var(--muted)}.category-nav a[aria-current=true]:before{background:var(--cat,var(--brand))}}@media (width<=1100px){.category-overview{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=820px){.quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}.why-grid{grid-template-columns:1fr}}@media (width<=640px){.home-hero{padding:40px 0 46px}.home-hero p{font-size:.95rem}.hero-search{margin-top:22px}.hero-search input{height:52px;padding-right:16px;font-size:.95rem}.hero-search kbd{display:none}.hero-pills{gap:6px}.hero-pills .pill{padding:4px 9px;font-size:.74rem}.category-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:-24px}.category-tile{gap:10px;padding:11px}.category-tile .cat-icon{width:34px;height:34px}.quick-draft{grid-template-columns:1fr}.quick-add label{flex-basis:100%}.quick-links a{gap:7px;padding:9px 10px;font-size:.78rem}.category-nav{scrollbar-width:none;flex-wrap:nowrap;margin:0 -16px;padding:0 16px 4px;overflow-x:auto}.category-nav::-webkit-scrollbar{display:none}.category-nav a{flex:none}.directory-sort select{max-width:11rem}.why-section,.faq-section{margin-top:40px}}