.nut-hero{background:linear-gradient(135deg, var(--color-surface-soft) 0%, var(--color-canvas) 100%);border-bottom:1px solid var(--color-hairline-soft);padding:40px 0 32px}html[data-theme=dark] .nut-hero{background:linear-gradient(135deg, #0f9f870f 0%, var(--color-canvas) 100%)}.nut-hero-content{flex-direction:column;gap:8px;max-width:580px;margin-bottom:24px;display:flex}.nut-hero-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.nut-hero-badge svg{flex-shrink:0}.nut-hero-title{color:var(--color-ink);letter-spacing:-.03em;font-size:clamp(26px,4vw,36px);font-weight:800;line-height:1.1}.nut-hero-desc{color:var(--color-muted);font-size:15px;line-height:1.55}.nut-hero-stats{flex-wrap:wrap;align-items:center;gap:20px;margin-top:6px;display:flex}.nut-stat{flex-direction:column;gap:2px;display:flex}.nut-stat-value{color:var(--color-ink);letter-spacing:-.02em;font-size:20px;font-weight:800;line-height:1.1}.nut-stat-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:500}.nut-stat-divider{background:var(--color-hairline);flex-shrink:0;width:1px;height:28px}@media (width<=500px){.nut-stat-divider{display:none}.nut-hero-stats{gap:14px}}.nut-category-nav{flex-wrap:wrap;gap:8px;display:flex}.nut-cat-pill{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-full);transition:all var(--transition-fast);align-items:center;gap:8px;padding:10px 16px;text-decoration:none;display:inline-flex}.nut-cat-pill:hover{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.nut-cat-emoji{font-size:16px;line-height:1}.nut-cat-pill-label{color:var(--color-ink);font-size:13px;font-weight:600}.nut-cat-pill:hover .nut-cat-pill-label{color:var(--color-primary)}.nut-cat-count{color:var(--color-primary);background:var(--color-primary-light);border-radius:var(--radius-full);text-align:center;min-width:20px;padding:2px 7px;font-size:11px;font-weight:700}.nut-main-content{padding-top:var(--space-6);padding-bottom:var(--space-section);gap:var(--space-8);flex-direction:column;display:flex}.nut-group-section{flex-direction:column;gap:16px;scroll-margin-top:80px;display:flex}.nut-group-header{border-bottom:1px solid var(--color-hairline-soft);flex-direction:column;gap:4px;padding-bottom:12px;display:flex}.nut-group-title-row{align-items:center;gap:8px;display:flex}.nut-group-emoji{font-size:22px;line-height:1}.nut-group-title{color:var(--color-ink);margin:0;font-size:clamp(20px,3vw,24px);font-weight:700}.nut-group-desc{color:var(--color-muted);margin:0;font-size:14px;line-height:1.5}.nut-cards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;display:grid}.nut-card{background-color:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);transition:box-shadow var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);flex-direction:column;gap:6px;padding:18px 20px;text-decoration:none;display:flex}.nut-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong);transform:translateY(-2px)}.nut-card-head{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.nut-card-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--color-primary);background:var(--color-primary-light);border-radius:var(--radius-full);padding:3px 8px;font-size:10px;font-weight:700}.nut-card-dv{color:var(--color-muted);background-color:var(--color-surface-soft);border-radius:var(--radius-sm);border:1px solid var(--color-hairline-soft);padding:2px 8px;font-size:11px;font-weight:600}.nut-card-name{color:var(--color-ink);margin:0;font-size:17px;font-weight:700;line-height:1.2}.nut-card-sci{color:var(--color-muted);font-size:11px;font-style:italic}.nut-card-desc{color:var(--color-body);flex:1;margin:0;font-size:12px;line-height:1.55}.nut-card-footer{border-top:1px solid var(--color-hairline-soft);margin-top:6px;padding-top:10px}.nut-card-link{color:var(--color-primary);transition:gap var(--transition-fast);align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.nut-card:hover .nut-card-link{gap:6px}.nut-card-link svg{transition:transform var(--transition-fast)}.nut-card:hover .nut-card-link svg{transform:translate(2px)}@media (width<=480px){.nut-cards-grid{grid-template-columns:1fr}.nut-card{padding:14px 16px}}