/* about.html - 页面专用样式 */

.about-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center}
.about-img{border-radius:var(--radius);overflow:hidden;aspect-ratio:4/3;background:linear-gradient(135deg,var(--c-primary-pale),var(--c-accent-light));display:flex;align-items:center;justify-content:center}
.about-img img{width:100%;height:100%;object-fit:cover}
.values{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}
.val-card{background:var(--c-bg);border-radius:var(--radius);padding:24px;text-align:center;border:1px solid var(--c-border);transition:all .35s var(--t)}
.val-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}
.val-icon{font-size:2rem;margin-bottom:12px}
.val-card h3{font-size:1rem;font-weight:700;color:var(--c-heading);margin-bottom:6px}
.val-card p{font-size:.82rem;color:var(--c-muted);line-height:1.6}
.timeline{max-width:700px;margin:48px auto 0;position:relative;padding-left:40px}
.timeline::before{content:'';position:absolute;left:15px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--c-primary),var(--c-accent))}
.tl-item{position:relative;margin-bottom:24px;padding-left:20px}
.tl-item::before{content:'';position:absolute;left:-32px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--c-primary);border:3px solid #fff;box-shadow:0 0 0 2px var(--c-primary)}
.tl-item h4{font-size:.95rem;font-weight:700;color:var(--c-heading)}
.tl-item p{font-size:.85rem;color:var(--c-body);margin-top:4px}
@media(max-width:1024px){.about-grid{grid-template-columns:1fr}.values{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.values{grid-template-columns:1fr}}