html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}:root{--ink:#25242d;--muted:#92909a;--line:#e8e7eb;--soft:#f5f5f7;--surface:#fff;--purple:#7b4bd4;--cyan:#18c7ed;--pink:#d96ad6;--yellow:#ffc400;--max:888px}*{box-sizing:border-box}html{background:#fff}body{margin:0;background:#fff;color:var(--ink);font-family:"Source Han Sans SC","Source Han Sans CN","Noto Sans CJK SC","Noto Sans SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}button,input{font:inherit}img{display:block;max-width:100%}.container{width:min(calc(100% - 20px),var(--max));margin-left:auto;margin-right:auto}.site-header{background:var(--surface);border-bottom:0}.header-main{height:56px;display:flex;align-items:center;justify-content:space-between;gap:18px;overflow:hidden}.header-actions{display:flex;align-items:center;gap:16px}.global-nav{height:38px;display:flex;align-items:center;gap:23px;white-space:nowrap;color:#aaa9b0;font-size:14px;font-weight:600;border-top:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.global-nav::-webkit-scrollbar{display:none}.global-nav a,.global-nav .more-menu{position:relative;display:inline-flex;align-items:center;height:38px;flex:0 0 auto;color:#aaa9b0}.global-nav a.is-active,.global-nav a:hover,.global-nav .more-menu:hover{color:var(--ink)}.global-nav a.is-active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--ink)}.global-nav .more-menu{gap:2px;border:0;padding:0;background:transparent;font:inherit;cursor:pointer}.global-nav .more-menu i{font-size:16px}.brand{display:flex;align-items:center;gap:9px;flex:0 0 auto;white-space:nowrap}.brand-mark{width:23px;height:23px}.brand-name{font-size:19px;font-weight:700}.site-search{height:32px;width:158px;margin-left:auto;display:flex;align-items:center;background:#f1f1f3;border-radius:7px;padding-left:12px;flex:0 0 auto;transition:width .18s ease,background .18s ease,padding .18s ease}.site-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:11px}.site-search button{width:31px;height:32px;border:0;background:transparent;color:var(--ink);cursor:pointer}.page-main{padding-top:24px;padding-bottom:50px}.home-top{min-width:0}.section-pills{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:11px;padding:0 0 1px}.section-pills::-webkit-scrollbar{display:none}.section-pills a{height:39px;display:flex;align-items:center;justify-content:center;padding:0 22px;border:1px solid var(--line);border-radius:20px;white-space:nowrap;color:#aaa9b0;font-weight:600}.section-pills a.is-active{color:#fff;border-color:transparent;background:linear-gradient(105deg,#a344e4,#1ac5ee)}.spotlight-track{position:relative;width:100%;height:390px;border-radius:12px;overflow:hidden;background:#2d2639;touch-action:pan-y}.spotlight-card{display:none;position:absolute;inset:0;color:#fff}.spotlight-card.is-active{display:block}.spotlight-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.spotlight-shade{position:absolute;inset:0;background:rgba(22,16,42,.38)}.spotlight-copy{position:absolute;left:50%;top:50%;bottom:auto;width:min(70%,360px);display:flex;flex-direction:column;align-items:center;gap:7px;transform:translate(-50%,-50%);text-align:center}.spotlight-kicker{font-size:13px;font-weight:700;letter-spacing:.4px}.spotlight-title{font-family:inherit;font-size:30px;line-height:1.12;max-width:250px}.spotlight-description{font-size:13px;line-height:1.52;color:rgba(255,255,255,.8);max-width:230px}.spotlight-meta{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700}.spotlight-meta b{padding:3px 6px;border-radius:4px;background:var(--yellow);color:#222}.spotlight-meta i{font-size:6px;color:#fff}.spotlight-cta{display:inline-flex;align-items:center;gap:8px;margin-top:4px;padding:9px 14px;border-radius:5px;background:rgba(255,255,255,.72);color:#25242d;font-weight:700}.spotlight-controls{display:flex;align-items:center;gap:3px;margin:10px 0 5px 10px;font-size:12px;font-weight:700}.spotlight-total{color:#aaa9b0}.spotlight-dots{display:flex;gap:4px;margin-left:8px}.spotlight-dot{width:5px;height:5px;border-radius:50%;background:#d6d5db;cursor:pointer}.spotlight-dot.is-active{background:#292832}.spotlight-strip,.story-rail{display:grid;grid-auto-flow:column;grid-auto-columns:116px;gap:5px;overflow-x:auto;scrollbar-width:none}.spotlight-strip::-webkit-scrollbar,.story-rail::-webkit-scrollbar{display:none}.spotlight-thumb,.story-card{position:relative;display:block;aspect-ratio:.64;border-radius:7px;overflow:hidden;background:#ececf0}.spotlight-thumb img,.story-poster img{width:100%;height:100%;object-fit:cover}.thumb-badge,.poster-corner{position:absolute;left:5px;top:5px;padding:2px 5px;border-radius:5px;background:var(--yellow);color:#222;font-size:9px;font-weight:800}.home-section{margin-top:30px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:11px}.section-heading h2{margin:1px 0 0;font-family:inherit;font-size:24px;line-height:1}.section-heading a{display:flex;align-items:center;gap:7px;color:#8b8992;font-size:12px;font-weight:600}.section-kicker{color:#b1afb8;font-size:10px;font-weight:800;letter-spacing:1.3px}.story-card{width:116px}.story-poster{display:block;position:absolute;inset:0}.poster-score{position:absolute;right:5px;bottom:5px;padding:2px 5px;border-radius:4px;background:rgba(25,25,31,.75);color:#fff;font-size:10px;font-weight:700}.poster-corner{display:flex;align-items:center;gap:3px}.poster-corner i{font-size:9px}.listing-shell{min-width:0}.day-tabs,.rank-tabs{display:flex;gap:24px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line);margin:2px 0 18px}.day-tabs::-webkit-scrollbar,.rank-tabs::-webkit-scrollbar{display:none}.day-tabs a,.rank-tabs a{padding:0 2px 10px;color:#aaa9b0;white-space:nowrap;font-weight:600}.day-tabs a.is-active,.rank-tabs a.is-active{color:var(--ink);border-bottom:2px solid var(--ink)}.page-title{margin:0 0 17px;font-family:inherit;font-size:26px}.comic-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 8px}.comic-card{min-width:0;display:flex;flex-direction:column;gap:7px}.comic-poster{position:relative;display:block;aspect-ratio:.67;overflow:hidden;border-radius:8px;background:#ececf0}.comic-poster img{width:100%;height:100%;object-fit:cover}.comic-card strong{font-size:12px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-badge{position:absolute;z-index:2;left:6px;top:6px;min-width:25px;padding:3px 5px;border-radius:4px;background:#25242d;color:#fff;font-size:11px;text-align:center;font-weight:800}.collection-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:17px}.collection-heading .page-title{margin:0}.search-keyword{color:#9997a0}.empty-state{display:none;align-items:center;justify-content:center;gap:8px;min-height:180px;color:#aaa9b0}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:28px;color:#87858f;font-size:12px}.pagination a{display:flex;align-items:center;gap:5px;font-weight:700}.detail-page .page-main{padding-top:0}.series-detail{max-width:680px;margin:0 auto;background:#fff}.series-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:84px minmax(0,1fr);grid-template-areas:"cover tag" "cover title" "cover author" "cover stats";align-items:center;column-gap:13px;margin:0 -10px;padding:16px 20px 17px;background:#7b5082;color:#fff;text-align:left}.series-hero-bg{position:absolute;z-index:0;inset:-28px;width:calc(100% + 56px);height:calc(100% + 56px);max-width:none;object-fit:cover;filter:blur(24px);opacity:.72;transform:scale(1.04);pointer-events:none}.series-hero::after{content:"";position:absolute;z-index:0;inset:0;background:rgba(54,27,70,.28);pointer-events:none}.series-hero> :not(.series-hero-bg){position:relative;z-index:1}.series-cover{grid-area:cover;width:84px;height:114px;margin:0;border-radius:5px;overflow:hidden;background:#e5dbe7;box-shadow:0 4px 10px rgba(0,0,0,.16)}.series-cover img{width:100%;height:100%;object-fit:cover}.series-genre{grid-area:tag;display:inline-flex;justify-self:start;min-height:24px;align-items:center;padding:3px 10px;border-radius:13px;background:#f18fe0;color:#2b2233;font-size:11px;font-weight:700}.series-genre{flex-wrap:wrap;gap:4px;padding:0;background:transparent;color:inherit}.series-genre a,.series-genre a:first-child{display:inline-flex;align-items:center;min-height:24px;padding:3px 10px;border:1px solid rgba(255,255,255,.84);border-radius:4px;background:rgba(255,255,255,.18);color:#fff}.series-hero h1{grid-area:title;min-width:0;margin:0;font-size:22px;line-height:1.18;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.series-author{grid-area:author;min-width:0;margin:0;color:rgba(255,255,255,.88);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.series-stats{grid-area:stats;display:flex;justify-content:flex-start;gap:7px;margin-top:4px;font-size:12px}.hit-beacon{display:none}.series-actions{background:#fff}.series-row{display:flex;align-items:center;gap:13px;min-height:54px;padding:0 15px;border-bottom:1px solid var(--line);font-weight:700}.series-row span{flex:1}.series-row i:last-child{color:#8e8c95}.download-banner{display:flex;align-items:center;gap:9px;padding:14px 15px;background:#ffd349;color:#29252b;font-weight:700}.download-banner i{font-size:22px}.detail-tabs{display:flex;justify-content:space-around;border-bottom:1px solid var(--line);margin-top:10px}.detail-tabs button{appearance:none;border:0;border-bottom:2px solid transparent;background:transparent;padding:12px 20px;color:#92909a;font:inherit;font-weight:700;cursor:pointer}.detail-tabs button.is-active{color:var(--ink);border-bottom-color:var(--ink)}.episode-section{padding:0 2px}.episode-count{margin:15px 0 8px;color:#92909a;font-size:12px}.episode-list{padding:0;margin:0;list-style:none}.episode-list li{border-bottom:1px solid var(--line)}.episode-list li a{display:flex;align-items:center;gap:10px;min-height:58px;padding:5px 0}.episode-list .episode-number{flex:0 0 28px;color:#92909a;font-size:12px;font-variant-numeric:tabular-nums;text-align:center}.episode-list strong{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.episode-list small{color:#92909a;font-size:11px}.episode-list i{color:#aaa9b0}.episode-thumb{width:55px;height:48px;flex:0 0 auto;border-radius:5px;overflow:hidden;background:#ececf0}.episode-thumb img{width:100%;height:100%;object-fit:cover}.detail-copy{margin:0;border:0;border-radius:0;background:#f0f0f0;padding:17px 20px 21px;color:#444;line-height:1.85}.detail-copy:before{content:"作品简介";display:block;margin-bottom:9px;color:#111;font-size:14px;font-weight:800}.detail-copy h2{font-family:inherit}.detail-copy div{color:inherit;font-size:13px;line-height:inherit;max-width:610px}.series-panel{max-width:680px;margin:0 auto}.series-panel-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px;padding:9px 12px;border:0;border-radius:0;background:#f1f1f2;text-align:center}.series-panel-head>div{min-width:0;flex:1}.series-panel-head span{color:#92909a;font-size:10px}.series-panel-head h1{margin:2px 0 0;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.series-panel-head strong{position:static;padding:5px 8px;border-radius:5px;background:#e5e5e7;color:#5f5e66;font-size:11px;white-space:nowrap}.back-link{position:static;display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px;border:0;border-radius:0;background:transparent;color:#76507d;font-size:0;white-space:nowrap;font-weight:700}.back-link i{display:flex;width:24px;height:24px;align-items:center;justify-content:center;font-family:remixicon!important;font-size:23px;line-height:1;transform:rotate(180deg)}.back-link i::before{content:"\ea6e";display:block;line-height:1}.back-link::before{content:none}.catalog-tools{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;width:max-content;max-width:100%;margin:13px auto}.catalog-tools label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.catalog-tools input{width:112px;height:32px;border:1px solid var(--line);border-radius:5px;padding:0 8px;outline:none;text-align:center}.catalog-tools button{height:32px;border:1px solid var(--line);border-radius:5px;background:#fff;padding:0 10px;cursor:pointer}.catalog-tools button:first-of-type{background:#25242d;color:#fff}.reader-page{background:#fafafa;overflow-x:hidden;touch-action:pan-y}.reader-shell{position:relative;max-width:888px;margin:0 auto;padding-top:54px}.reader-header{position:fixed;z-index:30;top:0;left:50%;width:min(100%,888px);height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;background:#25242d;color:#fff;transform:translate(-50%,-110%);transition:transform .2s ease,opacity .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.14);pointer-events:none;will-change:transform}.reader-page:not(.reader-bars-ready) .reader-header{transform:translate(-50%,0);pointer-events:auto}.reader-header>a{font-size:18px}.reader-header>div{position:absolute;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;width:calc(100% - 86px);min-width:0}.reader-header span{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#c6c4cb}.reader-header strong{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.reader-tools{display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:4px 8px;background:#fff;border-bottom:1px solid var(--line);color:#777580;font-size:11px}.reader-tools button{border:1px solid var(--line);border-radius:4px;background:#fff;color:#55535c;padding:3px 7px;cursor:pointer}.reader-tools output{min-width:34px;text-align:center}.reader-content{width:100%;max-width:888px;margin:0 auto;padding:0;color:#28262e;font-size:18px;line-height:1.9;background:#fff;min-height:70vh;touch-action:pan-y}.reader-content img{max-width:100%;height:auto;margin:0 auto}.reader-content[data-reader-bg=paper]{background:#f5f0e5;color:#3c342b}.reader-content[data-reader-bg=green]{background:#e8f2e7;color:#29412b}.reader-content[data-reader-bg=sepia]{background:#f2e5cc;color:#483b2d}.reader-pagination{position:fixed;z-index:30;left:50%;bottom:0;width:min(100%,888px);display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px;padding:14px 18px calc(14px + env(safe-area-inset-bottom));background:#25242d;color:#fff;transform:translate(-50%,110%);transition:transform .2s ease,opacity .2s ease;box-shadow:0 -2px 8px rgba(0,0,0,.14);pointer-events:none;will-change:transform}.reader-page:not(.reader-bars-ready) .reader-pagination{transform:translate(-50%,0);pointer-events:auto}.reader-page.reader-edge-top .reader-header,.reader-page.reader-edge-top .reader-pagination,.reader-page.reader-bars-visible .reader-header{transform:translate(-50%,0);pointer-events:auto}.reader-page.reader-edge-bottom .reader-header,.reader-page.reader-edge-bottom .reader-pagination,.reader-page.reader-bars-visible .reader-pagination{transform:translate(-50%,0);pointer-events:auto}.reader-page.reader-bars-visible .reader-header,.reader-page.reader-bars-visible .reader-pagination{opacity:1}.reader-page.reader-edge-top .reader-header,.reader-page.reader-edge-bottom .reader-pagination{opacity:1}.site-footer{padding:28px 0 42px;border-top:1px solid var(--line);text-align:center;color:#aaa9b0}.footer-brand{display:inline-flex;align-items:center;gap:7px;color:var(--ink);font-weight:700}.footer-brand img{width:18px;height:18px}.footer-links{display:flex;justify-content:center;gap:20px;margin:17px 0;font-size:12px}.site-footer p{margin:0;font-size:11px}.mobile-nav{display:none}.cover-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#aaa9b0;background:#ececf0}.cover-placeholder i{font-size:26px}@media (max-width:640px){body{font-size:13px}.container{width:calc(100% - 20px)}.header-main{height:64px;gap:18px;overflow-x:auto;overflow-y:hidden}.brand-name{font-size:16px}.global-nav{gap:21px;font-size:14px}.site-search{margin-left:0;width:32px;padding-left:0;background:transparent}.site-search input{display:none}.site-search.is-open{width:min(180px,calc(100vw - 160px));padding-left:12px;background:#f1f1f3}.site-search.is-open input{display:block}.spotlight-copy{left:50%;top:50%;bottom:auto;width:calc(100% - 36px);max-width:260px;gap:6px;transform:translate(-50%,-50%);text-align:center}.spotlight-title{font-size:26px;line-height:1.16;max-width:230px}.spotlight-description{max-width:240px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.account-link{font-size:0}.account-link i{font-size:18px}.page-main{padding-top:18px;padding-bottom:35px}.section-pills{margin-bottom:10px}.section-pills a{height:38px;padding:0 19px;font-size:12px}.spotlight-track{height:386px;border-radius:9px}.spotlight-copy{left:50%;top:50%;bottom:auto;width:calc(100% - 36px);transform:translate(-50%,-50%);text-align:center}.spotlight-title{font-size:27px;max-width:210px;line-height:1.14}.spotlight-description{max-width:235px;font-size:12px}.spotlight-strip{grid-auto-columns:116px}.home-section{margin-top:26px}.section-heading h2{font-size:22px}.comic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 5px}.comic-card strong{font-size:11px}.listing-shell .page-title{font-size:24px}.series-hero{margin:0 -10px;padding:18px 16px}.series-hero h1{font-size:23px}.series-cover{width:84px;height:114px}.series-panel-head h1{font-size:18px}.series-panel-head strong{font-size:10px}.reader-content{padding:18px 12px;font-size:18px}.reader-tools{overflow-x:auto;justify-content:flex-start;white-space:nowrap}.site-footer{padding-bottom:25px}}
/* home story card titles */
.story-card{height:auto;aspect-ratio:auto;overflow:visible}
.story-card .story-poster{position:relative;inset:auto;display:block;width:100%;aspect-ratio:.64;height:auto}
.story-card>strong{display:block;overflow:hidden;margin-top:7px;color:var(--ink);font-size:12px;font-weight:700;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
/* homepage spotlight direction B */
.spotlight-track{height:112px;border-radius:6px;overflow:hidden;background:#f4f1f8;touch-action:pan-y}
.spotlight-card{display:none;position:absolute;inset:0;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:11px;padding:9px 12px;color:var(--ink);background:#f4f1f8}
.spotlight-card.is-active{display:grid}
.spotlight-image{position:static;grid-column:1;width:68px;height:94px;border-radius:4px;object-fit:cover}
.spotlight-shade,.spotlight-description{display:none}
.spotlight-copy{position:static;left:auto;top:auto;right:auto;bottom:auto;width:auto;min-width:0;display:flex;align-items:flex-start;justify-content:center;gap:4px;transform:none;text-align:left}
.spotlight-tag{display:inline-flex;align-items:center;align-self:flex-start;padding:2px 7px;border-radius:3px;background:#eadcf2;color:#71428e;font-size:10px;font-weight:800;line-height:1.3}
.spotlight-title{display:block;overflow:hidden;max-width:100%;color:var(--ink);font-size:17px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.spotlight-meta{display:flex;min-width:0;gap:10px;overflow:hidden;color:#77737f;font-size:11px;line-height:1.35;white-space:nowrap}
.spotlight-meta span{overflow:hidden;text-overflow:ellipsis}
.spotlight-cta{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;margin-top:3px;padding:5px 11px;border-radius:4px;background:var(--purple);color:#fff;font-size:11px;font-weight:800;line-height:1.2}
.spotlight-controls{display:flex;align-items:center;justify-content:center;gap:8px;height:20px;margin:7px 0 0;color:#8e8a96;font-size:10px}
.spotlight-total{display:none}.spotlight-dots{display:flex;align-items:center;gap:4px;margin-left:0}.spotlight-dot{width:5px;height:5px;border-radius:50%;background:#cbc8d1}.spotlight-dot.is-active{width:14px;border-radius:3px;background:var(--purple)}
.spotlight-strip{display:none}
@media(max-width:560px){.spotlight-track{height:102px}.spotlight-card{grid-template-columns:60px minmax(0,1fr);gap:10px;padding:7px 10px}.spotlight-image{width:60px;height:88px}.spotlight-title{font-size:16px}.spotlight-meta{gap:7px;font-size:10px}.spotlight-cta{padding:5px 10px}}
/* homepage spotlight B without category or CTA */
.spotlight-description{display:-webkit-box;overflow:hidden;margin:0;color:#89858f;font-size:11px;line-height:1.4;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
@media(max-width:560px){.spotlight-description{font-size:10px;line-height:1.35}}
/* homepage story titles centered on covers */
.home-section .section-heading> a.section-more{width:28px;min-width:28px;height:28px;justify-content:center;gap:0;color:var(--muted);font-size:18px;font-weight:600;text-decoration:none;outline:none}
.home-section .section-heading> a.section-more:hover,.home-section .section-heading> a.section-more:focus,.home-section .section-heading> a.section-more:active{color:var(--muted);background:transparent;outline:none;box-shadow:none}
.home-section .section-heading> a.section-more i{display:block;font-size:18px;line-height:28px}
.story-card{height:auto;aspect-ratio:.64;overflow:hidden}
.story-card .story-poster{position:absolute;inset:0;display:block;width:100%;height:100%;aspect-ratio:auto}
.story-card .story-poster>strong{position:absolute;left:8px;right:8px;top:50%;display:block;overflow:hidden;margin:0;padding:5px 6px;color:#fff;font-size:12px;font-weight:700;line-height:1.35;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.78);text-overflow:ellipsis;white-space:nowrap;transform:translateY(-50%)}
.story-card>strong{display:none}
/* homepage story cover title gradient */
.story-card .story-poster:after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:62%;pointer-events:none;background:linear-gradient(to bottom,rgba(16,14,24,0),rgba(16,14,24,.7))}
.story-card .story-poster>strong{z-index:2}
/* target style for homepage story title position */
.story-card .story-poster:after{height:68%;background:linear-gradient(to bottom,rgba(42,20,52,0),rgba(42,20,52,.82))}
.story-card .story-poster>strong{top:auto;bottom:8px;display:-webkit-box;overflow:hidden;padding:0 5px;line-height:1.3;text-align:center;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;transform:none}
/* homepage story title uses cover-derived tint */
.story-card .story-poster>.poster-tint{position:absolute;z-index:1;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;filter:blur(34px) saturate(1.28) brightness(.76) contrast(.96);opacity:.98;transform:scale(1.16);-webkit-mask-image:linear-gradient(to bottom,transparent 22%,rgba(0,0,0,.3) 42%,rgba(0,0,0,.82) 68%,#000 100%);mask-image:linear-gradient(to bottom,transparent 22%,rgba(0,0,0,.3) 42%,rgba(0,0,0,.82) 68%,#000 100%);pointer-events:none}
.story-card .story-poster:after{z-index:2;height:56%;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.02) 42%,rgba(0,0,0,.08) 74%,rgba(0,0,0,.16) 100%)}
.story-card .story-poster>strong{z-index:3}
/* homepage cover titles refined type */
.story-card .story-poster>strong{font-family:"Source Han Serif SC","Noto Serif CJK SC","Noto Serif SC","STSong","SimSun",serif;font-weight:700;letter-spacing:.025em;line-height:1.38;text-shadow:0 1px 2px rgba(0,0,0,.46),0 0 8px rgba(0,0,0,.18)}
/* rank panels switch without layout flash */
.rank-panel[hidden]{display:none!important}
/* homepage section badges: keep the label inside the cover and avoid the legacy corner marker */
.home-section-latest .story-card .poster-corner,.home-section-hot .story-card .poster-corner{display:none}
.home-section-latest .story-card .story-poster:before,.home-section-hot .story-card .story-poster:before{position:absolute;z-index:4;top:7px;left:7px;padding:4px 8px;border:0;border-radius:3px;color:#fff;font-family:inherit;font-size:9px;font-weight:800;line-height:1;letter-spacing:.06em;text-shadow:0 1px 3px rgba(0,0,0,.6);box-shadow:none;background:rgba(255,255,255,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none}
.home-section-latest .story-card .story-poster:before{content:"New"}
.home-section-hot .story-card .story-poster:before{content:"Hot"}
/* latest and hot listing covers share the homepage cover treatment without badges */
.listing-page .comic-card{position:relative;display:block;min-width:0;overflow:hidden;aspect-ratio:.64;border-radius:7px;background:#ececf0}
.listing-page .comic-card .comic-poster{position:absolute;inset:0;display:block;width:100%;height:100%;aspect-ratio:auto;overflow:hidden;border-radius:0;background:#ececf0}
.listing-page .comic-card .comic-poster>img:not(.poster-tint){position:relative;z-index:0;width:100%;height:100%;max-width:none;object-fit:cover}
.listing-page .comic-card .comic-poster>.poster-tint{position:absolute;z-index:1;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;filter:blur(34px) saturate(1.28) brightness(.76) contrast(.96);opacity:.98;transform:scale(1.16);-webkit-mask-image:linear-gradient(to bottom,transparent 22%,rgba(0,0,0,.3) 42%,rgba(0,0,0,.82) 68%,#000 100%);mask-image:linear-gradient(to bottom,transparent 22%,rgba(0,0,0,.3) 42%,rgba(0,0,0,.82) 68%,#000 100%);pointer-events:none}
.listing-page .comic-card .comic-poster:after{content:"";position:absolute;z-index:2;left:0;right:0;bottom:0;height:56%;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.02) 42%,rgba(0,0,0,.08) 74%,rgba(0,0,0,.16) 100%)}
.listing-page .comic-card .comic-poster>strong{position:absolute;z-index:3;right:8px;bottom:8px;left:8px;display:-webkit-box;overflow:hidden;margin:0;padding:0 5px;color:#fff;font-family:"Source Han Serif SC","Noto Serif CJK SC","Noto Serif SC","STSong","SimSun",serif;font-size:12px;font-weight:700;line-height:1.38;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.46),0 0 8px rgba(0,0,0,.18);text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.listing-page .comic-card>strong,.listing-page .comic-card .poster-corner{display:none}
@media(max-width:560px){.listing-page .comic-card .comic-poster>strong{right:6px;bottom:7px;left:6px;font-size:11px}}
/* keep the top menu stable on touch devices: horizontal navigation only */
.global-nav{overflow-x:auto;overflow-y:hidden;touch-action:pan-x;overscroll-behavior-x:contain;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}
.global-nav a,.global-nav .more-menu{height:38px;min-height:38px;align-self:stretch}
/* primary text navigation refined to match the reference site's header menu */
.global-nav{height:48px;display:flex;align-items:center;justify-content:center;gap:28px;white-space:nowrap;border-top:0;overflow-x:auto;overflow-y:hidden;padding:0;color:#b0afb5;font-size:16px;font-weight:700;line-height:48px;touch-action:pan-x;overscroll-behavior-x:contain;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}
.global-nav a,.global-nav .more-menu{position:relative;display:inline-flex;align-items:center;height:48px;min-height:48px;align-self:center;flex:0 0 auto;padding:0;color:#b0afb5;font-size:16px;font-weight:700;line-height:48px}
.global-nav a.is-active,.global-nav a:hover,.global-nav .more-menu:hover{color:#17171a;background:transparent}
.global-nav a.is-active::after{content:"";position:absolute;right:0;bottom:0;left:0;height:3px;background:#17171a}
.global-nav a:focus,.global-nav a:active,.global-nav .more-menu:focus,.global-nav .more-menu:active{outline:none;box-shadow:none}
@media(max-width:560px){.global-nav{height:46px;gap:24px;font-size:15px;line-height:46px}.global-nav a,.global-nav .more-menu{height:46px;min-height:46px;font-size:15px;line-height:46px}}
/* search heading direction A: quiet inline hierarchy */
.search-page .collection-heading{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:17px}
.search-page .collection-heading .page-title{margin:0;font-size:27px;line-height:1.15}
.search-page .collection-heading .search-keyword{color:var(--muted);font-size:12px}
.search-page .collection-heading .search-keyword:before{content:"“"}.search-page .collection-heading .search-keyword:after{content:"”"}
@media(max-width:560px){.search-page .collection-heading{gap:8px}.search-page .collection-heading .page-title{font-size:23px}.search-page .collection-heading .search-keyword{font-size:11px}}
.episode-list li.is-jump-target{background:#f2eafa;box-shadow:inset 3px 0 0 var(--purple)}.episode-list li.is-jump-target strong{color:var(--purple)}
.catalog-tools .episode-count{margin:0 3px 0 0;color:#92909a;font-size:12px;white-space:nowrap}
/* dynamic tag index */
.tag-shell{max-width:760px;margin:0 auto}.tag-summary{margin:-5px 0 20px;color:var(--muted);font-size:13px}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px 8px}.tag-chip{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 13px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);font-weight:700;transition:background .16s ease,border-color .16s ease,transform .16s ease}.tag-chip:hover{background:var(--soft);border-color:#cfcdd6;transform:translateY(-1px)}.tag-chip small{min-width:18px;padding:2px 5px;border-radius:10px;background:var(--soft);color:var(--muted);font-size:10px;text-align:center}.tag-empty{display:flex;align-items:center;justify-content:center;min-height:180px;color:var(--muted)}.tag-empty[hidden],.tag-source{display:none}@media(max-width:560px){.tag-shell{max-width:none}.tag-cloud{gap:8px 6px}.tag-chip{min-height:34px;padding:0 11px;font-size:12px}}
/* independent tag result list */
.tag-result-shell{margin-bottom:26px}.tag-result-heading{align-items:flex-start}.tag-result-summary{margin:6px 0 0;color:var(--muted);font-size:13px}.tag-reset{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:12px;white-space:nowrap}.tag-reset:hover{background:var(--soft);color:var(--ink)}.tag-result-grid{margin-top:20px}.tag-result-empty{margin-top:18px}.tag-page .pagination{margin-top:24px}.tag-page .pagination a,.tag-page .pagination span{min-height:34px}
/* align tag list pagination */
.tag-page .pagination{min-height:34px}.tag-page .pagination a,.tag-page .pagination span{display:inline-flex;align-items:center;justify-content:center;min-height:34px;line-height:1}.reader-page.reader-bars-user-hidden .reader-header,.reader-page.reader-bars-user-hidden .reader-pagination{transform:translate(-50%,-110%);pointer-events:none}.reader-page.reader-bars-user-hidden .reader-pagination{transform:translate(-50%,110%)}.reader-header .reader-back i{display:inline-flex;transform:rotate(180deg)}.reader-pagination{min-height:58px;padding:8px 18px calc(8px + env(safe-area-inset-bottom));}.reader-pagination .reader-action{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-width:0;color:inherit;font-size:12px;line-height:1;text-decoration:none}.reader-pagination .reader-prev{justify-content:flex-start}.reader-pagination .reader-next{justify-content:flex-end}.reader-pagination .reader-action i{font-size:18px;line-height:1}.reader-pagination .reader-prev i{transform:rotate(180deg)}.reader-pagination .reader-action.is-disabled{opacity:.58}.reader-pagination .reader-catalog{color:#d4d2d8}
.reader-pagination .reader-action-empty{visibility:hidden;pointer-events:none}
.reader-pagination .reader-catalog .ri-menu-line{display:inline-block;position:relative;width:18px;height:14px;flex:0 0 18px;line-height:14px;font-size:0}.reader-pagination .reader-catalog .ri-menu-line:before{content:"";position:absolute;left:0;top:1px;width:18px;height:2px;background:currentColor;border-radius:1px;box-shadow:0 5px 0 currentColor,0 10px 0 currentColor}
.reader-content img{display:block;width:100%;height:auto;margin:0;border:0}
@media (max-width:700px){.reader-content{width:100%;max-width:888px;padding:0}.reader-content img{display:block;width:100%;height:auto;margin:0}}
@media (max-width:700px){.reader-page,.reader-shell,.reader-content{width:100%;max-width:none;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.reader-content .comicpage,.reader-content .comicpage>div{width:100%;margin:0;padding:0}.reader-content .comic-image,.reader-content img{display:block;width:100%;max-width:none;height:auto;margin:0;padding:0;border:0;vertical-align:top}}
.reader-header .reader-back{display:flex;align-items:center;justify-content:center;width:46px;height:46px;flex:0 0 46px;margin-left:-5px}.reader-header .reader-back i{font-size:24px;line-height:1}.reader-pagination{min-height:64px;padding:8px 14px calc(8px + env(safe-area-inset-bottom))}.reader-pagination .reader-action{min-height:48px;padding:0 6px;font-size:14px;font-weight:700;line-height:1.2}.reader-pagination .reader-action i{font-size:21px}.reader-pagination .reader-catalog .ri-menu-line{width:21px;height:16px;flex-basis:21px;line-height:16px}.reader-pagination .reader-catalog .ri-menu-line:before{width:21px;box-shadow:0 6px 0 currentColor,0 12px 0 currentColor}
.reader-header .reader-back{width:42px;height:42px;flex-basis:42px;margin-left:-3px}.reader-header .reader-back i{font-size:22px}.reader-pagination{min-height:60px;padding:7px 14px calc(7px + env(safe-area-inset-bottom))}.reader-pagination .reader-action{min-height:44px;padding:0 5px;gap:6px;font-size:13px;font-weight:600;line-height:1.2}.reader-pagination .reader-action i{font-size:19px}.reader-pagination .reader-catalog .ri-menu-line{width:20px;height:15px;flex-basis:20px;line-height:15px}.reader-pagination .reader-catalog .ri-menu-line:before{width:20px;box-shadow:0 5px 0 currentColor,0 10px 0 currentColor}