.websites-page{--websites-paper:var(--blog-paper,#fff);--websites-surface:var(--blog-surface,#fff);--websites-soft:var(--blog-soft,#f5f6f7);--websites-ink:var(--blog-ink,#24272b);--websites-muted:var(--blog-secondary,#5b626a);--websites-line:var(--blog-rule,#e4e6e9);min-width:320px;color:var(--websites-ink);background:var(--websites-paper);margin:0;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}.websites-shell,.websites-preview,.websites-shell *,.websites-preview *{box-sizing:border-box}.websites-shell{flex:1 0 auto;width:min(1200px,100% - 64px);max-width:1200px;min-height:65svh;margin:0 auto;padding:58px 0 76px}.websites-heading{border-bottom:1px solid var(--websites-line);padding-bottom:32px}.websites-eyebrow{letter-spacing:.14em;margin:0 0 10px;font-size:11px}.websites-heading h1{margin:0;font-size:clamp(30px,4vw,42px);font-weight:650;line-height:1.3}.websites-intro{margin:14px 0 0;font-size:15px;line-height:1.8}.websites-tools{grid-template-columns:minmax(0,460px) 1fr;align-items:end;gap:22px 28px;padding:30px 0 0;display:grid}.websites-search{gap:8px;font-size:13px;display:grid}.websites-search input{border:1px solid var(--websites-line);background:var(--websites-surface);width:100%;min-width:0;min-height:46px;font:inherit;color:inherit;border-radius:6px;padding:10px 14px;font-size:15px}.websites-search input::placeholder{color:var(--websites-muted);opacity:.85}.websites-filters{flex-wrap:wrap;grid-column:1/-1;gap:7px;display:flex}.websites-filter{min-height:42px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:9px;padding:8px 14px;font-size:14px;display:inline-flex}.websites-filter-count{font-variant-numeric:tabular-nums;opacity:.65;min-width:1.1em;font-size:11px}.websites-filter[aria-pressed=true]{background:var(--websites-soft);border-color:var(--websites-line);font-weight:650}.websites-count{margin:24px 0 16px;font-size:12px}.websites-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:14px;display:grid}.websites-card{border:1px solid var(--websites-line);background:var(--websites-surface);width:100%;min-width:0;min-height:100px;color:inherit;box-shadow:none;text-align:left;font:inherit;cursor:pointer;touch-action:manipulation;border-radius:9px;align-items:center;gap:13px;padding:20px 17px;display:flex}.websites-card[aria-expanded=true]{background:var(--websites-soft);border-color:var(--websites-muted)}.websites-card,.websites-card:hover,.websites-card:active{transform:translate(0,0)!important}.websites-logo{background:var(--websites-soft);border-radius:9px;flex:0 0 43px;place-items:center;width:43px;height:43px;display:grid;position:relative;overflow:hidden}.websites-logo img{object-fit:contain;width:100%;height:100%;padding:5px;display:block;position:absolute;inset:0}.websites-logo-letter{font-size:19px;font-weight:600}.websites-card-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.websites-card-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;line-height:1.45;overflow:hidden}.websites-domain{max-width:100%;color:var(--websites-muted);overflow-wrap:anywhere;font-size:11px;line-height:1.6;display:block}.websites-card .websites-domain{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.websites-card-arrow{opacity:.48;flex-shrink:0;align-self:start;margin-top:2px;font-size:14px}.websites-state{text-align:center;border:1px dashed var(--websites-line);border-radius:9px;padding:70px 20px}.websites-state h2{margin:0;font-size:19px}.websites-state p{margin:10px 0 0;font-size:14px}.websites-reset{border:1px solid var(--websites-line);background:var(--websites-soft);min-height:44px;font:inherit;color:inherit;cursor:pointer;border-radius:6px;margin-top:18px;padding:8px 16px;font-size:14px}.websites-preview{z-index:1100;overscroll-behavior:contain;border:1px solid var(--websites-line);width:min(420px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--websites-ink);background:var(--websites-surface);font:14px/1.65 var(--blog-font,system-ui, sans-serif);scrollbar-width:thin;border-radius:12px;margin:0;padding:0;animation:.12s ease-out websites-preview-in;position:fixed;overflow:auto;box-shadow:0 18px 60px #0000002e}.websites-preview-top{justify-content:space-between;align-items:center;gap:10px;padding:6px 12px 6px 19px;display:flex}.websites-preview-category{letter-spacing:.06em;font-size:11px}.websites-preview-close{width:38px;height:38px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;font-size:25px;line-height:1;display:grid}.websites-shot{aspect-ratio:16/10;border:1px solid var(--websites-line);background:var(--websites-soft);border-radius:6px;place-items:center;min-height:0;margin:0 12px;display:grid;position:relative;overflow:hidden}.websites-shot img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block;position:absolute;inset:0}.websites-shot-status{text-align:center;max-width:280px;color:var(--websites-muted);padding:24px;font-size:13px}.websites-preview-copy{padding:17px 20px 20px}.websites-preview-copy h2{overflow-wrap:anywhere;margin:0 0 2px;font-size:21px;line-height:1.4}.websites-preview-description{white-space:pre-line;overflow-wrap:anywhere;margin:14px 0 0;font-size:13px;line-height:1.8}.websites-tags{flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none;display:flex}.websites-tags li{border:1px solid var(--websites-line);border-radius:4px;padding:2px 7px;font-size:10px;line-height:1.6}.websites-preview-bottom{border-top:1px solid var(--websites-line);justify-content:flex-end;align-items:center;margin-top:19px;padding-top:14px;display:flex}.websites-visit{border:1px solid var(--websites-line);background:var(--websites-soft);min-height:42px;color:inherit;border-radius:6px;justify-content:center;align-items:center;padding:7px 13px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.websites-dialog{margin:auto;inset:0}.websites-dialog::backdrop{background:#00000073}.websites-modal-open{overflow:hidden!important}.websites-shell [hidden],.websites-preview [hidden]{display:none!important}html[data-blog-shell][data-blog-theme] body.websites-page :is(.websites-shell,.websites-preview) :is(button,a,input):focus-visible{outline-offset:3px;outline:2px solid var(--websites-ink)!important}html[data-blog-shell][data-blog-theme] body.websites-page :is(.websites-eyebrow,.websites-intro,.websites-count,.websites-state p){color:var(--websites-muted)!important}@media (hover:hover) and (pointer:fine){.websites-card:hover{background:var(--websites-soft);border-color:var(--websites-muted)}.websites-filter:hover,.websites-preview-close:hover{background:var(--websites-soft)}.websites-visit:hover{text-underline-offset:3px;text-decoration:underline}}@media (width<=1100px){.websites-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=850px){.websites-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.websites-tools{grid-template-columns:1fr;gap:15px}}@media (width<=720px){.websites-shell{width:calc(100% - 36px);padding:32px 0 48px}.websites-heading{padding-bottom:24px}.websites-heading h1{font-size:31px}.websites-eyebrow{font-size:10px}.websites-intro{font-size:14px}.websites-tools{padding-top:24px}.websites-filter{gap:7px;min-height:44px;padding:8px 12px;font-size:13px}.websites-filters{gap:3px}.websites-grid{gap:10px}.websites-card{gap:10px;min-height:91px;padding:17px 12px}.websites-card-name{font-size:14px}.websites-card-arrow{display:none}.websites-logo{flex-basis:36px;width:36px;height:36px}.websites-card .websites-domain{font-size:10px}.websites-dialog{width:100%;max-width:560px;max-height:min(90dvh,820px);padding-bottom:env(safe-area-inset-bottom);border-radius:16px 16px 0 0;margin:0 auto;inset:auto 0 0}.websites-preview-close{width:44px;height:44px}.websites-preview-copy{padding:16px 20px 24px}.websites-shot{max-height:34dvh}.websites-visit{min-height:44px}}@media (width<=370px){.websites-grid{grid-template-columns:1fr}.websites-card-arrow{display:block}}@keyframes websites-preview-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.websites-preview{animation:none}.websites-shell *,.websites-preview *{scroll-behavior:auto!important;transition:none!important}}