@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;600;700&display=swap";:root{color-scheme:light;--page-bg: #f4f1ea;--page-bg-deep: #ece7dd;--surface: #faf8f3;--surface-raised: #fffefb;--card: var(--surface-raised);--ink: #262119;--ink-soft: #6d6254;--ink-faint: #a3978a;--line: #e4ddd0;--line-strong: #cec4b3;--accent: #b3402a;--accent-2: #c97a3e;--accent-3: var(--accent);--accent-soft: #f4e3db;--accent-deep: #8c2c1a;--accent-glow: rgba(179, 64, 42, .14);--success: #3f7457;--success-soft: #e2ede4;--shadow-soft: 0 18px 44px rgba(58, 44, 28, .08);--shadow-lift: 0 26px 60px rgba(58, 44, 28, .14);--gradient-accent: linear-gradient(135deg, #b3402a 0%, #c97a3e 100%);--gradient-surface: linear-gradient(160deg, #fffefb 0%, #f7f2e9 100%);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--content-width: 1120px;--reading-width: 740px;--header-height: 68px;--font-sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-serif: "Noto Serif SC", "Songti SC", serif;--mx: .5;--my: .5;--scrollp: 0}html[data-theme=dark]{color-scheme:dark;--page-bg: #15110c;--page-bg-deep: #100d09;--surface: #1d1811;--surface-raised: #241e15;--card: var(--surface-raised);--ink: #f1e9db;--ink-soft: #bcae9b;--ink-faint: #877a68;--line: #382f23;--line-strong: #554837;--accent: #e0876a;--accent-2: #e5a86b;--accent-3: var(--accent);--accent-soft: #452a1e;--accent-deep: #f4b094;--accent-glow: rgba(224, 135, 106, .18);--success: #7fbc9c;--success-soft: #22352a;--shadow-soft: 0 20px 50px rgba(0, 0, 0, .34);--shadow-lift: 0 28px 68px rgba(0, 0, 0, .5);--gradient-accent: linear-gradient(135deg, #e0876a 0%, #e5a86b 100%);--gradient-surface: linear-gradient(160deg, #241e15 0%, #1b1610 100%)}*{box-sizing:border-box}html{min-width:320px;background:var(--page-bg);scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-width:320px;min-height:100vh;margin:0;color:var(--ink);background:radial-gradient(880px 520px at 8% -6%,var(--accent-glow),transparent 62%),radial-gradient(720px 460px at 104% 12%,color-mix(in srgb,var(--accent-2) 10%,transparent),transparent 58%),linear-gradient(180deg,var(--page-bg) 0%,var(--page-bg-deep) 100%);background-attachment:fixed;font-family:var(--font-sans);font-size:16px;line-height:1.75;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}::selection{color:var(--surface-raised);background:var(--accent)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}:where(a,button,input):focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 52%,transparent);outline-offset:3px;border-radius:6px}img{max-width:100%}h1,h2,h3{margin:0;color:var(--ink);font-family:var(--font-serif);font-weight:600;letter-spacing:.012em;line-height:1.3}p{margin-top:0}input::placeholder{color:var(--ink-faint);opacity:1}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:color-mix(in srgb,var(--ink-faint) 55%,transparent);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 60%,transparent);background-clip:padding-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:min(var(--content-width),calc(100% - 40px));margin:0 auto;padding:40px 0 96px}.site-header{position:sticky;top:14px;z-index:20;display:flex;align-items:center;justify-content:space-between;width:min(var(--content-width),calc(100% - 40px));min-height:var(--header-height);margin:18px auto 0;padding:0 8px 0 22px;border:1px solid color-mix(in srgb,var(--line-strong) 62%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface-raised) 82%,transparent);box-shadow:0 12px 34px #30251a14;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4)}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);font-family:var(--font-serif);font-size:1.12rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}.brand:before{width:11px;height:11px;border-radius:4px;background:var(--gradient-accent);box-shadow:0 0 0 4px var(--accent-glow),0 3px 10px var(--accent-glow);content:"";transform:rotate(45deg)}.site-actions,.site-actions nav{display:flex;align-items:center}.site-actions{gap:8px}.site-actions nav{gap:2px}.site-actions nav a,.theme-toggle{position:relative;display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:0 16px;border:1px solid transparent;border-radius:999px;color:var(--ink-soft);background:transparent;font-size:.88rem;font-weight:500;cursor:pointer;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}.site-actions nav a:hover,.theme-toggle:hover{color:var(--accent-deep);border-color:color-mix(in srgb,var(--accent) 26%,var(--line));background:var(--accent-soft);transform:translateY(-1px)}.site-actions nav a.is-active{color:var(--accent-deep);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.theme-toggle{gap:8px;border-color:var(--line);background:color-mix(in srgb,var(--surface) 80%,transparent)}.theme-toggle-icon{font-size:1.05rem;line-height:1}.site-footer{width:min(var(--content-width),calc(100% - 40px));margin:0 auto;padding:40px 0;border-top:1px solid var(--line)}.site-footer-inner{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:22px}.site-footer-brand{display:grid;gap:6px;max-width:34ch}.site-footer-brand strong{font-family:var(--font-serif);font-size:1.06rem;letter-spacing:.04em}.site-footer-brand span{color:var(--ink-faint);font-size:.84rem;line-height:1.7}.site-footer-nav{display:flex;flex-wrap:wrap;gap:8px}.site-footer-nav a{display:inline-flex;min-height:38px;align-items:center;padding:0 13px;border:1px solid var(--line);border-radius:999px;color:var(--ink-soft);font-size:.82rem;transition:color .16s ease,border-color .16s ease,transform .16s ease}.site-footer-nav a:hover{color:var(--accent-deep);border-color:color-mix(in srgb,var(--accent) 34%,var(--line));transform:translateY(-1px)}.site-footer-note{width:100%;padding-top:18px;border-top:1px dashed var(--line);color:var(--ink-faint);font-size:.78rem;text-align:center;letter-spacing:.02em}.hero{padding:40px 0 10px}.hero-panel{position:relative;overflow:hidden;padding:clamp(28px,5vw,56px);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--gradient-surface);box-shadow:var(--shadow-soft)}.hero-panel:before{position:absolute;top:-120px;right:-80px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 68%);content:"";pointer-events:none}.hero-panel:after{position:absolute;right:64px;bottom:-150px;width:260px;height:260px;border:1.5px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:50%;content:"";pointer-events:none}.hero-kicker,.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;padding:5px 12px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:999px;color:var(--accent-deep);background:color-mix(in srgb,var(--accent-soft) 72%,transparent);font-family:var(--font-sans);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.hero h1{font-size:clamp(2.1rem,5vw,3.5rem);letter-spacing:.015em;line-height:1.22}.hero-copy,.desc{max-width:62ch;margin:16px 0 0;color:var(--ink-soft);font-size:1.02rem;line-height:1.85}.badge{display:inline-flex;min-height:28px;align-items:center;gap:5px;padding:3px 11px;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));border-radius:999px;color:var(--accent-deep);background:var(--accent-soft);font-size:.76rem;font-weight:600;line-height:1.4;letter-spacing:.03em;white-space:nowrap}.meta{color:var(--ink-faint);font-size:.82rem;font-variant-numeric:tabular-nums}.section-block{margin-top:44px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}.section-title{position:relative;padding-left:16px;font-size:clamp(1.32rem,3vw,1.8rem)}.section-title:before{position:absolute;top:.22em;bottom:.18em;left:0;width:4px;border-radius:999px;background:var(--gradient-accent);content:""}.section-note{color:var(--ink-faint);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}.card{position:relative;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--gradient-surface);box-shadow:0 8px 22px #30251a0d;transition:transform .22s cubic-bezier(.2,.7,.3,1),border-color .22s ease,box-shadow .22s ease}.card:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));box-shadow:var(--shadow-lift);transform:translateY(-4px)}.series-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.series-card{display:grid;gap:12px;padding:22px;overflow:hidden}.series-card:after{position:absolute;inset:0 0 auto;height:3px;background:var(--gradient-accent);opacity:0;content:"";transition:opacity .22s ease}.series-card:hover:after{opacity:1}.series-card h2{font-size:1.16rem;transition:color .18s ease}.series-card:hover h2{color:var(--accent-deep)}.series-card p{margin:0;color:var(--ink-soft);font-size:.92rem;line-height:1.8}.series-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.series-bar{height:3px;margin-top:4px;border-radius:999px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 10%,transparent))}.reading-shell{--reading-size: 1.14rem;--reading-leading: 2.1}.reading-toolbar{position:sticky;top:96px;z-index:10;display:flex;align-items:center;justify-content:space-between;width:min(var(--reading-width),calc(100% - 40px));min-height:50px;margin:8px auto 22px;padding:5px;border:1px solid color-mix(in srgb,var(--line-strong) 58%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface-raised) 88%,transparent);box-shadow:0 10px 28px #30251a12;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3)}.reading-toolbar-group{display:flex;align-items:center;gap:5px}.reading-toolbar a,.reading-toolbar button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;padding:0 13px;border:1px solid transparent;border-radius:999px;color:var(--ink-soft);background:transparent;font-size:.82rem;font-weight:500;cursor:pointer;transition:color .16s ease,background .16s ease,border-color .16s ease}.reading-toolbar a:hover,.reading-toolbar button:hover{color:var(--accent-deep);border-color:color-mix(in srgb,var(--accent) 26%,var(--line));background:var(--accent-soft)}.reading-progress{position:fixed;top:0;left:0;z-index:50;width:calc(var(--reading-progress, 0) * 100%);height:3px;background:var(--gradient-accent);box-shadow:0 0 12px var(--accent-glow);transition:width .1s linear}.reading{width:min(var(--reading-width),calc(100% - 40px));margin:0 auto;padding:40px 0 88px;color:var(--ink)}.reading-header{position:relative;padding-bottom:36px;text-align:left}.reading-header:after{display:block;width:100%;height:1px;margin-top:34px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 8%,var(--line)) 55%,transparent);content:""}.reading-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px}.reading h1{max-width:18em;margin-bottom:14px;font-size:clamp(2.05rem,5vw,3.15rem);letter-spacing:.015em;line-height:1.32;text-wrap:balance}.reading-content{padding-top:38px;font-family:var(--font-serif);font-size:var(--reading-size);line-height:var(--reading-leading);letter-spacing:.02em}.reading-content p{margin:0 0 1.15em;text-align:justify;text-indent:2em;text-wrap:pretty}.reading-content>h1:first-child{display:none}.reading-content h2,.reading-content h3{margin:2.3em 0 .9em;font-size:1.32em;letter-spacing:.02em}.reading-content blockquote{position:relative;margin:1.9em 0;padding:1.1em 1.35em 1.1em 1.5em;border-left:3px solid var(--accent);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--ink-soft);background:color-mix(in srgb,var(--accent-soft) 48%,transparent)}.reading-content blockquote p{text-indent:0}.reading-content code{padding:.12em .36em;border-radius:6px;color:var(--accent-deep);background:var(--accent-soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em}.reading-content hr{width:42%;margin:2.8em auto;border:0;border-top:1px solid var(--line-strong)}.pager{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin-top:60px;padding-top:26px;border-top:1px solid var(--line)}.pager a{display:inline-flex;min-height:48px;align-items:center;gap:8px;padding:0 18px;border:1px solid var(--line);border-radius:999px;color:var(--ink-soft);background:var(--gradient-surface);font-size:.88rem;font-weight:500;transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.pager a:hover{color:var(--accent-deep);border-color:color-mix(in srgb,var(--accent) 46%,var(--line));background:var(--accent-soft);box-shadow:0 12px 28px var(--accent-glow);transform:translateY(-2px)}.pager a:first-child{justify-self:start}.pager a:first-child:before{content:"←";opacity:.75}.pager a:last-child{justify-self:end}.pager a:last-child:after{content:"→";opacity:.75}.reading-continue{display:flex;align-items:center;gap:10px;margin-top:34px;padding:15px 18px;border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink-soft);background:color-mix(in srgb,var(--surface) 88%,var(--accent-soft));font-size:.86rem}.reading-continue:before{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--gradient-accent);box-shadow:0 0 0 4px var(--accent-glow);content:""}.reading-continue strong{color:var(--ink)}.list-hero,.serial-list-hero,.short-list-hero{position:relative;overflow:hidden;margin-bottom:16px;padding:clamp(26px,4vw,44px);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--gradient-surface);box-shadow:var(--shadow-soft)}.list-hero:before{position:absolute;top:-140px;right:-100px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 68%);content:"";pointer-events:none}.list-hero h1,.serial-list-hero h1,.short-list-hero h1{margin:.2rem 0 .5rem;font-size:clamp(1.95rem,4.2vw,2.8rem)}.stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.stats span{padding:5px 13px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:999px;color:var(--ink-soft);background:color-mix(in srgb,var(--surface-raised) 70%,transparent);font-size:.8rem;font-variant-numeric:tabular-nums}.list-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.list-toolbar input{flex:1;min-width:220px;min-height:46px;padding:0 18px;border:1px solid var(--line-strong);border-radius:999px;outline:0;color:var(--ink);background:var(--surface-raised);font-size:.92rem;transition:border-color .18s ease,box-shadow .18s ease}.list-toolbar input:focus{border-color:color-mix(in srgb,var(--accent) 52%,var(--line));box-shadow:0 12px 30px var(--accent-glow)}.toolbar-right{display:flex;align-items:center;gap:8px;color:var(--ink-faint);font-size:.82rem;font-variant-numeric:tabular-nums}.toolbar-right button{min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:999px;color:var(--ink-soft);background:var(--surface-raised);font-size:.82rem;font-weight:500;cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease,transform .16s ease}.toolbar-right button:hover:not(:disabled){color:var(--accent-deep);border-color:color-mix(in srgb,var(--accent) 36%,var(--line));background:var(--accent-soft);transform:translateY(-1px)}.toolbar-right button:disabled{opacity:.42;cursor:not-allowed}.list-empty{margin:16px 0 0;padding:18px 20px;border:1px dashed var(--line-strong);border-radius:var(--radius-md);color:var(--ink-soft);background:var(--surface)}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.hero-panel,.section-block{animation:fade-up .52s cubic-bezier(.2,.7,.3,1) both}.section-block{animation-delay:60ms}@media(max-width:760px){.container{width:min(100% - 28px,var(--content-width));padding-top:26px}.site-header{top:8px;width:calc(100% - 28px);min-height:60px;margin-top:10px;padding-left:15px}.brand{font-size:1rem}.site-actions nav a,.theme-toggle{min-height:40px;padding:0 11px;font-size:.8rem}.theme-toggle-label{display:none}.site-actions nav{gap:0}.site-footer{width:calc(100% - 28px)}.site-footer-inner{flex-direction:column;align-items:center;text-align:center}.site-footer-brand{justify-items:center}.series-list{grid-template-columns:1fr}.reading-toolbar{top:78px;width:calc(100% - 28px)}.reading-toolbar .reading-toolbar-extra{display:none}.reading{width:calc(100% - 28px);padding-top:24px}.reading-content{line-height:2.05}.pager{grid-template-columns:1fr 1fr}.pager a:nth-child(2){grid-column:1 / -1;grid-row:1;justify-self:center}.pager a:first-child,.pager a:last-child{justify-self:stretch;justify-content:center}.pager a:first-child{grid-column:1;grid-row:2}.pager a:last-child{grid-column:2;grid-row:2}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important}}
