.detail-container{display:flex;flex-direction:column;gap:20px}.detail-card{background:white;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.detail-header{display:flex;gap:24px;align-items:flex-start}.detail-cover{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,#4a5060,#6a7585) bottom / 100% 25% no-repeat,linear-gradient(to bottom,transparent 70%,rgba(0,0,0,0.35) 75%,#4a5060 75%) bottom / 100% 30% no-repeat,linear-gradient(to bottom,#5a6575 73%,#4a5361 75%);padding:20px;border-radius:8px;border:2px solid #3a4050;min-width:250px;min-height:250px}.detail-cover .book-3d-container{--target-height:300px}.detail-cover img{max-width:300px;max-height:300px;object-fit:contain;border-radius:0;cursor:pointer;transition:transform 0.2s}.detail-cover img:hover{transform:scale(1.02)}.detail-cover .no-image{width:200px;height:200px;font-size:4rem}.detail-info{flex:1;min-width:0}.detail-info h1{margin:0 0 16px 0;font-size:1.8rem;font-weight:700}.detail-meta{display:flex;flex-direction:column;gap:10px}.detail-meta-row{display:flex;align-items:baseline;gap:8px;line-height:1.6}.detail-meta-label{font-weight:600;color:#666;width:120px;flex-shrink:0}.detail-meta-value{color:#333;flex:1}.detail-meta-value .release-age{color:#888;font-size:0.9em;margin-left:8px}.detail-meta-value .release-age::before{content:"("}.detail-meta-value .release-age:not(:empty)::after{content:")"}.detail-meta-value .tag,.detail-meta-value .badge{font-size:inherit;padding:0;background:none;border-radius:0}.detail-meta-value .tag-format{color:#1565c0}.detail-meta-value .tag-flag{color:#e65100}.detail-meta-value .tag-artist{color:#7b1fa2}.detail-meta-value .badge-type{color:var(--color-pink,#e95b93);font-weight:600}.detail-link{color:var(--color-pink,#e95b93);text-decoration:none;font-weight:500}.detail-link:hover{text-decoration:underline}.detail-link:visited{color:var(--color-pink,#e95b93)}.dimension-hint{color:#999;font-size:0.85em}.detail-description{margin-top:16px;padding-top:16px;border-top:1px solid #eee;line-height:1.6}.versions-section{margin-top:8px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h2{margin:0;font-size:1.3rem;font-weight:600}.versions-grid{display:flex;flex-direction:column;gap:8px}.version-card-link{text-decoration:none;color:inherit;display:block}.version-card{position:relative;display:flex;align-items:center;background:#fafafa;border:1px solid #e8e8e8;border-radius:6px;padding:8px;transition:box-shadow 0.2s,border-color 0.2s;overflow:hidden}.version-card:hover{box-shadow:0 2px 6px rgba(0,0,0,0.08);border-color:var(--color-pink)}.version-thumbnail{width:80px;height:80px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-right:12px;border-radius:4px;position:relative;border:1px solid #3a4050;box-shadow:inset 0 0 2px rgba(0,0,0,0.1);background:linear-gradient(to bottom,#4a5060,#6a7585) bottom / 100% 25% no-repeat,linear-gradient(to bottom,transparent 70%,rgba(0,0,0,0.35) 75%,#4a5060 75%) bottom / 100% 30% no-repeat,linear-gradient(to bottom,#5a6575 73%,#4a5361 75%)}.version-thumbnail img{max-width:100%;max-height:100%;object-fit:contain}.version-thumbnail .book-3d-thumb{width:80px;height:80px}.version-thumbnail .book-3d-thumb .book-3d{--scale-by-height:calc(80px / var(--original-height,200));--scale-by-width:calc(80px / var(--original-width,200));--scale:min(var(--scale-by-height),var(--scale-by-width));--book-height:calc(var(--original-height,200) * var(--scale));--book-width:calc(var(--original-width,200) * var(--scale));--book-depth:calc(var(--original-depth,15) * var(--scale));--translate-z:calc(var(--book-height) * -0.5)}.version-info{flex:1;min-width:0;overflow:hidden}.version-name{font-size:1rem;font-weight:600;margin:0 0 4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.version-release{font-size:0.85rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inclusions-list{display:flex;flex-direction:column;gap:12px}.inclusion-item{background:#fafafa;border:1px solid #e8e8e8;border-radius:6px;padding:12px}.inclusion-item h3{margin:0 0 8px 0;font-size:1rem;font-weight:600}.inclusion-description{margin:8px 0 0 0;font-size:0.9rem;color:#666;line-height:1.5}.detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid #eee}.detail-actions .btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:25px;font-size:0.95rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;text-decoration:none;border:2px solid transparent}.detail-actions .btn-primary{background:white;color:var(--color-pink,#e95b93);border-color:var(--color-pink,#e95b93)}.detail-actions .btn-primary:hover{background:var(--color-pink,#e95b93);color:white;opacity:1}.detail-actions .btn-success{background:white;color:#28a745;border-color:#28a745}.detail-actions .btn-success:hover{background:#28a745;color:white}.detail-actions .collection-toggle-wrapper{margin-top:0}.btn-primary{background:var(--color-pink);color:white}.btn-primary:hover{opacity:0.9}.btn-danger{background:#dc3545;color:white}.btn-danger:hover{background:#c82333}@media (max-width:768px){.detail-card{padding:12px}.detail-header{flex-direction:column;align-items:center;text-align:center}.detail-info{width:100%;text-align:left}.detail-cover .book-3d-container{--target-height:200px}.detail-cover img{max-width:200px;max-height:200px}.detail-meta-row{flex-direction:row;align-items:baseline;gap:8px}.detail-meta-label{min-width:auto;width:auto;flex-shrink:0}.detail-meta-value{flex:1}.section-header{flex-direction:column;gap:10px;align-items:stretch}.version-thumbnail{width:60px;height:60px;flex-shrink:0}.version-card{flex-wrap:wrap}.version-info{flex:1;min-width:0}.version-name,.version-release{white-space:normal;overflow:visible;text-overflow:clip}.version-thumbnail .book-3d-thumb{width:60px;height:60px}.version-thumbnail .book-3d-thumb .book-3d{--scale-by-height:calc(60px / var(--original-height,200));--scale-by-width:calc(60px / var(--original-width,200))}}.other-images-section{margin-top:20px;padding-top:16px;border-top:1px solid #e8e8e8}.other-images-section h3{font-size:1.1rem;font-weight:600;color:#333;margin:0 0 12px 0}.other-images-grid{display:flex;flex-wrap:wrap;gap:10px}.other-image-thumb{width:100px;height:100px;border-radius:6px;overflow:hidden;cursor:pointer;border:1px solid #ddd;transition:border-color 0.2s,box-shadow 0.2s,transform 0.2s;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.other-image-thumb:hover{border-color:var(--color-pink);box-shadow:0 2px 8px rgba(0,0,0,0.15);transform:scale(1.03)}.other-image-thumb img{max-width:100%;max-height:100%;object-fit:contain}