/* Extracted from src/products/youth.njk style block 1 */
/* ============ youth.njk · page-scoped ============ */

/* §01 高频学习动作卡片 — 顶部编号 */
.yt-act-num{
    font-family:var(--font-mono);
    font-size:11px; font-weight:600; letter-spacing:.16em; text-transform:uppercase;
    color:var(--text-muted); margin-bottom:14px;
}
.yt-act-card .scn-card-icon{ margin-bottom:16px; }
.yt-act-card h4{ margin-bottom:8px; }

/* §02 / §04 视觉面板内的实拍图 */
.yt-shot{
    position:relative;
    border-radius:14px; overflow:hidden;
    border:1px solid var(--scn-line-soft);
    box-shadow:0 8px 20px rgba(45,38,28,.08);
}
.yt-shot img{ display:block; width:100%; height:100%; object-fit:cover; }
.yt-shot-note{
    margin-top:16px;
    display:flex; gap:12px; align-items:flex-start;
}
.yt-shot-note i{
    width:34px; height:34px; border-radius:10px; flex-shrink:0;
    display:flex; align-items:center; justify-content:center;
    background:var(--accent-glow); color:var(--accent); font-size:14px;
}
.yt-shot-note b{ display:block; font-size:14px; font-weight:800; color:var(--text-primary); letter-spacing:-.005em; }
.yt-shot-note span{ display:block; margin-top:3px; font-size:12.5px; line-height:1.6; color:var(--text-secondary); }

/* §03 品牌方规格条 */
.yt-spec{
    list-style:none; margin:24px 0 0; padding:0;
    display:grid; grid-template-columns:repeat(3,1fr); gap:0;
    background:#fff; border:1px solid var(--scn-line);
    border-radius:14px; overflow:hidden;
}
.yt-spec li{ padding:18px 20px; border-right:1px solid var(--scn-line-soft); }
.yt-spec li:last-child{ border-right:none; }
.yt-spec b{
    display:block;
    font-family:var(--font-mono);
    font-size:10.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
    color:var(--accent); margin-bottom:7px;
}
.yt-spec span{ display:block; font-size:14.5px; font-weight:800; color:var(--text-primary); letter-spacing:-.005em; }

@media (max-width:480px){
    .yt-spec{ grid-template-columns:1fr; }
    .yt-spec li{ border-right:none; border-bottom:1px solid var(--scn-line-soft); }
    .yt-spec li:last-child{ border-bottom:none; }
}