@charset "UTF-8";
:root{color-scheme:light;--bg:#f3f5f8;--surface:#fffefb;--surface-soft:#eef3ff;--text:#29374a;--muted:#5f6976;--line:#d4d6d8;--accent:#2765ce;--accent-soft:#e5efff;--hero:#e5eaf2;--sidebar:#29374a;--shadow:0 5px 22px #24354e08;--radius:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none;line-height:1.6;color:var(--text);background:var(--bg);--accent-ink:#fff;--warm-accent:#e4572e;--warm-text:#b94120;--sidebar-edge:#1b2a3c;--sidebar-shadow:5px 0 16px #24354e14}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button{color:inherit}button:disabled,select:disabled{cursor:default;opacity:.5}img{display:block;max-width:100%}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}a,button{touch-action:manipulation}[hidden]{display:none!important}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.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}.skip-link{position:fixed;top:-80px;left:20px;background:var(--accent);color:var(--accent-ink);padding:10px 20px;z-index:10}.skip-link:focus{top:10px}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:var(--sidebar);color:#c6c7c5;display:flex;flex-direction:column;padding:35px 20px;z-index:5;border-right:1px solid var(--sidebar-edge);box-shadow:var(--sidebar-shadow)}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:23px;font-weight:750;letter-spacing:-.8px;padding:0 6px}.brand-light{font-weight:400;color:#e5eaf2}.brand small{display:block;font-size:10px;color:#b8c2cf;font-weight:400;letter-spacing:2px;margin-top:2px}.sidebar nav{margin-top:48px}.side-link{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 16px;border-radius:9px;font-size:14px}.side-link.active{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 16px #0002}.side-link:hover{filter:brightness(1.08)}.side-link small{margin-left:auto;background:#ffffff20;border-radius:5px;padding:0 6px;font-size:11px}.site-shell{margin-left:224px;min-height:100dvh;display:flex;flex-direction:column}.site-header{height:76px;background:var(--surface);border-bottom:1px solid var(--line);padding:0 44px;display:flex;align-items:center;justify-content:space-between}.header-location{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}.header-location .icon{color:var(--accent);width:18px}.header-actions{display:flex;align-items:center;gap:22px;font-size:13px;color:var(--muted)}.header-actions a:hover{color:var(--accent)}.header-divider{height:18px;width:1px;background:var(--line)}.icon-button{display:grid;place-items:center;background:transparent;min-width:44px;min-height:44px;border-radius:9px;color:var(--muted)}.icon-button:hover{background:var(--accent-soft);color:var(--accent)}.mobile-brand{display:none}main{flex:1;outline:none}.hero .eyebrow{margin-bottom:20px;color:var(--warm-text)}.hero{position:relative;overflow:hidden;text-align:center;padding:48px 30px 34px;background:var(--hero);border-bottom:1px solid #29374a0d}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2.8px;color:var(--accent);display:flex;align-items:center;justify-content:center;gap:8px}.eyebrow>span{width:5px;height:5px;background:var(--accent);border-radius:50%}.hero h1{font-size:34px;letter-spacing:1px;margin:15px 0 24px;font-weight:750}.hero h1>span{color:var(--accent)}.search-form{position:relative;display:flex;align-items:center;gap:14px;max-width:630px;height:56px;background:var(--surface);padding:6px 6px 6px 20px;border:1px solid #29374a20;border-radius:12px;margin:auto;box-shadow:0 8px 24px #24354e0b}.search-form:focus-within{border-color:var(--accent)}.search-form>.icon{width:19px;color:#7a8798}.search-form input{border:0;background:transparent;color:var(--text);width:0;flex:1;min-width:0;font-size:13px;outline:none}.search-form input:focus-visible{outline:none}.search-form input::placeholder{color:var(--muted)}.search-form button{display:flex;gap:10px;align-items:center;justify-content:center;height:42px;min-width:92px;background:var(--accent);color:var(--accent-ink);border-radius:8px;font-size:13px}.search-form button:hover,.primary-button:hover{filter:brightness(1.07)}.search-form button .icon{width:16px}.search-form kbd{border:1px solid var(--line);color:var(--muted);border-radius:4px;padding:0 6px;font-size:11px}.hero-decoration{pointer-events:none;position:absolute;inset:0}.hero-decoration span{position:absolute;color:var(--warm-accent);opacity:.6}.hero-decoration span:nth-child(1){top:48px;left:12%;font-size:33px}.hero-decoration span:nth-child(2){bottom:50px;right:9%;font-size:70px;transform:rotate(15deg)}.hero-decoration span:nth-child(3){top:55px;right:24%;font-size:18px}.content-wrap{max-width:1440px;margin:0 auto;padding:38px 44px 50px}.collection-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;scroll-margin-top:20px}.heading-title{display:flex;align-items:center;gap:12px}.section-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--accent-soft);color:var(--accent)}h2{margin:0}.heading-title h2{font-size:19px;font-weight:650;display:flex;align-items:center;gap:10px;line-height:1.5}.filter-line{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:27px 0 22px;padding-bottom:15px;border-bottom:1px solid var(--line)}.filter-options{display:flex;gap:8px}.filter-chip{font-size:11px;background:transparent;color:var(--muted);padding:8px 14px;min-height:38px;border-radius:7px;display:flex;gap:9px;align-items:center}.filter-chip.active{background:var(--accent-soft);color:var(--accent)}.filter-chip:hover{background:var(--surface-soft)}#result-count{font-size:11px;color:var(--muted)}.resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.resource-card{display:flex;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s;flex-direction:column}.resource-card:hover{transform:translateY(-4px);border-color:#2765ce66;box-shadow:0 12px 26px #24354e10}.card-body{padding:16px 16px 13px;display:flex;flex-direction:column;flex:1;min-height:174px}.card-title{display:flex;align-items:center;gap:10px}.card-title>img{border-radius:11px}.card-title h3{font-size:17px;margin:0;font-weight:650;line-height:1.5}.card-title span{color:var(--muted);font-size:10px}.card-title>.icon{margin-left:auto;width:14px;color:#aeb8c4}.card-body>p{font-size:12px;color:var(--muted);line-height:1.8;margin:10px 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-bottom{border-top:1px solid var(--line);padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;min-height:36px;flex-shrink:0}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{display:inline-block;font-size:9px;background:var(--bg);color:var(--muted);border-radius:4px;padding:3px 7px;white-space:nowrap}.card-bottom>span{font-size:9px;color:var(--accent);white-space:nowrap}.card-bottom .icon{width:12px}.site-footer{border-top:1px solid var(--line);padding:21px 44px;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);background:var(--surface)}.empty-state{text-align:center;padding:60px 20px;background:var(--surface);border-radius:14px;border:1px solid var(--line)}.empty-state>.icon{width:32px;height:32px;color:var(--accent)}.empty-state h3{font-size:18px;margin:12px 0}.empty-state p{font-size:13px;color:var(--muted);margin-bottom:22px}.secondary-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 20px;font-size:13px;border-radius:8px;text-align:center}.secondary-button{border:1px solid var(--line);background:var(--surface);color:var(--text)}.primary-button{background:var(--accent);color:var(--accent-ink);border:1px solid transparent}.primary-button .icon{width:16px}.noscript-note{padding:0 44px;color:var(--muted);font-size:13px}.breadcrumbs{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted);margin-bottom:26px}.breadcrumbs .icon{width:11px;height:11px}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs>span{color:var(--text)}.detail-wrap{padding-top:28px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:28px}.detail-main{min-width:0}.detail-intro{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.detail-intro-body{padding:26px 30px 28px}.detail-name{display:flex;align-items:center;gap:16px}.detail-name>img{border-radius:18px}.detail-name h1{font-size:29px;line-height:1.4;margin:2px 0 0;letter-spacing:1px}.detail-kicker{font-size:10px;color:var(--accent)}.detail-kicker>span{color:var(--muted)}.intro-cta{margin-left:auto}.detail-subtitle{font-size:14px;color:var(--muted);margin:20px 0 16px}.detail-intro .tag{font-size:10px}.article-body{margin-top:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:30px}.article-body section{scroll-margin-top:25px}.article-body section+section{margin-top:32px;padding-top:28px;border-top:1px solid var(--line)}.article-body h2{font-size:18px;display:flex;align-items:center;gap:12px;margin-bottom:18px}.article-body h2>span{font-size:11px;color:#8ea3b8;font-weight:500;letter-spacing:1px}.article-body p{font-size:14px;line-height:2;color:var(--muted);margin:12px 0}.feature-list{list-style:none;margin:0;padding:0;display:grid;gap:13px}.feature-list li{font-size:13px;color:var(--muted);padding-left:19px;position:relative;line-height:1.9}.feature-list li:before{content:"";position:absolute;top:10px;left:0;width:5px;height:5px;border-radius:2px;background:var(--accent)}.back-link{display:inline-block;color:var(--muted);font-size:12px;margin-top:23px;padding:8px 0}.back-link:hover{color:var(--accent)}.detail-aside{position:sticky;top:24px;min-width:0}.info-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.panel-heading{display:flex;gap:9px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px}.panel-heading>.icon{color:var(--accent);width:17px}.info-panel h2{font-size:14px;font-weight:600}.info-panel dl{margin:18px 0 22px}.info-panel dl>div{display:flex;justify-content:space-between;gap:10px;font-size:11px;padding:8px 0}.info-panel dt{color:var(--muted);white-space:nowrap}.info-panel dd{margin:0;text-align:right;overflow-wrap:anywhere}.domain-value{font-size:10px}.resource-links{display:grid;gap:8px}.resource-links>a{width:100%}.copy-link{margin-top:8px;background:transparent;color:var(--muted);font-size:11px;min-height:34px;width:100%}.copy-link:hover{color:var(--accent)}.copy-status{font-size:10px;text-align:center;color:var(--accent);margin:0}.copy-fallback{width:100%;font-size:11px;padding:8px;margin-top:8px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px}.toc{margin-top:20px}.toc h2{margin-bottom:12px}.toc>a{display:flex;gap:12px;padding:9px 0;font-size:11px;color:var(--muted)}.toc>a:hover{color:var(--accent)}.toc>a>span{font-size:10px;color:#8ea3b8}.about-wrap{max-width:850px;padding-top:40px}.about-wrap .eyebrow{justify-content:flex-start}.about-wrap h1{font-size:28px;line-height:1.5;margin:0 0 24px}.about-content{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:35px}.about-content p{font-size:14px;line-height:2;color:var(--muted);margin:0 0 25px}.about-content h2{font-size:17px;margin-bottom:12px}.about-content .primary-button{margin-top:10px}.not-found{text-align:center;padding:120px 24px}.not-found h1{font-size:32px}.not-found p{color:var(--muted);font-size:14px;margin-bottom:25px}
:root[data-theme="dark"]{color-scheme:dark;--bg:#242a34;--surface:#354153;--surface-soft:#414f67;--text:#f6f3eb;--muted:#c6c7c5;--line:#5c6571;--accent:#f6f3eb;--accent-soft:#414f67;--hero:#2c3543;--sidebar:#1d2531;--shadow:none;--accent-ink:#29374a;--warm-accent:#f28d66;--warm-text:#f28d66;--sidebar-edge:#596879;--sidebar-shadow:8px 0 20px #080d163d}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--bg:#242a34;--surface:#354153;--surface-soft:#414f67;--text:#f6f3eb;--muted:#c6c7c5;--line:#5c6571;--accent:#f6f3eb;--accent-soft:#414f67;--hero:#2c3543;--sidebar:#1d2531;--shadow:none;--accent-ink:#29374a;--warm-accent:#f28d66;--warm-text:#f28d66;--sidebar-edge:#596879;--sidebar-shadow:8px 0 20px #080d163d}}
@media(min-width:1650px){.resource-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1250px){.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar{width:200px;padding-left:16px;padding-right:16px}.site-shell{margin-left:200px}.content-wrap{padding-left:30px;padding-right:30px}.site-header,.site-footer{padding-left:30px;padding-right:30px}.detail-layout{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.detail-intro-body,.article-body{padding:24px}.intro-cta{display:none}.detail-name>img{width:58px;height:58px}}
@media(max-width:1100px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.detail-layout{grid-template-columns:minmax(0,1fr)}.detail-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:18px;grid-row:2}.toc{margin:0;align-self:start}.intro-cta{display:inline-flex}.hero h1{font-size:30px}}
@media(max-width:760px){.sidebar{position:static;width:auto;display:block;padding:0 20px;background:var(--surface);border-bottom:1px solid var(--line);border-right:0;box-shadow:0 3px 10px #24354e0d}.brand{display:none}.sidebar nav{margin-top:0;display:flex;gap:8px;padding:8px 0}.side-link{font-size:12px;padding:8px 13px;min-height:40px;border-radius:7px}.side-link .icon{width:16px}.side-link.active{background:var(--accent);color:var(--accent);box-shadow:none}.side-link small{background:#2765ce15}.site-shell{margin-left:0;min-height:calc(100dvh - 57px)}body{padding-top:64px}.site-header{position:absolute;inset:0 0 auto;height:64px;padding:0 20px}.mobile-brand{display:flex;gap:9px;align-items:center;font-size:17px;font-weight:700;letter-spacing:-.5px}.header-location{display:none}.header-actions{gap:12px;font-size:11px}.header-divider{display:none}.hero{padding:34px 20px 27px}.eyebrow{font-size:8px;letter-spacing:1.8px}.hero h1{font-size:28px;margin-top:14px}.hero-decoration span:nth-child(1){left:5%;top:15px;font-size:21px}.hero-decoration span:nth-child(2){right:1%;font-size:40px;bottom:10px}.hero-decoration span:nth-child(3){display:none}.search-form{height:52px;padding-left:14px;gap:9px}.search-form input{font-size:12px}.search-form button{height:40px;min-width:75px;font-size:12px}.search-form kbd{display:none}.content-wrap{padding:28px 20px 35px}.heading-title{gap:10px}.section-icon{width:36px;height:36px;border-radius:10px}.section-icon .icon{width:18px}.heading-title h2{font-size:17px}.filter-line{margin:22px 0 18px;padding-bottom:12px}.filter-chip{font-size:10px;padding:8px 10px}#result-count{font-size:10px}.resource-grid{gap:16px}.card-body{padding:14px}.card-title h3{font-size:16px}.card-body>p{font-size:11px}.card-bottom{flex-wrap:wrap;row-gap:10px;margin-top:auto;min-height:36px;flex-shrink:0}.site-footer{padding:19px 20px;font-size:9px;flex-direction:column;align-items:center;gap:4px}.detail-wrap{padding-top:22px}.breadcrumbs{margin-bottom:20px}.detail-intro-body{padding:22px}.detail-name{gap:12px}.detail-name h1{font-size:25px}.detail-name>img{width:54px;height:54px;border-radius:15px}.detail-subtitle{font-size:12px}.intro-cta{font-size:11px;padding:8px 12px}.detail-kicker{font-size:9px}.article-body{padding:23px}.article-body h2{font-size:17px}.article-body p{font-size:13px}.feature-list li{font-size:12px}.info-panel{padding:20px}.about-wrap{padding-top:40px}.about-wrap h1{font-size:29px}.about-content{padding:24px}.about-content p{font-size:13px}.not-found{padding-top:80px}.not-found h1{font-size:26px}}
@media(max-width:520px){.resource-grid{grid-template-columns:minmax(0,1fr)}.card-body{padding:18px}.card-body>p{font-size:12px;min-height:0}.card-bottom{flex-wrap:nowrap;margin-top:auto;min-height:36px;flex-shrink:0}.card-bottom>span{font-size:10px}.tag{font-size:10px}.detail-aside{grid-template-columns:minmax(0,1fr)}.toc{display:none}.detail-name{flex-wrap:wrap}.intro-cta{margin-left:auto;min-height:40px;padding:8px 10px;gap:6px}.intro-cta .icon{width:13px}.detail-kicker>span{display:none}.header-actions{gap:6px}.hero h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
html{scrollbar-gutter:stable}
@supports not (scrollbar-gutter:stable){html{overflow-y:scroll}}
[data-collection-title]{display:none}
:root:not([data-hub-category]) [data-collection-title=""]{display:inline}
.category-groups{display:flex;flex-direction:column;gap:34px;margin-top:24px}
.category-section .filter-line{margin:0 0 18px}
.group-count{font-size:11px;color:var(--muted)}
.filter-chip{margin:0}
.card-bottom .tags{min-height:20px}
@media(max-width:760px){.category-groups{gap:28px;margin-top:22px}.category-section .filter-line{margin-bottom:16px}.group-count{font-size:10px}}

:root[data-hub-category="websites"] [data-category-section]:not([data-category-section="websites"]){display:none}:root[data-hub-category="websites"] [data-collection-title="websites"]{display:inline}:root[data-hub-category="tools"] [data-category-section]:not([data-category-section="tools"]){display:none}:root[data-hub-category="tools"] [data-collection-title="tools"]{display:inline}