:root{--color-bg: #faf7f2;--color-card: #ffffff;--color-text: #3d3929;--color-text-muted: #8b8680;--color-accent: #e07b39;--color-accent-hover: #c96a2f;--color-tag-bg: #e8e4db;--color-tag-text: #6b655b;--color-border: #e8e2d8;--color-shadow: rgba(61, 57, 41, .06);--radius-card: 14px;--radius-tag: 6px;--font-sans: "Inter", "PingFang SC", "Noto Sans SC", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--max-width: 1200px;--nav-height: 52px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);scroll-behavior:smooth;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}body{min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}img{max-width:100%;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:900px){.card-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.card-grid{grid-template-columns:repeat(2,1fr)}.container{padding:0 16px}}.category-section{margin-bottom:48px}.category-section__title{font-size:1.25rem;font-weight:700;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--color-accent);display:inline-block}.category-section__more{display:block;text-align:center;margin-top:16px;font-size:.85rem;color:var(--color-accent);cursor:pointer;background:none;border:none;font-family:var(--font-sans)}.category-section__more:hover{color:var(--color-accent-hover)}.github-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:border-color .2s,box-shadow .2s;position:relative;text-decoration:none;color:var(--color-text)}.github-card:hover{border-color:var(--color-accent);box-shadow:0 2px 12px var(--color-shadow)}.github-card__rank{position:absolute;top:6px;left:8px;font-size:.7rem;font-weight:700;color:var(--color-accent)}.github-card__avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--color-bg)}.github-card__name{font-size:.85rem;font-weight:600;text-align:center;line-height:1.3;word-break:break-word}.github-card__stars{font-size:.7rem;padding:2px 8px;border-radius:var(--radius-tag);background:#fdf2e9;color:var(--color-accent);white-space:nowrap}.github-card__tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--color-text);color:#fff;font-size:.8rem;padding:8px 12px;border-radius:8px;max-width:260px;text-align:center;opacity:0;pointer-events:none;transition:opacity .15s;z-index:10;white-space:normal;line-height:1.4}.github-card__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-text)}.github-card:hover .github-card__tooltip{opacity:1}.tool-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:border-color .2s,box-shadow .2s;position:relative;text-decoration:none;color:var(--color-text)}.tool-card:hover{border-color:var(--color-accent);box-shadow:0 2px 12px var(--color-shadow)}.tool-card__icon{width:48px;height:48px;border-radius:12px;object-fit:contain;background:var(--color-bg)}.tool-card__name{font-size:.85rem;font-weight:600;text-align:center;line-height:1.3}.tool-card__tags{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.tool-card__tag{font-size:.7rem;padding:2px 8px;border-radius:var(--radius-tag);background:var(--color-tag-bg);color:var(--color-tag-text);white-space:nowrap}.tool-card__tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--color-text);color:#fff;font-size:.8rem;padding:8px 12px;border-radius:8px;max-width:220px;text-align:center;opacity:0;pointer-events:none;transition:opacity .15s;z-index:10;white-space:normal;line-height:1.4}.tool-card__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-text)}.tool-card:hover .tool-card__tooltip{opacity:1}.category-nav{position:sticky;top:0;z-index:100;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:12px 0;margin-bottom:32px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.category-nav::-webkit-scrollbar{display:none}.category-nav__list{display:flex;gap:8px;list-style:none;padding:0 24px;max-width:var(--max-width);margin:0 auto}.category-nav__link{display:inline-block;padding:6px 14px;border-radius:20px;font-size:.85rem;color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);transition:all .2s;text-decoration:none;flex-shrink:0}.category-nav__link:hover,.category-nav__link--accent{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.site-header{padding:40px 0 20px;text-align:center}.site-header__logo{font-size:1.6rem;font-weight:800;color:var(--color-text);letter-spacing:-.02em}.site-header__tagline{font-size:.9rem;color:var(--color-text-muted);margin-top:4px}.site-footer{margin-top:auto;padding:32px 0;text-align:center;font-size:.8rem;color:var(--color-text-muted);border-top:1px solid var(--color-border)}.site-footer a{color:var(--color-text-muted);margin:0 8px}.site-footer a:hover{color:var(--color-accent)}