.guides-page{min-height:100vh;background:#fafafa;font-family:Inter,system-ui,-apple-system,sans-serif;color:#1f2937}.guides-body{display:flex;gap:0;max-width:1280px;margin:0 auto;padding:48px 24px 80px;align-items:flex-start}.guides-sidebar{width:220px;flex-shrink:0;padding-right:32px;position:-webkit-sticky;position:sticky;top:88px}.guides-sidebar-title{font-size:28px;font-weight:700;line-height:1.2;color:#111827;margin:0 0 12px}.guides-sidebar-desc{font-size:13px;color:#6b7280;line-height:1.55;margin:0 0 24px}.guides-filter-list{display:flex;flex-direction:column;gap:4px}.guides-filter-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-radius:8px;padding:8px 12px;font:inherit;font-size:14px;font-weight:500;color:#374151;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:#111827;color:#ffffff}.guides-content{flex:1 1;min-width:0}.guides-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.guides-card{display:flex;flex-direction:column;background:#ffffff;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;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:#d9d9d9;flex-shrink:0}.guides-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.guides-card-body{padding:16px 16px 20px;display:flex;flex-direction:column;flex:1 1}.guides-card-author{font-size:13px;font-style:italic;color:#6b7280;margin:0 0 6px}.guides-card-title{font-size:18px;font-weight:700;color:#111827;line-height:1.3;margin:0 0 8px}.guides-card-desc{font-size:13px;color:#6b7280;line-height:1.55;margin:0;flex:1 1}.guides-empty{grid-column:1/-1;text-align:center;padding:60px 0;color:#9ca3af;font-size:15px}@media (max-width:1024px){.guides-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.guides-body{flex-direction:column;padding:32px 16px 60px;gap:32px}.guides-sidebar{width:100%;position:static;padding-right:0}.guides-filter-list{flex-direction:row;flex-wrap:wrap;gap:6px}.guides-filter-btn{font-size:14px;border:1px solid #e5e7eb}.guides-filter-btn.active{background:#111827;color:#ffffff;border-color:#111827}.guides-grid{grid-template-columns:1fr}}