:root { --ab-blue:#1769ff; --ab-blue-dark:#0754df; --ab-ink:#111318; --ab-copy:#626873; --ab-soft:#f5f7fa; --ab-line:#e7e9ee; --ab-white:#fff; }
.ab-page { color:var(--ab-ink); background:var(--ab-white); }
.ab-page *, .ab-page *::before, .ab-page *::after { box-sizing:border-box; }
.ab-page .container { width:calc(100% - 48px); max-width:1320px; margin-right:auto; margin-left:auto; padding-right:0; padding-left:0; }
.cm-navbar.is-channel-anchor-active { pointer-events:none; transform:translateY(-100%); }
.ab-section { position:relative; padding:122px 0; }
.ab-hero, .ab-section, .ab-cta-wrap { scroll-margin-top:84px; }
.ab-section--soft { background:var(--ab-soft); }
.ab-section-head { max-width:760px; margin-bottom:40px; text-align:left; }
.ab-kicker { display:block; margin-bottom:18px; color:var(--ab-blue); font-size:13px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.ab-title { margin:0; color:var(--ab-ink); font-size:clamp(36px,4vw,58px); font-weight:650; line-height:1.16; letter-spacing:-.04em; }
.ab-section-head .ab-kicker { display:inline-flex; min-height:28px; align-items:center; margin-bottom:12px; color:#4f63ff; font-size:14px; font-weight:700; letter-spacing:0; text-transform:none; }
.ab-section-head .ab-title { font-size:42px; font-weight:800; line-height:1.18; letter-spacing:0; }
.ab-copy { margin:25px 0 0; color:var(--ab-copy); font-size:18px; line-height:1.9; }
.ab-button { display:inline-flex; min-height:52px; align-items:center; justify-content:center; padding:0 29px; border:1px solid var(--ab-blue); color:var(--ab-white); background:var(--ab-blue); font-size:15px; font-weight:650; transition:background-color .25s ease,transform .25s ease; }
.ab-button:hover { color:var(--ab-white); background:var(--ab-blue-dark); text-decoration:none; transform:translateY(-2px); }
.ab-button:focus-visible, .ab-anchor a:focus-visible, .ab-honor:focus-visible { outline:3px solid rgba(23,105,255,.3); outline-offset:4px; }
.ab-hero { position:relative; min-height:640px; display:flex; align-items:center; overflow:hidden; color:var(--ab-white); background:linear-gradient(125deg,#102c5b 0%,#155fc9 48%,#6fbcff 100%); }
.ab-hero-media { position:absolute; inset:0; }
.ab-hero-media::before { position:absolute; width:52vw; height:52vw; right:-10vw; top:-25vw; border-radius:50%; content:""; background:rgba(255,255,255,.16); filter:blur(1px); }
.ab-hero-media::after { position:absolute; inset:0; content:""; background:linear-gradient(90deg,rgba(3,18,43,.76) 0%,rgba(4,25,59,.36) 52%,rgba(4,25,59,.04) 82%); }
.ab-hero-media img, .ab-hero-media video { width:100%; height:100%; object-fit:cover; }
.ab-hero-inner { position:relative; z-index:2; width:100%; padding:120px 0; }
.ab-hero-copy { max-width:760px; }
.ab-hero .ab-kicker { color:rgba(255,255,255,.8); }
.ab-hero h1 { max-width:750px; margin:0; overflow-wrap:anywhere; word-break:break-all; white-space:normal; font-size:clamp(48px,5.5vw,78px); font-weight:620; line-height:1.08; letter-spacing:-.055em; }
.ab-hero p { max-width:610px; margin:26px 0 0; overflow-wrap:anywhere; word-break:break-all; white-space:normal; color:rgba(255,255,255,.82); font-size:18px; line-height:1.8; }
.ab-hero .ab-button { margin-top:35px; border-color:var(--ab-white); color:var(--ab-ink); background:var(--ab-white); }
.ab-anchor { position:sticky; z-index:10; top:0; border-bottom:1px solid #dfe7f1; background:rgba(255,255,255,.94); box-shadow:0 8px 22px rgba(7,17,31,.05); backdrop-filter:blur(14px); }
.ab-anchor .container { min-height:74px; display:flex; align-items:center; justify-content:flex-start; gap:0; }
.ab-anchor-brand { flex:0 0 auto; color:var(--ab-ink); font-family:"Microsoft YaHei","PingFang SC",sans-serif; font-size:16px; font-weight:850; line-height:1.4; white-space:nowrap; }
.ab-anchor-title { color:var(--ab-ink); font-size:inherit; font-weight:inherit; }
.ab-anchor-divider { flex:0 0 auto; margin:0 14px; color:#94a3ad; font-size:20px; font-weight:300; line-height:1; }
.ab-anchor-links { display:flex; flex:1 1 auto; flex-wrap:wrap; gap:2px; }
.ab-anchor-links a { min-height:56px; display:inline-flex; align-items:center; padding:0 18px; border-radius:12px; color:#1f2937; font-size:15px; font-weight:700; line-height:32px; position:relative; text-decoration:none; transition:color .2s ease,background .2s ease,box-shadow .2s ease; }
.ab-anchor-links a:hover,.ab-anchor-links a.is-active { color:var(--ab-blue); }
.ab-anchor-links a.is-active { background:rgba(23,105,255,.06); box-shadow:inset 0 0 0 1px rgba(23,105,255,.10); }
.ab-anchor-links a::after { content:""; position:absolute; left:18px; right:18px; bottom:7px; height:2px; background:var(--ab-blue); transform:scaleX(0); transform-origin:center; transition:transform .2s ease; }
.ab-anchor-links a:hover::after,.ab-anchor-links a.is-active::after { transform:scaleX(1); }
.ab-intro { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center; gap:8vw; }
.ab-intro-content { max-width:570px; }
.ab-intro-content .ab-kicker, .ab-intro-content .ab-title { text-align:left; }
.ab-intro-content .ab-copy { white-space:pre-line; }
.ab-intro-media { position:relative; min-height:520px; overflow:hidden; background:linear-gradient(145deg,#eef4ff,#dce9ff); }
.ab-intro-media img { position:absolute; width:100%; height:100%; inset:0; object-fit:cover; }
.ab-intro-mark { position:absolute; right:28px; bottom:12px; color:rgba(23,105,255,.15); font-size:112px; font-weight:750; letter-spacing:-.08em; }
.ab-metrics { background:var(--ab-white); }
.ab-metric-stage { padding:78px 6vw; background:var(--ab-soft); }
.ab-metric-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.ab-metric { min-height:190px; padding:26px 34px; border-right:1px solid #dfe3e9; text-align:center; }
.ab-metric:last-child { border-right:0; }
.ab-metric-value { color:var(--ab-blue); font-size:clamp(48px,5vw,72px); font-weight:650; line-height:1; letter-spacing:-.055em; }
.ab-metric h3 { margin:25px 0 8px; font-size:17px; font-weight:650; }
.ab-metric p { margin:0; color:var(--ab-copy); font-size:14px; line-height:1.7; }
.ab-purpose-list { display:grid; gap:96px; }
.ab-purpose { display:grid; grid-template-columns:1.08fr .92fr; align-items:center; min-height:430px; background:var(--ab-soft); }
.ab-purpose:nth-child(even) { grid-template-columns:.92fr 1.08fr; }
.ab-purpose:nth-child(even) .ab-purpose-visual { order:2; }
.ab-purpose-visual { position:relative; height:100%; min-height:430px; overflow:hidden; background:linear-gradient(135deg,#0e61d6,#75c7ff); }
.ab-purpose-visual::before, .ab-purpose-visual::after { position:absolute; border-radius:50%; content:""; }
.ab-purpose-visual::before { width:330px; height:330px; right:-70px; top:-95px; background:rgba(255,255,255,.2); }
.ab-purpose-visual::after { width:180px; height:180px; left:15%; bottom:-70px; border:42px solid rgba(255,255,255,.13); }
.ab-purpose-visual img { position:absolute; width:100%; height:100%; inset:0; object-fit:cover; }
.ab-purpose-icon { position:absolute; z-index:1; left:42px; bottom:38px; color:rgba(255,255,255,.9); font-size:50px; }
.ab-purpose-content { padding:65px 7vw; }
.ab-purpose-label { color:var(--ab-blue); font-size:12px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.ab-purpose h3 { margin:18px 0 20px; font-size:clamp(31px,3vw,46px); font-weight:620; letter-spacing:-.04em; }
.ab-purpose p { max-width:490px; margin:0; color:var(--ab-copy); font-size:17px; line-height:1.85; }
.ab-milestones { padding-bottom:0; background:var(--ab-white); }
.ab-milestone-stage { position:relative; min-height:650px; overflow:hidden; color:var(--ab-white); background:#061a35; }
.ab-milestone-backgrounds, .ab-milestone-bg, .ab-milestone-bg::after { position:absolute; inset:0; }
.ab-milestone-bg { opacity:0; transform:scale(1.025); transition:opacity .65s ease,transform 1.1s ease; }
.ab-milestone-bg.is-active { opacity:1; transform:scale(1); }
.ab-milestone-bg::before { position:absolute; inset:0; content:""; background:radial-gradient(circle at 78% 40%,rgba(47,134,255,.38),transparent 34%),linear-gradient(120deg,#04162e 0%,#0b376a 55%,#1769aa 100%); }
.ab-milestone-bg::after { content:""; background:linear-gradient(90deg,rgba(4,15,30,.98) 0%,rgba(4,15,30,.9) 36%,rgba(4,15,30,.5) 66%,rgba(4,15,30,.22) 100%); }
.ab-milestone-bg img { width:100%; height:100%; object-fit:cover; }
.ab-milestone-layout { position:relative; z-index:2; min-height:650px; display:grid; grid-template-columns:170px minmax(0,1fr); align-items:center; gap:80px; }
.ab-milestone-years { position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:22px; padding:10px 0; }
.ab-milestone-years::before { position:absolute; width:1px; top:22px; bottom:22px; left:88px; content:""; background:rgba(255,255,255,.45); }
.ab-milestone-year { position:relative; width:112px; padding:0 28px 0 0; border:0; color:rgba(255,255,255,.58); background:none; font:inherit; font-size:17px; font-weight:650; line-height:28px; text-align:right; cursor:pointer; transition:color .25s ease,font-size .25s ease; }
.ab-milestone-year::after { position:absolute; z-index:1; width:9px; height:9px; top:50%; right:19px; border:2px solid #071a35; border-radius:50%; content:""; background:#c5ccd6; transform:translateY(-50%); transition:background-color .25s ease,box-shadow .25s ease; }
.ab-milestone-year:hover { color:var(--ab-white); }
.ab-milestone-year.is-active { color:#4f9cff; font-size:28px; }
.ab-milestone-year.is-active::after { background:#4f9cff; box-shadow:0 0 0 4px rgba(79,156,255,.2); }
.ab-milestone-year:focus-visible { outline:2px solid #8dc2ff; outline-offset:5px; }
.ab-milestone-panels { min-width:0; }
.ab-milestone-panel { display:none; max-width:640px; padding:55px 0; }
.ab-milestone-panel.is-active { display:block; animation:abMilestoneIn .55s ease both; }
.ab-milestone-meta { display:flex; align-items:center; gap:14px; margin-bottom:25px; color:#70adff; font-size:13px; font-weight:700; letter-spacing:.12em; }
.ab-milestone-meta::before { width:34px; height:2px; content:""; background:#4f9cff; }
.ab-milestone-panel h3 { max-width:620px; margin:0; color:var(--ab-white); font-size:clamp(34px,4vw,58px); font-weight:620; line-height:1.2; letter-spacing:-.04em; }
.ab-milestone-panel p { max-width:570px; margin:25px 0 0; color:rgba(255,255,255,.7); font-size:17px; line-height:1.85; }
.ab-milestone-count { margin-top:56px; color:rgba(255,255,255,.38); font-size:12px; letter-spacing:.14em; }
@keyframes abMilestoneIn { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:none; } }
.ab-honor-wall { padding:14px; background:#eef1f5; }
.ab-honor-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:#e3e6eb; }
.ab-honor { display:flex; min-height:360px; flex-direction:column; color:inherit; background:var(--ab-white); transition:transform .3s ease,box-shadow .3s ease; }
.ab-honor:hover { z-index:1; color:inherit; box-shadow:0 20px 50px rgba(26,39,64,.12); text-decoration:none; transform:translateY(-4px); }
.ab-honor-media { position:relative; height:260px; display:grid; place-items:center; overflow:hidden; padding:14px; background:#f7f9fc; }
.ab-honor-media img { width:100%; height:100%; object-fit:contain; transition:transform .5s ease; } .ab-honor:hover .ab-honor-media img { transform:scale(1.02); }
.ab-honor-placeholder { color:#c5cbd5; font-size:64px; font-weight:700; }
.ab-honor-content { padding:27px 30px 31px; } .ab-honor-content span { color:var(--ab-blue); font-size:12px; font-weight:700; letter-spacing:.1em; }
.ab-honor h3 { margin:10px 0 0; font-size:19px; line-height:1.45; } .ab-honor p { margin:9px 0 0; color:var(--ab-copy); font-size:14px; line-height:1.65; }
.ab-qualification { background:#fff; }
.ab-qualification-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:34px 32px; }
.ab-qualification-card { display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--ab-line); border-radius:8px; background:#fff; box-shadow:0 2px 8px rgba(13,26,48,.04); transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease; }
.ab-qualification-card:hover { border-color:#c7d8ff; box-shadow:0 16px 38px rgba(13,26,48,.1); transform:translateY(-4px); }
.ab-qualification-media { position:relative; aspect-ratio:4/3; display:grid; place-items:center; overflow:hidden; padding:14px; background:#f7f9fc; }
.ab-qualification-media img { width:100%; height:100%; object-fit:contain; transition:transform .5s ease; }
.ab-qualification-card:hover .ab-qualification-media img { transform:scale(1.035); }
.ab-qualification-placeholder { width:calc(100% - 24px); height:calc(100% - 24px); display:grid; place-items:center; border:1px dashed #cdd5e0; border-radius:6px; color:#a6aeb9; font-size:14px; letter-spacing:.2em; }
.ab-qualification-name { margin:0; padding:16px 18px 18px; color:#3b414b; font-size:16px; line-height:1.5; font-weight:650; text-align:center; overflow-wrap:anywhere; }
.ab-image-zoom { position:absolute; z-index:2; top:14px; right:14px; width:42px; height:42px; display:inline-grid; place-items:center; padding:0; border:1px solid rgba(17,24,39,.1); border-radius:6px; color:#1f2937; background:rgba(255,255,255,.94); box-shadow:0 8px 24px rgba(17,24,39,.14); opacity:0; transform:translateY(-5px); cursor:pointer; transition:color .2s ease,background-color .2s ease,opacity .2s ease,transform .2s ease; }
.ab-image-zoom:hover { color:#fff; background:var(--ab-blue); }
.ab-image-zoom:focus-visible { outline:3px solid rgba(23,105,255,.3); outline-offset:3px; opacity:1; transform:none; }
.ab-qualification-card:hover .ab-image-zoom,.ab-qualification-card:focus-within .ab-image-zoom,.ab-honor:hover .ab-image-zoom,.ab-honor:focus-within .ab-image-zoom { opacity:1; transform:none; }
body.ab-viewer-open { overflow:hidden; }
.ab-image-viewer { position:fixed; z-index:2100; inset:0; display:grid; place-items:center; padding:72px 36px 34px; color:#fff; background:rgba(4,10,20,.9); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .22s ease,visibility 0s linear .22s; }
.ab-image-viewer.is-open { opacity:1; visibility:visible; pointer-events:auto; transition-delay:0s; }
.ab-image-viewer-content { width:min(1500px,100%); height:100%; min-height:0; display:grid; grid-template-rows:minmax(0,1fr) auto; gap:16px; margin:0; }
.ab-image-viewer-content img { width:100%; height:100%; min-height:0; object-fit:contain; }
.ab-image-viewer-content figcaption { min-height:24px; color:rgba(255,255,255,.9); font-size:16px; line-height:1.5; font-weight:600; text-align:center; }
.ab-image-viewer-close { position:absolute; top:20px; right:24px; width:44px; height:44px; display:grid; place-items:center; padding:0; border:1px solid rgba(255,255,255,.28); border-radius:6px; color:#fff; background:rgba(255,255,255,.08); font-size:21px; cursor:pointer; transition:background-color .2s ease,border-color .2s ease; }
.ab-image-viewer-close:hover { border-color:rgba(255,255,255,.55); background:rgba(255,255,255,.18); }
.ab-image-viewer-close:focus-visible { outline:3px solid rgba(141,194,255,.6); outline-offset:3px; }
.ab-cta-wrap { padding:0 0 112px; background:var(--ab-white); }
.ab-cta { position:relative; min-height:340px; display:flex; align-items:center; overflow:hidden; padding:68px max(7vw,42px); color:var(--ab-white); background:linear-gradient(110deg,#0e5ddd,#2083ff 60%,#56b8ff); }
.ab-cta::before { position:absolute; width:430px; height:430px; right:-80px; top:-220px; border:90px solid rgba(255,255,255,.1); border-radius:50%; content:""; }
.ab-cta-content { position:relative; z-index:1; max-width:720px; } .ab-cta h2 { margin:0; color:var(--ab-white); font-size:clamp(36px,4vw,58px); font-weight:620; line-height:1.12; letter-spacing:-.04em; }
.ab-cta p { max-width:590px; margin:20px 0 0; color:rgba(255,255,255,.82); font-size:17px; line-height:1.75; } .ab-cta .ab-button { margin-top:31px; border-color:var(--ab-white); color:var(--ab-blue); background:var(--ab-white); }
.ab-fallback { padding:72px 0 100px; } .ab-fallback h1 { margin-bottom:30px; font-size:clamp(34px,4vw,52px); font-weight:650; }
.ab-reveal { opacity:0; transform:translateY(24px); transition:opacity .65s ease,transform .65s ease; } .ab-reveal.is-visible { opacity:1; transform:none; }
@media (max-width:991.98px) { .ab-section{padding:88px 0}.ab-hero{min-height:590px}.ab-intro{grid-template-columns:1fr;gap:48px}.ab-intro-media{min-height:420px}.ab-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:38px}.ab-metric:nth-child(2){border-right:0}.ab-purpose,.ab-purpose:nth-child(even){grid-template-columns:1fr}.ab-purpose:nth-child(even) .ab-purpose-visual{order:0}.ab-qualification-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ab-honor-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:767.98px) { .ab-page .container{width:calc(100% - 32px)}.ab-section{padding:68px 0}.ab-section-head{margin-bottom:40px}.ab-section-head .ab-title{font-size:32px}.ab-copy{font-size:16px}.ab-hero{min-height:530px}.ab-hero-inner{overflow:hidden;padding:88px 0}.ab-hero-copy{width:calc(100vw - 32px);max-width:none}.ab-hero h1{width:100%;font-size:clamp(40px,11.5vw,52px)}.ab-hero p{width:100%;font-size:16px}.ab-anchor .container{min-height:58px}.ab-anchor-brand{max-width:112px;overflow:hidden;font-size:13px;text-overflow:ellipsis}.ab-anchor-divider{margin:0 6px;font-size:17px}.ab-anchor-links{min-width:0;flex-wrap:nowrap;overflow-x:auto}.ab-anchor-links a{min-height:52px;padding:0 12px;font-size:13px}.ab-anchor-links a::after{left:12px;right:12px}.ab-intro-media{min-height:300px}.ab-metric-stage{padding:55px 20px}.ab-metric-grid{grid-template-columns:1fr}.ab-metric{min-height:160px;border-right:0;border-bottom:1px solid #dfe3e9}.ab-metric:last-child{border-bottom:0}.ab-purpose-list{gap:40px}.ab-purpose-visual{min-height:300px}.ab-purpose-content{padding:44px 28px}.ab-milestones{padding-bottom:0}.ab-milestone-stage,.ab-milestone-layout{min-height:590px}.ab-milestone-layout{display:block;padding:54px 0}.ab-milestone-years{flex-direction:row;gap:30px;padding:0 0 20px;overflow-x:auto;scrollbar-width:none}.ab-milestone-years::-webkit-scrollbar{display:none}.ab-milestone-years::before{height:1px;width:auto;top:auto;right:0;bottom:8px;left:0}.ab-milestone-year{width:auto;flex:none;padding:0 0 8px;font-size:17px;line-height:28px;text-align:left}.ab-milestone-year::after{width:7px;height:7px;top:auto;right:auto;bottom:4px;left:50%;transform:translate(-50%,50%)}.ab-milestone-year.is-active{font-size:23px}.ab-milestone-panel{padding:62px 0 30px}.ab-milestone-panel h3{font-size:38px}.ab-milestone-panel p{font-size:16px}.ab-milestone-count{margin-top:45px}.ab-milestone-bg::after{background:linear-gradient(90deg,rgba(4,15,30,.94),rgba(4,15,30,.7)),linear-gradient(0deg,rgba(4,15,30,.85),transparent)}.ab-qualification-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.ab-qualification-name{padding:12px 12px 14px;font-size:14px}.ab-honor-grid{grid-template-columns:1fr}.ab-cta-wrap{padding-bottom:68px}.ab-cta{min-height:380px;padding:48px 27px} }
@media (hover:none) { .ab-image-zoom { opacity:1; transform:none; } }
@media (max-width:575.98px) { .ab-image-viewer{padding:66px 14px 22px}.ab-image-viewer-close{top:12px;right:14px}.ab-image-viewer-content{gap:10px}.ab-image-viewer-content figcaption{font-size:14px}.ab-image-zoom{top:9px;right:9px;width:38px;height:38px} }
@media (prefers-reduced-motion:reduce) { .ab-page *,.ab-page *::before,.ab-page *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.ab-reveal{opacity:1;transform:none} }