html,body{width:100%;height:100%;overflow:hidden}body{padding-top:60px}.toc-btn{position:fixed;top:1.2rem;left:1.5rem;background:var(--primary-color);color:#fff;font-weight:600;padding:0.6rem 1rem;border-radius:6px;z-index:10;transition:background 0.3s ease}.toc-btn:hover{background:var(--logo-color)}.reader{width:100vw;height:calc(100vh - 120px);display:flex;justify-content:center;align-items:stretch;background:#f7f5f2;perspective:2000px;overflow:hidden}.reader-main .page{flex:1;background:#fff;box-shadow:0 0 30px rgba(0,0,0,0.08);margin:1rem;border-radius:10px;padding:3rem 2rem;overflow-y:auto;transition:opacity 0.4s ease,transform 0.4s ease}.reader-main .page .page-inner{max-width:500px;margin:0 auto}.reader-main .page h1.text{font-size:2rem;color:var(--primary-color);margin-bottom:0.5rem}.reader-main .page span.text{font-size:0.9rem;text-transform:uppercase;color:var(--secondary-color);margin-bottom:2rem;display:block}.reader-main .page blockquote.text{border-left:4px solid var(--logo-color);padding-left:1rem;font-style:italic;color:var(--secondary-color);margin:2rem 0}.reader-main .page h2.text{font-size:1.6rem;color:var(--text-color);margin:2rem 0 1rem;font-weight:600}.reader-main .page h3.text{font-size:1.2rem;color:var(--primary-color);font-weight:600;margin:1.2rem 0 0.5rem}.reader-main .page div.text{background:#f9f9f9;border-radius:8px;padding:0.9rem 1rem;margin-bottom:0.8rem;color:var(--text-color);line-height:1.5;position:relative}.reader-main .page p.text{margin-bottom:1rem}.reader-main .page div.text::before{content:"•";color:var(--logo-color);font-weight:700;margin-right:0.6rem;position:absolute;left:0.6rem}.reader-main .page div.text{padding-left:1.6rem}.reader-main .page img.text{display:block;width:auto;height:200px;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,0.1);margin:0.5rem 0}.reader-main .page a.text{color:var(--primary-color);text-decoration:underline;transition:color 0.2s ease}.reader-main .page a.text:hover{color:var(--logo-color)}.reader-main .page img.text{max-height:50%;object-fit:contain}.reader-nav{position:fixed;bottom:1.2rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:1.2rem;background:rgba(255,255,255,0.85);padding:0.6rem 1.2rem;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,0.1);backdrop-filter:blur(6px);z-index:5}.page-btn{background:var(--primary-color);border:none;color:#fff;font-size:1.3rem;padding:0.4rem 0.8rem;border-radius:6px;cursor:pointer;transition:background 0.3s ease;width:300px}.page-btn:hover{background:var(--logo-color)}.page-btn:disabled{opacity:0.4;cursor:default}.page-indicator{display:flex;font-weight:600;color:var(--secondary-color)}#currentPage{width:max-content}.chapter-links{position:fixed;bottom:1.2rem;right:1.5rem;display:flex;flex-direction:column;gap:0.5rem}.chapter-links a{background:var(--logo-color);color:#fff;padding:0.6rem 1rem;border-radius:6px;font-weight:600;transition:background 0.3s ease}.chapter-links a:hover{background:var(--logo-color-hover)}#currentPage,#totalPages{margin-bottom:0}.hidden{display:none!important}@media (max-width:1200px){.reader{flex-direction:column}.reader-main .page img.text{margin:auto;max-width:90%;background-color:var(--background-color)}.reader-main .page .page-inner{text-align:center}.reader-main .page{margin:0;border-radius:0;box-shadow:none;padding:2rem 1.2rem;height:calc(100vh - 140px)}.reader-nav{position:fixed;bottom:0;width:100%;display:flex;justify-content:center;align-items:center;background:#fff;border-top:2px solid var(--primary-color);box-shadow:0 -4px 20px rgba(0,0,0,0.08);padding:0.6rem 0.5rem;z-index:10}.page-btn{font-size:1.1rem;padding:0.3rem 0.7rem;width:100%}.page-btn:hover,.page-btn:active{background:var(--secondary-color);color:#fff}.page-indicator{font-size:0.95rem;color:var(--secondary-color);text-align:center;font-weight:500}.chapter-links{bottom:1rem;right:1rem}}@media (max-width:500px){.page-btn{font-size:0.9rem}}.data{display:none}@media(max-width:500px){.reader-main .page .page-inner{max-width:350px}}@media(max-width:400px){.reader-main .page .page-inner{max-width:300px}}