:root{--navy:#06284d;--deep:#031c38;--blue:#146cff;--yellow:#f7c843;--white:#fff;--ink:#09233e;--muted:#617080;--line:#dce3e9;--page:#f4f7f9;--serif:"Noto Serif SC",Georgia,serif;--sans:"DM Sans","Noto Sans SC",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--sans);background:var(--white)}a{color:inherit;text-decoration:none}.about-header{height:82px;padding:0 5vw;display:flex;align-items:center;gap:30px;border-bottom:3px solid var(--yellow);background:var(--white)}.about-brand{margin-right:auto;display:flex;align-items:center;gap:12px}.about-brand img{width:52px;height:44px;object-fit:contain}.about-brand strong{letter-spacing:.12em}.about-brand small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.about-header nav{display:flex;gap:28px;font-size:12px;font-weight:600}.about-contact{padding:12px 17px;color:var(--white);background:var(--navy);font-size:12px;font-weight:600}
.about-hero{min-height:720px;padding:120px 6vw 80px;display:grid;grid-template-columns:2.2fr 1fr;gap:8vw;align-items:end;color:var(--white);background:linear-gradient(105deg,rgba(3,28,56,.98),rgba(6,40,77,.62)),url("assets/images/collaboration-hero.jpg") center/cover}.eyebrow,.chapter-head div>p:first-child{margin:0 0 26px;color:var(--yellow);font-size:10px;letter-spacing:.18em}.about-hero h1{max-width:950px;margin:0 0 30px;font-family:var(--serif);font-size:clamp(52px,6vw,88px);line-height:1.2;letter-spacing:-.05em}.about-hero-copy>p:last-child{max-width:720px;color:rgba(255,255,255,.72);font-size:15px;line-height:1.9}.about-hero-index{padding:28px;border-top:4px solid var(--yellow);background:rgba(3,28,56,.72);backdrop-filter:blur(10px)}.about-hero-index>span{color:var(--yellow);font-size:10px;letter-spacing:.18em}.about-hero-index>strong{display:block;margin:14px 0 24px;font-family:var(--serif);font-size:26px}.about-hero-index ol{margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px;list-style:none;counter-reset:item}.about-hero-index li{counter-increment:item;color:rgba(255,255,255,.7);font-size:11px}.about-hero-index li::before{content:"0" counter(item);margin-right:8px;color:var(--yellow)}
.about-chapter{padding:110px 6vw}.about-chapter.alt,.map-chapter{background:var(--page)}.chapter-head{display:grid;grid-template-columns:1fr 4fr;gap:5vw;margin-bottom:65px}.chapter-head>span{color:var(--yellow);font-size:12px}.chapter-head h2{max-width:950px;margin:0 0 26px;font-family:var(--serif);font-size:clamp(40px,5vw,70px);line-height:1.3;letter-spacing:-.045em}.chapter-head div>p:last-child{max-width:800px;margin:0;color:var(--muted);font-size:14px;line-height:1.9}.wide-photo{height:min(62vw,700px);margin:0;position:relative;background-position:center;background-size:cover;overflow:hidden}.wide-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,rgba(3,28,56,.78))}.wide-photo figcaption{position:absolute;z-index:1;left:30px;bottom:25px;color:rgba(255,255,255,.78);font-size:11px;letter-spacing:.08em}.photo-team{background-image:url("团队照片.jpg")}.photo-school{background-image:url("swt项目图.jpg")}.photo-foundation{background-image:url("assets/images/about-foundation.jpg")}.photo-employer{background-image:url("assets/images/about-employer.jpg")}.photo-usa{background-image:url("美国现场服务.jpg")}
.foundation-gallery{display:grid;grid-template-columns:1.08fr 1fr;gap:18px;align-items:stretch}.foundation-stack{display:grid;grid-template-rows:1fr .82fr;gap:18px}.foundation-card{min-height:300px;margin:0;position:relative;overflow:hidden;color:var(--white);background:var(--navy)}.foundation-card-large{min-height:min(64vw,720px)}.foundation-card img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.92) contrast(1.02);transform:scale(1.01);transition:transform .8s cubic-bezier(.2,.75,.25,1),filter .35s ease}.foundation-card-large img{object-position:50% 38%}.foundation-stack .foundation-card:first-child img{object-position:50% 48%}.foundation-card-wide img{object-position:52% 44%}.foundation-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,28,56,.04) 30%,rgba(3,28,56,.82))}.foundation-card::before{content:"";position:absolute;z-index:2;left:24px;top:24px;width:64px;height:4px;background:var(--yellow)}.foundation-card figcaption{position:absolute;z-index:2;left:24px;right:24px;bottom:22px;color:rgba(255,255,255,.82);font-size:12px;line-height:1.8}.foundation-card:hover img{transform:scale(1.06);filter:saturate(1.06)}
.china-data{display:grid;grid-template-columns:3fr 1fr;gap:4vw;align-items:stretch}.china-map{min-height:680px;padding:28px;background:var(--navy)}.map-title{display:flex;justify-content:space-between;color:var(--white)}.map-title span{color:var(--yellow);font-size:10px;letter-spacing:.1em}.map-canvas{height:600px;position:relative}.china-map svg{width:100%;height:100%;overflow:visible}.province{stroke:rgba(255,255,255,.42);stroke-width:1;vector-effect:non-scaling-stroke;transition:fill .25s ease,opacity .25s ease,transform .25s ease;transform-box:fill-box;transform-origin:center;outline:none}.province:hover,.province:focus{opacity:1;stroke:var(--white);stroke-width:2;transform:translateY(-2px)}.level-1{fill:#173d63;background:#173d63}.level-2{fill:#507aa5;background:#507aa5}.level-3{fill:#00a7c7;background:#00a7c7}.level-4{fill:#f7c843;background:#f7c843}.map-tooltip{position:absolute;z-index:4;min-width:155px;padding:13px 15px;display:none;color:var(--white);background:rgba(3,28,56,.94);border-left:3px solid var(--yellow);box-shadow:0 12px 35px rgba(0,0,0,.22);pointer-events:none}.map-tooltip.is-visible{display:grid;gap:5px}.map-tooltip strong{font-family:var(--serif);font-size:15px}.map-tooltip span{color:rgba(255,255,255,.68);font-size:10px}.map-legend{padding:35px;background:var(--white);border-top:4px solid var(--yellow)}.map-legend>p{margin:0 0 25px;font-family:var(--serif);font-size:22px}.map-legend>div{padding:15px 0;display:grid;grid-template-columns:18px 1fr;gap:7px 13px;border-top:1px solid var(--line)}.map-legend i{width:13px;height:13px;border-radius:50%}.map-legend strong{font-size:12px}.map-legend span{grid-column:2;color:var(--muted);font-size:10px}.map-legend small{display:block;margin-top:25px;color:var(--muted);font-size:10px;line-height:1.8}.province-ranking{margin-top:28px;padding-top:22px;border-top:3px solid var(--navy)}.province-ranking h3{margin:0 0 12px;font-family:var(--serif);font-size:17px}.province-ranking ol{margin:0;padding:0;list-style:none;counter-reset:rank}.province-ranking li{counter-increment:rank;padding:10px 0;display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);font-size:11px}.province-ranking li strong::before{content:"0" counter(rank);margin-right:10px;color:var(--blue);font-size:9px}.province-ranking li span{color:var(--muted)}.final-chapter{color:var(--white);background:var(--navy)}.final-chapter .chapter-head div>p:last-child{color:rgba(255,255,255,.65)}
.school-carousel{position:relative;color:var(--white);background:var(--navy);overflow:hidden}.school-slides{height:min(62vw,700px);position:relative}.school-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;overflow:hidden;transition:opacity 1s ease,visibility 1s ease}.school-slide.is-active{opacity:1;visibility:visible}.school-slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.045);transition:transform 7s ease}.school-slide.is-active img{transform:scale(1)}.school-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(3,28,56,.84))}.school-slide figcaption{position:absolute;z-index:2;left:32px;bottom:30px;max-width:600px;color:rgba(255,255,255,.82);font-size:12px;line-height:1.8}.carousel-bar{height:76px;padding:0 28px;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;background:var(--navy)}.carousel-count{display:flex;align-items:baseline;gap:7px;color:rgba(255,255,255,.42);font-size:10px}.carousel-count strong{color:var(--yellow);font-size:18px}.carousel-progress{height:1px;background:rgba(255,255,255,.22);overflow:hidden}.carousel-progress i{height:100%;display:block;background:var(--yellow);transform:scaleX(0);transform-origin:left}.carousel-progress i.is-running{animation:carousel-progress var(--carousel-duration) linear forwards}.carousel-controls{display:flex;gap:8px}.carousel-controls button{width:38px;height:38px;color:var(--white);background:transparent;border:1px solid rgba(255,255,255,.35);cursor:pointer;transition:color .25s ease,background .25s ease,border-color .25s ease}.carousel-controls button:hover,.carousel-controls button:focus-visible{color:var(--navy);background:var(--yellow);border-color:var(--yellow)}@keyframes carousel-progress{to{transform:scaleX(1)}}
.employer-feature{padding:55px;display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:7vw;align-items:center;color:var(--white);background:var(--navy)}.employer-portrait{margin:0;position:relative}.employer-portrait::before{content:"";position:absolute;z-index:1;inset:-14px 14px 14px -14px;border:1px solid var(--yellow);pointer-events:none}.employer-portrait img{width:100%;max-height:650px;display:block;object-fit:contain;background:var(--deep)}.employer-portrait figcaption{margin-top:18px;color:rgba(255,255,255,.5);font-size:10px;letter-spacing:.08em}.employer-notes{border-top:1px solid rgba(255,255,255,.2)}.employer-quote{margin:0;padding:0 0 40px;color:var(--white);font-family:var(--serif);font-size:clamp(24px,2.7vw,38px);line-height:1.65}.employer-notes>div{padding:25px 0;display:grid;grid-template-columns:45px 1fr 1.8fr;gap:20px;border-top:1px solid rgba(255,255,255,.2);align-items:start}.employer-notes span{color:var(--yellow);font-size:10px}.employer-notes h3{margin:0;font-size:15px}.employer-notes div p{margin:0;color:rgba(255,255,255,.58);font-size:11px;line-height:1.8}
.employer-showcase{padding:42px;display:grid;grid-template-columns:minmax(300px,.78fr) 1.42fr;gap:38px;align-items:stretch;color:var(--white);background:var(--navy)}.employer-showcase .employer-notes{padding:36px 34px;border-top:4px solid var(--yellow);background:rgba(2,21,42,.5)}.employer-mosaic{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:160px;gap:10px}.employer-shot{margin:0;position:relative;grid-column:span 2;grid-row:span 2;overflow:hidden;background:var(--deep)}.employer-shot-wide{grid-column:span 4;grid-row:span 2}.employer-shot-formal{grid-column:span 2;grid-row:span 2}.employer-shot img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.9) brightness(.86);transform:scale(1.02);transition:transform .65s cubic-bezier(.2,.75,.25,1),filter .3s ease}.employer-shot-wide img{object-position:50% 45%}.employer-shot:nth-child(2) img{object-position:52% 35%}.employer-shot:nth-child(3) img{object-position:50% 38%}.employer-shot:nth-child(4) img{object-position:48% 38%}.employer-shot:nth-child(5) img{object-position:50% 34%}.employer-shot-formal img{object-position:50% 45%}.employer-shot::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,28,56,0) 45%,rgba(3,28,56,.88))}.employer-shot figcaption{position:absolute;z-index:1;left:16px;right:16px;bottom:14px;color:rgba(255,255,255,.8);font-size:10px;line-height:1.6}.employer-shot:hover img{transform:scale(1.08);filter:saturate(1.08) brightness(1)}
.employer-mosaic{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,260px);grid-auto-flow:dense;grid-auto-rows:260px}.employer-shot{grid-column:span 2;grid-row:span 1}.employer-shot-wide{grid-column:span 4;grid-row:span 1}.employer-shot-formal{grid-column:span 2;grid-row:span 1}.employer-shot-wide img{object-position:50% 18%}.employer-shot:nth-child(2) img{object-position:52% 22%}.employer-shot:nth-child(3) img{object-position:50% 24%}.employer-shot:nth-child(4) img{object-position:48% 24%}.employer-shot:nth-child(5) img{object-position:50% 20%}.employer-shot-formal img{object-position:50% 24%}
.employer-mosaic{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,270px)}.employer-shot-wide{grid-column:span 4}.employer-shot:nth-child(2){grid-column:span 2}.employer-shot:nth-child(3),.employer-shot:nth-child(4),.employer-shot:nth-child(5){grid-column:span 2}.employer-shot:nth-child(4) img{object-position:50% 20%}.employer-shot:nth-child(5) img{object-position:50% 24%}
.usa-visit-showcase{position:relative}.usa-visit-showcase .wide-photo{height:min(54vw,620px)}.usa-video-panel{margin-top:18px;padding:26px;color:var(--white);background:rgba(2,21,42,.55);border-top:4px solid var(--yellow);opacity:0;transform:translateY(24px);animation:usaVideosIn .9s cubic-bezier(.2,.75,.25,1) 3s forwards}.usa-video-head{margin-bottom:22px;display:flex;align-items:end;justify-content:space-between;gap:30px}.usa-video-head span{color:var(--yellow);font-size:10px;letter-spacing:.18em}.usa-video-head p{max-width:520px;margin:0;color:rgba(255,255,255,.62);font-size:12px;line-height:1.8}.usa-video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.usa-video-card{min-height:280px;position:relative;overflow:hidden;background:var(--deep)}.usa-video-card video{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.92) brightness(.86);transform:scale(1.01);transition:transform .55s ease,filter .3s ease}.usa-video-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,28,56,0) 55%,rgba(3,28,56,.78));pointer-events:none}.usa-video-card span{position:absolute;z-index:1;left:14px;bottom:13px;color:rgba(255,255,255,.78);font-size:10px;letter-spacing:.1em}.usa-video-card:hover video{transform:scale(1.06);filter:saturate(1.08) brightness(1)}@keyframes usaVideosIn{to{opacity:1;transform:translateY(0)}}
.about-cta{padding:110px 6vw;color:var(--white);background:var(--deep)}.about-cta>p{color:var(--yellow);font-size:10px;letter-spacing:.18em}.about-cta h2{max-width:950px;margin:35px 0 55px;font-family:var(--serif);font-size:clamp(42px,5vw,72px);line-height:1.3}.about-cta div{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.25)}.about-cta a{padding:24px 0;display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.25);font-size:14px}.about-cta a:first-child{padding-right:35px;border-right:1px solid rgba(255,255,255,.25)}.about-cta a:last-child{padding-left:35px}.about-cta span{color:var(--yellow)}.about-footer{padding:28px 6vw;display:flex;justify-content:space-between;color:rgba(255,255,255,.45);background:#02152a;font-size:10px}
@media(max-width:760px){.about-header{height:68px;padding:0 14px}.about-brand img{width:40px}.about-brand small,.about-header nav{display:none}.about-contact{margin-left:auto;padding:10px 12px}.about-hero{min-height:760px;padding:110px 20px 55px;grid-template-columns:1fr;gap:40px}.about-hero h1{font-size:43px}.about-hero-index ol{grid-template-columns:1fr 1fr}.about-chapter{padding:75px 20px}.chapter-head{grid-template-columns:1fr;gap:25px;margin-bottom:40px}.chapter-head h2{font-size:38px}.wide-photo{height:70vw;min-height:300px}.wide-photo figcaption{left:18px;bottom:18px}.school-slides{height:70vw;min-height:300px}.school-slide figcaption{left:18px;bottom:18px;right:18px}.carousel-bar{height:68px;padding:0 16px;gap:15px}.carousel-controls button{width:34px;height:34px}.employer-feature{padding:35px 24px;grid-template-columns:1fr;gap:50px}.employer-portrait{max-width:380px;margin:0 auto}.employer-notes>div{grid-template-columns:35px 1fr}.employer-notes div p{grid-column:2}.china-data{grid-template-columns:1fr}.china-map{min-height:auto;padding:18px;overflow:hidden}.china-map svg{height:auto}.map-title{display:grid;gap:8px}.map-legend{padding:25px}.about-cta{padding:75px 20px}.about-cta h2{font-size:40px}.about-cta div{grid-template-columns:1fr}.about-cta a:first-child,.about-cta a:last-child{padding:20px 0;border-right:0}.about-footer{padding:25px 20px}}
@media(max-width:760px){.foundation-gallery,.foundation-stack{grid-template-columns:1fr;grid-template-rows:auto}.foundation-card,.foundation-card-large{min-height:340px}.foundation-card::before{left:18px;top:18px}.foundation-card figcaption{left:18px;right:18px;bottom:18px}.employer-showcase{padding:22px;grid-template-columns:1fr;gap:24px}.employer-showcase .employer-notes{padding:28px 22px}.employer-mosaic{grid-template-columns:1fr 1fr;grid-auto-rows:170px;gap:7px}.employer-shot,.employer-shot-wide,.employer-shot-formal{grid-column:span 1;grid-row:span 2}.employer-shot-wide{grid-column:span 2}.employer-shot figcaption{left:12px;right:12px;bottom:12px}.employer-quote{font-size:24px}.employer-notes>div{grid-template-columns:35px 1fr}.employer-notes div p{grid-column:2}}
@media(max-width:760px){.employer-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-rows:210px}.employer-shot,.employer-shot-formal{grid-column:span 1;grid-row:span 1}.employer-shot-wide{grid-column:span 2;grid-row:span 1}.employer-shot-wide img{object-position:50% 18%}}
@media(max-width:760px){.usa-visit-showcase .wide-photo{height:74vw;min-height:320px}.usa-video-panel{padding:18px;margin-top:10px}.usa-video-head{display:grid;gap:10px}.usa-video-grid{grid-template-columns:1fr 1fr;gap:7px}.usa-video-card{min-height:210px}.usa-video-card span{font-size:9px}}
.second-language-switch{padding:10px 13px;color:var(--navy);background:transparent;border:1px solid var(--line);font-size:11px;font-weight:600;cursor:pointer;transition:color .25s ease,background .25s ease,border-color .25s ease}.second-language-switch:hover,.second-language-switch:focus-visible{color:var(--navy);background:var(--yellow);border-color:var(--yellow)}@media(max-width:760px){.second-language-switch{margin-left:auto;padding:9px 10px;font-size:10px;white-space:nowrap}.about-contact{margin-left:0}}