.mission-vision-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Nunito,sans-serif;color:#1a1a1a;line-height:1.6;overflow-x:hidden;--history-deep: #06110d;--history-mid: #123024;--history-sage: #5f8f7a;--history-cream: #eef7f2;--history-ink: #143126;--history-gold: #d2b15d}.mission-vision-page.page-main{max-width:none;margin:0;padding:0}.mission-vision-page .page-hero{position:relative;height:auto;min-height:clamp(260px,45vh,420px);display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 20% 30%,rgba(197,166,71,.4),transparent 55%),linear-gradient(135deg,#0f4a34,#1f7b4f 55%,#c59a2c);color:#fff;border-radius:0;margin-top:0;padding:0;box-shadow:none;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.mission-vision-page .page-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.22;animation:slowZoom 22s ease-in-out infinite alternate}.mission-vision-page .page-hero__bg video,.mission-vision-page .page-hero__bg iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.mission-vision-page .page-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 40%,rgba(17,94,61,.35),transparent 60%),radial-gradient(circle at 70% 70%,rgba(197,166,71,.3),transparent 60%)}.mission-vision-page .page-hero__shape{position:absolute;border-radius:50%;filter:blur(90px);opacity:.4;animation:float 8s ease-in-out infinite}.mission-vision-page .page-hero__shape--1{width:360px;height:360px;background:#c59a2c;top:8%;left:-8%;animation-delay:0s}.mission-vision-page .page-hero__shape--2{width:300px;height:300px;background:#1f7b4f;bottom:12%;right:-6%;animation-delay:2s}.mission-vision-page .page-hero__content{position:relative;z-index:2;text-align:center;max-width:900px;padding:0 2rem;animation:fadeInUp .9s ease-out}.mission-vision-page .page-hero__eyebrow{display:inline-flex;align-items:center;justify-content:center;color:#f8de7e;font-size:.85rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:.45rem 1.5rem;border-radius:999px;border:1px solid rgba(248,222,126,.45);margin-bottom:1.8rem;background:#00000026;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mission-vision-page .page-hero__title{font-size:clamp(2.8rem,7vw,4.7rem);font-weight:800;line-height:1.05;margin-bottom:1.2rem;text-shadow:0 6px 20px rgba(0,0,0,.35)}.mission-vision-page .page-hero__subtitle{font-size:clamp(1.05rem,2.3vw,1.35rem);color:#fffffff2;max-width:720px;margin:0 auto;line-height:1.7}.mission-vision-panels{position:relative;padding:8rem 2rem;background:linear-gradient(180deg,#f8f9fa,#fff,#f8f9fa)}.mission-vision-panels:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 30%,rgba(45,134,89,.03) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(197,166,71,.03) 0%,transparent 50%);pointer-events:none}.mission-vision-panels__intro{max-width:800px;margin:0 auto 5rem;text-align:center;position:relative;z-index:1}.mission-vision-panels__eyebrow{display:inline-block;color:#2d8659;font-size:.875rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:.5rem 1.5rem;background:linear-gradient(135deg,#2d86591a,#c5a6471a);border-radius:999px;margin-bottom:1.5rem;border:1px solid rgba(45,134,89,.2)}.mission-vision-panels__intro h2{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;margin-bottom:1.5rem;background:linear-gradient(135deg,#1a5f3f,#c5a647);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mission-vision-panels__intro p{font-size:1.2rem;color:#555;line-height:1.8}.mission-vision-language{margin-top:2rem;display:inline-flex;gap:8px;padding:6px;border-radius:999px;background:#fff;border:1px solid rgba(45,134,89,.2);box-shadow:0 12px 30px #1a5f3f1f}.mission-vision-language__button{border:none;background:transparent;color:#1a5f3f;font-weight:700;padding:.55rem 1.25rem;border-radius:999px;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.mission-vision-language__button.is-active{background:#1a5f3f;color:#fff;box-shadow:0 12px 20px #1a5f3f40}.mission-vision-panels__grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3rem;padding:0 1rem;position:relative;z-index:1}.mission-vision-card{position:relative;background:#fff;border-radius:24px;padding:3rem;box-shadow:0 10px 40px #00000014;transition:transform .45s cubic-bezier(.2,1,.33,1),box-shadow .45s ease,border-color .4s ease;overflow:hidden;border:2px solid transparent;opacity:0;transform:translateY(40px);animation:revealCard .8s ease-out forwards}.mission-vision-card:nth-child(1){animation-delay:.2s}.mission-vision-card:nth-child(2){animation-delay:.4s}.mission-vision-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;transition:height .4s ease}.mission-vision-card--vision:before{background:linear-gradient(90deg,#2d8659,#3da66f)}.mission-vision-card--mission:before{background:linear-gradient(90deg,#c5a647,#d4b65a)}.mission-vision-card:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;bottom:-100px;right:-100px;opacity:.05;transition:all .4s ease}.mission-vision-card--vision:after{background:radial-gradient(circle,#2d8659 0%,transparent 70%)}.mission-vision-card--mission:after{background:radial-gradient(circle,#c5a647 0%,transparent 70%)}.mission-vision-card:hover{transform:translateY(-12px) perspective(450px) rotateX(1deg);box-shadow:0 24px 72px #0000002e;border-color:#2f7b5d66;z-index:1}.mission-vision-card:hover:before{height:100%;opacity:.15}.mission-vision-card:hover:after{transform:translate(10px,12px) scale(1.25);opacity:.38}.mission-vision-card--vision:hover{border-color:#2d86594d}.mission-vision-card--mission:hover{border-color:#c5a6474d}.mission-vision-card header{margin-bottom:2rem;position:relative;z-index:1}.mission-vision-card__accent{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:.5rem 1.25rem;border-radius:999px;margin-bottom:1.5rem}.mission-vision-card__accent--zh{font-family:KaiTiWeb,KaiTi,KaiTi_GB2312,Kaiti SC,Kaiti TC,STKaiti,DFKai-SB,BiauKai,SimKai,serif;letter-spacing:.08em;text-transform:none}.mission-vision-card--vision .mission-vision-card__accent{background:linear-gradient(135deg,#2d8659,#3da66f);color:#fff;box-shadow:0 4px 15px #2d86594d}.mission-vision-card--mission .mission-vision-card__accent{background:linear-gradient(135deg,#c5a647,#d4b65a);color:#fff;box-shadow:0 4px 15px #c5a6474d}.mission-vision-card h3{font-size:2rem;font-weight:800;color:#1a1a1a;margin:0}.mission-vision-card p{font-size:1.125rem;line-height:1.9;color:#444;position:relative;z-index:1}.mission-vision-card__hanzi-label,.mission-vision-card__hanzi-text{font-family:KaiTiWeb,KaiTi,KaiTi_GB2312,Kaiti SC,Kaiti TC,STKaiti,DFKai-SB,BiauKai,SimKai,serif}.mission-vision-card__hanzi-label{margin:0 0 .75rem;font-size:1rem;font-weight:700;color:#2d8659;letter-spacing:.08em}.mission-vision-card__hanzi-text{margin:0 0 1.5rem;font-size:1.05rem;color:#3a3a3a;line-height:1.8}.mission-vision-panels[data-language=zh] .mission-vision-card__accent--zh{font-size:1.1rem}.mission-vision-panels[data-language=zh] .mission-vision-card__hanzi-text{font-size:1.4rem;line-height:1.95}.mission-vision-panels[data-language=en] .mission-vision-card__body--zh,.mission-vision-panels[data-language=en] .mission-vision-card__accent--zh,.mission-vision-panels[data-language=zh] .mission-vision-card__body--en,.mission-vision-panels[data-language=zh] .mission-vision-card__accent--en{display:none}@media (max-width: 768px){.mission-vision-page .page-hero{min-height:320px}.mission-vision-page .page-hero__content{padding:0 1.5rem}.mission-vision-card{padding:2.25rem}.mission-vision-panels{padding:4.5rem 1rem}}@keyframes slowZoom{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(5deg)}66%{transform:translate(-20px,20px) rotate(-5deg)}}@keyframes revealCard{to{opacity:1;transform:translateY(0)}}
