@font-face{font-family:FZYuan;src:url('fonts/fz-zhunyuan.woff2') format('woff2');font-weight:400 500;font-style:normal;font-display:swap}@font-face{font-family:FZYuan;src:url('fonts/fz-cuyuan.woff2') format('woff2');font-weight:600 900;font-style:normal;font-display:swap}
:root{--red:#ad3b23;--deep:#8b2c1b;--gold:#d2a457;--paper:#fffae9;--ink:#655749;--font:FZYuan,'方正准圆_GBK','FZZhunYuan-M02',sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#f7efce;color:var(--ink);font-family:var(--font)}body{height:100svh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 20% 20%,#ffffe8,#e1c58f)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #b28131;outline-offset:4px}.reader{width:min(100%,550px);height:100svh;max-height:980px;display:flex;flex-direction:column;background:#a73e23;box-shadow:0 10px 100px #78452245;position:relative;overflow:hidden}.toolbar{position:absolute;left:0;top:0;width:100%;height:62px;z-index:4;pointer-events:none;padding:24px 0 0 26px;display:flex;align-items:flex-start;justify-content:space-between}.brand{font:700 19px var(--font);text-decoration:none;color:#ae5529;pointer-events:auto;letter-spacing:2px}.brand span{display:block;font:10px var(--font);letter-spacing:2px;margin-top:4px}.toolbar button{pointer-events:auto;border:1px solid #e6b27c;color:#fff6db;background:linear-gradient(100deg,#d77c45,#a83e26);min-width:89px;height:39px;font:700 21px var(--font);letter-spacing:3px;padding:0 12px 0 19px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,8% 50%);box-shadow:inset 0 0 0 3px #e6ae7277}.toolbar button span{display:none}#stage{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#d5b270 #fff6da;background:#a33d22;outline:0}.page{min-height:100%;position:relative;animation:pagein .32s ease-out;background-color:#ae4226;background-image:url('assets/journal-gold-red.webp');background-position:top center;background-size:100% auto;background-repeat:no-repeat;padding-bottom:12px}.cover{min-height:100%;height:100%;background-size:cover;background-position:center top;overflow:hidden;padding:0 0 20px;display:flex;flex-direction:column;isolation:isolate}.cover-top{position:relative;z-index:1;color:#af592c;font-size:12px;letter-spacing:2px;text-align:center;margin:98px 0 0;padding-left:28px}.vertical-label{position:absolute;top:155px;left:31px;writing-mode:vertical-rl;color:#a84925;font-size:14px;letter-spacing:4px;line-height:1.5;height:300px;z-index:1}.cover-title{z-index:1;position:relative;text-align:center;margin:12px auto 0;padding-right:4px}.cover-title h1{font:700 clamp(95px,28vw,150px)/1.04 var(--font);writing-mode:vertical-rl;margin:0 auto;color:#a4351d;letter-spacing:4px;text-shadow:1px 2px 0 #ffedc5}.cover-title p{font-size:16px;color:#a64e25;letter-spacing:3px;margin:18px 0 0}.cover-bottom{z-index:1;position:relative;text-align:center;margin-top:auto;color:#fff2d0;padding:90px 0 15px}.edition{display:inline-block;border:1.5px solid #edc98a;background:#9b371c9c;padding:5px 12px;border-radius:3px;font-size:16px;letter-spacing:2px;margin:0}.cover-subtitle{font-size:12px;letter-spacing:2px;margin:13px 0 18px}.start{border:1px solid #f1ca91b8;background:linear-gradient(100deg,#e2a64d88,#ba502e66);color:#fff6e1;border-radius:28px;box-shadow:inset 0 1px 8px #ffedbb22,0 3px 13px #802d2333;padding:11px 22px;font-size:16px;letter-spacing:1px;position:relative}.chevrons{font-size:24px;line-height:16px;vertical-align:-2px;margin-right:8px;text-shadow:0 0 8px #fff7a5}.start::before{content:'';position:absolute;inset:-13px auto -13px -13px;width:60px;border-radius:50%;background:radial-gradient(circle,#fff5a57a,transparent 70%);pointer-events:none}.inner-hero{height:290px;position:relative;padding:95px 24px 0;text-align:right;color:#ae4325;background-image:url('assets/journal-gold-red.webp');background-size:100% 670px;background-position:center -190px;background-repeat:no-repeat}.inner-hero h1{font:700 35px/1.4 var(--font);margin:0 0 11px auto;display:table;position:relative;padding:0 0 7px;max-width:85%;text-shadow:1px 1px #fff6d766}.inner-hero h1::after{content:'';position:absolute;left:0;right:0;bottom:0;height:5px;border-radius:5px;background:#a64429}.inner-hero p{font:400 20px/1.7 var(--font);margin:10px 0 0 auto;max-width:75%}.inner-hero small{display:block;font-size:11px;letter-spacing:1px;margin-top:6px;color:#a85a33}.paper-panel{position:relative;margin:-4px 23px 0;padding:12px 22px 18px;border:3px solid #d5ad81;border-radius:10px;background:linear-gradient(130deg,#fffdf3f5,#fffaf0f2);box-shadow:0 2px 0 #8d2b1c,0 3px 16px #752b192a;z-index:1}.intro{font:400 15px/1.9 var(--font);color:#7d6d5e;margin:8px 0 0;padding:8px 0 16px;border-bottom:1px solid #d5bfa377}.article{display:grid;grid-template-columns:24px 1fr;gap:7px;padding:17px 0 16px;border-bottom:1px solid #d9cbb38a;scroll-margin-top:20px}.article .num{font:400 14px/1.8 var(--font);color:#b07a3b;padding-top:3px}.article a{font:400 19px/1.75 var(--font);display:block;text-decoration:none;color:#6b5948;transition:color .2s}.article a:hover{color:#b14123;text-decoration:underline;text-underline-offset:4px}.issue{font-size:10px;line-height:1.6;display:flex;justify-content:space-between;gap:9px;margin-top:10px;color:#a18562}.issue span:last-child{color:#b7683c;white-space:nowrap}.panel-note{text-align:center;color:#b69d7a;font-size:10px;margin:17px 0 0}.page-foot{display:flex;justify-content:space-between;margin:19px 28px 5px;color:#f2d4a1;font-size:10px;letter-spacing:1px}.controls{height:45px;flex:none;display:flex;align-items:center;justify-content:center;gap:24px;background:#9f371e;color:#f9dfac;z-index:2;padding-bottom:env(safe-area-inset-bottom)}.controls button{border:0;background:none;color:#f9dfac;font:24px var(--font);width:40px;height:40px}.controls button:disabled{opacity:.25;cursor:default}.progress-wrap{width:130px;text-align:center}.progress{height:1px;background:#efca9255;margin:4px 0 5px}.progress i{display:block;height:100%;background:#f5d89a;transition:width .3s}#page-number{font-size:10px;letter-spacing:2px;color:#efd5a5}.toc-entry{display:flex;align-items:center;gap:13px;width:100%;border:0;border-bottom:1px solid #d4bea0a6;background:none;padding:24px 0;text-align:left;color:#a34b2d}.large{font-size:27px;flex:none;width:33px;color:#bf8a4a}.toc-entry strong{font:700 20px/1.6 var(--font);display:block}.toc-entry small{font:400 12px/1.7 var(--font);color:#9e8364;display:block;margin-top:5px}.arr{margin-left:auto;color:#af582e;font-size:26px}.contents-note{font-size:12px;line-height:2;color:#aa8b68;margin:20px 0 3px}.contents .inner-hero h1{font-size:42px}.desktop-note{position:absolute;left:calc(50% + 335px);top:50%;transform:translateY(-50%);color:#a56637;white-space:nowrap}.desktop-note>span{font-size:54px;color:#c39c65}.desktop-note p{font-size:24px;line-height:1.9;letter-spacing:6px}.desktop-note small{font-size:10px;letter-spacing:2px}dialog{border:3px solid #d6ad79;padding:24px;max-width:450px;width:calc(100% - 35px);max-height:85svh;background:#fff9e8;color:#725d48;border-radius:9px;box-shadow:0 20px 70px #3f211340;font-family:var(--font)}dialog::backdrop{background:#60271780;backdrop-filter:blur(4px)}.dialog-head{position:sticky;top:-24px;z-index:1;background:#fff9e8;display:flex;align-items:center;justify-content:space-between;padding:3px 0 16px;border-bottom:1px solid #d7bc91}.dialog-head h2{font:700 28px var(--font);color:#a74425;margin:0}.dialog-head button{background:none;border:0;color:#a74425;font-size:30px}.menu-chapter{font:700 18px var(--font);color:#ab4b2b;margin:25px 0 10px}.menu-article{display:block;border:0;background:none;text-align:left;font:400 14px/1.8 var(--font);padding:9px 0;color:#7b644e;width:100%}.menu-article:hover{color:#b34428;text-decoration:underline}@keyframes pagein{from{opacity:.5;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}@media(max-width:1050px){.desktop-note{display:none}}@media(max-width:600px){body{display:block}.reader{width:100%;max-height:none;box-shadow:none}.toolbar{padding-top:20px}.brand{font-size:18px}.cover-top{font-size:11px}.cover-title h1{font-size:clamp(95px,27vw,138px)}.inner-hero{height:275px;background-size:100% 630px;background-position:center -185px;padding-top:95px}.inner-hero h1{font-size:32px}.inner-hero p{font-size:19px}.paper-panel{margin-left:21px;margin-right:21px;padding:10px 17px 18px}.article a{font-size:18px}.article{padding:16px 0}.intro{font-size:14px}}@media(max-width:360px){.inner-hero h1{font-size:28px}.inner-hero p{font-size:16px}.paper-panel{margin-left:13px;margin-right:13px;padding-left:13px;padding-right:13px}.article a{font-size:17px}.vertical-label{left:22px}.toc-entry strong{font-size:18px}}@media(max-height:720px){.cover-top{margin-top:83px}.cover-title{margin-top:10px}.cover-title h1{font-size:100px}.cover-title p{font-size:14px;margin-top:12px}.cover-bottom{padding-top:40px;padding-bottom:8px}.cover-subtitle{margin:10px 0 12px}.vertical-label{top:135px;font-size:12px;height:250px}.edition{font-size:14px}.start{font-size:14px;padding:9px 17px}}@media(prefers-reduced-motion:reduce){.page{animation:none}.progress i{transition:none}}

.chapter,.contents{background-image:none;background-color:#ae4226}.vertical-label{height:auto;white-space:nowrap}
@font-face{font-family:FZBrush;src:url('fonts/fz-xingkai.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}.cover-title h1{writing-mode:horizontal-tb;line-height:0;font-size:0;text-shadow:none;letter-spacing:0}.brush-title{display:block;width:clamp(134px,42vw,205px);height:clamp(280px,78vw,370px);object-fit:contain;margin:auto;filter:drop-shadow(0 1px 0 #ffedc555)}.cover-title{margin-top:6px}.cover-title p{margin-top:10px}.inner-hero h1{font-family:FZBrush,var(--font);font-weight:400;font-size:42px}.inner-hero h1::after{height:7px;border-radius:0;clip-path:polygon(0 40%,7% 12%,26% 25%,47% 4%,68% 24%,91% 12%,100% 42%,95% 82%,63% 92%,33% 78%,4% 100%)}.arc-contents{height:100%;min-height:680px;background-color:#c51d14;background-image:url('assets/red-paper-grain.svg'),radial-gradient(ellipse at 20% 47%,#ef6952 0%,#db3426 37%,#bc160e 100%);overflow:hidden;padding-bottom:0}.arc-contents::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,#ffcf8c05,transparent 55%,#7d110d24)}.contents-label{position:absolute;left:10.7%;top:30%;color:#ffe0a0;text-align:center;width:50px;z-index:1}.contents-label h1{writing-mode:vertical-rl;font:400 48px/1 var(--font);letter-spacing:5px;margin:0 auto 14px}.contents-label p{font:700 15px/1 var(--font);letter-spacing:1px;writing-mode:vertical-rl;margin:0 auto}.directory-arc{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.directory-arc path{fill:none;stroke:#ffdb90;stroke-width:2}.directory-arc circle{fill:#ffdf99}.arc-nav{position:absolute;inset:0}.arc-item{position:absolute;display:flex;align-items:center;gap:6px;border:0;background:none;color:#ffe0a0;padding:10px 0;white-space:nowrap;font:400 clamp(18px,5.5vw,29px)/1.2 var(--font);text-align:left;transition:color .2s,transform .2s}.arc-item:hover{color:#fff7dc;transform:translateX(4px)}.arc-item span{margin-right:1px}.arc-item b{font:700 29px/1 var(--font);margin-left:2px}.arc-item:nth-child(1){left:40%;top:calc(10.53% - 23px)}.arc-item:nth-child(2){left:50%;top:calc(28.95% - 23px)}.arc-item:nth-child(3){left:52.5%;top:calc(48.03% - 23px)}.arc-item:nth-child(4){left:48.5%;top:calc(67.1% - 23px)}.arc-item:nth-child(5){left:36.5%;top:calc(86.18% - 23px)}.contents-edition{position:absolute;bottom:12px;right:18px;font:10px var(--font);letter-spacing:2px;color:#f5bd72}.back-cover{height:100%;min-height:680px;display:flex;align-items:center;flex-direction:column;text-align:center;color:#ffe3a6;padding:70px 25px 30px;background-image:linear-gradient(#a02417e0,#a02417c2 40%,#9527142b 70%),url('assets/red-paper-grain.svg'),url('assets/journal-gold-red.webp');background-size:100% 100%,320px 320px,cover;background-position:center,center,center bottom}.back-kicker{font:12px var(--font);letter-spacing:2px;margin-top:40px;color:#efc78d}.back-calligraphy{margin-top:65px;font:400 53px/1.5 FZBrush,var(--font);letter-spacing:9px;text-shadow:0 1px 1px #692112}.back-calligraphy p{margin:0}.back-calligraphy p+p{margin-left:35px}.back-rule{width:75px;height:3px;background:#f5cf87;margin:30px 0 23px;clip-path:polygon(0 30%,20% 0,80% 15%,100% 40%,90% 100%,30% 70%,5% 95%)}.back-sub{font:400 17px var(--font);letter-spacing:3px;margin:0}.back-colophon{margin-top:auto;padding-top:45px;font:12px/1.8 var(--font);letter-spacing:2px;color:#ffe4b9}.back-colophon p{margin:8px 0}.back-home{margin-top:22px;background:#9c3c2277;border:1px solid #f5cb8ba8;border-radius:22px;color:#ffe4af;padding:10px 23px;font:14px var(--font);letter-spacing:2px}.back-home span{margin-left:15px}@media(max-width:600px){.inner-hero h1{font-size:38px}.brush-title{width:173px;height:315px}.cover-title p{margin-top:6px}.back-calligraphy{font-size:47px;letter-spacing:5px}}@media(max-width:360px){.arc-item{font-size:18px;gap:3px}.arc-item b{font-size:24px}.contents-label h1{font-size:44px}.back-calligraphy{font-size:42px}}@media(max-height:720px){.brush-title{width:135px;height:250px}.cover-title{margin-top:2px}.cover-title p{margin-top:3px}.back-cover{min-height:600px;padding-top:50px}.back-calligraphy{margin-top:35px;font-size:44px}.back-kicker{margin-top:35px}.back-rule{margin-top:20px;margin-bottom:16px}.back-colophon{padding-top:20px}}

.reader:has(.arc-contents) .brand,.reader:has(.back-cover) .brand{color:#ffe0a0}
.arc-contents{background-image:url('assets/red-paper-grain.svg'),radial-gradient(ellipse at 20% 47%,#e23b30 0%,#cf160f 40%,#ad0c07 100%)}