.oa-page,.oa-page *{box-sizing:border-box}
.oa-page{overflow:hidden;background:#fff;color:#111;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}
.oa-container{width:min(1440px,calc(100% - 80px));margin:0 auto}
.oa-overview{height:200vh;position:relative;background:#fff}
.oa-overview-sticky{position:sticky;top:0;height:100vh;overflow:hidden;background:#fff}
.oa-hero-media{position:absolute;z-index:3;left:0;top:0;width:100vw;height:100vh;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);will-change:left,top,width,height;box-shadow:0 30px 90px rgba(0,49,135,.16);transition:clip-path .65s cubic-bezier(.18,.63,0,1)}
.oa-hero-media.is-profile{clip-path:polygon(18% 0,100% 0,100% 100%,0 100%,12% 53%)}
.oa-hero-media video{width:100%;height:100%;object-fit:cover}
.oa-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,19,56,.16),rgba(0,16,46,.45))}
.oa-media-panel{position:absolute;z-index:2;left:46%;top:9vh;width:54%;height:91vh;opacity:0;clip-path:polygon(20% 0,100% 0,100% 100%,0 100%,13% 54%);pointer-events:none;transition:opacity .25s ease}
.oa-media-panel--back{left:43%;top:7vh;background:#f0f0f0}
.oa-media-panel--middle{left:46.5%;top:10vh;background:#e4e4e4}
.oa-hero-title{position:absolute;z-index:4;left:50%;top:50%;width:calc(100% - 80px);transform:translate(-50%,-50%);text-align:center;color:#fff;transition:opacity .12s linear;will-change:opacity,transform}
.oa-round-play{width:62px;height:62px;margin:0 auto 34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(255,255,255,.08);backdrop-filter:blur(8px);cursor:pointer;transition:.3s}
.oa-round-play:hover{background:#1268ff;border-color:#1268ff;transform:scale(1.08)}
.oa-round-play i,.oa-film-link i{width:0;height:0;margin-left:4px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid currentColor}
.oa-brand{font:700 clamp(30px,3.4vw,54px)/1 Arial;letter-spacing:.04em}.oa-brand small{display:block;margin-top:10px;font-size:13px;font-weight:400;letter-spacing:.35em}
.oa-hero-title h1{margin:28px 0 0;color:#fff;font-size:clamp(32px,4vw,62px);line-height:1.3;font-weight:600;letter-spacing:.04em}
.oa-hero-title>span{display:block;margin-top:42px;color:rgba(255,255,255,.56);font:10px Arial;letter-spacing:.28em}
.oa-profile{position:absolute;z-index:1;inset:0;opacity:0;pointer-events:none}
.oa-profile-inner{width:min(1440px,calc(100% - 80px));height:100%;margin:0 auto;display:flex;align-items:center}
.oa-profile-copy{width:43%;padding:50px 60px 0 12px}
.oa-label{color:#1268ff;font:600 12px Arial;letter-spacing:.22em}
.oa-profile-copy h2{margin:24px 0 34px;font-size:clamp(34px,3.2vw,52px);line-height:1.22;font-weight:700;letter-spacing:-.035em}
.oa-profile-text{max-height:300px;padding-right:12px;overflow-y:auto;color:#666;font-size:13px;line-height:1.9}
.oa-profile-text p{margin:0 0 15px}
.oa-film-link{margin-top:28px;padding:0;border:0;background:none;display:flex;align-items:center;gap:13px;color:#1268ff;font-size:15px;cursor:pointer}
.oa-film-link i{display:inline-block}
.oa-values{position:relative;background:#0b2754}
.oa-value-panel{position:relative;height:100vh;min-height:680px;overflow:hidden}
.oa-value-bg{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;transform:scale(1.06);transition:transform 1.5s cubic-bezier(.18,.63,0,1)}
.oa-value-panel.is-active .oa-value-bg{transform:scale(1)}
.oa-value-mask{position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,20,53,.22),rgba(0,20,60,.52))}
.oa-value-copy{position:absolute;z-index:2;left:50%;top:50%;width:calc(100% - 60px);transform:translate(-50%,-44%);text-align:center;color:#fff;opacity:0;transition:opacity .8s ease,transform .8s ease}
.oa-value-panel.is-active .oa-value-copy{opacity:1;transform:translate(-50%,-50%)}
.oa-value-copy span{display:none}
.oa-value-copy h3{margin:0 0 22px;color:#fff;font-size:14px;font-weight:400;letter-spacing:.08em}
.oa-value-copy p{margin:0;color:#fff;font-size:clamp(26px,2.4vw,40px);line-height:1.55;font-weight:600}
.oa-value-copy--values p{font-size:clamp(20px,1.8vw,30px);line-height:1.8}
.oa-history{--main:#1268ff;position:relative;background:var(--main);color:#fff;overflow:visible}
.oa-history-dots{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.22) 1px,transparent 1.5px);background-size:24px 24px;mask-image:linear-gradient(90deg,rgba(0,0,0,.9),transparent 74%)}
.oa-history-wrap{position:relative;z-index:2;width:min(1440px,calc(100% - 80px));margin:0 auto;display:grid;grid-template-columns:44% 56%;gap:0}
.oa-history-side{position:sticky;top:0;height:100vh;padding:100px 0;display:flex;flex-direction:column;justify-content:space-between}
.oa-history-side h2{margin:0;color:#fff;font-size:clamp(28px,2.2vw,38px);line-height:1.2;font-weight:700}
.oa-history-year{position:relative;height:280px;display:flex;align-items:center}
.oa-history-year>span{position:relative;z-index:2;font:700 clamp(96px,12vw,172px)/1 Arial;letter-spacing:-.08em}.oa-history-year>span b{display:inline-block;font:inherit;transition:opacity .16s ease,transform .16s ease}
.oa-history-ring{--ring-progress:52deg;position:absolute;left:130px;top:50%;width:280px;height:280px;transform:translateY(-50%);border:1px solid rgba(255,255,255,.28);border-radius:50%}
.oa-history-ring:before{content:"";position:absolute;inset:-2px;border-radius:50%;background:conic-gradient(#fff var(--ring-progress),transparent 0);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);transition:background .5s ease}
.oa-history-ring i{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px;border-radius:50%;background:#fff;box-shadow:0 0 20px rgba(255,255,255,.8)}
.oa-history-events{padding:100px 0 140px 100px;border-left:1px solid rgba(255,255,255,.18)}
.oa-year-group{min-height:72vh;padding:0 0 80px;opacity:.42;transition:opacity .4s ease}
.oa-year-group.is-active{opacity:1}
.oa-year-group h3{display:none}
.oa-year-group article{position:relative;padding:0 22px 30px;margin-bottom:42px;border-bottom:1px solid rgba(255,255,255,.34)}
.oa-year-group article:before{content:"";position:absolute;left:-105px;top:4px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#1268ff;box-shadow:0 0 0 6px rgba(255,255,255,.1)}
.oa-year-group time{font:700 17px Arial;color:#fff}
.oa-year-group p{margin:12px 0 0;color:#fff;font-size:17px;line-height:1.95}
.oa-honors{padding:130px 0 150px;background:#fff}
.oa-honors h2{margin:0 0 68px;text-align:center;font-size:clamp(30px,2.8vw,42px);font-weight:700}
.oa-honor-slider{position:relative;padding:0 78px}
.oa-honor-swiper{padding-bottom:54px;overflow:hidden}
.oa-honor-card{height:500px;padding:52px 38px 38px;background:#f7f8fa;border-bottom:2px solid #1268ff}
.oa-honor-image{height:250px;display:flex;align-items:center;justify-content:center}
.oa-honor-image img{max-width:100%;max-height:100%;object-fit:contain}
.oa-honor-copy{position:relative;margin-top:28px;padding-top:24px;text-align:center}
.oa-honor-copy:before{content:"";position:absolute;left:50%;top:0;width:48px;height:1px;transform:translateX(-50%);background:#1268ff}
.oa-honor-copy strong{display:block;color:#1268ff;font:700 28px Arial}
.oa-honor-copy p{margin:10px 0 0;color:#333;font-size:15px;line-height:1.75}
.oa-honor-prev,.oa-honor-next{position:absolute;z-index:4;top:220px;width:48px;height:48px;border:1px solid #d7deea;border-radius:50%;background:#fff;color:#1268ff;font-size:19px;cursor:pointer;transition:.3s}
.oa-honor-prev{left:0}.oa-honor-next{right:0}.oa-honor-prev:hover,.oa-honor-next:hover{background:#1268ff;color:#fff;border-color:#1268ff}
.oa-honor-pagination{position:absolute!important;left:0!important;right:0!important;bottom:8px!important;display:flex;justify-content:center;gap:8px}
.oa-honor-pagination .swiper-pagination-bullet{width:28px;height:2px;margin:0!important;border-radius:0;background:#b9c4d1;opacity:1;transition:.3s}
.oa-honor-pagination .swiper-pagination-bullet-active{width:54px;background:#1268ff}
.oa-video-modal{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:30px;background:rgba(0,9,26,.9);backdrop-filter:blur(12px)}
.oa-video-modal.is-open{display:flex}
.oa-video-box{position:relative;width:min(1180px,100%)}
.oa-video-box video{display:block;width:100%;max-height:82vh;background:#000}
.oa-video-box button{position:absolute;z-index:2;right:-18px;top:-18px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#111;font-size:27px;cursor:pointer}
@media(max-width:900px){
 .oa-container,.oa-profile-inner,.oa-history-wrap{width:calc(100% - 32px)}
 .oa-overview{height:auto}.oa-overview-sticky{position:relative;height:auto;padding-bottom:70px}
 .oa-hero-media{position:relative;left:auto!important;top:auto!important;width:100%!important;height:68vh!important;min-height:480px}
 .oa-hero-title{top:34vh}.oa-hero-title>span{display:none}
 .oa-profile{position:relative;opacity:1!important;pointer-events:auto!important;padding:70px 0 0}
 .oa-media-panel{display:none}.oa-profile-copy{width:100%;padding:0}.oa-profile-text{max-height:none;overflow:visible}
 .oa-value-bg{background-attachment:scroll}
 .oa-history-wrap{grid-template-columns:1fr}
 .oa-history-side{position:relative;height:auto;padding:75px 0 40px}
 .oa-history-year{height:190px}.oa-history-ring{left:90px;width:190px;height:190px}.oa-history-year>span{font-size:100px}
 .oa-history-events{padding:0 0 90px 28px;border-left:1px solid rgba(255,255,255,.2)}
 .oa-year-group{min-height:auto;padding-bottom:70px;opacity:1}.oa-year-group h3{display:block;margin:0 0 30px;color:rgba(255,255,255,.35);font:700 64px Arial}
 .oa-year-group article:before{left:-33px}
 .oa-honors{padding:85px 0 100px}.oa-honor-slider{padding:0 58px}
}
@media(max-width:640px){
 .oa-hero-media{height:100svh!important}.oa-hero-title{top:50vh;width:calc(100% - 32px)}.oa-hero-title h1{font-size:32px}
 .oa-profile-copy h2{font-size:36px}.oa-profile-text{font-size:14px}
 .oa-value-panel{min-height:620px}.oa-value-copy p{font-size:24px}.oa-value-copy--values p{font-size:19px}
 .oa-history-side h2{font-size:42px}.oa-history-year>span{font-size:76px}.oa-history-ring{left:60px;width:160px;height:160px}
 .oa-year-group article{padding-right:0}.oa-year-group p{font-size:15px}.oa-year-group time{font-size:14px}
 .oa-honor-slider{padding:0}.oa-honor-card{height:455px;padding:38px 24px}.oa-honor-image{height:230px}
 .oa-honor-prev,.oa-honor-next{position:relative;top:auto;margin:14px 7px 0}.oa-honor-prev{left:auto}.oa-honor-next{right:auto}
 .oa-video-modal{padding:16px}.oa-video-box button{right:0;top:-52px}
}
@media(prefers-reduced-motion:reduce){.oa-value-bg,.oa-value-copy,.oa-history-year>span b{transition:none}}

.video-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:30px;background:rgba(0,0,0,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.video-modal.show{opacity:1;visibility:visible}
.video-box{position:relative;width:min(1180px,100%);max-width:1180px}
.video-box video{display:block;width:100%;max-height:82vh;background:#000;border-radius:8px;outline:none}
.video-close{position:absolute;z-index:2;right:-18px;top:-18px;width:44px;height:44px;border-radius:50%;background:#fff;color:#111;font-size:27px;line-height:44px;text-align:center;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.2);transition:transform .3s;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif}
.video-close:hover{transform:scale(1.1)}
@media(max-width:768px){
.video-modal{padding:0;align-items:center}
.video-box{width:100%;max-width:100%;border-radius:0}
.video-box video{max-height:100vh;height:100vh;border-radius:0;object-fit:contain}
.video-close{right:16px;top:16px;width:44px;height:44px;line-height:44px;font-size:28px;background:rgba(255,255,255,.9);backdrop-filter:blur(8px)}
}