/* Extracted from src/global/languages.njk style block 1 */
/* ============ languages.njk · page-scoped ============ */

/* §01 本地化栈 — 编号卡片 */
.lg-stack-card{ display:flex; flex-direction:column; }
.lg-stack-num{
    font-family:var(--font-mono);
    font-size:12px; font-weight:600; letter-spacing:.14em;
    color:var(--text-muted); margin-bottom:14px;
}
.lg-stack-card .scn-card-icon{ margin-bottom:16px; }
.lg-stack-card h4{ margin-bottom:8px; }
.lg-stack-card p{ margin:0; }

/* §02 覆盖区域 — 语种清单（split 内） */
.lg-langs{ display:flex; flex-direction:column; gap:0; }
.lg-lang-row{
    display:grid; grid-template-columns:118px minmax(0,1fr);
    gap:18px; align-items:baseline;
    padding:14px 0; border-top:1px solid var(--scn-line-soft);
}
.lg-lang-row:first-child{ border-top:none; }
.lg-lang-region{
    display:flex; align-items:center; gap:9px;
    font-size:13.5px; font-weight:800; color:var(--text-primary);
}
.lg-lang-region i{ color:var(--accent); font-size:13px; }
.lg-tags{ display:flex; flex-wrap:wrap; gap:7px; }
.lang-coverage-img{
    display:block;
    width:100%;
    border-radius:12px;
    margin-bottom:18px;
}
.lg-tag{
    display:inline-flex; align-items:center;
    padding:5px 11px; border-radius:999px;
    background:var(--accent-glow); border:1px solid rgba(116,68,253,.16);
    font-size:12px; font-weight:700; color:var(--accent);
}

/* §03 行业场景卡 — 语种 chips + 要点 */
.lg-scene-card .scn-card-icon{ margin-bottom:16px; }
.lg-scene-langs{
    display:flex; flex-wrap:wrap; gap:6px;
    margin:13px 0 0; padding:13px 0 0;
    border-top:1px solid var(--scn-line-soft);
}
.lg-scene-langs span{
    display:inline-flex; align-items:center;
    padding:4px 10px; border-radius:7px;
    background:var(--scn-paper); border:1px solid var(--scn-line);
    font-family:var(--font-mono);
    font-size:11px; font-weight:600; letter-spacing:.02em;
    color:var(--text-secondary);
}
.lg-scene-list{ list-style:none; margin:13px 0 0; padding:0; }
.lg-scene-list li{
    position:relative; padding:6px 0 6px 22px;
    font-size:13px; line-height:1.6; color:var(--text-secondary);
}
.lg-scene-list li::before{
    content:"\f00c"; font-family:"Font Awesome 6 Free"; font-weight:900;
    position:absolute; left:0; top:6px;
    font-size:10px; color:var(--accent);
}

/* §04 上市计划 — 三层 split */
.lg-plan-layers{ display:flex; flex-direction:column; gap:12px; }
.lg-plan-layer{
    display:flex; align-items:center; gap:16px;
    padding:18px 20px;
    background:#fff; border:1px solid var(--scn-line);
    border-radius:14px;
    box-shadow:var(--scn-shadow-sm);
}
.lg-plan-ic{
    width:46px; height:46px; border-radius:12px; flex-shrink:0;
    display:flex; align-items:center; justify-content:center;
    background:var(--accent-glow); color:var(--accent); font-size:18px;
}
.lg-plan-tx{ min-width:0; }
.lg-plan-tx b{
    display:block; font-size:14.5px; font-weight:850;
    color:var(--text-primary); letter-spacing:-.005em;
}
.lg-plan-tx small{ display:block; margin-top:2px; font-size:12px; color:var(--text-muted); }
.lg-plan-tag{
    margin-left:auto; flex-shrink:0;
    font-family:var(--font-mono);
    font-size:11px; font-weight:700; letter-spacing:.06em;
    color:var(--accent);
}

@media (max-width:480px){
    .lg-lang-row{ grid-template-columns:1fr; gap:8px; }
    .lg-plan-layer{ flex-wrap:wrap; }
    .lg-plan-tag{ margin-left:62px; }
}