@font-face{font-family:Jiutian Ranking Sans;src:url(/fonts/jiutian-ranking-sans-medium.woff2)format("woff2");font-style:normal;font-weight:500;font-display:swap}.ranking-page{--rank-bg:#f7f3ed;--rank-surface:#fffcf8;--rank-text:#342d28;--rank-muted:#918579;--rank-accent:#ba4343;--rank-soft:#f5e7df;--rank-sticky-top:28px;min-height:100svh;color:var(--rank-text);background:var(--rank-bg);padding:28px 32px 56px;font-family:Arial,Microsoft YaHei,sans-serif}.ranking-shell{max-width:1100px;margin:auto}.ranking-header{margin-bottom:26px}.ranking-titlebar{align-items:center;gap:12px;margin-bottom:24px;display:flex}.ranking-back{width:40px;height:40px;color:var(--rank-text);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.ranking-back:hover{background:var(--rank-soft)}.ranking-title{letter-spacing:1px;align-items:baseline;gap:18px;font-size:25px;font-weight:600;display:flex}.ranking-title>span{color:var(--rank-muted);letter-spacing:1px;font-size:12px;font-weight:400}.ranking-categories{scrollbar-width:none;align-items:center;gap:8px;padding:3px 0;display:flex;overflow-x:auto}.ranking-categories::-webkit-scrollbar{display:none}.ranking-categories button{color:#807367;border-radius:9px;flex-shrink:0;min-width:66px;min-height:42px;padding:0 18px;font-size:14px;transition:color .15s,background .15s;position:relative}.ranking-categories button:not([aria-pressed=true]):hover{background:var(--rank-soft)}.ranking-categories [aria-pressed=true]{color:#fff8ee;background:#3c3530;font-weight:600}.ranking-layout{grid-template-columns:132px minmax(0,1fr);align-items:stretch;gap:22px;display:grid}.ranking-sidebar{min-width:0}.ranking-nav{top:var(--rank-sticky-top);flex-direction:column;gap:7px;display:flex;position:sticky}.ranking-nav button{color:#81756a;border-radius:9px;justify-content:space-between;align-items:center;min-height:48px;padding:0 14px;transition:background .15s,color .15s;display:flex}.ranking-nav button>span{letter-spacing:0;white-space:nowrap;font-family:Jiutian Ranking Sans,PingFang SC,Microsoft YaHei,sans-serif;font-size:18px;font-weight:500;line-height:1.4}.ranking-nav button svg{opacity:0}.ranking-nav button:hover{color:var(--rank-accent);background:#f0e9e0}.ranking-nav [aria-pressed=true]{background:var(--rank-soft);color:var(--rank-accent)}.ranking-nav [aria-pressed=true] svg{opacity:1}.ranking-content{background:var(--rank-surface);border-radius:18px;min-width:0;padding:0 26px 12px}.ranking-card{border-radius:6px;grid-template-columns:28px 88px minmax(0,1fr);align-items:center;gap:18px;padding:15px 0;display:grid;position:relative}.ranking-number{color:#b1a89f;font-variant-numeric:tabular-nums;letter-spacing:-1px;font-size:21px;font-style:italic}.ranking-row[data-position="1"] .ranking-number{color:#bd563d}.ranking-row[data-position="2"] .ranking-number{color:#a67b48}.ranking-row[data-position="3"] .ranking-number{color:#9d8b74}.ranking-cover{background:var(--rank-soft);border-radius:5px;height:120px;display:block;overflow:hidden;box-shadow:2px 4px 9px #60493616}.ranking-cover>img,.ranking-cover>span[role=img]{object-fit:cover;width:100%;height:100%}.ranking-book-info{flex-direction:column;min-width:0;min-height:120px;display:flex}.ranking-book-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ranking-book-info h2{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;font-size:22px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.ranking-card:hover h2,.ranking-card:focus-visible h2{color:var(--rank-accent)}.ranking-book-meta{min-width:0;color:var(--rank-muted);align-items:baseline;margin-top:8px;font-size:12px;display:flex}.ranking-book-meta>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--rank-author,#77695d);font-size:14px;overflow:hidden}.ranking-description{color:var(--rank-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-size:13px;line-height:1.6;overflow:hidden}.ranking-book-stats{color:var(--rank-muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:8px;margin-top:auto;padding-top:8px;font-size:11px;line-height:1.5;display:flex}.ranking-rating{color:var(--rank-rating,#a4773d);white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:4px;margin-top:4px;font-size:16px;line-height:1.5;display:inline-flex}.ranking-rating strong{font-weight:600}.ranking-rating[data-unrated=true]{color:var(--rank-muted);font-size:12px}.ranking-rating svg{fill:currentColor;stroke-width:1.4px}.ranking-metric{white-space:nowrap}.ranking-views{white-space:nowrap;align-items:baseline;gap:5px;margin-left:auto;display:inline-flex}.ranking-views strong{color:var(--rank-author,#77695d);font-size:13px;font-weight:500}.ranking-note{text-align:center;color:var(--rank-muted);padding:20px 0 16px;font-size:11px;line-height:1.8}.ranking-note span{opacity:.8;font-size:10px;display:block}.ranking-empty{text-align:center;min-height:360px;color:var(--rank-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.ranking-empty h2{color:var(--rank-text);font-size:15px}.ranking-empty p{font-size:12px}.ranking-empty button{background:var(--rank-soft);min-height:44px;color:var(--rank-accent);border-radius:8px;padding:0 18px;font-size:13px}.ranking-skeleton{align-items:center;gap:18px;padding:15px 0;display:flex}.ranking-skeleton>i{flex-shrink:0;width:88px;height:120px;margin-left:46px}.ranking-skeleton>div{flex:1}.ranking-skeleton i{background:#ece4da;border-radius:5px;animation:1.5s ease-in-out infinite ranking-pulse;display:block}.ranking-skeleton>div i{width:80%;height:15px;margin:13px 0}.ranking-skeleton>div i:nth-child(2){width:50%;height:10px}.ranking-skeleton>div i:last-child{width:65%;height:10px}.ranking-page :focus-visible{outline:2px solid var(--rank-accent);outline-offset:3px}.ranking-categories button:focus-visible{outline-offset:-3px}@keyframes ranking-pulse{50%{opacity:.45}}@media (max-width:767px){.ranking-page{--rank-sticky-top:108px;padding:0 10px 30px 6px}.ranking-header{z-index:12;background:var(--rank-bg);margin:0 -10px 0 -6px;padding:8px 12px 10px;position:sticky;top:0}.ranking-titlebar{gap:7px;margin-bottom:8px}.ranking-back{width:32px;height:36px}.ranking-title{letter-spacing:.5px;font-size:19px}.ranking-title>span{display:none}.ranking-categories{gap:4px;margin:0 -12px;padding:3px 12px}.ranking-categories button{border-radius:8px;min-width:52px;min-height:40px;padding:0 13px;font-size:13px}.ranking-layout{grid-template-columns:48px minmax(0,1fr);gap:6px}.ranking-nav{gap:8px}.ranking-nav button{border-radius:7px;justify-content:center;min-height:46px;padding:0 1px;position:relative}.ranking-nav button>span{letter-spacing:0;font-size:15px}.ranking-nav button svg{display:none}.ranking-content{border-radius:13px;padding:0 10px 5px}.ranking-card{grid-template-columns:60px minmax(0,1fr);align-items:start;gap:10px;padding:12px 0}.ranking-number{z-index:1;color:#7c7063;letter-spacing:0;background:#eee6dc;border-radius:4px 0 6px;place-items:center;min-width:21px;height:21px;padding:0 4px;font-size:11px;font-style:normal;font-weight:600;display:grid;position:absolute;top:10px;left:-3px}.ranking-row[data-position="1"] .ranking-number{color:#fff8ec;background:#bd563d}.ranking-row[data-position="2"] .ranking-number{color:#fff8ec;background:#b58c59}.ranking-row[data-position="3"] .ranking-number{color:#fff8ec;background:#a99a87}.ranking-cover{border-radius:4px;height:90px}.ranking-book-info{min-height:90px}.ranking-book-heading{gap:8px}.ranking-book-info h2{font-size:16px;line-height:1.4}.ranking-book-meta{margin-top:6px;font-size:10px}.ranking-book-meta>span:first-child{font-size:12px}.ranking-description{display:none}.ranking-book-stats{padding-top:7px;font-size:10px}.ranking-rating{gap:3px;margin-top:2px;font-size:13px}.ranking-rating[data-unrated=true]{font-size:10px}.ranking-rating svg{width:10px;height:10px}.ranking-views{gap:4px}.ranking-views strong{font-size:12px}.ranking-metric{display:none}.ranking-note{padding:22px 0 12px;font-size:10px}.ranking-skeleton{gap:10px;padding:12px 0}.ranking-skeleton>i{width:60px;height:90px;margin-left:0}.ranking-skeleton>div i{width:95%;height:12px}.ranking-empty{min-height:300px}.ranking-empty h2{font-size:13px}.ranking-empty p{font-size:11px}}@media (min-width:768px) and (max-width:1000px){.ranking-layout{grid-template-columns:108px minmax(0,1fr);gap:16px}.ranking-content{padding:0 20px 12px}.ranking-card{grid-template-columns:24px 80px minmax(0,1fr);gap:14px}.ranking-cover,.ranking-book-info{min-height:112px}.ranking-cover{height:112px}.ranking-book-info h2{font-size:20px}.ranking-skeleton{gap:14px}.ranking-skeleton>i{width:80px;height:112px;margin-left:38px}}@media (prefers-reduced-motion:reduce){.ranking-skeleton i{animation:none}}.dark .ranking-page{--rank-bg:#211e1b;--rank-surface:#292420;--rank-text:#e7dbcd;--rank-muted:#a4998b;--rank-accent:#e69585;--rank-soft:#45312b;--rank-author:#c7b8a6;--rank-rating:#d5ae72}.dark .ranking-categories button,.dark .ranking-nav button{color:#b3a594}.dark .ranking-categories [aria-pressed=true]{color:#302820;background:#e2d2bc}.dark .ranking-nav [aria-pressed=true]{color:var(--rank-accent)}.dark .ranking-nav button:hover{background:var(--rank-soft)}.dark .ranking-skeleton i{background:#41382f}