.hub-page{min-height:100vh}.hub-nav{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;padding:16px 40px;background:var(--bg-soft, rgba(245,241,232,.94));border-bottom:1px solid var(--line)}.hub-logo{font:16px var(--font-mono)}.hub-logo span{color:var(--accent)}.hub-back,.hub-home{font:12px var(--font-mono);letter-spacing:2px;color:var(--sub)}.hub-main{max-width:1180px;margin:auto;padding:84px 40px 100px}.hub-kicker{font:11px var(--font-mono);letter-spacing:3px;color:var(--accent)}.hub-title{font:500 clamp(2.5rem,7vw,5.5rem) var(--font-en);letter-spacing:-.05em;margin:16px 0}.hub-intro{max-width:620px;color:var(--sub);line-height:1.9;margin-bottom:44px}.hub-tools{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}.hub-search,.hub-select{height:44px;border:1px solid var(--line);background:transparent;color:var(--ink);padding:0 14px;font:13px var(--font-mono)}.hub-search{flex:1;min-width:240px}.hub-count{font:11px var(--font-mono);color:var(--sub);align-self:center}.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hub-card{border:1px solid var(--line);transition:.35s}.hub-card:hover{transform:translateY(-5px);border-color:var(--accent)}.hub-card-media{display:block;aspect-ratio:4/2.7;overflow:hidden;background:var(--card, #e8e2d7)}.hub-card-media img{width:100%;height:100%;object-fit:cover}.hub-card-body{padding:20px}.hub-card-meta{font:10px var(--font-mono);letter-spacing:2px;color:var(--accent);margin-bottom:10px}.hub-card-title{font-size:18px;line-height:1.45;margin:0 0 10px}.hub-card-desc{font-size:13px;line-height:1.8;color:var(--sub);margin:0}.hub-card-link{display:block;color:inherit}.hub-empty{grid-column:1/-1;text-align:center;color:var(--sub);padding:80px 0;border-top:1px solid var(--line)}.hub-footer{max-width:1180px;margin:auto;padding:24px 40px;border-top:1px solid var(--line);font:11px var(--font-mono);color:var(--sub)}@media(max-width:800px){.hub-nav{padding:14px 20px}.hub-main{padding:56px 20px}.hub-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.hub-grid{grid-template-columns:1fr}.hub-search{min-width:100%}}.hub-more-link{display:inline-block;margin-top:28px;font:12px var(--font-mono);letter-spacing:1px;color:var(--accent)}.hub-more-link:hover{text-decoration:underline}
.hub-more-link{display:inline-block;margin-top:28px;font:12px var(--font-mono);letter-spacing:1px;color:var(--accent)}
.hub-card{opacity:0;animation:hubCardIn .65s var(--ease-smooth,.6s) forwards}.hub-card:nth-child(2){animation-delay:.08s}.hub-card:nth-child(3){animation-delay:.16s}.hub-card:nth-child(4){animation-delay:.24s}.hub-card:nth-child(5){animation-delay:.32s}.hub-card:nth-child(6){animation-delay:.4s}.hub-more-link{transition:color .3s,transform .3s}.hub-more-link:hover{transform:translateX(5px)}@keyframes hubCardIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.hub-card{animation:none;opacity:1}}
.hub-card{opacity:0;animation:hubCardIn .65s ease forwards}.hub-card:nth-child(2){animation-delay:.08s}.hub-card:nth-child(3){animation-delay:.16s}.hub-card:nth-child(4){animation-delay:.24s}.hub-card:nth-child(5){animation-delay:.32s}.hub-card:nth-child(6){animation-delay:.4s}@keyframes hubCardIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.hub-card{opacity:0;animation:hubCardIn .65s ease forwards}.hub-card:nth-child(2){animation-delay:.08s}.hub-card:nth-child(3){animation-delay:.16s}.hub-card:nth-child(4){animation-delay:.24s}.hub-card:nth-child(5){animation-delay:.32s}.hub-card:nth-child(6){animation-delay:.4s}@keyframes hubCardIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}