.about-page{background:var(--semantic-bg-default);padding-top:var(--nav-offset)}.about-breadcrumb{max-width:1200px;margin:0 auto;padding:var(--space-32) var(--space-16) 0;font-size:var(--type-cn-body-small-size);line-height:var(--type-cn-body-small-line-height);font-weight:var(--type-cn-body-small-font-weight);color:var(--semantic-text-secondary)}.about-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8);margin:0;padding:0;list-style:none}.about-breadcrumb li:not(:last-child):after{content:"›";margin-left:var(--space-8);color:var(--semantic-text-disabled);font-size:var(--type-cn-title-small-size);line-height:var(--type-cn-title-small-line-height);font-weight:var(--type-cn-title-small-font-weight)}.about-breadcrumb a{color:var(--semantic-text-secondary);text-decoration:none;transition:color var(--motion-fast) var(--motion-ease)}.about-breadcrumb a:hover{color:var(--semantic-brand-primary)}.about-breadcrumb [aria-current=page]{color:var(--semantic-text-primary);font-weight:500}.about-hero{padding:var(--space-48) var(--space-16) var(--space-64);text-align:center}.about-hero__inner{max-width:820px;margin:0 auto}.about-hero__eyebrow{display:inline-block;font-family:var(--font-en,"Roboto",sans-serif);font-size:var(--type-cn-body-small-size);font-weight:var(--type-cn-body-small-font-weight);line-height:var(--type-cn-body-small-line-height);letter-spacing:2px;text-transform:uppercase;color:var(--semantic-text-accent);margin-bottom:var(--space-16)}.about-hero__title{margin:0 0 var(--space-20);font-family:var(--font-cn,"Noto Sans TC",sans-serif);font-size:var(--type-cn-display-medium-size);font-weight:var(--type-cn-headline-large-font-weight);line-height:1.3;letter-spacing:-.01em;color:var(--semantic-text-primary)}.about-hero__tagline{display:inline-block;margin:0 0 var(--space-24);padding:var(--space-8) var(--space-20);border-radius:var(--radius-pill);background:var(--semantic-brand-primary-soft);color:var(--semantic-brand-primary);font-size:var(--type-cn-body-large-size);line-height:var(--type-cn-body-large-line-height);font-weight:var(--type-cn-title-medium-font-weight)}.about-hero__lead{margin:0 auto;max-width:680px;font-size:var(--type-cn-title-medium-size);line-height:1.9;color:var(--semantic-text-secondary)}@media (max-width:768px){.about-hero{padding:var(--space-32) var(--space-16) var(--space-40)}.about-hero__title{font-size:var(--type-cn-headline-large-size)}.about-hero__tagline{font-size:var(--type-cn-title-small-size);padding:var(--space-8) var(--space-16)}.about-hero__lead{font-size:var(--type-cn-body-large-size);line-height:1.8}}.about-section{padding:var(--space-64) var(--space-16)}.about-section--subtle{background:var(--semantic-bg-subtle)}.about-section__inner{max-width:1120px;margin:0 auto}.about-sec-head{text-align:center;margin-bottom:var(--space-48)}.about-sec-head__label{display:inline-block;font-family:var(--font-en,"Roboto",sans-serif);font-size:var(--type-cn-body-small-size);letter-spacing:2px;text-transform:uppercase;color:var(--semantic-text-accent);margin-bottom:var(--space-12)}.about-sec-head__title{margin:0 0 var(--space-12);font-size:var(--type-cn-headline-large-size);font-weight:var(--type-cn-headline-large-font-weight);line-height:1.35;color:var(--semantic-text-primary)}.about-sec-head__desc{margin:0 auto;max-width:620px;font-size:var(--type-cn-body-large-size);line-height:1.8;color:var(--semantic-text-secondary)}@media (max-width:768px){.about-section{padding:var(--space-40) var(--space-16)}.about-sec-head{margin-bottom:var(--space-32)}.about-sec-head__title{font-size:var(--type-cn-headline-medium-size)}}.about-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:var(--space-48);align-items:start;max-width:1000px;margin:0 auto}.about-story__aside{position:sticky;top:96px}.about-story__since{font-size:var(--type-cn-title-small-size);letter-spacing:2px;color:var(--semantic-text-accent);text-transform:uppercase;margin-bottom:var(--space-8)}.about-story__since,.about-story__year{font-family:var(--font-en,"Roboto",sans-serif)}.about-story__year{font-size:var(--space-64);font-weight:var(--type-cn-headline-large-font-weight);line-height:1;color:var(--semantic-text-primary);letter-spacing:-.02em;margin:0 0 var(--space-12)}.about-story__year-cn{margin:0;font-size:var(--type-cn-title-medium-size);color:var(--semantic-text-secondary)}.about-story__body{font-size:var(--type-cn-body-large-size);line-height:1.9;color:var(--semantic-text-secondary)}.about-story__body p{margin:0 0 var(--space-20)}.about-story__body p:last-child{margin-bottom:0}.about-story__body strong{font-weight:700;color:var(--semantic-text-primary)}@media (max-width:900px){.about-story{grid-template-columns:1fr;gap:var(--space-24)}.about-story__aside{position:static}.about-story__year{font-size:var(--space-48)}}.about-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-24)}.about-feature{position:relative;padding:var(--space-32);background:var(--semantic-bg-default);border:1px solid var(--semantic-border-subtle);border-radius:var(--radius-lg);transition:border-color var(--motion-base) var(--motion-ease),box-shadow var(--motion-base) var(--motion-ease),transform var(--motion-base) var(--motion-ease)}.about-feature:hover{border-color:var(--semantic-border-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.about-feature__icon{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--semantic-brand-primary-soft);color:var(--semantic-brand-primary);margin-bottom:var(--space-20)}.about-feature__num{position:absolute;top:var(--space-24);right:var(--space-24);font-family:var(--font-en,"Roboto",sans-serif);font-size:var(--type-cn-body-small-size);font-weight:700;letter-spacing:.08em;color:var(--semantic-text-tertiary)}.about-feature__title{margin:0 0 var(--space-12);font-size:var(--type-cn-title-large-size);font-weight:var(--type-cn-headline-large-font-weight);line-height:1.45;color:var(--semantic-text-primary)}.about-feature__desc{margin:0;font-size:var(--type-cn-body-large-size);line-height:1.85;color:var(--semantic-text-secondary)}@media (max-width:900px){.about-features{grid-template-columns:1fr}}.about-promise{max-width:820px;margin:0 auto;text-align:center;position:relative}.about-promise__mark{font-family:var(--font-en,"Roboto",sans-serif);font-size:80px;line-height:1;color:var(--semantic-brand-primary-soft);margin-bottom:-8px;user-select:none}.about-promise__text{margin:0;font-size:var(--type-cn-headline-small-size);font-weight:var(--type-cn-title-medium-font-weight);line-height:1.7;color:var(--semantic-text-primary);letter-spacing:-.005em}.about-promise__text strong{color:var(--semantic-brand-primary);font-weight:700}.about-promise__sub{margin:var(--space-24) 0 0;font-size:var(--type-cn-body-large-size);color:var(--semantic-text-secondary)}@media (max-width:768px){.about-promise__text{font-size:var(--type-cn-title-medium-size);line-height:1.7}.about-promise__mark{font-size:60px}}.about-contact{max-width:1120px;margin:0 auto;padding:var(--space-40);display:flex;align-items:center;gap:var(--space-32);background:var(--semantic-brand-primary-soft);border:1px solid var(--semantic-border-accent);border-radius:var(--radius-lg)}.about-contact__icon{flex-shrink:0;width:64px;height:64px;display:inline-flex;align-items:center;justify-content:center;background:var(--semantic-brand-primary);color:var(--semantic-text-inverse);border-radius:var(--radius-pill)}.about-contact__text{flex:1;min-width:0}.about-contact__lead{margin:0 0 var(--space-8);font-size:var(--type-cn-title-medium-size);font-weight:700;color:var(--semantic-text-primary)}.about-contact__phone{margin:0;font-size:var(--type-cn-body-large-size);color:var(--semantic-text-secondary);line-height:1.6}.about-contact__phone a{color:var(--semantic-brand-primary);font-family:var(--font-en,"Roboto",sans-serif);font-size:var(--type-cn-headline-small-size);font-weight:700;letter-spacing:.02em;margin-left:var(--space-8);text-decoration:none;vertical-align:middle}.about-contact__phone a:hover{text-decoration:underline}.about-contact__actions{flex-shrink:0;display:flex;gap:var(--space-12);flex-wrap:wrap}.about-contact__actions .btn{text-decoration:none}@media (max-width:900px){.about-contact{flex-direction:column;align-items:flex-start;padding:var(--space-24);gap:var(--space-20)}.about-contact__phone a{font-size:var(--type-cn-title-large-size)}.about-contact__actions{width:100%}.about-contact__actions .btn{flex:1}}