@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;700&family=ZCOOL+QingKe+HuangYou&display=swap";:root{--nav-bg:#0a141a;--nav-surface:#101f29;--nav-surface2:#132531;--nav-line:#94b4b226;--nav-text:#e9f2ef;--nav-muted:#8ba7a4;--nav-faint:#5f7a78;--nav-amber:#ffb454;--nav-amber-deep:#b97a1f;--nav-disp:"ZCOOL QingKe HuangYou", "Noto Sans SC", sans-serif;--nav-body:"Noto Sans SC", sans-serif;--nav-mono:"DM Mono", "Noto Sans SC", monospace}.container:where(.astro-lcdefpme){background:var(--nav-bg);min-height:100vh;color:var(--nav-text);font-family:var(--nav-body);background-image:linear-gradient(#0c1820 0%,#0a141a 30%,#091116 100%);font-size:15px;position:relative;overflow-x:hidden}.container:where(.astro-lcdefpme):before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(#c8e6e10b 1px,#0000 1px);background-size:22px 22px;position:fixed;inset:0}.container:where(.astro-lcdefpme):after{content:"";z-index:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.container:where(.astro-lcdefpme)>.beam:where(.astro-lcdefpme){z-index:0;pointer-events:none;mix-blend-mode:screen;background:conic-gradient(from 0deg, transparent 0 38deg, #ffb45417 44deg, transparent 50deg 218deg, #56c8ff0f 224deg, transparent 230deg);width:200vmax;height:200vmax;animation:64s linear infinite sweep;position:fixed;top:-100vmax;left:50%;transform:translate(-50%)}@keyframes sweep{0%{transform:translate(-50%)rotate(0)}to{transform:translate(-50%)rotate(360deg)}}:where(.astro-lcdefpme)::selection{background:var(--nav-amber);color:#1a1206}.deck:where(.astro-lcdefpme){z-index:1;grid-template-columns:1fr 1.35fr;align-items:center;gap:30px 48px;max-width:1120px;margin:0 auto;padding:58px 24px 10px;display:grid;position:relative}.meta:where(.astro-lcdefpme){font-family:var(--nav-mono);color:var(--nav-muted);flex-wrap:wrap;align-items:center;gap:14px;font-size:12.5px;display:flex}.chip:where(.astro-lcdefpme){color:var(--nav-amber);background:#ffb45412;border:1px solid #ffb45466;border-radius:99px;padding:5px 11px}.clock:where(.astro-lcdefpme){color:var(--nav-text);letter-spacing:1.5px;font-variant-numeric:tabular-nums;font-size:17px}.eyebrow:where(.astro-lcdefpme){font-family:var(--nav-mono);letter-spacing:3px;color:var(--nav-amber);margin-bottom:14px;font-size:12px}.greet:where(.astro-lcdefpme) h1:where(.astro-lcdefpme){font-family:var(--nav-disp);letter-spacing:2px;font-size:clamp(42px,6.5vw,72px);font-weight:400;line-height:1.08}.greet:where(.astro-lcdefpme) h1:where(.astro-lcdefpme) .hi:where(.astro-lcdefpme){color:var(--nav-amber)}.quip:where(.astro-lcdefpme){color:var(--nav-muted);letter-spacing:.5px;margin-top:16px;font-size:14.5px}.catalogs:where(.astro-lcdefpme){z-index:1;max-width:1120px;margin:0 auto;padding:52px 24px 80px;position:relative}.catalog:where(.astro-lcdefpme){opacity:0;margin-bottom:42px;transition:opacity .6s,transform .6s;transform:translateY(26px)}.catalog:where(.astro-lcdefpme).in{opacity:1;transform:none}.catalog-head:where(.astro-lcdefpme){border-bottom:1px dashed var(--nav-line);flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:18px;padding-bottom:13px;display:flex}.catalog-head:where(.astro-lcdefpme) .tab:where(.astro-lcdefpme){background:var(--cat-acc,var(--nav-amber));width:13px;height:27px;box-shadow:0 0 12px -2px color-mix(in srgb, var(--cat-acc,var(--nav-amber)) 60%, transparent);border-radius:3px;align-self:center;transform:skew(-8deg)}.title:where(.astro-lcdefpme){font-family:var(--nav-disp);letter-spacing:3px;text-align:left;color:var(--nav-text);margin:0;padding:0;font-size:27px;font-weight:400}.catalog-head:where(.astro-lcdefpme) .count:where(.astro-lcdefpme){font-family:var(--nav-mono);color:var(--cat-acc,var(--nav-amber));border:1px solid color-mix(in srgb, var(--cat-acc,var(--nav-amber)) 40%, transparent);border-radius:99px;padding:2px 9px;font-size:11px}.tag:where(.astro-lcdefpme){font-family:var(--nav-mono);letter-spacing:3px;color:var(--nav-faint);font-size:11px}.sites:where(.astro-lcdefpme){grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:12px;display:grid}.site:where(.astro-lcdefpme){background:linear-gradient(180deg, var(--nav-surface), #101f2959);border:1px solid var(--nav-line);color:var(--nav-text);border-radius:10px;align-items:center;gap:12px;padding:13px 14px;text-decoration:none;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.site:where(.astro-lcdefpme):after{content:"";background:var(--cat-acc,var(--nav-amber));transform-origin:0;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.site:where(.astro-lcdefpme):hover{border-color:color-mix(in srgb, var(--cat-acc,var(--nav-amber)) 50%, transparent);transform:translateY(-3px);box-shadow:0 12px 26px -14px #000000bf}.site:where(.astro-lcdefpme):hover:after{transform:scaleX(1)}.site:where(.astro-lcdefpme):hover .favicon-wrap:where(.astro-lcdefpme){transform:rotate(-6deg)scale(1.06)}.favicon-wrap:where(.astro-lcdefpme){background:color-mix(in srgb, var(--cat-acc,var(--nav-amber)) 15%, transparent);width:38px;height:38px;color:var(--cat-acc,var(--nav-amber));font-family:var(--nav-disp);border-radius:9px;flex:none;place-items:center;font-size:17px;transition:transform .25s;display:grid;position:relative}.favicon-wrap:where(.astro-lcdefpme) img:where(.astro-lcdefpme){width:20px;height:20px;position:absolute}.favicon:where(.astro-lcdefpme){width:16px;height:16px}.site-info:where(.astro-lcdefpme){flex:1;min-width:0}.site-name:where(.astro-lcdefpme){letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:700;display:block;overflow:hidden}.site-desc:where(.astro-lcdefpme){color:var(--nav-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12px;font-style:normal;display:block;overflow:hidden}.tag-badge:where(.astro-lcdefpme){z-index:1;color:#fff;font-size:12px;line-height:1;font-family:var(--nav-mono);background-image:linear-gradient(120deg,#f6d365 0%,#fda085 100%);border-bottom-left-radius:8px;padding:2px 8px 4px;position:absolute;top:0;right:0}.tag-badge:where(.astro-lcdefpme):empty{display:none}.go:where(.astro-lcdefpme){color:var(--nav-faint);opacity:0;flex:none;margin-left:auto;font-size:14px;transition:all .25s;transform:translate(-5px,5px)}.site:where(.astro-lcdefpme):hover .go:where(.astro-lcdefpme){opacity:1;color:var(--cat-acc,var(--nav-amber));transform:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--nav-bg)}::-webkit-scrollbar-thumb{background:#1d323d;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#2a4552}@media (width<=920px){.deck:where(.astro-lcdefpme){grid-template-columns:1fr;gap:26px;padding-top:42px}}@media (prefers-reduced-motion:reduce){.catalog:where(.astro-lcdefpme){opacity:1;transform:none}:where(.astro-lcdefpme),:where(.astro-lcdefpme):before,:where(.astro-lcdefpme):after{transition:none!important;animation:none!important}}
