.guides-page{min-height:100vh;background:var(--color-bg-subtle);font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--gray-800)}.guides-body{display:flex;gap:0;max-width:1280px;margin:0 auto;padding:var(--space-12) var(--space-6) 80px;align-items:flex-start}.guides-sidebar{width:220px;flex-shrink:0;padding-right:var(--space-8);position:-webkit-sticky;position:sticky;top:88px}.guides-sidebar-title{font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:1.2;color:var(--color-text);margin:0 0 var(--space-3)}.guides-sidebar-desc{font-size:var(--text-md);color:var(--color-text-muted);line-height:1.55;margin:0 0 var(--space-6)}.guides-filter-list{display:flex;flex-direction:column;gap:var(--space-1)}.guides-filter-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-secondary);text-align:left;cursor:pointer;transition:background .15s,color .15s}.guides-filter-btn:hover{background:rgba(60,85,231,.09)}.guides-filter-btn.active{background:var(--gray-900);color:var(--color-text-inverse)}.guides-content{flex:1 1;min-width:0}.guides-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-6);gap:var(--space-6)}.guides-card{display:flex;flex-direction:column;background:var(--color-surface);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border-subtle);text-decoration:none;color:inherit;transition:box-shadow .15s,transform .15s}.guides-card:hover{box-shadow:0 8px 28px -8px rgba(0,0,0,.14);transform:translateY(-2px);text-decoration:none}.guides-card-thumb{width:100%;aspect-ratio:16/9;background:var(--gray-300);flex-shrink:0}.guides-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.guides-card-body{padding:var(--space-4) var(--space-4) var(--space-5);display:flex;flex-direction:column;flex:1 1}.guides-card-author{font-size:var(--text-md);font-style:italic;color:var(--color-text-muted);margin:0 0 var(--space-1-5)}.guides-card-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text);line-height:1.3;margin:0 0 var(--space-2)}.guides-card-desc{font-size:var(--text-md);color:var(--color-text-muted);line-height:1.55;margin:0;flex:1 1}.guides-empty{grid-column:1/-1;text-align:center;padding:60px 0;color:var(--color-text-faint);font-size:var(--text-lg)}@media (max-width:1024px){.guides-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.guides-body{flex-direction:column;padding:var(--space-8) var(--space-4) 60px;gap:var(--space-8)}.guides-sidebar{width:100%;position:static;padding-right:0}.guides-filter-list{flex-direction:row;flex-wrap:wrap;gap:var(--space-1-5)}.guides-filter-btn{font-size:var(--text-base);border:1px solid var(--color-border-subtle)}.guides-filter-btn.active{background:var(--gray-900);color:var(--color-text-inverse);border-color:var(--gray-900)}.guides-grid{grid-template-columns:1fr}}