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

/* §02 使命 — split 视觉面板里的实景图 */
.ab-photo{
    position:relative;
    aspect-ratio:4/3;
    background:var(--ab-img) center center / cover no-repeat;
}
.ab-photo-meeting-2{ --ab-img:url('/assets/images/about/meeting-2.webp'); }
.ab-photo-welcome{ --ab-img:url('/assets/images/about/welcome.webp'); }
.ab-photo::after{
    content:""; position:absolute; inset:0; pointer-events:none;
    background:linear-gradient(165deg, rgba(20,16,12,0) 42%, rgba(20,16,12,.28) 100%);
}
.ab-photo-chip{
    position:absolute; left:16px; bottom:14px;
    display:inline-flex; align-items:center; gap:8px;
    padding:7px 13px; border-radius:100px;
    background:rgba(20,16,12,.56);
    -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
    border:1px solid rgba(255,255,255,.14);
    color:rgba(255,255,255,.86);
    font-family:var(--font-mono);
    font-size:10.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
}
.ab-photo-chip .dot{
    width:6px; height:6px; border-radius:50%;
    background:#7ee8c8; box-shadow:0 0 0 3px rgba(126,232,200,.22);
}

/* §02 使命要点清单 */
.ab-mission-list{ list-style:none; margin:18px 0 0; padding:0; }
.ab-mission-list li{
    display:grid; grid-template-columns:26px 1fr; gap:12px; align-items:baseline;
    padding:11px 0; border-top:1px solid var(--scn-line-soft);
    font-size:14px; line-height:1.7; color:var(--text-secondary);
}
.ab-mission-list li:first-child{ border-top:none; }
.ab-mission-list li i{ color:var(--accent); font-size:14px; }
.ab-mission-list li b{ color:var(--text-primary); font-weight:800; }

/* §03 核心价值卡片 — 编号 mono 眉标 */
.ab-value-num{
    font-family:var(--font-mono);
    font-size:12px; font-weight:600; letter-spacing:.14em;
    color:var(--text-muted); margin-bottom:14px;
}
.ab-value-card .scn-card-icon{ margin-bottom:16px; }

/* §04 已落地行业墙 — 12 个图标 + 行业名 */
.ab-industry-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr); gap:14px;
    margin-top:8px;
}
.ab-industry-tile{
    display:flex; flex-direction:column; align-items:center; gap:10px;
    padding:22px 12px;
    background:#fff;
    border:1px solid var(--scn-line);
    border-radius:14px;
    transition:transform .25s var(--ease-out), border-color .25s var(--ease-out), box-shadow .25s var(--ease-out);
}
.ab-industry-tile:hover{
    transform:translateY(-3px);
    border-color:var(--accent);
    box-shadow:0 12px 28px rgba(116,68,253,.10);
}
.ab-industry-ic{
    width:44px; height:44px; border-radius:12px;
    display:flex; align-items:center; justify-content:center;
    background:var(--accent-glow); color:var(--accent); font-size:18px;
}
.ab-industry-tile:hover .ab-industry-ic{ background:var(--accent); color:#fff; }
.ab-industry-tx{
    font-size:13px; font-weight:700; color:var(--text-primary);
    text-align:center; line-height:1.3;
}
@media (max-width:1024px){ .ab-industry-grid{ grid-template-columns:repeat(4,1fr); } }
@media (max-width:480px){ .ab-industry-grid{ grid-template-columns:repeat(3,1fr); gap:10px; } .ab-industry-tile{ padding:16px 8px; } .ab-industry-ic{ width:36px; height:36px; font-size:15px; } .ab-industry-tx{ font-size:11.5px; } }

/* §05 里程碑数据卡 — 大字号数字 + 单位 + 说明 */
.ab-milestone-grid{
    display:grid; grid-template-columns:repeat(4,1fr); gap:18px;
}
.ab-milestone{
    padding:32px 26px;
    background:#fff;
    border:1px solid var(--scn-line);
    border-radius:16px;
    transition:transform .25s var(--ease-out), border-color .25s var(--ease-out);
}
.ab-milestone:hover{ transform:translateY(-3px); border-color:var(--accent); }
.ab-milestone-num{
    font-family:var(--font-en);
    font-size:48px; font-weight:900; letter-spacing:-.02em;
    color:var(--accent); line-height:1.05;
}
.ab-milestone-num small{ font-size:22px; font-weight:700; margin-left:2px; }
.ab-milestone-tx{
    margin-top:10px; font-size:14px; font-weight:700;
    color:var(--text-primary); letter-spacing:-.005em;
}
.ab-milestone-desc{ margin-top:6px; font-size:12.5px; line-height:1.55; color:var(--text-muted); }
@media (max-width:1024px){ .ab-milestone-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:480px){ .ab-milestone-grid{ grid-template-columns:repeat(2,1fr); gap:12px; } .ab-milestone{ padding:22px 16px; } .ab-milestone-num{ font-size:36px; } .ab-milestone-num small{ font-size:16px; } }

/* §06 客户反馈 — 引用卡 */
.ab-quote-grid{
    display:grid; grid-template-columns:repeat(3,1fr); gap:18px;
}
.ab-quote{
    position:relative;
    padding:28px 26px;
    background:#fff;
    border:1px solid var(--scn-line);
    border-radius:16px;
    display:flex; flex-direction:column; gap:18px;
}
.ab-quote::before{
    content:'"';
    position:absolute; top:14px; right:20px;
    font-family:Georgia, serif;
    font-size:64px; line-height:1; color:var(--accent-glow);
    font-weight:700;
}
.ab-quote-body{
    font-size:14.5px; line-height:1.72; color:var(--text-primary);
    font-weight:500;
}
.ab-quote-who{
    display:flex; align-items:center; gap:12px;
    padding-top:14px; border-top:1px solid var(--scn-line-soft);
}
.ab-quote-av{
    width:38px; height:38px; border-radius:50%;
    background:linear-gradient(135deg,var(--accent),var(--accent-light));
    color:#fff; font-weight:700;
    display:flex; align-items:center; justify-content:center;
    font-size:14px;
}
.ab-quote-who b{
    display:block; font-size:13.5px; font-weight:700;
    color:var(--text-primary); letter-spacing:-.005em;
}
.ab-quote-who span{ display:block; font-size:11.5px; color:var(--text-muted); margin-top:2px; }
@media (max-width:1024px){ .ab-quote-grid{ grid-template-columns:1fr; } }