.genre-module__Aq379a__pageRoot{background:#f8f9fc;min-height:100vh;font-family:Be Vietnam Pro,sans-serif}.genre-module__Aq379a__container{max-width:1200px;margin:0 auto;padding:28px 24px 60px}.genre-module__Aq379a__pageHeader{text-align:center;margin-bottom:36px}.genre-module__Aq379a__pageTitle{color:#1a1a2e;margin:0 0 8px;font-size:28px;font-weight:800}.genre-module__Aq379a__pageDesc{color:#888;margin:0;font-size:15px;line-height:1.5}.genre-module__Aq379a__genreGrid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.genre-module__Aq379a__genreCard{color:#1a1a2e;background:#fff;border:1px solid #f0eef5;border-radius:16px;align-items:center;gap:12px;padding:18px 20px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 4px #00000008}.genre-module__Aq379a__genreCard:hover{border-color:#7c5cfc40;transform:translateY(-3px);box-shadow:0 8px 24px #7c5cfc1f}.genre-module__Aq379a__genreEmoji{flex-shrink:0;font-size:28px}.genre-module__Aq379a__genreName{color:#1a1a2e;flex:1;font-size:15px;font-weight:600}.genre-module__Aq379a__genreArrow{color:#bbb;font-size:16px;transition:color .2s,transform .2s}.genre-module__Aq379a__genreCard:hover .genre-module__Aq379a__genreArrow{color:#7c5cfc;transform:translate(2px)}.genre-module__Aq379a__genreBanner{aspect-ratio:21/6;background:linear-gradient(135deg,#7c5cfc 0%,#a78bfa 100%);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.genre-module__Aq379a__genreBannerImage{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.genre-module__Aq379a__genreBannerOverlay{background:linear-gradient(#0000001a 0%,#0003 30%,#00000080 60%,#000c 100%);position:absolute;inset:0}.genre-module__Aq379a__genreBannerContent{z-index:1;text-align:center;color:#fff;padding:48px 24px 40px;position:absolute;bottom:10px}.genre-module__Aq379a__genreBannerEmoji{filter:drop-shadow(0 2px 8px #0000004d);margin-bottom:8px;font-size:48px;display:block}.genre-module__Aq379a__genreBannerTitle{text-shadow:0 2px 12px #0006;margin:0;font-size:32px;font-weight:800}.genre-module__Aq379a__genreBannerDesc{color:#ffffffd9;text-shadow:0 1px 4px #0000004d;margin:8px 0 0;font-size:15px}.genre-module__Aq379a__storyGrid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px;display:grid}.genre-module__Aq379a__storyCardLink{color:inherit;text-decoration:none}.genre-module__Aq379a__storyCard{background:#fff;border:1px solid #f0eef5;border-radius:16px;align-items:flex-start;gap:12px;padding:14px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 4px #00000008}.genre-module__Aq379a__storyCard:hover{border-color:#7c5cfc33;transform:translateY(-2px);box-shadow:0 6px 20px #7c5cfc1a}.genre-module__Aq379a__storyCover{aspect-ratio:3/4;object-fit:cover;border-radius:12px;flex-shrink:0;width:84px}.genre-module__Aq379a__storyBody{flex-direction:column;flex:1;min-width:0;display:flex}.genre-module__Aq379a__storyTitle{color:#1a1a2e;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:15px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.genre-module__Aq379a__storyAuthor{color:#999;margin:4px 0 0;font-size:12px}.genre-module__Aq379a__storySummary{color:#888;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.genre-module__Aq379a__storyMeta{color:#aaa;gap:10px;margin-top:auto;padding-top:6px;font-size:11.5px;font-weight:500;display:flex}.genre-module__Aq379a__storyGenres{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.genre-module__Aq379a__storyGenreTag{color:#7c5cfc;background:#f5f3ff;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:600}.genre-module__Aq379a__filterBar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.genre-module__Aq379a__filterInfo{color:#888;font-size:14px}.genre-module__Aq379a__filterInfo strong{color:#7c5cfc;font-weight:700}.genre-module__Aq379a__filterSort{gap:6px;display:flex}.genre-module__Aq379a__filterSortBtn{color:#666;cursor:pointer;background:#fff;border:1px solid #e8e6f0;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.genre-module__Aq379a__filterSortBtn:hover{color:#7c5cfc;border-color:#7c5cfc}.genre-module__Aq379a__filterSortBtnActive{color:#fff;background:#7c5cfc;border-color:#7c5cfc}.genre-module__Aq379a__pagination{justify-content:center;align-items:center;gap:8px;margin-top:16px;display:flex}.genre-module__Aq379a__pageBtn{color:#1a1a2e;background:#fff;border:1px solid #e8e6f0;border-radius:10px;justify-content:center;align-items:center;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.genre-module__Aq379a__pageBtn:hover{color:#7c5cfc;border-color:#7c5cfc}.genre-module__Aq379a__pageBtnActive{color:#fff;background:linear-gradient(135deg,#7c5cfc,#a78bfa);border-color:#0000}.genre-module__Aq379a__pageBtnDisabled{opacity:.4;pointer-events:none}.genre-module__Aq379a__pageInfo{color:#999;font-size:13px;font-weight:500}.genre-module__Aq379a__breadcrumb{color:#999;align-items:center;gap:6px;margin-bottom:20px;font-size:13px;display:flex}.genre-module__Aq379a__breadcrumb a{color:#7c5cfc;font-weight:500;text-decoration:none;transition:opacity .2s}.genre-module__Aq379a__breadcrumb a:hover{opacity:.7}.genre-module__Aq379a__emptyState{text-align:center;color:#999;padding:60px 20px}.genre-module__Aq379a__emptyEmoji{margin-bottom:12px;font-size:48px;display:block}.genre-module__Aq379a__emptyTitle{color:#1a1a2e;margin:0 0 8px;font-size:18px;font-weight:700}.genre-module__Aq379a__emptyDesc{color:#999;margin:0;font-size:14px}@media (max-width:1024px){.genre-module__Aq379a__genreGrid{grid-template-columns:repeat(3,1fr)}.genre-module__Aq379a__storyGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.genre-module__Aq379a__container{padding:20px 16px 40px}.genre-module__Aq379a__genreGrid{grid-template-columns:repeat(2,1fr)}.genre-module__Aq379a__storyGrid{grid-template-columns:1fr}.genre-module__Aq379a__pageTitle{font-size:22px}.genre-module__Aq379a__genreCard{padding:14px 16px}.genre-module__Aq379a__genreBannerTitle{font-size:22px}.genre-module__Aq379a__genreBannerContent{padding:24px 16px 20px}.genre-module__Aq379a__filterBar{flex-direction:column;align-items:flex-start}}