@font-face{font-family:Ma Shan Zheng;font-style:normal;font-weight:400;font-display:swap;src:url(https://sanguo-jiangweige-fonts-1379320306.cos.ap-shanghai.myqcloud.com/MaShanZheng-Regular.ttf) format("truetype")}@font-face{font-family:ZCOOL XiaoWei;font-style:normal;font-weight:400;font-display:swap;src:url(https://sanguo-jiangweige-fonts-1379320306.cos.ap-shanghai.myqcloud.com/ZCOOLXiaoWei-Regular.ttf) format("truetype")}:root{--frame-width: 572px;--frame-height: 858px;--bg-card: #1c1a17;--bg-elevated: #24211d;--text-primary: #e6ddd0;--text-secondary: #a09888;--text-tertiary: #6b6358;--border-subtle: rgba(201, 169, 110, .12);--gold: #c9a96e;--seal-red: #c2414c;--nav-btn-bg: rgba(255, 255, 255, .05);--nav-btn-hover: rgba(255, 255, 255, .12);--nav-btn-color: var(--text-secondary);--nav-btn-color-hover: var(--text-primary);--bar-border: rgba(255, 255, 255, .04);--progress-track: rgba(201, 169, 110, .1);--font-display: "Ma Shan Zheng", "WeiBei", "STZhongsong", "华文中宋", serif;--font-subtitle: "ZCOOL XiaoWei", "STZhongsong", "KaiTi", "华文中宋", "楷体", serif;--font-body: "Noto Serif CJK SC", "Songti SC", "STSong", "宋体", serif;--font-seal: "ZCOOL XiaoWei", "STZhongsong", "KaiTi", "华文中宋", "楷体", serif;--c-indigo: #a5b4fc;--c-emerald: #6ee7b7;--c-slate: #cbd5e1;--c-cyan: #67e8f9;--c-rose: #fda4af;--c-amber: #fcd34d;--c-teal: #5eead4;--c-purple: #c4b5fd;--c-red: #fca5a5;--c-blue: #93c5fd}:root[data-theme=light]{--bg-card: #fcf9f5;--bg-elevated: #f5f0e8;--text-primary: #2d2a26;--text-secondary: #706b63;--text-tertiary: #9a948a;--border-subtle: rgba(0, 0, 0, .07);--gold: #8a7a4a;--seal-red: #b91c1c;--nav-btn-bg: rgba(0, 0, 0, .035);--nav-btn-hover: rgba(0, 0, 0, .08);--nav-btn-color: var(--text-secondary);--nav-btn-color-hover: var(--text-primary);--bar-border: rgba(0, 0, 0, .04);--progress-track: rgba(138, 122, 74, .15);--c-indigo: #312e81;--c-emerald: #064e3b;--c-slate: #1e293b;--c-cyan: #164e63;--c-rose: #881337;--c-amber: #78350f;--c-teal: #115e59;--c-purple: #581c87;--c-red: #991b1b;--c-blue: #1e3a8a}.char-color-0{color:var(--c-indigo)}.char-color-1{color:var(--c-emerald)}.char-color-2{color:var(--c-slate)}.char-color-3{color:var(--c-cyan)}.char-color-4{color:var(--c-rose)}.char-color-5{color:var(--c-amber)}.char-color-6{color:var(--c-teal)}.char-color-7{color:var(--c-purple)}.char-color-8{color:var(--c-red)}.char-color-9{color:var(--c-blue)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--bg-card);display:flex;justify-content:center;min-height:100vh;min-height:100dvh;overflow:hidden;user-select:none;-webkit-user-select:none;transition:background .3s ease}#app{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:var(--bg-card);transition:background .3s ease}#app:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;pointer-events:none}#slide-stage{position:absolute;top:0;right:0;left:0;bottom:52px;z-index:1;touch-action:pan-y}.slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .35s ease;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent}.slide.active{opacity:1;pointer-events:auto;z-index:1}.slide::-webkit-scrollbar{width:3px}.slide::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:2px}.slide-inner{display:flex;flex-direction:column;min-height:100%;padding:16px 24px 72px}.seal{width:52px;height:52px;border:2px solid var(--seal-red);border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:var(--font-seal);font-size:18px;line-height:1.5;color:var(--seal-red);writing-mode:vertical-rl;flex-shrink:0;background:transparent;position:relative}.seal-small{width:calc(var(--frame-width) * .066);height:calc(var(--frame-width) * .066);border-width:1.5px;font-size:calc(var(--frame-width) * .0227);border-radius:4px;position:absolute;top:calc(var(--frame-width) * .014);left:calc(var(--frame-width) * .007);z-index:6;background:transparent}.cover-bg{background:var(--bg-card);transition:background .3s ease}.cover-bg .slide-inner{justify-content:center;align-items:center;gap:0;padding-bottom:72px}.cover-seal{width:64px;height:64px;border-width:2.5px;font-size:20px;margin-bottom:36px;opacity:0;transform:scale(1.2);animation:stamp-in .5s .05s cubic-bezier(.16,1,.3,1) forwards}@keyframes stamp-in{to{opacity:1;transform:scale(1)}}.cover-title{font-family:var(--font-display);font-size:clamp(42px,9vw,72px);color:var(--gold);letter-spacing:14px;line-height:1.1;text-shadow:0 0 50px rgba(201,169,110,.12);transition:color .3s ease}.cover-subtitle{font-family:var(--font-subtitle);font-size:clamp(26px,5.5vw,42px);color:var(--text-primary);letter-spacing:10px;margin-top:8px;transition:color .3s ease}.cover-author{font-family:var(--font-seal);font-size:clamp(12px,2.5vw,16px);color:var(--text-tertiary);margin-top:36px;letter-spacing:3px;transition:color .3s ease}.char-bg{background:var(--bg-card);transition:background .3s ease}.char-bg .slide-inner{display:flex;align-items:center;justify-content:center;min-height:100%;padding:16px;gap:0}.char-name{font-family:var(--font-display);font-size:clamp(18px,calc(var(--frame-width) * .073),48px);letter-spacing:calc(var(--frame-width) * .0105);line-height:1.2;margin-bottom:2px;text-align:left;align-self:flex-start;transition:color .3s ease}.char-title-text{font-family:var(--font-subtitle);font-size:clamp(8px,calc(var(--frame-width) * .0262),16px);color:var(--text-tertiary);letter-spacing:calc(var(--frame-width) * .0026);margin-bottom:calc(var(--frame-width) * .0245);text-align:left;align-self:flex-start;transition:color .3s ease}.char-section{width:100%;margin-bottom:5px}.section-label{font-family:var(--font-body);font-weight:700;font-size:clamp(8px,calc(var(--frame-width) * .0245),15px);color:var(--gold);letter-spacing:calc(var(--frame-width) * .0009);transition:color .3s ease}.section-text{font-family:var(--font-subtitle);font-size:clamp(8px,calc(var(--frame-width) * .0227),14px);color:var(--text-secondary);line-height:1.7;margin-top:calc(var(--frame-width) * .0017);transition:color .3s ease}.char-poems{font-family:var(--font-display);font-size:clamp(13px,calc(var(--frame-width) * .0455),28px);letter-spacing:calc(var(--frame-width) * .0052);line-height:1.4;margin-top:calc(var(--frame-width) * .021);margin-bottom:calc(var(--frame-width) * .0035);text-align:center;width:100%;transition:color .3s ease}.char-quote{font-family:var(--font-body);font-size:clamp(8px,calc(var(--frame-width) * .0227),14px);color:var(--text-tertiary);margin-top:calc(var(--frame-width) * .007);margin-bottom:calc(var(--frame-width) * .021);text-align:center;letter-spacing:calc(var(--frame-width) * .0009);border:none;padding:0;font-style:normal;transition:color .3s ease}.char-image-wrap{width:100%;display:flex;justify-content:center;padding-top:8px;flex-shrink:0}.char-image{width:auto;max-width:92%;max-height:calc(var(--frame-height) * .55);height:auto;object-fit:contain;display:block;border-radius:1px}.char-content-frame{display:flex;flex-direction:column;position:relative;border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-card);overflow:hidden;flex-shrink:0}.char-content-frame:before{content:"";position:absolute;width:28px;height:28px;top:-1px;left:-1px;border-color:var(--gold);border-style:solid;border-width:2px 0 0 2px;border-radius:5px 0 0;opacity:.45;pointer-events:none;z-index:3}.char-content-frame:after{content:"";position:absolute;width:28px;height:28px;bottom:-1px;right:-1px;border-color:var(--gold);border-style:solid;border-width:0 2px 2px 0;border-radius:0 0 5px;opacity:.45;pointer-events:none;z-index:3}.char-module-a{flex:0 0 auto;display:flex;flex-direction:column;padding:calc(var(--frame-width) * .084) calc(var(--frame-width) * .028) calc(var(--frame-width) * .0175) calc(var(--frame-width) * .049);border-bottom:1px solid var(--border-subtle)}.char-module-b{flex:1 1 auto;display:flex;flex-direction:column;padding:calc(var(--frame-width) * .0175) calc(var(--frame-width) * .028) calc(var(--frame-width) * .028);overflow-y:auto}.char-module-b .char-image-wrap{margin-top:0;padding-top:0}#name-drawer{position:absolute;left:0;right:0;bottom:52px;height:60px;z-index:14;background:var(--bg-elevated);border-top:1px solid var(--bar-border);border-bottom:1px solid var(--bar-border);transform:translateY(100%);transition:transform .3s ease;pointer-events:none}#name-drawer.open{transform:translateY(0);pointer-events:auto}#name-scroll{display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;gap:6px;padding:0 12px;height:100%;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent}#name-scroll::-webkit-scrollbar{height:2px}#name-scroll::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:2px}.name-chip{flex-shrink:0;padding:6px 12px;border-radius:4px;border:1px solid var(--border-subtle);background:var(--nav-btn-bg);color:var(--text-secondary);font-family:var(--font-subtitle);font-size:13px;cursor:pointer;white-space:nowrap;transition:background .2s ease,color .2s ease}.name-chip:hover{background:var(--nav-btn-hover);color:var(--text-primary)}.back-cover-bg{background:var(--bg-card);transition:background .3s ease}.back-cover-bg .slide-inner{justify-content:center;align-items:center;gap:16px;padding-bottom:72px}.back-cover-title{font-family:var(--font-display);font-size:clamp(60px,14vw,100px);color:var(--gold);letter-spacing:20px;text-shadow:0 0 60px rgba(201,169,110,.15);animation:fade-up .6s .1s cubic-bezier(.16,1,.3,1) both;transition:color .3s ease}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.back-cover-desc{font-family:var(--font-subtitle);font-size:clamp(14px,3vw,18px);color:var(--text-secondary);letter-spacing:4px;animation:fade-up .6s .2s cubic-bezier(.16,1,.3,1) both;transition:color .3s ease}#bottom-bar{position:absolute;left:0;right:0;bottom:0;height:52px;z-index:15;display:flex;align-items:center;justify-content:center;pointer-events:none;background:var(--bg-card);border-top:1px solid var(--bar-border);padding:0 8px;transition:background .3s ease,border-color .3s ease}.nav-btn{pointer-events:auto;width:40px;height:40px;border:none;background:var(--nav-btn-bg);color:var(--nav-btn-color);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease,transform .15s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.nav-btn:hover{background:var(--nav-btn-hover);color:var(--nav-btn-color-hover);transform:scale(1.06)}.nav-btn:active{transform:scale(.92)}#nav-prev{position:absolute;left:12px}#nav-next{position:absolute;right:12px}.theme-btn{pointer-events:auto;width:36px;height:36px;border:none;background:transparent;color:var(--gold);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .3s ease,transform .15s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;opacity:.7}.theme-btn:hover{opacity:1;transform:scale(1.1)}.theme-btn:active{transform:scale(.92)}#progress-bar{position:absolute;bottom:52px;left:0;right:0;height:1.5px;background:var(--progress-track);z-index:16;pointer-events:none;transition:background .3s ease}#progress-fill{height:100%;background:var(--gold);transition:width .35s ease;box-shadow:0 0 4px #c9a96e40}@media(max-width:767px){#app{width:100vw;height:100vh;height:100dvh;border-radius:0;box-shadow:none}.slide-inner{padding:12px 18px 70px}.char-bg .slide-inner{padding:10px}.char-content-frame{border-radius:4px}.char-module-a{padding:calc(var(--frame-width) * .077) calc(var(--frame-width) * .0175) calc(var(--frame-width) * .014) calc(var(--frame-width) * .0385)}.char-module-b{padding:calc(var(--frame-width) * .014) calc(var(--frame-width) * .0175) calc(var(--frame-width) * .021);min-height:30vh;min-height:30dvh}.char-image{max-width:92%;max-height:calc(var(--frame-height) * .48)}.seal-small{top:calc(var(--frame-width) * .01);left:calc(var(--frame-width) * .0035)}#bottom-bar{height:48px}.nav-btn{width:36px;height:36px}.theme-btn{width:32px;height:32px}}@media(prefers-reduced-motion:reduce){.cover-seal{animation:none;opacity:1;transform:scale(1)}.back-cover-title,.back-cover-desc{animation:none;opacity:1;transform:none}.slide{transition:opacity .15s ease}}