/* 模板 4（精选推荐风）专属样式：左文右图横幅 + 搜索栏 + Top Picks 卡片网格 + 欢迎卡片。
   .home-section-header / .home-view-all / .home-genre-grid / .updates-grid 等来自 home-shared.css。 */

.home4-hero{display:flex;align-items:center;gap:2.5rem;padding:2.5rem 0 1rem;}
.home4-hero-text{flex:1;min-width:0;}
.home4-hero-title{font-size:2.5rem;line-height:1.2;font-weight:800;color:var(--text);margin:0 0 1rem;}
.home4-hero-title .accent{display:block;color:var(--accent);}
.home4-hero-desc{color:var(--text-light);font-size:1.02rem;line-height:1.6;max-width:420px;}
.home4-hero-image{flex:1;min-width:0;position:relative;display:flex;justify-content:center;}
.home4-hero-image img,.home4-hero-image .photo-placeholder,.home4-hero-image .hero-slider{width:100%;max-width:420px;height:260px;border-radius:16px;position:relative;z-index:1;overflow:hidden;}
.home4-hero-image img{object-fit:cover;box-shadow:0 16px 40px rgba(0,0,0,0.12);}
.home4-hero-image .hero-slider{box-shadow:0 16px 40px rgba(0,0,0,0.12);}
.home4-hero-deco-blob{position:absolute;right:-20px;bottom:-20px;width:220px;height:220px;border-radius:50%;background:var(--accent);opacity:0.12;z-index:0;}

.home4-search-section{margin:1.5rem 0 2.5rem;text-align:center;}
.home4-search-box{display:flex;align-items:center;gap:0.6rem;max-width:640px;margin:0 auto;background:var(--card-bg);border-radius:999px;padding:0.5rem 0.5rem 0.5rem 1.3rem;box-shadow:0 10px 30px rgba(0,0,0,0.08);}
.home4-search-icon{color:var(--text-light);font-size:1.1rem;flex-shrink:0;}
.home4-search-input{flex:1;border:none;outline:none;background:transparent;font-size:1rem;color:var(--text);padding:0.6rem 0;}
.home4-search-input::placeholder{color:var(--text-light);}
.home4-search-btn{background:var(--accent);color:#fff;border:none;border-radius:999px;padding:0.75rem 1.6rem;font-weight:600;cursor:pointer;flex-shrink:0;transition:background 0.2s;}
.home4-search-btn:hover{background:var(--accent-dark);}

.home4-pills{margin-top:1.1rem;font-size:0.9rem;}
.home4-pills-label{color:var(--text-light);margin-right:0.4rem;}
.home4-pill{color:var(--accent);text-decoration:none;margin:0 0.5rem;}
.home4-pill:hover{text-decoration:underline;}

.home4-picks-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.2rem;}
.home4-pick-card{background:var(--card-bg);border-radius:8px;overflow:hidden;border:1px solid var(--border);text-decoration:none;transition:transform 0.15s,box-shadow 0.15s;}
.home4-pick-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,0.12);}
.home4-pick-cover{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;}
.home4-pick-info{padding:0.7rem;}
.home4-pick-title{font-size:0.92rem;font-weight:600;color:var(--accent);line-height:1.3;margin-bottom:0.3rem;min-height:2.4em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.home4-pick-author{font-size:0.8rem;color:var(--text-light);margin-bottom:0.25rem;}
.home4-pick-reads{font-size:0.78rem;color:var(--text-light);}

/* About 页介绍卡片（图标+标题+简介+缩略图）跟模板 9 共用，定义已经移到 home-shared.css。 */

@media (max-width:768px){
.home4-hero{flex-direction:column;gap:1.5rem;padding:1.8rem 0 0.5rem;}
.home4-hero-title{font-size:1.8rem;}
.home4-hero-desc{max-width:none;}
.home4-hero-image img,.home4-hero-image .photo-placeholder,.home4-hero-image .hero-slider{height:180px;}
.home4-picks-grid{grid-template-columns:repeat(2,1fr);}
}

@media (min-width:768px) and (max-width:1023px){
.home4-picks-grid{grid-template-columns:repeat(3,1fr);}
}