:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.7}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:var(--bg);min-height:100vh;margin:0}#root{flex-direction:column;min-height:100vh;display:flex}:root{--text:#4a4a4a;--text-h:#1a1a1a;--bg:#fff;--border:#e8e8e8;--card-bg:#f9f9f9;--accent:#7c3aed;--accent-hover:#5b21b6;--shadow:0 4px 6px #00000012}@media (prefers-color-scheme:dark){:root{--text:#a3a3a3;--text-h:#fff;--bg:#0f0f0f;--border:#2a2a2a;--card-bg:#1a1a1a;--accent:#a78bfa;--accent-hover:#c4b5fd;--shadow:0 4px 6px #0000004d}}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.7}.app{flex-direction:column;min-height:100vh;display:flex}.header{border-bottom:1px solid var(--border);background:var(--bg);z-index:100;padding:1rem 0;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.logo{color:var(--text-h);font-size:1.5rem;font-weight:700;text-decoration:none}.nav a{color:var(--text);margin-left:2rem;text-decoration:none;transition:color .2s}.nav a:hover{color:var(--accent)}.main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem}.hero-section{text-align:center;padding:3rem 0}.hero-section h1{color:var(--text-h);margin-bottom:.5rem;font-size:2.5rem}.hero-section p{color:var(--text);font-size:1.2rem}.novels-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:2rem 0;display:grid}.novel-card{background:var(--card-bg);border:1px solid var(--border);color:inherit;border-radius:12px;text-decoration:none;transition:transform .2s,box-shadow .2s;overflow:hidden}.novel-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.novel-cover{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);justify-content:center;align-items:center;height:180px;display:flex}.novel-cover img{object-fit:cover;width:100%;height:100%}.no-cover{font-size:4rem}.novel-info{padding:1.5rem}.novel-info h3{color:var(--text-h);margin-bottom:.5rem;font-size:1.3rem}.novel-desc{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.95rem;display:-webkit-box;overflow:hidden}.read-more{color:var(--accent);font-weight:500}.novel-page{max-width:800px;margin:0 auto}.novel-header{text-align:center;border-bottom:1px solid var(--border);margin-bottom:2rem;padding:2rem 0 3rem}.novel-header h1{color:var(--text-h);margin-bottom:.5rem;font-size:2rem}.novel-author{color:var(--text)}.novel-body{font-size:1.1rem;line-height:1.9}.novel-body h1,.novel-body h2,.novel-body h3{color:var(--text-h);margin:2rem 0 1rem}.novel-body p{margin-bottom:1.5rem}.novel-body blockquote{border-left:4px solid var(--accent);color:var(--text);margin:1.5rem 0;padding-left:1rem}.back-to-home{text-align:center;margin-top:3rem}.back-to-home a{color:var(--accent);text-decoration:none}.back-to-home a:hover{text-decoration:underline}.footer{border-top:1px solid var(--border);text-align:center;color:var(--text);padding:1.5rem;font-size:.9rem}.loading{text-align:center;color:var(--text);padding:3rem;font-size:1.1rem}.not-found{text-align:center;padding:3rem}.not-found h2{color:var(--text-h);margin-bottom:1rem}.not-found a{color:var(--accent);text-decoration:none}@media (width<=768px){.header-content{padding:0 1rem}.main{padding:1rem}.novels-grid{grid-template-columns:1fr}.hero-section h1{font-size:1.8rem}}.novel-detail-page{max-width:900px;margin:0 auto}.novel-header-section{border-bottom:1px solid var(--border);gap:2rem;margin-bottom:2rem;padding:2rem 0;display:flex}@media (width<=768px){.novel-header-section{flex-direction:column}}.novel-cover-large{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:200px;height:280px;display:flex}.novel-cover-large img{object-fit:cover;border-radius:8px;width:100%;height:100%}.no-cover-large{color:#fff;font-size:5rem}.novel-meta h1{color:var(--text-h);margin-bottom:.5rem;font-size:2rem}.novel-subtitle{color:var(--text);margin-bottom:1rem;font-size:1.1rem}.novel-author{color:var(--text);margin-bottom:.5rem;font-size:1rem}.novel-status{color:var(--text);margin-bottom:1rem;font-size:.9rem}.novel-description{color:var(--text);margin-bottom:1.5rem;font-size:1rem;line-height:1.8}.start-reading-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.8rem 2rem;font-size:1rem;transition:background .2s}.start-reading-btn:hover{background:var(--accent-hover)}.volumes-section{padding:2rem 0}.volumes-section h2{color:var(--text-h);margin-bottom:1.5rem;font-size:1.5rem}.volume{margin-bottom:2rem}.volume-header{background:var(--card-bg);border-radius:8px;margin-bottom:1rem;padding:1rem 1.5rem}.volume-header h3{color:var(--text-h);margin-bottom:.5rem;font-size:1.2rem}.volume-desc{color:var(--text);font-size:.95rem}.chapters-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.5rem;display:grid}@media (width<=768px){.chapters-list{grid-template-columns:1fr}}.chapter-item{background:var(--card-bg);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:6px;justify-content:space-between;align-items:center;padding:.8rem 1rem;font-size:.95rem;transition:all .2s;display:flex}.chapter-item:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.chapter-title{flex:1}.chapter-words{opacity:.7;font-size:.85rem}.chapter-reader{max-width:800px;margin:0 auto;padding-bottom:3rem}.reader-nav{border-bottom:1px solid var(--border);margin-bottom:2rem;padding:1rem 0}.back-to-toc{color:var(--accent);text-decoration:none}.back-to-toc:hover{text-decoration:underline}.chapter-content{padding:0 1rem}.chapter-title{color:var(--text-h);text-align:center;border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:1rem;font-size:1.8rem}.chapter-meta{text-align:center;color:var(--text);opacity:.8;margin-bottom:2rem;font-size:.9rem}.chapter-body{color:var(--text);font-size:1.1rem;line-height:2}.chapter-body h1,.chapter-body h2,.chapter-body h3{color:var(--text-h);margin:2rem 0 1rem}.chapter-body p{margin-bottom:1.5rem}.chapter-body blockquote{border-left:4px solid var(--accent);color:var(--text);margin:1.5rem 0;padding-left:1rem}.chapter-navigation{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:3rem;padding-top:2rem;display:flex}.nav-btn{background:var(--card-bg);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:.8rem 1.5rem;font-size:1rem;transition:all .2s}.nav-btn:hover:not(:disabled){background:var(--accent);color:#fff;border-color:var(--accent)}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.toc-btn{color:var(--accent);border:1px solid var(--accent);border-radius:6px;padding:.8rem 1.5rem;text-decoration:none;transition:all .2s}.toc-btn:hover{background:var(--accent);color:#fff}.novel-actions{gap:1rem;margin-top:1rem;display:flex}.prompt-btn{color:var(--accent);border:1px solid var(--accent);cursor:pointer;background:0 0;border-radius:6px;padding:.8rem 2rem;font-size:1rem;transition:all .2s}.prompt-btn:hover{background:var(--accent);color:#fff}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.prompt-modal{background:var(--bg);border-radius:12px;flex-direction:column;width:100%;max-width:600px;max-height:80vh;display:flex;overflow:hidden}.prompt-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.prompt-modal-header h3{color:var(--text-h);font-size:1.3rem}.modal-close{cursor:pointer;color:var(--text);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.5rem;transition:background .2s;display:flex}.modal-close:hover{background:var(--card-bg)}.prompt-modal-body{flex:1;padding:1.5rem;overflow-y:auto}.prompt-modal-footer{border-top:1px solid var(--border);justify-content:flex-end;padding:1rem 1.5rem;display:flex}.modal-footer-btn{background:var(--card-bg);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:.6rem 1.5rem;font-size:.95rem;transition:all .2s}.modal-footer-btn:hover{background:var(--border)}.password-section{text-align:center}.prompt-intro{color:var(--text);margin-bottom:1rem;font-size:1rem;line-height:1.6}.contact-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem;text-decoration:underline}.contact-btn:hover{color:var(--accent-hover)}.password-input-group{gap:.5rem;max-width:400px;margin:1.5rem auto;display:flex}.password-input-group input{border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:6px;flex:1;padding:.8rem 1rem;font-size:1rem}.password-input-group input:focus{border-color:var(--accent);outline:none}.verify-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.8rem 1.5rem;font-size:1rem;transition:background .2s}.verify-btn:hover:not(:disabled){background:var(--accent-hover)}.verify-btn:disabled{opacity:.5;cursor:not-allowed}.error-message{color:#ef4444;margin-top:1rem;font-size:.95rem}.prompt-content h4{color:var(--text-h);margin-bottom:1rem;font-size:1.2rem}.prompt-content pre{background:var(--card-bg);white-space:pre-wrap;word-wrap:break-word;color:var(--text);border-radius:8px;padding:1.5rem;font-size:.9rem;line-height:1.6;overflow-x:auto}@media (width<=768px){.novel-actions{flex-direction:column}.prompt-btn{width:100%}.password-input-group{flex-direction:column}.verify-btn{width:100%}}.contact-modal{z-index:1001;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.contact-modal-content{background:var(--bg);width:100%;max-width:450px;box-shadow:var(--shadow);border-radius:12px;padding:2rem}.contact-modal-content h4{color:var(--text-h);text-align:center;margin-bottom:1.5rem;font-size:1.3rem}.contact-info{margin-bottom:1.5rem}.contact-info p{color:var(--text);background:var(--card-bg);border-radius:6px;margin-bottom:.8rem;padding:.8rem;font-size:1rem}.contact-info strong{color:var(--text-h)}.contact-info a{color:var(--accent);text-decoration:none}.contact-info a:hover{text-decoration:underline}.contact-note{color:var(--text);background:var(--card-bg);border-radius:6px;margin-bottom:1.5rem;padding:1rem;font-size:.9rem;line-height:1.6}.contact-close-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;padding:.8rem 1.5rem;font-size:1rem;transition:background .2s}.contact-close-btn:hover{background:var(--accent-hover)}
