/* 中文：關於我們獨立樣式，繼承全站色彩變數，避免影響其他頁面。 */
.about-medical{overflow-wrap:anywhere}
.about-intro{background:var(--bg);padding:76px 0 56px}
.about-intro h1{font-size:clamp(32px,4.5vw,56px);max-width:900px;margin:18px 0}
.about-intro p{font-size:clamp(17px,2vw,21px);color:var(--muted);max-width:650px}
.about-purpose{background:var(--surface);padding:68px 0}
.about-purpose-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.about-purpose-card{min-width:0;padding:clamp(24px,3.5vw,44px);border-radius:16px;background:var(--bg);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:flex-start}
.about-quality{background:var(--surface);box-shadow:0 8px 30px rgba(78,188,142,.08)}
.about-purpose-card h2{font-size:clamp(27px,3vw,36px);letter-spacing:-.8px;line-height:1.22;margin:18px 0 24px}
.about-purpose-card p{font-size:16px;line-height:1.9;margin-bottom:28px}
.about-method{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.about-method span{border-radius:12px;background:var(--soft-green);padding:7px 11px;font-size:12px;color:var(--sage)}
.about-values{background:var(--bg)}
.about-values-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.about-value-card{background:var(--surface);border-radius:16px;box-shadow:var(--shadow);padding:30px;display:flex;gap:20px;align-items:flex-start;min-width:0}
.about-value-icon{display:flex;padding:13px;background:var(--soft-green);color:var(--sage);border-radius:14px;flex:none}
.about-value-card h3{font-size:23px;margin:0 0 10px}
.about-value-card p{font-size:16px;line-height:1.8}
.about-contact{background:var(--surface)}
.about-contact-inner{display:flex;justify-content:space-between;align-items:center;gap:36px}
.about-contact-inner>div{max-width:700px;min-width:0}
.about-contact-inner h2{font-size:clamp(28px,3vw,36px);margin-bottom:18px}
.about-contact-inner .btn{flex:none;text-align:center;max-width:100%}
@media(max-width:800px){.about-purpose-grid,.about-values-grid{grid-template-columns:minmax(0,1fr)}.about-contact-inner{align-items:flex-start;flex-direction:column;gap:24px}.about-intro{padding:50px 0 40px}.about-purpose{padding:42px 0}.about-value-card{padding:24px;gap:16px}}
@media(max-width:390px){.about-value-card{flex-direction:column}.about-contact-inner .btn{width:100%}}
