@font-face{font-family:StudioSerif;src:url('assets/serif.woff2') format('woff2');font-display:swap;font-weight:100 900}@font-face{font-family:StudioSans;src:url('assets/sans.woff2') format('woff2');font-display:swap;font-weight:100 900}
:root{--paper:#f5f5ed;--ink:#20382e;--muted:#657068;--line:#d6d9cf;--sky:#dce8ed;--peach:#edc6b2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--paper);color:var(--ink);font-family:StudioSans,'Microsoft YaHei',sans-serif;font-size:0.9375rem;line-height:1.8}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #5a8d9e;outline-offset:5px}button{border:0;background:none}p,h1,h2,h3{margin:0}.wrap{width:calc(100% - 112px);max-width:1328px;margin:auto}.header{height:100px;padding:0 56px;display:flex;align-items:center;justify-content:space-between;max-width:1530px;margin:auto}.wordmark{font-family:Arial,sans-serif;font-size:1.8125rem;letter-spacing:-1.6px;font-weight:700;display:inline-flex;align-items:baseline;white-space:nowrap}.brand-dot{width:7px;height:7px;margin-left:5px;border-radius:50%;background:#8caa8b}.header nav{display:flex;align-items:center;gap:36px;font-size:0.8125rem}.nav-contact{border:1px solid var(--ink);padding:9px 19px;border-radius:30px}.nav-contact span{margin-left:24px}.menu{display:none}.skip{position:fixed;left:15px;top:-100px;z-index:20;background:white;padding:12px}.skip:focus{top:10px}.eyebrow{font-family:Arial,StudioSans,sans-serif;font-size:0.625rem;font-weight:600;letter-spacing:1.9px;display:flex;align-items:center;gap:10px}.live-dot{width:6px;height:6px;border-radius:50%;background:#749c73}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:30px;padding-top:55px;padding-bottom:75px;align-items:center;min-height:670px}.hero h1{font-size:clamp(2.625rem,4.25vw,4.3125rem);line-height:1.4;letter-spacing:-2.5px;font-weight:500;margin:32px 0 22px}.serif{font-family:StudioSerif,'Songti SC',serif;font-weight:500}.hero-intro{font-size:0.9375rem;line-height:2;color:#526357}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:15px 24px;border-radius:3px;line-height:1.5;font-size:0.8125rem;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.dark{color:var(--paper);background:var(--ink)}.hero .button{margin-top:30px}.hero-note{font-size:0.625rem;color:var(--muted);margin-top:23px;letter-spacing:1px}.atlas{height:520px;position:relative;overflow:hidden;isolation:isolate}.atlas-grid{position:absolute;inset:10px;background-image:linear-gradient(#d9ddcd77 1px,transparent 1px),linear-gradient(90deg,#d9ddcd77 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse,black,transparent 70%)}.orbit{position:absolute;border:1px solid #b5c1ac;border-radius:50%;transform:rotate(-30deg);z-index:-1}.orbit-one{width:490px;height:290px;top:90px;left:7px}.orbit-two{width:380px;height:420px;top:50px;left:65px;transform:rotate(35deg)}.atlas-label{font:0.5625rem Arial;letter-spacing:2px;position:absolute;top:15px;left:25px}.atlas-label span{display:block;font:0.625rem StudioSans;letter-spacing:2px;margin-top:5px;color:var(--muted)}.point{width:8px;height:8px;border-radius:50%;position:absolute;background:#8ca582}.p-one{left:30px;top:300px}.p-two{right:38px;top:130px}.p-three{left:150px;bottom:55px}.note{position:absolute;padding:24px;background:#fffefa;box-shadow:0 12px 35px #243e2920;transition:transform .4s}.note:hover{transform:rotate(0deg) translateY(-6px)}.note-num{font:0.5rem Arial;letter-spacing:1.5px}.note-sky{width:240px;left:35px;top:68px;transform:rotate(-9deg)}.note-sky p{font-family:StudioSerif,serif;font-size:1.3125rem;line-height:1.6;margin-top:14px}.note-caption{font-size:0.5625rem;color:var(--muted);display:block;margin-top:16px}.window{height:132px;width:100%;border-radius:100px 100px 0 0;margin-top:20px;background:#c4dbe6;position:relative;overflow:hidden}.window-sun{position:absolute;width:39px;height:39px;background:#f6edb5;border-radius:50%;top:18px;right:34px}.window-hill{height:120px;width:250px;position:absolute;left:-30px;bottom:-60px;background:#8fa58a;border-radius:50%;transform:rotate(15deg)}.window-frame{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49%,#fffefa 49%,#fffefa 52%,transparent 52%)}.note-peach{width:218px;right:8px;top:215px;transform:rotate(9deg);background:#efcbb6}.note-peach p{font-family:StudioSerif,serif;font-size:1.25rem;line-height:1.6;margin-top:12px}.connection-art{height:70px;display:flex;align-items:center;justify-content:center;margin-top:10px}.connection-art i{border:1px solid #6c725c;width:61px;height:61px;border-radius:50%;margin-left:-16px;background:transparent}.connection-art i:nth-child(2){background:#f8edd677}.atlas-footer{position:absolute;bottom:17px;left:25px;right:10px;display:flex;justify-content:space-between;font-size:0.625rem;letter-spacing:1px}.atlas-footer>span:last-child{font-size:1.5625rem}.principles{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;display:flex;align-items:center;justify-content:space-between;font-size:0.6875rem}.principles p span{color:var(--muted)}.principles>div{display:flex;align-items:center;gap:25px;font-size:0.9375rem}.principles i{font-style:normal;color:#9ba99b}.principles a{font-size:0.6875rem}.principles a span{margin-left:17px}.work{padding-top:95px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px}.section-head h2,.about h2,.cooperate h2{font-size:2.375rem;font-weight:500;line-height:1.55;letter-spacing:-1px;margin-top:19px}.section-head>p{font-size:0.75rem;color:var(--muted);line-height:2.1;margin-bottom:4px}.education{background:var(--sky);padding:48px;display:grid;grid-template-columns:1.2fr 1fr;gap:35px;position:relative;overflow:hidden;border-radius:4px}.category{font-family:Arial,StudioSans,sans-serif;font-size:0.5625rem;letter-spacing:1.5px}.edu-logo{width:155px;height:52px;object-fit:contain;object-position:left;margin-top:30px}.education h3{font-size:1.75rem;font-weight:500;line-height:1.65;letter-spacing:-.6px;margin-top:17px}.slogan{font-size:0.75rem;line-height:2.1;max-width:420px;color:#52616a;margin-top:20px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.tags span{font-size:0.5625rem;border:1px solid #afc3cb;padding:4px 9px;border-radius:20px}.text-link{padding:0 0 5px;border-bottom:1px solid currentColor;display:inline-flex;align-items:center;justify-content:space-between;gap:42px;font-size:0.75rem;margin-top:34px}.text-link:hover span{transform:translate(2px,-2px)}.education-visual{display:grid;place-items:center}.learning-frame{width:290px;padding:27px 28px 22px;background:#edf1e6;transform:rotate(5deg);box-shadow:8px 14px 0 #b1c7d133}.small-label{font:0.5rem Arial,StudioSans;letter-spacing:1.5px}.door-outer{padding:13px;background:#e4c9ad;border-radius:150px 150px 0 0;margin-top:27px}.door-inner{height:237px;position:relative;background:#b8d0df;border-radius:150px 150px 0 0;overflow:hidden}.sun{width:48px;height:48px;border-radius:50%;background:#f7ecb5;position:absolute;right:25px;top:35px}.land{width:280px;height:140px;position:absolute;border-radius:50%}.land-one{background:#9cab8b;left:-50px;bottom:-15px;transform:rotate(-20deg)}.land-two{background:#738b74;left:20px;bottom:-55px;transform:rotate(30deg)}.path{position:absolute;width:55px;height:155px;background:#e8d7b4;bottom:-100px;left:48%;transform:rotate(-17deg);border-radius:50%}.learning-caption{display:flex;justify-content:space-between;font-size:0.6875rem;line-height:1.8;margin-top:23px}.learning-caption>span:last-child{font-size:1.5rem}.creative-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.universe,.design{padding:35px;min-height:460px;border-radius:4px;position:relative;overflow:hidden}.universe{background:#233c34;color:#f4f1df}.article-top{display:flex;justify-content:space-between}.universe h3{font:2.375rem StudioSerif,Georgia,serif;margin-top:22px;letter-spacing:-1px}.universe>p{font-size:0.75rem;line-height:2;color:#cad2c5;margin-top:15px}.universe-art{height:175px;position:relative;margin-top:12px}.planet{position:absolute;left:30px;top:38px;width:104px;height:104px;border-radius:50%;background:#cccf98}.planet-ring{position:absolute;border:1px solid #c7cd9d;left:0;top:66px;width:165px;height:52px;border-radius:50%;transform:rotate(-30deg)}.star{position:absolute}.s1{top:12px;left:154px;font-size:1.1875rem}.s2{top:128px;left:10px;font-size:0.6875rem}.s3{top:110px;left:185px;font-size:0.9375rem}.universe-word{position:absolute;right:5px;top:45px;font:italic 1.875rem/1.2 Georgia,serif;color:#d6dccb}.universe .text-link{margin-top:12px}.design{background:#eae8df}.design-art{height:195px;position:relative;margin-top:20px}.shape-square{position:absolute;width:97px;height:120px;border:1px solid #465843;top:27px;left:25%;transform:rotate(-13deg)}.shape-arch{position:absolute;width:98px;height:140px;border-radius:100px 100px 0 0;top:15px;left:40%;background:#c4b599}.shape-circle{position:absolute;width:78px;height:78px;border-radius:50%;top:76px;left:57%;background:#94ab9c;mix-blend-mode:multiply}.design-axis{position:absolute;border-top:1px solid #899485;left:10%;right:10%;bottom:27px}.design-tiny{position:absolute;bottom:1px;left:10%;font:0.4375rem Arial;letter-spacing:2px}.design h3{font-family:StudioSerif,serif;font-size:1.625rem;font-weight:500;margin-top:7px}.design>p:not(.category){font-size:0.75rem;line-height:2;margin-top:17px}.design .design-foot{border-top:1px solid #cbcec1;padding-top:18px;font:0.625rem Arial;letter-spacing:1px;margin-top:27px!important;display:flex;justify-content:space-between}.design-foot span{font-size:0.5rem;color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1.1fr;gap:85px;padding-top:115px;padding-bottom:105px;border-bottom:1px solid var(--line)}.about h2{margin-bottom:37px}.signature{font-size:0.875rem}.signature span{font-size:0.625rem;color:var(--muted);display:block;margin-top:5px}.about-text{padding-top:37px}.about-text .lead{font-size:1.1875rem;color:var(--ink);line-height:1.9}.about-text>p{font-size:0.8125rem;color:var(--muted);line-height:2.1;margin-top:24px}.about-text>.lead{margin-top:0}.about-values{display:flex;gap:27px;font-size:0.625rem;letter-spacing:1px;margin-top:30px}.about-values span:before{content:'↗';margin-right:8px}.cooperate{padding:90px 0 100px}.cooperate .section-head{margin-bottom:35px}.cooperate-list{border-top:1px solid var(--line)}.cooperate-list button{display:grid;grid-template-columns:45px 1.1fr 1fr 28px;gap:10px;width:100%;text-align:left;padding:26px 0;align-items:center;border-bottom:1px solid var(--line);transition:padding .25s,background .25s}.cooperate-list button:hover{padding-left:12px;padding-right:12px;background:#e8ebdf}.row-no{font:0.625rem Arial;color:var(--muted)}.row-title{font-size:1.125rem}.row-description{font-size:0.6875rem;color:var(--muted)}.row-arrow{font-size:1.4375rem}.contact{background:#dfe5d3;padding:70px 0}.contact h2{font-size:3.75rem;line-height:1.45;font-weight:500;letter-spacing:-2px;margin-top:24px}.contact-bottom{margin-top:40px;display:flex;align-items:center;justify-content:space-between}.email{font-family:Arial;font-size:1.375rem;letter-spacing:-.5px}.email span{margin-left:30px}.contact-bottom p{font-size:0.625rem;letter-spacing:1px;margin-top:8px;color:#5b6c58}.pale{border:1px solid #8e9b83;background:transparent}.footer{padding-top:32px;padding-bottom:32px;display:flex;align-items:center;justify-content:space-between}.footer .wordmark{font-size:1.5rem}.footer>div{font-size:0.625rem;color:var(--muted);text-align:center}.copyright{font:0.5625rem Arial;margin-top:6px}.back-top{font-size:0.625rem}dialog{border:0;padding:40px;width:calc(100% - 32px);max-width:520px;background:var(--paper);color:var(--ink);border-radius:6px;box-shadow:0 20px 70px #13281c33}dialog::backdrop{background:#12231bcc;backdrop-filter:blur(4px)}.close{position:absolute;right:14px;top:8px;font-size:1.75rem}.dialog-intro{font-size:0.75rem;color:var(--muted);margin:15px 0 20px}dialog h2{font-family:StudioSerif;font-size:1.8125rem;margin-top:15px}dialog label{display:block;font-size:0.6875rem;margin-top:15px;margin-bottom:6px}select,textarea{width:100%;padding:10px 12px;background:#fffef9;color:var(--ink);border:1px solid #c1c9bb;border-radius:3px;font-size:0.8125rem}textarea{resize:vertical}dialog .button{margin-top:20px;width:100%}.dialog-note{font-size:0.625rem;line-height:1.8;color:var(--muted);margin-top:15px}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%) translateY(20px);padding:10px 20px;background:var(--ink);color:white;font-size:0.75rem;opacity:0;pointer-events:none;transition:.25s;z-index:50;max-width:90vw}.toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}
@media(min-width:1500px){.hero{gap:70px}.atlas{transform:scale(1.05)}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.header{padding:0 32px}.hero{gap:0}.hero h1{font-size:2.9375rem}.atlas{transform:scale(.88);transform-origin:center right;margin-left:-30px}.note-peach{right:0}.education{padding:35px;gap:10px}.education h3{font-size:1.5rem}.learning-frame{width:245px}.door-inner{height:205px}.universe-word{font-size:1.5rem}.about{gap:40px}.row-title{font-size:1rem}}
@media(max-width:760px){html{scroll-padding-top:80px}.wrap{width:calc(100% - 40px)}.header{height:78px;padding:0 20px;position:relative;z-index:5}.wordmark{font-size:1.625rem}.menu{display:flex;gap:15px;font-size:0.75rem;align-items:center}.menu span{font-size:1.25rem}.header nav{display:none;position:absolute;top:73px;left:20px;right:20px;background:var(--paper);padding:22px;box-shadow:0 10px 20px #183e2815;border:1px solid var(--line);gap:20px;align-items:flex-start}.header nav.open{display:flex;flex-direction:column}.hero{grid-template-columns:1fr;padding-top:27px;padding-bottom:25px;gap:16px;min-height:0}.hero .eyebrow{font-size:0.5rem;letter-spacing:1.3px}.hero h1{font-size:clamp(2.4375rem,8.6vw,3.75rem);letter-spacing:-1.5px;margin:24px 0 17px}.hero-intro{font-size:0.8125rem}.hero .button{margin-top:23px}.hero-note{font-size:0.5625rem;margin-top:17px}.atlas{height:430px;max-width:480px;width:100%;margin:0 auto;transform:none}.note-sky{left:35px;top:60px;width:210px;padding:20px}.note-peach{width:180px;padding:20px;right:13px;top:205px}.note-sky p,.note-peach p{font-size:1.125rem}.window{height:105px}.connection-art{height:50px}.connection-art i{width:49px;height:49px}.orbit-one{width:400px;left:0;top:70px;height:240px}.orbit-two{left:45px;width:280px;height:335px;top:50px}.atlas-footer{bottom:0}.atlas-label{left:15px;font-size:0.5rem}.principles{padding:21px 0;gap:10px}.principles p{font-size:0.5625rem}.principles>div{gap:12px;font-size:0.75rem}.principles>a{display:none}.work{padding-top:58px}.section-head{display:block;margin-bottom:28px}.section-head h2,.about h2,.cooperate h2{font-size:1.9375rem;margin-top:15px}.section-head>p{margin-top:20px;font-size:0.6875rem}.education{padding:28px 25px;grid-template-columns:1fr;gap:28px}.education h3{font-size:1.5rem}.edu-logo{margin-top:25px;width:144px}.slogan{font-size:0.75rem}.tags span{font-size:0.5625rem}.education-visual{padding:8px 0 22px}.learning-frame{width:235px}.door-inner{height:200px}.creative-grid{grid-template-columns:1fr;gap:17px;margin-top:17px}.universe,.design{padding:28px;min-height:410px}.universe h3{font-size:2.125rem}.universe-word{right:10px;font-size:1.8125rem}.design-art{height:175px}.design h3{font-size:1.5625rem}.about{grid-template-columns:1fr;gap:28px;padding:65px 0 55px}.about h2{margin-bottom:22px}.about-text{padding:0}.about-text .lead{font-size:1.125rem}.about-text>p{font-size:0.75rem}.about-values{gap:20px;font-size:0.5625rem}.cooperate{padding:55px 0 65px}.cooperate-list button{grid-template-columns:27px 1fr 25px;gap:8px;padding:23px 0}.row-title{font-size:0.9375rem}.row-description{grid-column:2;grid-row:2;font-size:0.625rem}.row-arrow{grid-column:3;grid-row:1 / span 2}.contact{padding:50px 0}.contact h2{font-size:2.6875rem;letter-spacing:-1px}.contact .eyebrow{font-size:0.5rem}.contact-bottom{display:block;margin-top:30px}.email{font-size:clamp(1rem,4.4vw,1.375rem)}.email span{margin-left:10px}.contact .button{margin-top:25px;padding:12px 20px}.footer{flex-wrap:wrap;gap:25px}.footer>div{order:3;width:100%;text-align:left}.footer .wordmark{font-size:1.4375rem}.back-top{margin-left:auto}.article-top{gap:10px}.article-top .small-label{letter-spacing:0}.category{font-size:0.5rem}dialog{padding:32px 25px}.about h2 .serif{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(max-width:760px){.universe-word{font-size:1.3125rem;right:0;top:53px}}