:root{--color-bg: #eef0f4;--color-surface: #ffffff;--color-surface-2: #f8f9fb;--color-text: #1a1d21;--color-text-muted: #5c6168;--color-border: #e1e4ea;--color-border-strong: #cfd4dc;--brand: #c63026;--brand-hover: #a32820;--brand-soft: rgba(198, 48, 38, .08);--accent: #ff7a2e;--accent-hover: #e86a22;--nav-dark: #141824;--nav-dark-hover: #252a3d;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 8px 24px rgba(15, 23, 42, .08);--shadow-lg: 0 16px 48px rgba(15, 23, 42, .1);--radius: 10px;--radius-sm: 6px;--max: 1280px;--font: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--reader-font: "Source Han Serif SC", "Noto Serif SC", "Songti SC", "SimSun", serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased}body{margin:0;font-family:var(--font);font-size:15px;line-height:1.55;color:var(--color-text);background:var(--color-bg)}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-hover);text-decoration:underline}.portal-topbar{background:var(--nav-dark);color:#c6cad8;font-size:12px}.portal-topbar__inner{max-width:var(--max);margin:0 auto;padding:6px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap}@media (max-width: 520px){.portal-topbar__inner{flex-wrap:wrap}}.portal-topbar__left,.portal-topbar__right{display:flex;align-items:center;gap:14px}.portal-topbar__right{margin-left:auto}.portal-topbar a{color:#dfe3ec;text-decoration:none}.portal-topbar a:hover{color:#fff;text-decoration:underline}.portal-topbar__sep{opacity:.35;-webkit-user-select:none;user-select:none}.portal-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.portal-header__inner{max-width:var(--max);margin:0 auto;padding:14px 16px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px 24px}@media (min-width: 1100px){.portal-header__inner{padding:16px 24px}}@media (max-width: 680px){.portal-header__inner{grid-template-columns:1fr;gap:14px}}.portal-header__inner--search-route .portal-search-spacer{min-height:44px}@media (min-width: 681px){.portal-header__inner--search-route{grid-template-columns:auto minmax(0,1fr) auto}.portal-header__inner--search-route .portal-search-spacer{display:block}}.portal-logo{display:flex;flex-direction:column;gap:2px;text-decoration:none!important;color:var(--color-text)!important}.portal-logo:hover{opacity:.92}.portal-logo__name{font-size:22px;font-weight:800;letter-spacing:.04em;background:linear-gradient(120deg,var(--brand) 0%,#8b2018 55%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.portal-logo__tag{font-size:11px;color:var(--color-text-muted);letter-spacing:.12em;text-transform:uppercase}.portal-search{display:flex;max-width:560px;width:100%;margin:0 auto;border:1px solid var(--color-border-strong);border-radius:999px;overflow:hidden;background:var(--color-surface-2);transition:border-color .15s,box-shadow .15s}.portal-search:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);background:#fff}.portal-search input{flex:1;border:none;background:transparent;padding:10px 16px;font-size:14px;outline:none}.portal-search button{border:none;background:linear-gradient(135deg,var(--brand) 0%,#9e231c 100%);color:#fff;font-weight:600;padding:0 22px;cursor:pointer}.portal-search button:hover{filter:brightness(1.05)}@media (min-width: 1000px){.portal-search{max-width:640px}}.portal-header__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.portal-nav{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.portal-nav__inner{max-width:var(--max);margin:0 auto;padding:0 12px;display:flex;align-items:stretch;gap:2px;overflow-x:visible;scrollbar-width:thin}@media (max-width: 640px){.portal-nav__inner{padding:0 8px;overflow-x:auto;-webkit-overflow-scrolling:touch}}.portal-nav__link{flex:0 0 auto;padding:12px 14px;font-size:14px;font-weight:500;color:var(--color-text-muted);text-decoration:none!important;border-bottom:2px solid transparent;white-space:nowrap}.portal-nav__link:hover{color:var(--brand);background:var(--brand-soft)}.portal-nav__link--active{color:var(--brand);border-bottom-color:var(--brand);font-weight:700}.portal-main{width:100%;max-width:var(--max);margin:0 auto;padding:22px 20px 52px;flex:1}@media (min-width: 1100px){.portal-main{padding:26px 24px 56px}}@media (max-width: 520px){.portal-main{padding:16px 12px 44px}}.portal-footer{background:#0f1117;color:#8b909d;font-size:13px;padding:28px 16px 36px}.portal-footer__inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px}@media (min-width: 900px){.portal-footer__inner{grid-template-columns:180px 180px minmax(0,1fr);align-items:start}}.portal-footer h4{margin:0 0 10px;color:#c5cad6;font-size:13px;font-weight:600}.portal-footer a{color:#9aa3b2;display:block;margin-bottom:6px;text-decoration:none!important}.portal-footer a:hover{color:#fff}.portal-footer__copy{max-width:var(--max);margin:24px auto 0;padding-top:20px;border-top:1px solid #252a36;text-align:center;font-size:12px;color:#6b7280}.portal-footer__note{display:block;color:#8b909d;line-height:1.65;font-size:13px;word-break:keep-all;overflow-wrap:break-word}.portal-footer__note a{display:inline;margin-bottom:0;color:#aab3c2}.portal-footer__note a:hover{color:#fff}.page-hero{border-radius:var(--radius);background:linear-gradient(125deg,#1e2433,#2d3548 40%,#4a1f1c);color:#fff;padding:28px 26px;margin-bottom:22px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;right:-40px;top:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(255,122,46,.35) 0%,transparent 70%);pointer-events:none}.page-hero h1{margin:0 0 8px;font-size:24px;font-weight:800;position:relative}.page-hero p{margin:0;opacity:.88;font-size:14px;max-width:520px;position:relative}@media (min-width: 1000px){.page-hero{padding:32px 30px}.page-hero h1{font-size:28px}.page-hero p{font-size:15px;max-width:560px}}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.section-head__title{margin:0;font-size:18px;font-weight:800;color:var(--color-text)}.section-head__sub{margin:4px 0 0;font-size:12px;color:var(--color-text-muted)}.section-head__more{font-size:13px;font-weight:600;color:var(--color-text-muted);text-decoration:none!important;white-space:nowrap}.section-head__more:hover{color:var(--brand)}@media (min-width: 1000px){.section-head__title{font-size:19px}.section-head__sub{font-size:13px}}.book-cover{width:100%;aspect-ratio:3 / 4;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #ffffff1f}.book-cover__initial{font-size:28px;font-weight:800;color:#ffffffeb;text-shadow:0 2px 8px rgba(0,0,0,.35);-webkit-user-select:none;user-select:none}.book-card{display:grid;grid-template-columns:88px 1fr;gap:14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:12px 14px;box-shadow:var(--shadow-sm);transition:box-shadow .18s,border-color .18s}.book-card:hover{box-shadow:var(--shadow-md);border-color:#d8dce5}.book-card--dense{grid-template-columns:72px 1fr;padding:10px 12px}.book-card__cover-link{display:block;text-decoration:none!important}.book-card__cover{max-height:118px}.book-card--dense .book-card__cover{max-height:96px}.book-card__title{margin:0 0 6px;font-size:16px;font-weight:700;line-height:1.35}.book-card__title a{color:var(--color-text);text-decoration:none!important}.book-card__title a:hover{color:var(--brand)}.book-card__meta{margin:0 0 6px;font-size:13px;color:var(--color-text-muted)}.book-card__genre{color:var(--brand);font-weight:600}.book-card__author{color:var(--color-text-muted);text-decoration:none!important}.book-card__author:hover{color:var(--brand)}.book-card__desc{margin:0 0 8px;font-size:13px;color:var(--color-text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-card__stats{margin:0;font-size:12px;color:#8b9099}.book-card__dot{margin:0 4px;opacity:.5}.home-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}@media (max-width: 768px){.home-columns{grid-template-columns:1fr}}.rank-board{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:14px 14px 10px;box-shadow:var(--shadow-sm)}.rank-board__title{margin:0 0 12px;font-size:15px;font-weight:800;color:var(--color-text);padding-bottom:8px;border-bottom:2px solid var(--brand)}.rank-board ol{margin:0;padding:0;list-style:none}.rank-board li{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px dashed var(--color-border);font-size:13px}.rank-board li:last-child{border-bottom:none}.rank-num{flex:0 0 22px;font-weight:800;font-size:12px;line-height:1.4;text-align:center;border-radius:4px;background:var(--color-surface-2);color:var(--color-text-muted)}.rank-num--1{background:linear-gradient(135deg,#ffd76a,#f0a830);color:#4a3200}.rank-num--2{background:linear-gradient(135deg,#e8e8e8,#c0c4cc);color:#333}.rank-num--3{background:linear-gradient(135deg,#e8c4a8,#c49a6c);color:#4a3020}.rank-board a{color:var(--color-text);font-weight:600;text-decoration:none!important}.rank-board a:hover{color:var(--brand)}.rank-board .sub{display:block;font-size:12px;color:var(--color-text-muted);font-weight:400;margin-top:2px}.book-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}@media (min-width: 1000px){.book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1320px){.book-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width: 560px){.book-grid{grid-template-columns:1fr}}.search-page{display:block}@media (min-width: 1024px){.search-page{min-height:min(560px,calc(100vh - 320px))}}.search-page__main{min-width:0}.search-page__form{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch}.search-page__form input[type=search]{flex:1 1 280px;min-width:0}.search-page__aside{display:none}@media (min-width: 1024px){.search-page{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:start}.search-page__aside{display:block;position:sticky;top:12px}}.search-aside{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px 16px 14px;box-shadow:var(--shadow-sm)}.search-aside h3{margin:0 0 12px;font-size:14px;font-weight:800;color:var(--color-text)}.search-aside a{display:block;padding:8px 0;font-size:14px;font-weight:600;color:var(--color-text);text-decoration:none!important;border-bottom:1px dashed var(--color-border)}.search-aside a:last-child{border-bottom:none}.search-aside a:hover{color:var(--brand)}.auth-shell{width:100%;display:flex;justify-content:center}.auth-shell__inner{width:100%;max-width:440px}@media (min-width: 900px){.auth-shell__inner{max-width:520px}}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px}.toolbar label{font-size:13px;color:var(--color-text-muted)}.rank-table{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.rank-table__row{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--color-border)}.rank-table__row:last-child{border-bottom:none}.rank-table__row:hover{background:var(--color-surface-2)}.rank-table__head{font-size:12px;font-weight:700;color:var(--color-text-muted);background:#f0f2f6}@media (min-width: 900px){.rank-table__row{padding:14px 20px;gap:16px}.rank-table__head{font-size:13px}}.rank-table__row .rank-num{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.pill-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.pill-tabs button{border:1px solid var(--color-border);background:#fff;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;color:var(--color-text-muted);cursor:pointer}.pill-tabs button:hover{border-color:var(--brand);color:var(--brand)}.pill-tabs button.is-active{background:var(--brand);border-color:var(--brand);color:#fff}.reader{max-width:760px;margin:0 auto}@media (min-width: 1100px){.reader{max-width:820px}.reader__title{font-size:28px}.reader__body{font-size:1.12rem;line-height:1.92;padding:32px 40px 40px}}.reader__crumb{font-size:13px;color:var(--color-text-muted);margin-bottom:12px}.reader__title{font-size:26px;font-weight:800;margin:0 0 20px;text-align:center;letter-spacing:.02em}.reader__body{font-family:var(--reader-font);font-size:1.08rem;line-height:1.9;color:#2c2c2c;background:#faf9f7;border:1px solid #e8e4dc;border-radius:var(--radius);padding:28px 32px 36px;box-shadow:var(--shadow-sm);white-space:pre-wrap}.reader__nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;flex-wrap:wrap}.reader__nav a{font-weight:600}.detail-layout{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:start}@media (min-width: 1100px){.detail-layout{grid-template-columns:220px 1fr;gap:28px}}@media (max-width: 640px){.detail-layout{grid-template-columns:1fr}}.detail-cover .book-cover{max-width:200px;margin:0 auto}.detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.toc-list{list-style:none;margin:0;padding:0;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);max-height:480px;overflow:auto}.toc-list li{border-bottom:1px solid var(--color-border)}.toc-list li:last-child{border-bottom:none}.toc-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;font-size:14px}.toc-line:hover{background:var(--brand-soft)}.toc-line__main{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;color:var(--color-text);font-weight:600;text-decoration:none!important}.toc-line__main:hover{color:var(--brand)}.toc-list .order{font-size:12px;color:var(--color-text-muted);flex:0 0 auto}.site-main{max-width:var(--max);margin:0 auto;padding:20px 16px 48px}.card-qm,.card{background:var(--color-surface);border-radius:var(--radius);border:1px solid var(--color-border);padding:16px 18px;box-shadow:var(--shadow-sm)}.muted{color:var(--color-text-muted);font-size:.9rem}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.error{color:#b42318;font-size:.9rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);font-size:14px;font-weight:600;color:var(--color-text);cursor:pointer;text-decoration:none!important}.btn:hover{border-color:var(--brand);color:var(--brand)}.btn-primary{background:linear-gradient(135deg,var(--brand) 0%,#9e231c 100%);border-color:transparent;color:#fff!important}.btn-primary:hover{filter:brightness(1.06);color:#fff!important}.btn-danger{background:#b42318;border-color:transparent;color:#fff!important}.btn-accent{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);border:none;color:#fff!important}.btn-accent:hover{filter:brightness(1.05)}.grid-novels{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}@media (min-width: 1000px){.grid-novels{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1320px){.grid-novels{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width: 560px){.grid-novels{grid-template-columns:1fr}}.btn-qm-primary{display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;border-radius:999px;border:none;background:var(--accent);color:#fff!important;font-weight:700;font-size:14px;cursor:pointer;text-decoration:none!important}.btn-qm-primary:hover{background:var(--accent-hover);color:#fff!important}.btn-qm-ghost{display:inline-flex;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.45);background:#ffffff14;color:#fff!important;cursor:pointer;font-weight:600}.btn-qm-ghost:hover{background:#ffffff2e}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{display:inline-flex;padding:4px 12px;border-radius:999px;background:var(--color-surface-2);border:1px solid var(--color-border);font-size:13px;color:var(--color-text);text-decoration:none!important}.chip:hover{border-color:var(--brand);color:var(--brand)}.writer-page{max-width:920px;margin:0 auto}@media (min-width: 1100px){.writer-page{max-width:1080px}}@media (min-width: 1400px){.writer-page{max-width:1180px}}.writer-crumb{font-size:13px;color:var(--color-text-muted);margin-bottom:16px}.writer-crumb a{font-weight:600}.writer-section{margin-bottom:18px}.writer-section h3{margin:0 0 14px;font-size:15px;font-weight:800;color:var(--color-text);padding-left:10px;border-left:3px solid var(--brand)}.field{margin-bottom:16px}.field:last-child{margin-bottom:0}.field-label{display:block;font-size:13px;font-weight:600;color:var(--color-text-muted);margin-bottom:6px}.field-hint{display:block;font-size:12px;color:var(--color-text-muted);margin-top:6px;line-height:1.45}.editor-textarea{min-height:360px;line-height:1.75;font-size:15px}@media (min-width: 1000px){.editor-textarea{min-height:420px;font-size:16px}}.studio-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--color-border)}.studio-toolbar__meta{font-size:13px;color:var(--color-text-muted)}.studio-toolbar__actions{display:flex;flex-wrap:wrap;gap:10px}.writer-hero{background:linear-gradient(120deg,#1a1f2e,#2a2235);color:#fff;border-radius:var(--radius);padding:16px 20px;margin-bottom:20px;box-shadow:var(--shadow-md)}.writer-hero__label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.75;margin-bottom:4px}.writer-hero__title{margin:0;font-size:18px;font-weight:800}.writer-hero a{color:#fff;text-decoration:underline;text-underline-offset:3px}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skeleton{border-radius:var(--radius);background:linear-gradient(110deg,#e8eaef,#f4f5f8,#e8eaef 90%);background-size:200% 100%;animation:skeleton-shimmer 1.2s ease-in-out infinite}.skeleton--hero{height:120px;margin-bottom:18px}.skeleton--card{height:200px}.skeleton--toolbar{height:40px;max-width:360px;margin:16px 0 20px}.skeleton--book{height:118px}.home-skeleton__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:8px}@media (max-width: 768px){.home-skeleton__cols{grid-template-columns:1fr}}.home-skeleton__grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}@media (min-width: 1000px){.home-skeleton__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1320px){.home-skeleton__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width: 560px){.home-skeleton__grid{grid-template-columns:1fr}}.page-skeleton{width:100%;min-height:200px}.section-head--skeleton{border-bottom:1px solid var(--color-border);padding-bottom:8px;margin-bottom:14px}.skeleton--title-block{height:22px;width:min(55%,240px)}.skeleton--sub-block{height:14px;width:min(85%,400px)}.skeleton-pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.skeleton--pill{width:88px;height:36px;border-radius:999px}.rank-table--skeleton .rank-table__row--skeleton:hover{background:transparent}.rank-skeleton__mid{min-width:0}.skeleton--rank-num{width:30px;height:30px;border-radius:50%;justify-self:center}.skeleton--line{height:14px;border-radius:6px;display:block}.skeleton--line-xs{height:12px;max-width:160px}.skeleton--line-sm{width:42%;max-width:200px}.skeleton--line-lg{width:68%;max-width:320px}.skeleton--line-full{width:100%}.skeleton--line-stat{width:56px;height:14px;justify-self:end}.skeleton--line-toc{width:min(70%,360px);height:14px}.skeleton--line-title{height:26px;width:min(90%,400px)}.skeleton--cover{width:100%;max-width:200px;height:268px;margin:0 auto}.detail-layout--skeleton{padding:20px}.skeleton--actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.toc-list--skeleton .toc-line--skeleton{cursor:default}.toc-list--skeleton .toc-line--skeleton:hover{background:transparent}.skeleton--reader-title{height:32px;width:min(72%,400px)}.reader__body--skeleton{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.skeleton--para{height:15px;margin:0}.reader__nav--skeleton{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.skeleton--h2{height:22px;width:120px;margin:8px 0 12px}.skeleton--btn{width:96px;height:38px;border-radius:8px;display:inline-block}.skeleton--btn-primary{width:112px}.skeleton--btn-block{width:100%;height:44px;border-radius:8px}.row--skeleton .skeleton--btn{width:100px}.profile-card--skeleton{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-start;margin-bottom:20px;padding:18px}.skeleton--avatar{width:72px;height:72px;border-radius:50%;flex-shrink:0}.auth-card--skeleton{padding:20px 20px 22px}.skeleton--field{height:44px;width:100%;border-radius:8px}.private-route-skeleton{padding:28px 24px}.manga-card--skeleton{padding:18px 20px;line-height:0}.qm-link{color:var(--color-text);text-decoration:none!important}.qm-link:hover{color:var(--brand)}#root{width:100%;min-height:100vh}.container{max-width:var(--max, 1280px);margin:0 auto;padding:0 1rem 2rem}textarea{min-height:160px;resize:vertical}input[type=text],input[type=email],input[type=password],input[type=search],select,textarea{width:100%;max-width:100%;padding:.5rem .65rem;border:1px solid var(--color-border-strong, #cfd4dc);border-radius:var(--radius-sm, 6px);font:inherit}