@import url('../comments.css');.novel-page{min-height:100vh;background:#0a0a0a}.novel-hero{position:relative;min-height:70vh;display:flex;align-items:center;overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2}.hero-bg-image{width:100%;height:100%;object-fit:cover;filter:blur(8px) brightness(0.3);transform:scale(1.1)}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient( 135deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.9) 100% );z-index:-1}.hero-content{max-width:1200px;margin:0 auto;padding:40px 20px;display:flex;gap:40px;align-items:flex-start;position:relative;z-index:1}.novel-cover-large{position:relative;flex-shrink:0;width:280px;height:380px;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#2a2a2a 0%,#1a1a1a 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px rgba(0,0,0,.5);border:2px solid rgba(255,255,255,.1)}.novel-cover-large img{width:100%;height:100%;object-fit:cover}.cover-placeholder-large{color:#666;display:flex;align-items:center;justify-content:center}.featured-badge-large,.mature-badge-large{position:absolute;top:12px;background:rgba(0,0,0,.8);padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:4px}.featured-badge-large{right:12px;color:#fbbf24}.mature-badge-large{left:12px;color:#ef4444;font-weight:700}.novel-info{flex:1;display:flex;flex-direction:column;gap:20px}.novel-title{font-size:3rem;font-weight:800;color:#ffffff;line-height:1.1;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.novel-author{font-size:1.2rem;color:#a3a3a3;font-weight:500}.novel-author a{color:#6366f1;text-decoration:none;transition:color .3s ease}.novel-author a:hover{color:#8b5cf6}.novel-genres{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.genre-tag,.status-tag,.event-badge{padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:500;border:1px solid transparent;transition:all .3s ease}.genre-tag{background:linear-gradient(135deg,#374151 0%,#1f2937 100%);color:#d1d5db;border-color:#4b5563}.genre-tag:hover{background:linear-gradient(135deg,#4b5563 0%,#374151 100%);transform:translateY(-1px)}.status-tag{background:#1f2937;border-color:#374151;color:#ffffff;font-weight:600}.status-ongoing{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.status-completed{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.status-hiatus{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.status-dropped{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.novel-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;background:rgba(0,0,0,.3);padding:20px;border-radius:12px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.stat-item svg{color:#6366f1;margin-bottom:4px}.stat-value{font-size:1.5rem;font-weight:700;color:#ffffff}.stat-label{font-size:.8rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.novel-actions{display:flex;gap:12px;flex-wrap:wrap}.action-btn{padding:12px 20px;border-radius:8px;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:8px;transition:all .3s ease;border:none;cursor:pointer;font-size:.95rem}.btn-primary{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);color:white;box-shadow:0 4px 12px rgba(99,102,241,.3)}.btn-primary:hover{background:linear-gradient(135deg,#5b5ae5 0%,#4338ca 100%);transform:translateY(-2px);box-shadow:0 6px 16px rgba(99,102,241,.4)}.btn-success{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:white;box-shadow:0 4px 12px rgba(16,185,129,.3)}.btn-success:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 6px 16px rgba(16,185,129,.4)}.bookmark-btn:disabled{opacity:.6;cursor:not-allowed;transform:none !important}.btn-secondary{background-color:rgba(255,255,255,.1);color:#d1d5db;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px)}.btn-secondary:hover{background-color:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);transform:translateY(-1px)}.novel-content{max-width:1200px;margin:0 auto;padding:40px 20px;display:grid;grid-template-columns:2fr 1fr;gap:40px}.main-content{display:flex;flex-direction:column;gap:30px}.content-section{background:linear-gradient(135deg,#1a1a1a 0%,#111111 100%);border-radius:16px;padding:30px;border:1px solid #2a2a2a;box-shadow:0 8px 24px rgba(0,0,0,.3)}.content-section h2{font-size:1.5rem;font-weight:600;margin-bottom:20px;color:#ffffff;display:flex;align-items:center;gap:8px}.content-section h2 svg{color:#6366f1}.synopsis-content{color:#d1d5db;line-height:1.7;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif !important;word-wrap:break-word;word-break:break-word;hyphens:auto}.synopsis-content p{margin-bottom:16px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif !important}.synopsis-short,.synopsis-full{transition:all .3s ease}.synopsis-full{opacity:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.full-description{margin-top:16px}.read-more-btn{background:none;border:none;color:#6366f1;cursor:pointer;display:flex;align-items:center;gap:4px;font-weight:500;padding:8px 0;transition:all .3s ease}.read-more-btn:hover{color:#8b5cf6}.read-more-btn svg{transition:transform .3s ease}.events-grid{display:flex;flex-wrap:wrap;gap:8px}.event-badge{background:linear-gradient(135deg,#7c3aed 0%,#5b21b6 100%);color:white}.reading-links{display:flex;flex-direction:column;gap:12px}.reading-link{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:#0f0f0f;border-radius:8px;border:1px solid #333;text-decoration:none;color:inherit;transition:all .3s ease}.reading-link:hover{background-color:#1a1a1a;border-color:#6366f1;transform:translateY(-1px)}.link-info h4{color:#ffffff;margin:0 0 4px 0;font-size:1rem}.link-info p{color:#9ca3af;margin:0;font-size:.85rem}.reading-link svg{color:#6366f1}.novel-sidebar{display:flex;flex-direction:column;gap:24px}.info-card{background:linear-gradient(135deg,#1a1a1a 0%,#111111 100%);border-radius:16px;padding:24px;border:1px solid #2a2a2a;box-shadow:0 8px 24px rgba(0,0,0,.3)}.info-card h3{font-size:1.2rem;font-weight:600;margin-bottom:16px;color:#ffffff}.info-grid{display:flex;flex-direction:column;gap:12px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #2a2a2a}.info-item:last-child{border-bottom:none}.info-label{color:#9ca3af;font-size:.9rem;font-weight:500}.info-value{color:#ffffff;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:6px}.status-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-indicator.status-ongoing{background-color:#10b981}.status-indicator.status-completed{background-color:#3b82f6}.status-indicator.status-hiatus{background-color:#f59e0b}.status-indicator.status-dropped{background-color:#ef4444}@media (max-width:1024px){.novel-content{grid-template-columns:1fr;gap:30px}.novel-sidebar{order:-1}.hero-content{flex-direction:column;text-align:center;gap:30px}.novel-cover-large{margin:0 auto}}@media (max-width:768px){.hero-content{padding:30px 15px}.novel-cover-large{width:220px;height:300px}.novel-title{font-size:2.2rem}.novel-stats{grid-template-columns:repeat(2,1fr)}.novel-actions{justify-content:center}.novel-content{padding:30px 15px}}@media (max-width:480px){.novel-cover-large{width:180px;height:240px}.novel-title{font-size:1.8rem}.novel-stats{grid-template-columns:1fr}.content-section,.info-card{padding:20px}.novel-actions{flex-direction:column}.action-btn{justify-content:center}.hero-content{padding:20px 15px}}@media (max-width:480px){.novel-page .action-btn,.novel-page .btn-primary,.novel-page .btn-secondary{min-height:44px;touch-action:manipulation}.nav-tab,.tool-btn{min-height:44px;touch-action:manipulation}.novel-page{-webkit-overflow-scrolling:touch}.novel-page,.hero-content,.novel-content{overflow-x:hidden}}.related-novels{margin-top:20px}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#888}.spinner{width:40px;height:40px;border:4px solid #333;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.related-novels-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:20px}.related-novel-card{background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.3)}.related-novel-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.4);border-color:rgba(255,255,255,.2)}.related-novel-card .novel-cover{position:relative;height:200px;overflow:hidden}.related-novel-card .novel-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.related-novel-card:hover .novel-cover img{transform:scale(1.05)}.related-novel-card .novel-info{padding:16px}.related-novel-card .novel-title{margin:0 0 8px 0;font-size:1.1rem;font-weight:600;line-height:1.3}.related-novel-card .novel-title a{color:#fff;text-decoration:none;transition:color .2s ease}.related-novel-card .novel-title a:hover{color:#007bff}.related-novel-card .novel-author{color:#888;font-size:.9rem;margin:0 0 12px 0}.related-novel-card .novel-stats{display:flex;align-items:center;gap:16px;margin-bottom:12px;font-size:.85rem}.related-novel-card .rating{display:flex;align-items:center;gap:4px}.related-novel-card .stars{color:#ffd700;font-size:.8rem}.related-novel-card .rating-text{color:#ccc;font-weight:500}.related-novel-card .read-count{color:#888}.related-novel-card .novel-genres{display:flex;flex-wrap:wrap;gap:6px}.related-novel-card .genre-tag{background:rgba(0,123,255,.2);color:#007bff;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:500;border:1px solid rgba(0,123,255,.3)}.related-novel-card .novel-actions{margin-top:12px}.related-novel-card .read-now-btn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#007bff 0%,#0056b3 100%);color:white;padding:8px 16px;border-radius:8px;text-decoration:none;font-size:.85rem;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;box-shadow:0 2px 8px rgba(0,123,255,.3)}.related-novel-card .read-now-btn:hover{background:linear-gradient(135deg,#0056b3 0%,#004085 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,123,255,.4)}.related-novel-card .read-now-btn svg{width:14px;height:14px;fill:currentColor}.no-related-novels{text-align:center;color:#888;padding:40px 20px;font-style:italic}.error-message{text-align:center;color:#dc3545;padding:40px 20px}@media (max-width:768px){.related-novels-grid{grid-template-columns:1fr;gap:16px}.related-novel-card .novel-cover{height:160px}.related-novel-card .novel-info{padding:12px}.related-novel-card .novel-title{font-size:1rem}.related-novel-card .novel-stats{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width:480px){.related-novels-grid{grid-template-columns:1fr;gap:12px}.related-novel-card .novel-cover{height:140px}.related-novel-card .novel-info{padding:10px}}