:root{--paper:#f4f6f1;--card:#fcfdfb;--ink:#1d2b2e;--ink-soft:#57686c;--line:#d5dcd2;--chart:#245e75;--chart-tint:#e4edf0;--seal:#a63b2a;--font-display:"Songti SC", "Noto Serif SC", "Source Han Serif SC", "SimSun", serif;--font-body:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, monospace}@media (prefers-color-scheme:dark){:root{--paper:#101718;--card:#17201f;--ink:#d8e2dd;--ink-soft:#8aa0a0;--line:#253230;--chart:#7fb6c6;--chart-tint:#1b2a2e;--seal:#c25542}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5.5rem}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--chart);outline-offset:2px;border-radius:4px}.masthead{z-index:10;background:color-mix(in srgb, var(--paper) 88%, transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);align-items:center;gap:1.5rem;padding:.9rem clamp(1rem,4vw,2.5rem);display:flex;position:sticky;top:0}.brand{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.seal{background:var(--seal);color:#f6f1e7;width:2.6rem;height:2.6rem;font-family:var(--font-display);letter-spacing:.1em;writing-mode:vertical-rl;border-radius:6px;place-items:center;font-size:.95rem;font-weight:700;display:grid;transform:rotate(-3deg);box-shadow:inset 0 0 0 1.5px #f6f1e773}.brand-text{flex-direction:column;line-height:1.25;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:.15em;font-size:1.25rem;font-weight:700}.brand-sub{color:var(--ink-soft);letter-spacing:.35em;font-size:.75rem}.search{flex:1;max-width:22rem;margin-left:auto}.search input{width:100%;font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:.55rem .9rem;font-size:.9rem}.search input::placeholder{color:var(--ink-soft)}.search input:focus{border-color:var(--chart);outline:none}.lang-switch{font-size:.8rem;font-family:var(--font-mono);flex-shrink:0;align-items:center;gap:.15rem;display:flex}.lang-switch a{color:var(--ink-soft);border-radius:6px;padding:.25rem .5rem;transition:color .15s,background-color .15s}.lang-switch a:hover{color:var(--chart);background:var(--chart-tint)}.lang-switch a[aria-current=page]{color:var(--chart);font-weight:700}.shell{grid-template-columns:11rem minmax(0,1fr);gap:clamp(1.5rem,3vw,3rem);max-width:78rem;margin:0 auto;padding:2rem clamp(1rem,4vw,2.5rem) 4rem;display:grid}.rail{background:repeating-linear-gradient(to bottom, var(--ink-soft) 0 1px, transparent 1px 8px) .25rem 0 / .45rem calc(100% - .5rem) no-repeat, linear-gradient(var(--line), var(--line)) .25rem 0 / 1px 100% no-repeat;align-self:start;padding-left:1rem;position:sticky;top:5.5rem}.rail-label{font-family:var(--font-display);letter-spacing:.5em;color:var(--ink-soft);margin-bottom:.75rem;font-size:.8rem;display:block}.rail ul{flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.rail a{color:var(--ink-soft);border-radius:6px;justify-content:space-between;align-items:baseline;gap:.5rem;padding:.35rem .6rem;font-size:.9rem;transition:color .15s,background-color .15s;display:flex}.rail a:hover{color:var(--chart);background:var(--chart-tint)}.rail-count{font-family:var(--font-mono);font-size:.7rem}.rail.is-filtering .rail-count{visibility:hidden}.category{margin-bottom:2.75rem}.category-head{font-family:var(--font-display);letter-spacing:.12em;align-items:baseline;gap:1rem;margin:0 0 1rem;font-size:1.3rem;font-weight:700;display:flex}.category-head:after{content:"";border-top:1px solid var(--line);flex:1;transform:translateY(-.3em)}.category-count{font-family:var(--font-mono);letter-spacing:0;color:var(--ink-soft);white-space:nowrap;font-size:.72rem;font-weight:400}.card-grid{grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:.75rem;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:8px;align-items:flex-start;gap:.75rem;padding:.85rem .95rem;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.card:hover{border-color:var(--chart);box-shadow:0 3px 10px color-mix(in srgb, var(--chart) 12%, transparent);transform:translateY(-1px)}.card-icon{object-fit:contain;border-radius:6px;flex-shrink:0;width:1.75rem;height:1.75rem;margin-top:.15rem}.card-tile{background:var(--chart-tint);width:1.75rem;height:1.75rem;color:var(--chart);font-family:var(--font-display);border-radius:6px;flex-shrink:0;place-items:center;margin-top:.15rem;font-size:.9rem;font-weight:700;display:grid}.card-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.card-title{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.card-name{font-size:.95rem;font-weight:600}.card-host{font-family:var(--font-mono);color:var(--ink-soft);font-size:.68rem}.card-desc{color:var(--ink-soft);font-size:.8rem;line-height:1.5}.empty{text-align:center;color:var(--ink-soft);padding:3rem 0}.footer{border-top:1px solid var(--line);text-align:center;color:var(--ink-soft);padding:1.5rem clamp(1rem,4vw,2.5rem);font-size:.8rem}@media (width<=720px){.masthead{flex-wrap:wrap;gap:.75rem}.search{flex-basis:100%;order:2;max-width:none}.lang-switch{margin-left:auto}html{scroll-padding-top:8rem}.shell{grid-template-columns:1fr;padding-top:1.25rem}.rail{background:0 0;padding-left:0;position:static}.rail-label{display:none}.rail ul{flex-flow:wrap;gap:.4rem}.rail a{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:.25rem .75rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.rail a{transition:none}.card:hover{transform:none}}