:root{--bg:#fbfcfc;--ink:#182d33;--muted:#60747a;--line:#dce6e8;--accent:#087c87;--accent-soft:#eaf5f4;--navy:#0c2d39;--paper:#fff;--serif:Georgia,'Songti SC','SimSun',serif;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}img{max-width:100%;display:block}button{font:inherit}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.28}h1,h2{letter-spacing:-.035em}h1{font-size:clamp(36px,5.2vw,64px);font-weight:650}h2{font-size:clamp(26px,3.5vw,38px);font-weight:650}h3{font-size:21px;font-weight:650}.container{width:min(1120px,calc(100% - 48px));margin:0 auto}.topbar{background:rgba(251,252,252,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;backdrop-filter:blur(14px)}.navline{display:flex;align-items:center;justify-content:space-between;min-height:74px;gap:20px}.identity{display:flex;align-items:center;gap:13px;font-weight:750;color:var(--ink);font-size:15px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--navy);color:white;font-size:14px;letter-spacing:-.07em;border-radius:9px}.identity:hover{text-decoration:none}.navlinks{display:flex;gap:27px;align-items:center}.navlinks a{font-size:13px;color:#456168;font-weight:650}.navlinks a.active{color:var(--accent)}.lang-button{border:1px solid #cbdfe0;border-radius:7px;background:white;padding:5px 10px;min-width:65px;font-size:12px;font-weight:700;color:var(--ink);cursor:pointer}.lang-button:hover{border-color:var(--accent)}html[data-lang=en] .zh,html:not([data-lang=en]) .en{display:none!important}.hero{display:grid;grid-template-columns:1.02fr .98fr;gap:50px;align-items:center;padding:78px 0 85px}.overline{display:inline-flex;align-items:center;gap:9px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.overline:before{content:"";width:24px;height:2px;background:var(--accent)}.hero h1{margin:21px 0 17px}.hero h1 .name-eng{font-size:.56em;display:block;margin-top:4px;color:#5f7980;letter-spacing:-.03em}.hero p.summary{font-size:17px;color:#4a646b;max-width:550px;line-height:1.9;margin-bottom:25px}.pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.pill{background:var(--accent-soft);color:#17656c;border:1px solid #cee7e5;font-weight:650;padding:5px 11px;font-size:12px;border-radius:5px}.cta-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border:1px solid var(--navy);border-radius:7px;font-size:13px;font-weight:700;color:var(--navy);transition:.18s}.button.primary{background:var(--navy);color:#fff}.button:hover{transform:translateY(-2px);text-decoration:none}.hero-art{position:relative;background:#d9eef0;border-radius:10px;overflow:hidden;box-shadow:0 28px 54px rgba(14,58,65,.12)}.hero-art img{width:100%;height:400px;object-fit:cover}.hero-art .art-caption{position:absolute;bottom:15px;left:16px;right:16px;color:white;background:rgba(6,37,45,.72);backdrop-filter:blur(9px);border-radius:6px;padding:10px 14px;font-size:11px;letter-spacing:.02em;display:flex;justify-content:space-between;gap:16px}.thin-divider{border:0;border-top:1px solid var(--line);margin:0}.section{padding:72px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:27px}.section-heading h2{margin-bottom:0}.section-sub{font-size:13px;color:var(--muted);margin:12px 0 0}.plain-link{white-space:nowrap;font-size:13px;font-weight:750}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature-card{display:block;background:var(--paper);border:1px solid var(--line);border-radius:9px;overflow:hidden;color:var(--ink);transition:.2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 36px rgba(22,54,62,.09);border-color:#b5d7d9;text-decoration:none}.feature-card img{width:100%;aspect-ratio:1.4;object-fit:cover}.feature-card .card-body{padding:22px 22px 23px}.feature-card .eyebrow{font-size:11px;letter-spacing:.08em;color:var(--accent);font-weight:800}.feature-card h3{font-size:20px;margin:8px 0}.feature-card p{font-size:13px;color:#61767c;line-height:1.8;min-height:69px;margin-bottom:16px}.arrow-link{color:var(--accent);font-size:12px;font-weight:800}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:72px}.text-body p{font-size:14px;color:#52686e}.news{list-style:none;margin:0;padding:0}.news li{display:grid;grid-template-columns:95px 1fr;gap:17px;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.news time{font-size:12px;color:var(--accent);font-weight:700}.news p{margin:0;color:#4c6469}.quote-panel{background:#eef6f6;border-left:3px solid var(--accent);padding:24px 26px;border-radius:0 7px 7px 0;color:#39585e;font-size:15px;line-height:1.9}.footer{padding:31px 0 45px;border-top:1px solid var(--line);font-size:12px;color:#789097}.footer-row{display:flex;justify-content:space-between;gap:20px}.footer a{color:#4c6d72}.inner-header{padding:59px 0 34px}.crumb{font-size:12px;color:#68858a;margin-bottom:19px}.crumb a{color:#6c878c}.inner-header h1{font-size:clamp(34px,4.4vw,52px);line-height:1.18;max-width:950px;margin:10px 0 18px}.page-lead{font-size:16px;color:#536d73;max-width:830px;line-height:1.85}.metadata{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px;color:#5e767b;font-size:13px}.metadata strong{color:#173b42}.project-cover{width:100%;border-radius:9px;overflow:hidden;position:relative;background:#d8ecef;margin-top:18px}.project-cover img{width:100%;max-height:500px;object-fit:cover}.project-cover .note{position:absolute;bottom:16px;left:18px;padding:7px 12px;border-radius:5px;background:rgba(13,43,52,.75);color:white;font-size:11px}.project-layout{display:grid;grid-template-columns:minmax(0,1fr) 252px;gap:68px;align-items:start;padding:52px 0 88px}.article-body h2{font-size:26px;margin:40px 0 16px}.article-body h2:first-child{margin-top:0}.article-body p{font-size:15px;color:#4d636a;line-height:1.95}.article-body ul{padding-left:20px;color:#4d636a}.article-body li{padding-bottom:7px}.sidebar{position:sticky;top:105px}.side-card{background:white;border:1px solid var(--line);padding:22px;border-radius:8px;margin-bottom:14px}.side-card h3{font-size:14px;margin:0 0 14px}.side-card a{display:block;padding:7px 0;font-size:13px;word-break:break-word}.side-card p{color:#63777d;font-size:12px;line-height:1.8;margin:0}.figure-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0 30px}.figure{margin:0;background:white;border:1px solid var(--line);border-radius:7px;overflow:hidden}.figure img{width:100%;aspect-ratio:1.55;object-fit:cover}.figure figcaption{color:#698188;font-size:11px;line-height:1.6;padding:11px 13px}.media-placeholder{display:grid;place-items:center;min-height:220px;border:1px dashed #a9c8ce;background:linear-gradient(130deg,#edf6f7,#f7fafa);border-radius:7px;color:#67848a;text-align:center;padding:30px}.media-placeholder strong{display:block;color:#3d646c}.code-area{position:relative;background:#f1f6f6;border:1px solid #d4e2e4;border-radius:7px;padding:19px;font-size:12px;color:#43616a;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.page-list{list-style:none;margin:0;padding:0}.paper{display:grid;grid-template-columns:60px 1fr;gap:23px;padding:29px 0;border-bottom:1px solid var(--line)}.paper .year{font-size:13px;font-weight:750;color:var(--accent);padding-top:3px}.paper h3{font-size:19px;margin-bottom:8px}.paper p{font-size:13px;color:#587177;margin:5px 0}.paper small{background:#e8f2f3;color:#407078;padding:3px 8px;border-radius:3px;font-size:11px}.empty-warning{font-size:12px;color:#8a7773;background:#fff9f4;border:1px solid #efdfd2;border-radius:5px;padding:11px 14px;margin:15px 0}.mobile-nav-button{display:none;border:0;background:none;font-weight:700;color:var(--navy);cursor:pointer}.minor{font-size:12px;color:#7a9196}.float-up{animation:fadeIn .7s both}@keyframes fadeIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.hero{gap:28px}.navlinks{gap:14px}.navlinks a{font-size:12px}.project-layout{grid-template-columns:1fr}.sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:14px}.feature-grid{gap:14px}}@media(max-width:700px){.container{width:min(100% - 36px,1120px)}.navline{min-height:65px}.mobile-nav-button{display:block;margin-left:auto}.navlinks{display:none;position:absolute;top:65px;left:0;right:0;background:white;flex-direction:column;align-items:stretch;padding:12px 22px 18px;border-bottom:1px solid var(--line);gap:0}.navlinks.open{display:flex}.navlinks a{padding:10px;font-size:14px}.hero{grid-template-columns:1fr;padding:51px 0}.hero-art img{height:290px}.feature-grid,.twocol,.sidebar,.figure-grid{grid-template-columns:1fr}.section{padding:51px 0}.twocol{gap:45px}.section-heading{align-items:start}.feature-card p{min-height:0}.inner-header{padding:41px 0 27px}.project-layout{padding:34px 0 60px;gap:23px}.paper{grid-template-columns:1fr;gap:5px}.footer-row{flex-direction:column}.hero-art .art-caption{font-size:10px}}