/* Immortal / luminous glass theme */
:root{--paper:#edf2ff;--ink:#1d2d50;--muted:#4d5d7b;--accent:#4056bd;--soft:rgba(255,255,255,.46);--line:rgba(91,115,164,.22);--surface-raised:rgba(255,255,255,.54);--surface-subtle:rgba(243,247,255,.52);--control-border:#7184b0;--focus-color:#4056bd;--glass:linear-gradient(135deg,rgba(255,255,255,.66),rgba(255,255,255,.26));--glass-border:rgba(255,255,255,.82);--glass-shadow:0 14px 46px rgba(61,88,151,.09),inset 0 1px 0 rgba(255,255,255,.95);--glass-blur:18px}
body{background:linear-gradient(145deg,#eef3ff 0%,#e8effb 42%,#f0eafb 75%,#e3f3f9 100%);color:var(--ink);isolation:isolate;overflow-x:clip}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 10% 12%,#bcebf18c,transparent 43%),radial-gradient(ellipse at 92% 25%,#c4b5f59c,transparent 42%),radial-gradient(ellipse at 52% 85%,#e9c7eb80,transparent 50%)}
.ambient-light{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none;contain:strict}
.ambient-light>span{position:absolute;border-radius:50%;filter:blur(50px);opacity:.48}
.ambient-light>span:nth-child(1){width:390px;height:390px;left:-160px;top:14%;background:#a0e3ef}
.ambient-light>span:nth-child(2){width:430px;height:430px;right:-140px;top:23%;background:#b7a2ef}
.ambient-light>span:nth-child(3){width:420px;height:420px;left:32%;bottom:-180px;background:#efc4e7}
::selection{background:#a9bafb99;color:#182443}
:is(.header,.topic-strip,.note-row,.project-card,.about,.closing,dialog){background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(135%);backdrop-filter:blur(var(--glass-blur)) saturate(135%)}
.header{width:min(1320px,calc(100% - 48px));margin-top:16px;padding-inline:24px;top:12px;border-radius:24px;height:80px;border-bottom-color:var(--glass-border)}
.brand{font-family:Georgia,serif;color:#263960}
.brand-icon{background:linear-gradient(140deg,#437bd7,#8160c8);color:#fff;box-shadow:0 5px 14px #577bd230,inset 0 1px 0 #ffffff80;border:1px solid #ffffffb3}
.brand-icon>span{color:#f3f1ff}.brand-dot{color:#6872c9}
.header nav a:after{border-radius:4px;background:linear-gradient(90deg,#5279d3,#976acb)}
.header nav a:hover,.header-link:hover{color:#3d54b2}
.hero{padding-block:76px 64px;gap:44px}
.hero h1{font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-weight:650;letter-spacing:-2px;line-height:1.4}
.hero .eyebrow{display:inline-flex;max-width:100%;background:rgba(255,255,255,.38);border:1px solid #ffffffbf;border-radius:999px;padding:8px 12px;font-size:10px;letter-spacing:1px;box-shadow:inset 0 1px 0 #ffffff80;color:var(--muted)}
.live-dot{background:#6979d9;box-shadow:0 0 0 4px #7c9dea1c;flex-shrink:0}
.marked{color:#4e5bb4}.marked svg{stroke:#8b82cf;stroke-width:2;opacity:.6}
.hero-description,.hero-footnote{color:var(--muted)}
.dark,.filter.active{background:linear-gradient(120deg,#3e60c5,#6e56bd);border:1px solid #ffffff70;color:#fff;box-shadow:0 8px 22px #5763b42e,inset 0 1px 0 #ffffff40;border-radius:14px}
.dark:hover{background:linear-gradient(120deg,#3657b7,#614bad);box-shadow:0 10px 26px #5763b43d}
.hero-actions .text-link{border:1px solid #ffffffc2;border-radius:14px;padding:10px 16px;background:#ffffff3d;box-shadow:inset 0 1px 0 #ffffffad}
.glass-scene{position:relative;isolation:isolate;width:100%;max-width:100%;height:440px;min-width:0;left:0;transform:none!important;margin:0!important;overflow:visible!important}
.glass-scene::before{display:none}
.scene-orb{position:absolute;border-radius:50%;z-index:-1}
.orb-cyan{width:190px;height:190px;left:3%;top:145px;background:radial-gradient(circle at 30% 25%,#d9fcff,#8bcfea 68%,#b4b4ef);box-shadow:inset -12px -12px 30px #5d91c820,inset 12px 12px 22px #ffffff90,0 20px 55px #759ac32b}
.orb-violet{width:150px;height:150px;right:0;top:22px;background:radial-gradient(circle at 35% 25%,#f9efff,#c0a6ed 64%,#8e98df);box-shadow:inset -14px -12px 24px #745fbd33,0 16px 40px #8f73cc25}
.glass-slab{position:absolute;border:1px solid #ffffffe6;border-radius:26px;background:linear-gradient(125deg,#ffffffa8,#ffffff24);-webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%);box-shadow:0 18px 45px #7284b826,inset 1px 1px 0 #ffffff,inset -1px -1px 0 #ffffff66}
.slab-back{width:78%;height:292px;top:62px;left:17%;transform:rotate(9deg);background:linear-gradient(130deg,#d1e5ff44,#e8d4ff55)}
.slab-front{width:80%;height:306px;top:76px;left:5%;transform:rotate(-7deg);padding:18px 20px;text-align:center}
.slab-chrome{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #ffffff9c;padding-bottom:13px;font:7px/1.5 monospace;letter-spacing:.6px;color:#526791}
.slab-chrome>span:first-child{display:flex;gap:4px}.slab-chrome i{width:5px;height:5px;border-radius:50%;background:#91a7d0}.slab-chrome i:nth-child(2){background:#b8a1d5}.slab-chrome i:nth-child(3){background:#9ac6ca}
.infinity-mark{width:85%;height:125px;margin-top:16px;overflow:visible}.infinity-mark path{stroke:url(#infinity-gradient);stroke-width:14;fill:none;stroke-linecap:round;filter:drop-shadow(0 4px 3px #7a7ace35)}
.slab-title{font:italic 21px/1.4 Georgia,serif;letter-spacing:-.6px;color:#3a4e7a;margin:6px -6px 8px}.slab-caption{font-size:12px;color:#56698c;margin:0}.slab-lines{display:flex;gap:6px;justify-content:center;margin-top:20px}.slab-lines span{width:35px;height:3px;border-radius:3px;background:#96b6da70}.slab-lines span:nth-child(2){background:#b1a0d570}.slab-lines span:nth-child(3){background:#96c3cb70}
.floating-chip{position:absolute;display:grid;grid-template-columns:25px 1fr;gap:2px 10px;border:1px solid #fffffff2;border-radius:16px;background:linear-gradient(120deg,#ffffffb5,#ffffff50);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:13px 16px;box-shadow:0 12px 24px #778bb51f,inset 0 1px 0 #fff;color:#3f5480}
.floating-chip>span{grid-row:1/3;font:italic 22px/1.7 Georgia;color:#7183b6}.floating-chip strong{font-size:14px;font-weight:500}.floating-chip small{font-size:9px;color:#5c7093}.chip-learn{top:31px;left:0;transform:rotate(-5deg)}.chip-make{right:-6px;bottom:35px;transform:rotate(5deg)}.scene-caption{position:absolute;bottom:0;left:16%;font:10px/1.8 monospace;letter-spacing:3px;color:#65789b}
.topic-strip{width:min(1180px,calc(100% - 96px));margin-inline:auto;border-radius:22px;overflow:hidden}
.topic-strip>.wrap{width:100%;padding:18px 24px;justify-content:center;align-items:center;text-align:center}.topic-links>a{border-color:transparent;border-radius:13px}.topic-links>a:hover{background:#ffffff66;border-color:#fff}.topic-links>a>span{color:var(--accent)}
.section-heading h2,.about-heading h2{font-family:"Segoe UI","Microsoft YaHei",sans-serif;font-weight:600;letter-spacing:-1.3px}.section-heading .eyebrow,.about-heading .eyebrow{color:#526587}.section-side{color:var(--muted)}
.notes-toolbar{border-bottom-color:var(--line)}.filter{border:1px solid transparent;border-radius:12px;color:var(--muted)}.filter.active{color:white}.filter:not(.active):hover{background:#ffffff80;border-color:#fff;color:var(--ink)}
.search{border-color:#91a3c9;background:linear-gradient(120deg,#ffffff90,#ffffff4a);border-radius:13px;box-shadow:inset 0 1px 0 #ffffffbf}.search:focus-within{border-color:#526bc2;box-shadow:0 0 0 3px #718be32b,inset 0 1px 0 #fff}.search button:hover{background:#ffffff80}.search kbd{border-color:#8ca0c57a;color:#4c6084}
.results-summary{margin-bottom:17px}.note-row{border-radius:22px;margin-bottom:16px;padding-inline:23px;gap:18px;transition:box-shadow .22s,background-color .22s,border-color .22s}.note-row:hover{background:linear-gradient(135deg,#ffffffbf,#ffffff66);box-shadow:0 18px 42px #7284b82b,inset 0 1px 0 #fff;border-color:#fff}.note-open{padding-block:24px}.note-index{color:#7081a1}.note-category{color:#4a5eb7}.note-save{border-color:#8498bf;background:#ffffff5c;color:#4d6087;box-shadow:inset 0 1px 0 #fff}.note-save:hover,.note-save.is-saved{border-color:#6a7cc5;background:#dde5ffb3;color:#4659ad}.note-open:focus-visible{outline-offset:3px}.note-row h3{font-weight:550}.note-row p,.note-meta{color:var(--muted)}mark{background:#bac8f780;border-radius:4px}
.empty-symbol{border-color:#ffffffdd;background:#ffffff7a;color:#5e72ac;box-shadow:var(--glass-shadow)}.empty-state .button{border-radius:13px}.notes-footnote .sample-notice,.notes-footnote>p:last-child{color:#4e6083}
.projects-section{background:transparent;border:0}.project-card{border-radius:24px;border-color:#ffffffbf;box-shadow:var(--glass-shadow)}.project-card:hover{box-shadow:0 22px 55px #6f82b72b,inset 0 1px 0 #fff}.project-card:focus-within{outline-color:#526bc2}
.project-visual{background:linear-gradient(140deg,#c6e6f44d,#d3cdf359);border-bottom:1px solid #ffffff80}.visual-two{background:linear-gradient(140deg,#ead8f557,#d6dff65c)}.visual-three{background:linear-gradient(140deg,#c8e8ed5e,#d8ddfc5c)}
.mock-window,.mock-board{background:linear-gradient(125deg,#ffffffa1,#ffffff5c);border:1px solid #ffffffed;border-radius:14px;box-shadow:8px 12px 0 #8396bc0d,0 15px 25px #7185b31f}.mock-bar{color:#6e82a8;border-color:#ffffffbd}.mock-title{color:#4c6190}.mock-columns i{background:#b7c9ec80}.mock-columns i:nth-child(2){background:#baaee680}.mock-columns i:nth-child(3){background:#a2d3e080}.mock-book{background:linear-gradient(135deg,#ffffffe0,#d8dcf775);border-left-color:#a2aad6;box-shadow:5px 5px 0 #bfc8e7a6,11px 17px 0 #8294b51a;border-radius:5px;color:#6272ac}.book-spark{color:#9583c5}.mock-board i{background:#c8d9f36b;border-color:#b4c4df}.mock-board i:nth-child(2){background:#d8ceef80}.mock-board i:nth-child(3){background:#b9dfe780}.mock-board i:after{background:#8d9fc3}
.project-body h3{font-weight:550}.project-status{color:#506183;border-color:#9bacce;background:#ffffff4d;border-radius:8px}.project-status:before{background:#7587c5}.project-bottom{border-color:var(--line)}.project-bottom button{color:#425cb5}.project-bottom button:hover{color:#6c4ca7}
.about{border-radius:28px;padding:48px;margin-bottom:72px;gap:64px}.about-copy{color:var(--muted)}.about-copy .about-intro{color:var(--ink)}.values{border-color:var(--line)}.values i{color:#6174b5}
.closing{border-radius:26px;padding:35px 40px;color:var(--ink);background:linear-gradient(120deg,#ffffffa3,#d9d4f552)}.closing-star{color:#7b84cb}.closing p{font-family:"Segoe UI","Microsoft YaHei",sans-serif;font-weight:500}.closing div>span{color:#506185}.closing>a{background:#ffffff59;color:#4e63ad;border-color:#899ec5;box-shadow:inset 0 1px 0 #fff}
.footer{color:var(--muted)}.footer-brand{color:#2c406a}.back-to-top{background:#ffffffa6;border-color:#8da1c7;box-shadow:var(--glass-shadow);backdrop-filter:blur(14px)}.back-to-top:hover{background:#dbe4ff;color:#314b9c}
dialog{--glass-blur:24px;background:linear-gradient(130deg,#f7fbffcf,#eef1ffbf);border:1px solid #ffffffee;border-radius:28px;box-shadow:0 30px 110px #31476e4f,inset 0 1px 0 #fff;overflow-x:hidden;overflow-anchor:none;overscroll-behavior:contain;scrollbar-color:#8f9fc5 #ffffff20}
dialog::backdrop{background:#596d943d;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
.reader-top{background:linear-gradient(130deg,#ffffffb5,#eef2ffad);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:#8f9fc536;border-radius:26px 26px 0 0}.reader-top>button:hover{background:#ffffffbf}.reading-track{background:#91a3ca20}#reading-progress{background:linear-gradient(90deg,#5a8ed4,#9a6bc3)}
.reader-tools{border-color:#93a5c747}.reading-options>button{border-color:#8f9fc5;background:#ffffff3d;color:#506184;border-radius:11px}.reading-options>button[aria-pressed="true"]{background:linear-gradient(135deg,#4667c6,#7960bd);border-color:#6572bf;color:white;box-shadow:inset 0 1px 0 #ffffff61,0 4px 10px #6078b51f}.reader-actions button{border-color:#8f9fc5;background:#ffffff4a;border-radius:11px;color:#394f80}.reader-actions button:hover{background:#ffffffb3;border-color:#7389b9}.reader-actions .is-saved{color:#485db4;background:#e1e8ffa1}
#reader-content{backface-visibility:hidden;transform-style:preserve-3d}#reader-content>h2,#reader-content .article-section h3{font-family:"Segoe UI","Microsoft YaHei",sans-serif;font-weight:550;color:#26395e}#reader-content p,#reader-content li{color:#3e5274}#reader-content .article-meta{color:#506184;border-color:var(--line)}#reader-content .article-intro{color:#304971}#reader-content .demo-label{background:#dfe6fa80;color:#51658e;border:1px solid #ffffffb3;border-radius:8px}
.article-toc{background:linear-gradient(135deg,#ffffff78,#e5eafd45);border-color:#a1b4d573;border-radius:18px;box-shadow:inset 0 1px 0 #ffffffb3}.article-toc .toc-label{color:#506184}.article-toc a{color:#3e5686;border-radius:9px}.article-toc a:hover{background:#ffffffa1;color:#3b55ac}#reader-content .article-section ul{background:#dce6fb5e;border-color:#8fa8d5;border-radius:0 12px 12px 0}#reader-content .article-section h3{letter-spacing:-.5px}.article-end{border-color:var(--line)}.article-end>span{color:#8990c9}#reader-content .article-end>p{color:#506184}
.reader-related{border-color:var(--line)}.reader-related button{border-color:#9dafd280;border-radius:16px;background:linear-gradient(130deg,#ffffff80,#eef1ff3d);box-shadow:inset 0 1px 0 #fff;color:#304971}.reader-related button:hover{background:#ffffffe0;border-color:#8a9dcd}.reader-related button>span{color:#53678b}.reader-bottom{border-color:var(--line);color:#53678b}.reader-bottom>button{color:#405bb2}.share-fallback{border-radius:10px;border-color:#8fa3c8;background:#ffffffad;color:var(--ink)}
#toast{background:linear-gradient(130deg,#f3f8fff2,#e1e6fff2);color:#243c69;border-color:#ffffffed;border-radius:16px;box-shadow:0 14px 35px #485f9640;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.motion-toggle{min-height:44px;padding:10px 14px;border:1px solid #8b9dc4;border-radius:12px;background:#ffffff50;color:#41547b;font-size:13px;line-height:1.6;white-space:nowrap}.motion-toggle:hover{background:#ffffffa1}.motion-toggle:disabled{cursor:default;opacity:1;color:#53678b}.reduce-motion,.reduce-motion body{scroll-behavior:auto}.reduce-motion *,.reduce-motion *::before,.reduce-motion *::after{animation:none!important;transition:none!important}.reduce-motion .project-card:hover,.reduce-motion .hero-actions .button:hover{transform:none}
@media(max-width:1100px){.hero{gap:22px}.slab-title{font-size:18px}.slab-chrome{font-size:6px;letter-spacing:.1px}.glass-scene{height:410px}.slab-front{top:75px;height:285px;padding:16px}.slab-back{height:280px}.infinity-mark{height:115px}.scene-caption{font-size:9px;letter-spacing:2px}.about{gap:44px;padding:38px}}
@media(max-width:760px){
 :root{--glass-blur:14px;--header-clearance:110px}.header{width:calc(100% - 24px);padding-inline:18px;margin-top:12px;top:10px;border-radius:22px}.hero{padding-block:48px 40px;gap:30px}.hero h1{letter-spacing:-1px;font-size:clamp(34px,8.4vw,48px)}.hero .eyebrow{font-size:9px;line-height:1.8;letter-spacing:.5px;padding:7px 10px}.hero-actions{gap:12px;flex-wrap:wrap}.hero-actions .button{min-height:48px}.hero-actions .text-link{padding:10px 14px}.glass-scene{height:370px;width:100%;max-width:100%;margin:0!important;transform:none!important}.slab-front{width:80%;height:265px;top:65px;left:6%;padding:16px}.slab-back{width:76%;height:260px;left:17%;top:52px}.slab-chrome{font-size:6px;padding-bottom:11px}.infinity-mark{height:105px;margin-top:13px}.slab-title{font-size:20px;margin-top:4px}.slab-caption{font-size:11px}.slab-lines{margin-top:15px}.orb-cyan{width:160px;height:160px;left:0;top:125px}.orb-violet{width:130px;height:130px;right:0;top:7px}.floating-chip{padding:10px 13px;border-radius:14px;grid-template-columns:23px 1fr;gap:1px 8px}.floating-chip>span{font-size:20px}.floating-chip strong{font-size:13px}.floating-chip small{font-size:8px}.chip-learn{top:20px;left:0}.chip-make{right:-2px;bottom:18px}.scene-caption{bottom:1px;left:15%;font-size:9px;letter-spacing:2px}.topic-strip{width:calc(100% - 40px);border-radius:22px}.topic-strip>.wrap{padding:20px;width:100%;gap:14px}.topic-links>a{background:#ffffff40;border:1px solid #ffffffd9;border-radius:12px;padding:10px 12px}.section{padding-block:54px}.note-row{padding-inline:17px;border-radius:20px;gap:14px;margin-bottom:16px}.note-open{padding-block:25px}.note-save{margin-top:30px}.note-row h3{font-size:20px}.project-grid{gap:24px}.project-card{border-radius:24px}.project-visual{height:220px}.about{width:calc(100% - 40px);padding:28px;gap:22px;margin-top:0;margin-bottom:54px;border-radius:24px}.about-heading h2{font-size:29px}.closing{padding:28px 24px;border-radius:24px}.closing p{font-size:22px}.closing div>span{font-size:10px;letter-spacing:1px}.ambient-light>span:nth-child(1){width:280px;height:280px;left:-160px}.ambient-light>span:nth-child(2){width:300px;height:300px;right:-190px}.ambient-light>span:nth-child(3){width:260px;height:260px;left:0}dialog{border-radius:24px;max-height:94dvh;background:linear-gradient(135deg,#f7fbffed,#edf0ffdf);--glass-blur:18px}.reader-top{border-radius:22px 22px 0 0;background:#f3f7ffb8}.article-toc{border-radius:16px}.reader-related button{border-radius:16px}
}
@media(max-width:560px){:root{--header-clearance:140px}.header{min-height:108px;height:auto;padding-block:6px;padding-inline:14px}.header .brand{font-size:25px}.header nav a{font-size:14px}.hero-actions .text-link{font-size:14px}.slab-title{font-size:19px}.closing p{font-size:21px}.about .about-heading h2{font-size:27px}}
@media(max-width:390px){.glass-scene{height:345px}.slab-front{height:245px;top:68px;padding:14px}.slab-back{height:244px;top:51px}.infinity-mark{height:91px}.slab-title{font-size:17px}.slab-caption{font-size:10px}.slab-chrome{font-size:5px}.scene-caption{font-size:8px;letter-spacing:1.6px}.floating-chip{padding:9px 11px}.floating-chip strong{font-size:12px}.chip-make{bottom:9px}.topic-strip>.wrap{padding:17px}.topic-links>a{font-size:13px;padding:10px;gap:8px}.note-row{padding-inline:15px;gap:9px}.note-row h3{font-size:19px}.note-save{margin-top:29px;flex-basis:44px}.note-row p{font-size:15px}.about{padding:25px}.about .about-heading h2{font-size:25px}.closing p{font-size:19px}.closing div>span{font-size:9px}}
@media(max-width:350px){.hero h1{font-size:31px}.glass-scene{height:320px}.slab-front{height:228px}.slab-back{height:228px}.slab-title{font-size:15px}.slab-caption{font-size:9px}.infinity-mark{height:80px}.slab-lines{margin-top:11px}.scene-caption{left:10%;bottom:0}.floating-chip{gap:0 6px;padding:8px 10px;grid-template-columns:20px 1fr}.floating-chip>span{font-size:18px}.chip-learn{top:22px}.chip-make{bottom:5px}.topic-links>a{font-size:12px;padding:9px;gap:5px}.topic-links .ui-icon{width:17px;height:17px}}
@media(prefers-reduced-transparency:reduce){:is(.header,.topic-strip,.note-row,.project-card,.about,.closing,dialog){background:#f3f6ff;backdrop-filter:none;-webkit-backdrop-filter:none}.ambient-light{opacity:.3}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:is(.header,.topic-strip,.note-row,.project-card,.about,.closing,dialog){background:rgba(244,247,255,.97)}.glass-slab,.floating-chip{background:rgba(241,247,255,.88)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}.project-card:hover,.hero-actions .button:hover{transform:none}}

/* A real outgoing page and incoming page share one glass card stack. */
#reader{overflow-x:hidden}
.reader-stage{position:relative;isolation:isolate;perspective:1400px;margin:46px 28px 28px;padding-bottom:16px}
.stack-sheet{position:absolute;inset:0 0 16px;pointer-events:none;transform-origin:center top;border:1px solid #ffffffed;border-radius:22px;background:linear-gradient(125deg,#e8f5ffb3,#dedaff5c);box-shadow:0 10px 30px #5c75aa12,inset 0 1px 0 #fff}
.stack-sheet-far{z-index:0;transform:translate3d(14px,-24px,0) scale(.96);background:linear-gradient(125deg,#d4e9ff99,#dacdfc66)}
.stack-sheet-near{z-index:1;transform:translate3d(7px,-12px,0) scale(.98)}
.reader-stage>#reader-content,.page-ghost{position:relative;z-index:3;padding:34px 32px 30px;border:1px solid #fffffff0;border-radius:22px;background:linear-gradient(130deg,#ffffffc2,#f2f4ff82);box-shadow:0 16px 40px #546a9a14,inset 0 1px 0 #fff;transform-origin:center top;backface-visibility:hidden}
.reader-stage.is-turning>#reader-content{will-change:transform,opacity}
.page-ghost{position:absolute;inset:0 0 auto;z-index:4;max-height:min(640px,80dvh);overflow:hidden;pointer-events:none;user-select:none;background:linear-gradient(130deg,#f8fcfff2,#e8ecffd9);will-change:transform,opacity}
.page-ghost>h2{font:550 36px/1.6 "Segoe UI","Microsoft YaHei",sans-serif;letter-spacing:-1px;margin:0 0 10px;color:#26395e;text-wrap:balance;overflow-wrap:anywhere}
.page-ghost .demo-label{font-size:12px;line-height:1.6;padding:4px 9px;margin-bottom:18px;background:#dfe6fa80;color:#51658e;border:1px solid #ffffffb3;border-radius:8px}
.page-ghost p,.page-ghost li{font-size:17px;line-height:1.95;color:#3e5274}
.page-ghost .article-meta{font-size:13px;line-height:1.8;color:#506184;padding-bottom:24px;margin-bottom:25px;border-bottom:1px solid var(--line)}
.page-ghost .article-intro{font-size:19px;line-height:1.9;margin-bottom:28px;color:#304971}
.page-ghost h3{font:550 26px/1.6 "Segoe UI","Microsoft YaHei",sans-serif;margin-block:32px 16px;color:#26395e}
.reduce-motion .page-ghost{display:none}
@media(max-width:760px){.reader-stage{margin:40px 12px 20px}.stack-sheet{border-radius:18px}.stack-sheet-far{transform:translate3d(6px,-22px,0) scale(.96)}.stack-sheet-near{transform:translate3d(3px,-11px,0) scale(.98)}.reader-stage>#reader-content,.page-ghost{padding:26px 18px;border-radius:18px}.page-ghost>h2{font-size:29px;line-height:1.65;letter-spacing:-.5px}.page-ghost .article-intro{font-size:18px;margin-bottom:26px}.page-ghost .article-meta{line-height:1.9;padding-bottom:21px;margin-bottom:23px}}
@media(max-width:390px){.reader-stage>#reader-content,.page-ghost{padding-inline:12px}.page-ghost>h2{font-size:27px}}
@media(max-width:350px){.page-ghost>h2{font-size:25px}}
@media(prefers-reduced-transparency:reduce){.reader-stage>#reader-content,.page-ghost{background:#f6f8ff}.stack-sheet{background:#dfe6f8}}