/* ============================================================
   百度乐 · 版式变体 layouts.css
   每套模板自动搭配不同版面，避免重复版面影响收录
   ============================================================ */

/* ---- 页头变体 ---- */
.head-c{flex-direction:column;align-items:center;text-align:center}
.head-c .nav{justify-content:center}
.head-box{border-bottom:3px double var(--c1)}

/* ---- 主区网格变体 ---- */
.lay .grid.g2l{grid-template-columns:300px 1fr}
.lay .grid.g2r{grid-template-columns:1fr 300px}
.lay .grid.g3{grid-template-columns:1fr 1fr 1fr}
.lay .grid.g1{grid-template-columns:1fr}

/* ---- 主英雄区变体 ---- */
.hero-t{text-align:center}
.hero-t .sv-hero{text-align:center}
.hero-t .sv-info{grid-template-columns:repeat(4,1fr)}
.hero-l .sv-info{grid-template-columns:repeat(2,1fr)}
.hero-c .sv-info{grid-template-columns:repeat(4,1fr)}

/* ---- 区块顺序变体 ---- */
.order-rev .main-box{display:flex;flex-direction:column}
.order-rev .main-box>*{order:1}
.order-rev .main-box .first{order:0}

/* ---- 卡片密度变体 ---- */
.cards-dense .card .pic img{height:120px}
.cards-wide .card .pic img{height:190px}
.cards-big .card .pic img{height:230px}

/* ---- 列表风格变体 ---- */
.list-tag li a::after{content:attr(data-t);font-size:12px;color:var(--c1);margin-left:8px;border:1px solid rgba(212,162,55,.4);border-radius:4px;padding:0 6px}

/* ---- 表格变体 ---- */
.tb-striped tbody tr:nth-child(odd) td{background:rgba(212,162,55,.05)}
.tb-big td{padding:12px 10px}

/* ---- 侧栏变体 ---- */
.aside-banner{margin-bottom:14px;border-radius:10px;overflow:hidden;border:1px solid var(--line)}

/* ---- 横幅高度变体 ---- */
.banner-tall img{min-height:250px;object-fit:cover}
.banner-wide img{min-height:200px;object-fit:cover}

/* ---- 文章区变体 ---- */
.art-panel .article{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px 20px}
.art-line .article{background:transparent;border:0;padding:0}

@media (max-width:900px){
  .lay .grid.g2l,.lay .grid.g2r{grid-template-columns:1fr}
  .hero-t .sv-info,.hero-l .sv-info,.hero-c .sv-info{grid-template-columns:repeat(2,1fr)}
}