.bHQnia_container{padding:var(--space-8) var(--space-8);box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;overflow-x:hidden}.bHQnia_header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.bHQnia_title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.02em}.bHQnia_subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-1)}.bHQnia_newBtn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-accent), #7c3aed);color:#fff;font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);display:flex}.bHQnia_newBtn:hover{box-shadow:var(--shadow-md);filter:brightness(1.05);transform:translateY(-1px)}.bHQnia_grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.bHQnia_card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);cursor:pointer;transition:all var(--transition-base);animation:bHQnia_slideInUp var(--transition-base) both;gap:var(--space-3);flex-direction:column;min-width:0;min-height:140px;display:flex;overflow:hidden}.bHQnia_card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.bHQnia_cardHeader{justify-content:space-between;align-items:flex-start;gap:var(--space-2);min-width:0;display:flex}.bHQnia_cardTitle{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;line-height:1.3;overflow:hidden}.bHQnia_deleteBtn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-tertiary);opacity:0;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.bHQnia_card:hover .bHQnia_deleteBtn{opacity:1}.bHQnia_deleteBtn:hover{color:var(--color-danger);background:#ef44441a}.bHQnia_cardPreview{font-size:var(--text-sm);color:var(--color-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;line-height:1.5;display:-webkit-box;overflow:hidden}.bHQnia_cardFooter{justify-content:space-between;align-items:center;gap:var(--space-2);min-width:0;display:flex;overflow:hidden}.bHQnia_cardTags{gap:var(--space-1);flex-wrap:wrap;flex:1;min-width:0;display:flex;overflow:hidden}.bHQnia_cardTag{font-size:var(--text-xs);border-radius:var(--radius-full);background:var(--color-accent-light);color:var(--color-accent);font-weight:var(--font-medium);white-space:nowrap;padding:1px 8px}.bHQnia_cardFolder{font-size:var(--text-xs);border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-text-tertiary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:3px;max-width:60%;padding:1px 8px;display:inline-flex;overflow:hidden}.bHQnia_cardDate{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;display:flex}.bHQnia_empty{padding:var(--space-12) var(--space-4);text-align:center;justify-content:center;align-items:center;gap:var(--space-4);animation:bHQnia_fadeIn var(--transition-slow);flex-direction:column;display:flex}.bHQnia_emptyIcon{color:var(--color-text-tertiary);opacity:.5}.bHQnia_empty h2{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary)}.bHQnia_empty p{font-size:var(--text-sm);color:var(--color-text-secondary)}.bHQnia_loading{gap:var(--space-4);flex-direction:column;display:flex}.bHQnia_skeleton{border-radius:var(--radius-lg);background:linear-gradient(90deg, var(--color-bg-tertiary) 25%, var(--color-bg-hover) 50%, var(--color-bg-tertiary) 75%);background-size:200% 100%;height:140px;animation:1.5s linear infinite bHQnia_shimmer}@media (max-width:768px){.bHQnia_container{padding:var(--space-4)}.bHQnia_grid{grid-template-columns:1fr}}