html{scroll-behavior:smooth;scroll-padding-top:100px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.about-page{background-color:#fafbf9;color:#173244;font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,Microsoft JhengHei,sans-serif;font-size:17px;line-height:1.95}.about-page a{color:inherit;text-decoration:none}.about-page .about-hero{background:#05080d url(../images/about/BANNER.png) 100%/cover no-repeat;color:#fff;overflow:hidden;padding:92px 8vw 64px;position:relative}@media (min-width:701px) and (max-width:1100px){.about-page .about-hero{background:linear-gradient(90deg,rgba(5,8,13,.9),rgba(5,8,13,.6) 55%,rgba(5,8,13,0) 85%),#05080d url(../images/about/BANNER.png) 100%/cover no-repeat}}.about-page .about-hero-inner{max-width:56%;position:relative;z-index:1}@media (max-width:700px){.about-page .about-hero-inner{max-width:none}}.about-page .eyebrow{color:#61c7b4;font-size:12px;font-weight:700;letter-spacing:3px}.about-page .about-hero-title{font-size:clamp(32px,4.3vw,60px);font-weight:700;letter-spacing:-1.5px;line-height:1.35;margin:22px 0;max-width:1000px}.about-page .about-hero-title .nowrap{white-space:nowrap}.about-page .about-hero-sub{color:#b7cbd0;font-size:18px;max-width:750px}.about-page .about-hero-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:35px}.about-page .about-btn{border:1px solid #65818d;border-radius:4px;color:#fff;font-size:14px;line-height:1.6;padding:10px 24px;transition:opacity .2s}.about-page .about-btn:hover{color:#fff;opacity:.85}.about-page .about-btn.primary{background-color:#a9e7d5;border-color:#a9e7d5;color:#102d40}.about-page .about-layout{display:grid;gap:65px;grid-template-columns:240px minmax(0,930px);margin:auto;max-width:1320px;padding:70px 40px}.about-page .about-toc{align-self:start;max-height:calc(100vh - 140px);overflow:auto;position:sticky;top:110px}.about-page .about-toc .label{color:#68818b;font-size:11px;letter-spacing:3px;margin-bottom:17px}.about-page .about-toc a{border-bottom:1px solid #e4eae9;color:#61717b;display:flex;font-size:13px;gap:10px;line-height:1.65;padding:10px 0}.about-page .about-toc a.active,.about-page .about-toc a:hover{color:#008577}.about-page .about-toc b{color:#849b9d;font-size:11px;padding-top:2px}.about-page .about-mobile-toc{display:none}.about-page .chapter{border-bottom:1px solid #d9e3e2;margin-bottom:65px;padding-bottom:65px;scroll-margin-top:100px}.about-page .chapter:last-child{border-bottom:0;margin-bottom:0}.about-page .chapter h2{font-size:clamp(25px,2.8vw,36px);font-weight:700;letter-spacing:-.5px;line-height:1.5;margin:13px 0 30px}.about-page .chapter h3{color:#0b766f;font-size:22px;font-weight:700;line-height:1.6;margin:38px 0 12px}.about-page .section-label{align-items:center;color:#00877b;display:flex;font-size:11px;gap:15px;letter-spacing:3px}.about-page .section-label:after{background-color:#77b5a9;content:"";height:1px;width:65px}.about-page figure{background-color:#edf3f3;border:1px solid #dbe5e4;border-radius:10px;margin:0 0 34px;overflow:hidden}.about-page figure img{display:block;height:auto;width:100%}.about-page .prose p{margin:0 0 22px;overflow-wrap:anywhere;text-align:justify}.about-page .timeline{list-style:none;margin:35px 0 0;padding:0;position:relative}.about-page .timeline:before{background:linear-gradient(#a8c9c2,#138b7f,#18374d);bottom:15px;content:"";left:155px;position:absolute;top:14px;width:2px}.about-page .milestone{display:grid;gap:60px;grid-template-columns:130px 1fr;padding:0 0 32px;position:relative}.about-page .milestone:before{background-color:#f8fbf8;border:4px solid #138b7f;border-radius:50%;box-shadow:0 0 0 5px #fafbf9;content:"";height:18px;left:147px;position:absolute;top:12px;width:18px}.about-page .year{color:#087e74;font-size:24px;font-weight:700;line-height:1.35;padding-top:5px}.about-page .event{background-color:#fff;border:1px solid #d9e4e2;border-radius:10px;box-shadow:0 6px 20px rgba(20,47,64,.016);padding:24px 28px}.about-page .event h3{color:#173244;font-size:21px;margin:0 0 12px}.about-page .event p{font-size:15px;line-height:1.95;margin:0 0 10px}.about-page .event p:last-child{margin:0}.about-page .endmark{color:#0b8278;font-size:12px;letter-spacing:2px;margin-left:146px}@media (min-width:1500px){.about-page .about-layout{gap:80px}}@media (max-width:1000px){.about-page .about-layout{gap:30px;grid-template-columns:190px minmax(0,1fr);padding:50px 25px}.about-page .timeline:before{left:23px}.about-page .milestone{gap:14px;grid-template-columns:1fr;padding-left:55px}.about-page .milestone:before{left:15px}.about-page .endmark{margin-left:15px}.about-page .year{font-size:22px}.about-page .event{padding:22px}}@media (max-width:700px){.about-page .about-hero{background:linear-gradient(rgba(5,8,13,.55),rgba(5,8,13,.55)),#05080d url(../images/about/BANNER2.png) 50%/cover no-repeat;padding:55px 24px 45px}.about-page .about-hero-title{font-size:34px}.about-page .about-hero-sub{font-size:15px}.about-page .about-layout{display:block;padding:35px 23px}.about-page .about-toc{display:none}.about-page .about-mobile-toc{border:1px solid #dce5e3;border-radius:6px;display:block;margin-bottom:40px;padding:14px 18px}.about-page .about-mobile-toc summary{cursor:pointer}.about-page .about-mobile-toc a{display:flex;font-size:14px;gap:10px;margin:10px 0}.about-page .about-mobile-toc b{color:#849b9d;font-size:12px}.about-page .chapter{margin-bottom:45px;padding-bottom:35px}.about-page .chapter h2{font-size:27px}.about-page .prose p{font-size:16px;text-align:left}.about-page .event h3{font-size:19px}}
