/* 模板 5（榜单精选风）专属样式：左文右图横幅（统计数字嵌在文字区）+ 排行榜栏内 View all +
   收尾引言卡片。.book-card/.grid-5 来自 book-cards.css，.rank-lists/.updates-grid 来自 home-shared.css。 */

.home5-hero{display:flex;align-items:center;gap:2.5rem;padding:2.2rem 0 1.5rem;}
.home5-hero-text{flex:1;min-width:0;}
.home5-hero-title{font-size:2.3rem;line-height:1.25;font-weight:800;color:var(--text);margin:0 0 1rem;}
.home5-hero-title .accent{display:block;color:var(--accent);}
.home5-hero-desc{color:var(--text-light);font-size:1rem;line-height:1.6;max-width:420px;margin-bottom:1.4rem;}
.home5-hero-cta{display:inline-block;background:var(--accent);color:#fff;padding:0.8rem 1.7rem;border-radius:999px;font-weight:600;text-decoration:none;transition:background 0.2s,transform 0.15s;}
.home5-hero-cta:hover{background:var(--accent-dark);transform:translateY(-2px);}

.home5-hero-stats{display:flex;gap:2rem;margin-top:1.6rem;}
.home5-hero-stat{display:flex;flex-direction:column;}
.home5-hero-stat-num{font-size:1.3rem;font-weight:700;color:var(--accent);}
.home5-hero-stat-label{font-size:0.85rem;color:var(--text-light);}

.home5-hero-image{flex:1;min-width:0;}
.home5-hero-image img,.home5-hero-image .photo-placeholder,.home5-hero-image .hero-slider{width:100%;height:280px;object-fit:cover;border-radius:16px;display:block;overflow:hidden;}

.rank-column .home-section-header{margin-bottom:0.6rem;}
.rank-column .home-section-header h3{margin-bottom:0;}

.home5-quote-block{display:flex;align-items:center;gap:1.5rem;background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:2rem 2.2rem;margin:2.5rem 0 1rem;}
.home5-quote-mark{flex-shrink:0;font-size:3rem;line-height:1;color:var(--border);font-family:Georgia,serif;}
.home5-quote-text-wrap{flex:1;min-width:0;}
.home5-quote-text{font-style:italic;font-size:1.05rem;color:var(--text);line-height:1.6;margin-bottom:0.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.home5-quote-attribution{color:var(--text-light);font-size:0.9rem;}
.home5-quote-icon{flex-shrink:0;font-size:1.8rem;opacity:0.85;}

@media (max-width:768px){
.home5-hero{flex-direction:column;gap:1.5rem;padding:1.6rem 0 0.5rem;}
.home5-hero-title{font-size:1.7rem;}
.home5-hero-desc{max-width:none;}
.home5-hero-image img,.home5-hero-image .photo-placeholder,.home5-hero-image .hero-slider{height:190px;}
.home5-hero-stats{gap:1.4rem;flex-wrap:wrap;}
.home5-quote-block{flex-direction:column;text-align:center;padding:1.6rem;}
.rank-column .home-section-header{flex-wrap:wrap;}
}