.author-detail-page{min-height:100vh;background:#f8f9fa;padding-bottom:80px}.author-hero{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:2rem 0 3rem;position:relative;overflow:hidden;border-bottom:1px solid #e2e8f0}.author-hero:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 0);background-size:20px 20px;transform:rotate(45deg);pointer-events:none}.author-hero-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 1rem}.author-main-info{display:flex;gap:2rem;align-items:flex-start}.author-icon-large{position:relative;flex-shrink:0}.icon-image-large{border-radius:50%;object-fit:cover;border:4px solid white}.icon-image-large,.icon-placeholder-large{width:200px;height:200px;box-shadow:0 4px 16px rgba(0,0,0,.1)}.icon-placeholder-large{border-radius:50%;background:white;display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:700;color:#64748b;border:4px solid #e2e8f0}.featured-badge{position:absolute;top:-10px;right:-10px;background:#ffd700;color:#333;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;box-shadow:0 4px 12px rgba(255,215,0,.4)}.author-info-content{flex:1;color:#1e293b}.author-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.author-name-large{font-size:2.5rem;font-weight:800;margin:0;color:#1e293b;letter-spacing:-.025em}.author-label{padding:.5rem 1rem;background:#1e293b;border-radius:20px;font-size:.875rem;font-weight:600;color:white;display:inline-block}.author-bio-large{font-size:1.125rem;line-height:1.8;margin:1rem 0;color:#475569}.author-stats{display:flex;gap:1.5rem;margin-top:1.5rem}.stat-item{display:flex;align-items:center;gap:.5rem;background:#f8fafc;padding:.75rem 1.25rem;border-radius:25px;font-size:1rem;font-weight:600;border:1px solid #e2e8f0}.stat-icon{font-size:1.25rem}.stat-value{color:#1e293b;font-weight:700}.view-works-link{text-decoration:none;color:#475569;transition:all .2s ease}.view-works-link:hover{background:#e2e8f0;transform:translateY(-1px)}.view-works-link .arrow{margin-left:.25rem;transition:transform .2s ease}.view-works-link:hover .arrow{transform:translateX(3px)}.author-social-section{background:white;padding:3rem 0;border-bottom:1px solid #e9ecef}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.author-detail-section-title{font-size:1.25rem;font-weight:700;margin:0 0 1.5rem;color:#1e293b;display:flex;align-items:center;gap:.5rem}.social-links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.social-link-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#f8f9fa;border-radius:12px;text-decoration:none;color:#212529;border:2px solid #e9ecef;transition:all .3s ease}.social-link-item:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.2)}.social-icon{font-size:1.5rem}.social-label{font-weight:600}.related-content-section{padding:2rem 0;background:white;border-bottom:1px solid #e2e8f0}.manga-section{background:white}.manga-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.view-all-container{text-align:center;margin-top:2rem}.view-all-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#f1f5f9;color:#475569;border-radius:10px;text-decoration:none;font-size:.875rem;font-weight:600;transition:all .2s ease;border:1px solid #e2e8f0}.view-all-button:hover{background:#e2e8f0;transform:translateY(-1px)}.other-authors-section{padding:2rem 0;background:#f8f9fa}@media (min-width:768px){.author-detail-section-title{font-size:1.5rem}}@media (max-width:768px){.author-main-info{flex-direction:column;align-items:center;text-align:center}.author-icon-large{margin-bottom:1.5rem}.icon-image-large,.icon-placeholder-large{width:150px;height:150px}.author-name-large{font-size:1.875rem}.author-bio-large{font-size:1rem}.manga-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.social-links-grid{grid-template-columns:1fr}}@media (max-width:480px){.manga-grid{grid-template-columns:1fr}}