.ranking{max-width:1240px;margin:0 auto;padding-top:24px;color:#173e75}.ranking button{font:inherit;cursor:pointer}.ranking a:hover{color:#087df3}.ranking button:focus-visible,.ranking a:focus-visible{outline:3px solid #84bdff;outline-offset:3px}.crumb{font-size:13px;color:#647f9f;display:flex;gap:12px;line-height:24px;margin-bottom:20px}.ranking-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.eyebrow{font-size:13px;letter-spacing:2px;color:#1674ca;margin-bottom:8px}.ranking-heading h1{font-size:34px;line-height:1.35;margin:0 0 10px;letter-spacing:1px}.intro{font-size:14px;color:#647c9a;line-height:24px}.heading-mark{width:80px;height:80px;border:1px solid #b9d7f3;border-radius:50%;display:grid;place-items:center;background:#f5faff;margin-right:10px}.heading-mark svg{width:43px;height:43px;stroke:#087df3;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.ranking-layout{display:grid;grid-template-columns:206px minmax(0,1fr);gap:26px}.rank-sidebar{align-self:start;background:#fff;border:1px solid #c4d7ec;border-radius:10px;overflow:hidden}.rank-sidebar h2{font-size:17px;padding:23px 21px;border-bottom:1px solid #e1eaf5}.rank-sidebar .scope-tabs{padding:12px}.scope-tabs button{border:0;background:none;color:#526e91}.rank-sidebar .scope-tabs button{display:flex;align-items:center;text-align:left;gap:11px;width:100%;min-height:78px;padding:10px 12px;border-radius:6px;margin:4px 0}.scope-tabs strong{font-size:16px;font-weight:600;display:block}.scope-tabs small{display:block;font-size:11px;font-weight:400;color:#738ba8;margin-top:7px;white-space:nowrap}.scope-index{font-size:13px;font-variant-numeric:tabular-nums;color:#7598c0}.rank-sidebar .scope-tabs button.selected{background:#087df3;color:white;box-shadow:0 4px 10px #087df322}.rank-sidebar .selected small,.rank-sidebar .selected .scope-index{color:#e1efff}.sidebar-tip{border-top:1px solid #e4edf7;padding:20px;font-size:12px;line-height:1.9;color:#6e84a0;background:#f7fbff}.sidebar-tip strong{font-weight:500;color:#44688f}.sidebar-tip p{margin-top:6px}.rank-content{min-width:0}.rank-toolbar{display:flex;justify-content:space-between;align-items:center;min-height:54px;border-bottom:1px solid #c4d7ec;margin-bottom:18px}.rank-toolbar h2{font-size:20px}.rank-a .rank-toolbar{display:none}.rank-toolbar .scope-tabs{display:flex;gap:30px;align-items:center}.rank-toolbar .scope-tabs button{min-height:54px;padding:0 3px;border-bottom:3px solid transparent}.rank-toolbar .scope-tabs button.selected{border-bottom-color:#087df3;color:#0875df}.rank-toolbar small,.rank-toolbar .scope-index{display:none}.period-label{font-size:13px;color:#7087a3}.genre-bar{display:flex;gap:18px;align-items:center;background:#fff;border:1px solid #c4d7ec;border-radius:8px;padding:14px 20px;margin-bottom:20px}.genre-bar>span{color:#7287a1;font-size:13px;flex-shrink:0}.genre-bar>div{display:flex;gap:6px;flex-wrap:wrap}.genre-bar button{background:none;border:0;border-radius:5px;color:#4c698d;padding:8px 13px;min-height:36px;font-size:13px}.genre-bar button.selected{background:#e6f2ff;color:#0874df;font-weight:600}.list-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border-bottom:1px solid #dbe7f5}.list-heading h2{font-size:20px}.list-heading>span{font-size:12px;color:#758ba6}.rank-list{border:1px solid #c4d7ec;border-radius:10px;background:#fff;overflow:hidden}.rank-book{min-width:0}.rank-list .rank-book{position:relative;display:flex;gap:22px;align-items:center;padding:24px 26px;border-bottom:1px solid #e2ebf5}.rank-list .rank-book:last-child{border-bottom:0}.rank-list .rank-book:nth-child(2){background:linear-gradient(110deg,#fff9ee,#fff 65%)}.rank-number{height:auto;background:transparent;font-size:23px;font-weight:700;line-height:1;flex-shrink:0;color:#8299b6;font-variant-numeric:tabular-nums;font-style:italic;width:32px;text-align:center}.number-1{color:#ed8d0b}.number-2{color:#708daa}.number-3{color:#ba7a52}.rank-cover{display:block;position:relative;flex-shrink:0;aspect-ratio:3/4;background:#e5eef8;overflow:hidden;border-radius:6px;width:108px;box-shadow:0 3px 9px #173e7512}.rank-cover img{display:block;width:100%;height:100%;object-fit:contain;transition:filter .15s}.rank-cover:hover img{filter:brightness(1.04)}.book-info{min-width:0;flex:1}.book-heading{display:flex;gap:12px;align-items:center;min-width:0}.book-heading h3{font-size:18px;line-height:1.5;font-weight:600;margin:0;min-width:0}.book-heading h3 a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.status{font-size:11px;color:#1c79c7;border:1px solid #c2dff8;background:#f1f8ff;border-radius:4px;padding:2px 7px;white-space:nowrap;flex-shrink:0;line-height:19px}.status.finished{color:#237f6f;background:#f0faf6;border-color:#bfdfd3}.book-facts{font-size:12px;line-height:23px;margin:10px 0 9px;color:#607a9a}.book-facts>div{display:flex;gap:4px;min-width:0}.book-facts dt{flex-shrink:0;color:#8494aa}.book-facts dt:after{content:'：'}.book-facts dd{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0}.book-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.heat{font-size:11px;color:#7e90a7;white-space:nowrap}.heat strong{font-size:17px;font-weight:600;color:#df8b24;margin-right:4px;font-variant-numeric:tabular-nums}.read-link{font-size:12px;color:#1975d5;border:1px solid #c7dcf3;border-radius:20px;padding:7px 17px;background:#f5faff;white-space:nowrap}.read-link span{margin-left:9px}.pagination{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:26px}.pagination:empty{display:none}.pagination button{min-width:40px;min-height:40px;padding:0 13px;border:1px solid #bfd3e9;border-radius:5px;background:white;color:#526f93;font-size:13px}.pagination button.current{background:#087df3;border-color:#087df3;color:#fff}.pagination button:disabled{opacity:.4;cursor:default}.data-note{font-size:11px;color:#7a8ea7;margin-top:22px;line-height:1.7}.rank-b .ranking-layout,.rank-c .ranking-layout{display:block}.rank-b .rank-sidebar,.rank-c .rank-sidebar{display:none}.rank-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.rank-column{background:#fff;border:1px solid #c4d7ec;border-radius:10px;overflow:hidden}.column-heading{display:flex;gap:12px;align-items:center;padding:22px 20px;background:#eaf5ff;border-bottom:1px solid #cadff3}.column-heading h2{font-size:21px;color:#126ed1;margin:0 0 5px}.column-heading p{font-size:11px;color:#6b88a6}.column-symbol{font-size:32px;font-style:italic;color:#87b9e6;font-weight:700}.column-tag{font-size:10px;margin-left:auto;white-space:nowrap;color:#6a8eaf;letter-spacing:1px}.column-serial .column-heading{background:#eff4ff}.column-serial .column-heading h2{color:#526cc9}.column-serial .column-symbol{color:#a3b3e4}.column-complete .column-heading{background:#edf8f4}.column-complete .column-heading h2{color:#227d6b}.column-complete .column-symbol{color:#8cc7b6}.rank-column .rank-book{display:flex;align-items:center;gap:11px;margin:0 16px;padding:17px 0;border-bottom:1px solid #e7eef7;position:relative}.rank-column .rank-number{width:23px;font-size:18px}.rank-column .rank-cover{width:62px;border-radius:4px}.rank-column h3{font-size:14px;line-height:21px}.rank-column .book-heading{display:block}.rank-column .status{display:none}.rank-column .book-facts{margin:6px 0 4px;line-height:19px;font-size:11px}.rank-column .book-facts>div:first-child{display:none}.rank-column .book-facts dt{display:none}.rank-column .read-link{display:none}.rank-column .heat{font-size:10px}.rank-column .heat strong{font-size:13px}.rank-column .champion{align-items:flex-start;padding:22px 0}.rank-column .champion .rank-cover{width:100px}.rank-column .champion .rank-number{position:absolute;z-index:1;top:22px;left:0;background:#f5a72f;color:#fff;width:26px;height:29px;display:grid;place-items:center;border-radius:4px 0 6px 0;font-size:17px}.rank-column .champion .book-facts>div:first-child{display:flex}.rank-column .champion .book-facts dt{display:block}.rank-column .champion .status{display:inline-block;margin-top:7px}.rank-column .champion .book-facts{margin:9px 0}.expand-list{width:100%;border:0;min-height:54px;background:#f7fbff;color:#4679b2;font-size:12px!important}.expand-list span{margin-left:8px}.rank-gallery>.list-heading{padding:4px 0 22px;border-bottom:0}.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:30px}.podium-card{display:flex;gap:17px;background:#fff;border:1px solid #c4d7ec;border-radius:8px;padding:20px;align-items:center}.podium-card:first-child{background:#fffaf0;border-color:#e7c894}.podium-card:nth-child(2){background:#f6faff}.podium-card:nth-child(3){background:#fff8f4;border-color:#e5d0c0}.podium-card .rank-cover{width:115px;overflow:visible;box-shadow:0 4px 10px #173e751a}.podium-card img{border-radius:5px}.rank-c .rank-cover .rank-number{position:absolute;left:0;top:0;width:30px;height:32px;background:#7c96b5;color:white;font-size:17px;display:grid;place-items:center;border-radius:5px 0 7px 0}.rank-c .rank-cover .number-1{background:#ec9b20}.rank-c .rank-cover .number-2{background:#7d96b2}.rank-c .rank-cover .number-3{background:#ba855e}.podium-card .book-heading{display:block}.podium-card h3{font-size:16px;line-height:25px}.podium-card .status{display:inline-block;margin-top:9px}.podium-card .book-facts{font-size:11px;line-height:22px}.rank-c .read-link{display:none}.podium-card .heat strong{font-size:17px}.cover-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px 22px;background:#fff;border:1px solid #c4d7ec;border-radius:10px;padding:24px}.cover-grid .rank-cover{width:100%}.cover-grid .book-heading{display:block;margin-top:10px}.cover-grid h3{font-size:15px;line-height:23px;height:46px}.cover-grid .status{display:none}.cover-grid .book-facts{font-size:11px;line-height:21px;margin:5px 0 9px}.cover-grid .heat strong{font-size:15px}.empty{text-align:center;color:#728ba6;padding:70px 20px;line-height:1.8;font-size:14px}.rank-b .empty{padding:40px 18px}.rank-c .empty{background:#fff;border:1px solid #c4d7ec;border-radius:8px}
@media(min-width:701px) and (max-width:1300px){.ranking{margin:0 30px}.ranking-layout{grid-template-columns:190px minmax(0,1fr);gap:20px}.rank-list .rank-book{padding:22px;gap:18px}.rank-columns{gap:15px}.column-heading{padding:20px 16px;gap:8px}.column-symbol{font-size:26px}.column-heading h2{font-size:19px}.column-tag{display:none}.rank-column .champion .rank-cover{width:82px}.rank-column .rank-book{margin:0 13px;gap:10px}.rank-column .rank-cover{width:54px}.podium{gap:14px}.podium-card{padding:15px;gap:12px}.podium-card .rank-cover{width:90px}.podium-card h3{font-size:14px}.cover-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 18px}}
@media(max-width:700px){.ranking{margin:0 16px;padding-top:18px}.crumb{font-size:11px;margin-bottom:18px}.ranking-heading{margin-bottom:22px}.ranking-heading h1{font-size:27px}.eyebrow{font-size:11px;letter-spacing:1px;margin-bottom:7px}.intro{font-size:12px;max-width:260px;line-height:21px}.heading-mark{width:54px;height:54px;flex-shrink:0;margin:0 0 0 10px}.heading-mark svg{width:30px;height:30px}.ranking-layout{display:block}.rank-sidebar{margin-bottom:16px;border:0;background:none;overflow:visible}.rank-sidebar h2,.sidebar-tip,.scope-index,.scope-tabs small{display:none}.rank-sidebar .scope-tabs{display:flex;padding:0;gap:7px}.rank-sidebar .scope-tabs button{margin:0;min-height:46px;padding:10px;justify-content:center;border:1px solid #c4d7ec;background:#fff}.scope-tabs strong{font-size:14px}.rank-sidebar .scope-tabs button.selected{border-color:#087df3}.rank-toolbar{margin-bottom:15px;min-height:48px}.rank-toolbar .scope-tabs{gap:22px}.rank-toolbar .scope-tabs button{min-height:48px}.rank-toolbar .period-label{display:none}.rank-toolbar h2{font-size:18px}.genre-bar{padding:10px 12px;gap:10px;margin-bottom:16px;align-items:flex-start}.genre-bar>span{line-height:34px;font-size:12px}.genre-bar>div{gap:2px}.genre-bar button{font-size:12px;padding:6px 10px;min-height:34px}.list-heading{padding:17px 14px}.list-heading h2{font-size:17px}.list-heading>span{font-size:10px}.rank-list .rank-book{gap:11px;padding:18px 13px;align-items:center}.rank-list .rank-number{font-size:17px;width:23px}.rank-list .rank-cover{width:80px}.rank-list .book-heading{display:block}.rank-list h3{font-size:14px;line-height:21px}.rank-list .status{font-size:10px;line-height:16px;padding:1px 5px;display:inline-block;margin-top:5px}.book-facts{font-size:10px;line-height:18px;margin:6px 0}.rank-list .read-link{display:none}.heat strong{font-size:14px}.heat{font-size:10px}.rank-columns{grid-template-columns:1fr;gap:22px}.column-heading{padding:18px 20px}.rank-column .rank-book{margin:0 18px}.rank-column .rank-cover{width:60px}.rank-column .champion .rank-cover{width:105px}.rank-column .champion h3{font-size:16px;line-height:24px}.rank-column .champion .book-facts{font-size:12px;line-height:23px}.rank-column .champion .heat strong{font-size:16px}.podium{grid-template-columns:1fr;gap:12px;margin-bottom:20px}.podium-card{padding:16px;gap:18px}.podium-card .rank-cover{width:96px}.podium-card h3{font-size:16px}.podium-card .book-facts{font-size:12px;line-height:22px}.cover-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px;padding:15px}.cover-grid h3{font-size:13px;line-height:21px;height:42px}.cover-grid .book-facts{font-size:10px;line-height:19px}.cover-grid .heat strong{font-size:14px}.rank-gallery>.list-heading{padding-bottom:16px}.data-note{font-size:10px}.pagination{gap:6px}.pagination button{min-width:34px;padding:0 10px;font-size:12px}}

.genre-options{display:flex;flex-wrap:wrap;gap:5px 6px;min-width:0;flex:1}
.genre-options>a,.extra-genres>a{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;font-size:13px;color:#4a698d;border-radius:5px;line-height:20px}
.genre-options a.selected{background:#e7f2ff;color:#0874df;font-weight:600}
.more-genres{font-size:12px;color:#1675d0;align-self:center}.more-genres summary{padding:9px 12px;cursor:pointer;min-height:36px}.more-genres[open]{flex-basis:100%;width:100%}.extra-genres{display:flex;flex-wrap:wrap;max-height:230px;overflow:auto;border-top:1px solid #e2edf8;padding:10px 0;gap:3px}
.pagination>a,.pagination>span:not(.ellipsis){display:inline-flex;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:0 13px;border:1px solid #bfd3e9;border-radius:5px;background:#fff;color:#526f93;font-size:13px}
.pagination>span.current{background:#087df3;border-color:#087df3;color:#fff}.pagination>span.disabled{opacity:.45}.pagination>.ellipsis{align-self:center;color:#8194ad}
@media(max-width:700px){.genre-options{gap:2px}.genre-options>a,.extra-genres>a{padding:6px 9px;min-height:34px;font-size:12px}.pagination>a,.pagination>span:not(.ellipsis){min-width:34px;padding:0 10px;font-size:12px}}

.genre-bar{align-items:flex-start}.genre-bar>span{line-height:34px}.rank-pagination{background:#f7fbff;padding:15px 10px 17px;border-top:1px solid #dfebf7}.rank-page-count{text-align:center;font-size:11px;color:#6f87a3;line-height:20px}.rank-pagination .pagination{margin:10px 0 0;gap:10px}.rank-pagination .pagination a,.rank-pagination .pagination span{font-size:12px;min-height:34px;min-width:90px}.rank-column{scroll-margin-top:18px}.rank-column .compact .rank-number{font-size:16px;min-width:23px;width:auto}.rank-column .compact .rank-number:not(.number-1):not(.number-2):not(.number-3){font-style:normal;font-size:13px}