/* Shared comparison controls; deliberately not part of any production design. */
.directions{position:sticky;top:0;z-index:90;min-height:56px;padding:6px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f7f8fa;color:#253246;border-bottom:1px solid #d7dce4;font:14px/1.4 'Segoe UI','Microsoft YaHei',sans-serif}.directions>div{display:flex;gap:4px}.directions a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:9px 15px;text-decoration:none;border-radius:5px}.directions a[aria-current=page]{background:#243d5a;color:white}.directions a:hover{background:#e3eaf1;color:#1d354e}.directions a[aria-current=page]:hover{background:#243d5a;color:white}.directions .previous{font-size:13px;color:#526175}.utility{min-height:34px}.direction-a .preview,.direction-b .preview,.direction-c .preview{display:none}html[data-thumbnail] .directions{display:none}html[data-thumbnail] .direction-a .rail{top:34px}.direction-a .skip:focus,.direction-b .skip:focus,.direction-c .skip:focus{top:60px}
/* A: architectural split, permanent identity plane / flowing research plane. */
.direction-a{--accent:#124bbb;--ink:#1d2d49;--muted:#5b6680;--wash:#f4f6fb;--line:#dbe1ec;font-family:'Segoe UI','Microsoft YaHei',sans-serif;background:#fff}.direction-a .utility{margin-left:300px;padding-inline:45px;background:#fafbfd}.direction-a .rail{position:fixed;left:0;top:56px;bottom:0;width:300px;background:#123fa0;color:#fff;padding:42px 32px 25px;display:flex;flex-direction:column;overflow-y:auto;z-index:10}.direction-a .rail .affiliation{font-size:13px;line-height:1.7;color:#c7d9ff;max-width:210px;margin-bottom:36px}.direction-a .rail h1{font-family:Georgia,serif;font-size:59px;letter-spacing:-2px;line-height:1.02;margin:0}.direction-a .rail h1 .zh{font-family:'Microsoft YaHei',sans-serif;font-size:56px;font-weight:600;letter-spacing:-2px}.direction-a .rail .other-name{color:#c7d9ff;font:25px Georgia,serif;margin:18px 0 28px}.direction-a .rail .role{font-size:14px;color:#e1eaff}.direction-a .rail .identity-links{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin:24px 0;font-size:14px}.direction-a .rail a:hover{color:#c7dcff}.direction-a .rail nav{display:flex;flex-direction:column;align-items:flex-start;margin:30px 0 22px;gap:2px;font-size:16px}.direction-a .rail nav a{width:100%;padding:8px 0;color:#e2ebff}.direction-a .rail .language{margin:0;justify-content:flex-start}.direction-a .rail .language button{color:#cbdfff}.direction-a .rail .language button[aria-pressed=true]{color:white;border-color:white}.rail-bottom{font-size:12px;line-height:1.7;color:#adc8ff;margin-top:auto;padding-top:34px}.direction-a main,.direction-a footer{margin-left:300px}.direction-a .wrap{max-width:1120px;padding-inline:50px}.direction-a .a-intro{padding-top:65px;padding-bottom:55px}.a-title{font-size:clamp(34px,4.4vw,66px);line-height:1.15;letter-spacing:-2px;color:#123fa0;font-weight:650;margin:0 0 34px}.direction-a .statement{padding:0;max-width:760px}.direction-a .lead{font-size:26px;font-weight:400;line-height:1.7;max-width:640px}.direction-a .lead br{display:none}.direction-a .explanation{max-width:640px;font-size:16px}.direction-a .research-terms{font-size:13px;margin-top:25px;gap:9px 20px}.direction-a .update{margin-left:50px;margin-right:50px;padding:24px 0;display:grid;grid-template-columns:120px 1fr;gap:18px;border-top:3px solid #123fa0;border-bottom:1px solid #dbe1ec}.direction-a .update-link{grid-column:2;justify-self:start}.direction-a .update-label{color:#5b6680}.direction-a .venue{font-size:26px}.direction-a .section{padding-top:50px;padding-bottom:50px}.direction-a .section-head{display:block}.direction-a .section-head h2{font-size:31px;color:#123fa0}.direction-a .section-head>p,.direction-a .section-head>a{display:block;margin-top:12px}.direction-a .project-columns{gap:40px}.direction-a .project h3{font-size:23px}.direction-a .project p{font-size:15px;line-height:1.85}.direction-a .methods{font-size:13px}.direction-a .paper{grid-template-columns:64px 1fr;gap:22px;padding-block:24px}.direction-a .paper-link{grid-column:2}.direction-a .paper h3{font-family:inherit;font-size:19px}.direction-a .more-papers .paper{grid-template-columns:64px 1fr}.direction-a .about{grid-template-columns:1fr;gap:30px}.direction-a .education{max-width:650px}.direction-a .contact{background:#123fa0}.direction-a .contact>.wrap{align-items:start;flex-direction:column;gap:20px}.direction-a footer{padding-inline:50px}.direction-a .m3d-film-stage{height:410px}.direction-a .m3d-film-copy>p:last-child{font-size:14px}.direction-a .m3d-film-copy h3{font-size:21px}
/* B: dark device portfolio, the existing scientific concept animation is the visual centerpiece. */
.direction-b{--ink:#e8eef8;--muted:#a9bad0;--line:#31445f;--accent:#96c9ff;--wash:#142338;--blue:#183656;background:#101d2e;color:#e8eef8}.direction-b .utility{background:#0c1725;color:#a9bad0;padding-inline:4vw}.direction-b .wrap{max-width:1440px;padding-inline:4vw}.direction-b .masthead{padding-block:22px;border-bottom:1px solid #31445f;max-width:none}.direction-b .signature{font:600 21px 'Segoe UI',sans-serif}.direction-b .signature span{color:#a9bad0}.direction-b .masthead nav{gap:26px;color:#d4e2f4}.direction-b .language button{color:#9eb3cf}.direction-b .language button[aria-pressed=true]{color:#eef6ff;border-color:#94bded}.b-opening{display:grid;grid-template-columns:36% 64%;max-width:1560px;margin:0 auto;min-height:500px;border-bottom:1px solid #31445f}.b-hero{padding:50px 10px 36px 4vw;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.b-affiliation{font-size:12px;letter-spacing:.02em;color:#9fb5cf;margin:0 0 24px}.b-hero h1{font-family:'Segoe UI',Arial,sans-serif;font-size:clamp(64px,7.1vw,108px);font-weight:400;line-height:.95;letter-spacing:-5px;margin:0}.b-hero h1>span{display:block;font-size:30px;letter-spacing:6px;line-height:1.3;margin:19px 0 0;font-weight:300;color:#a6c4eb}.b-role{font-size:15px;color:#c0d0e5;line-height:1.7;margin:26px 0 0}.b-hero .identity-links{font-size:14px;gap:22px;margin-top:23px}.direction-b .b-opening .m3d-section{padding:0;border:0;max-width:none;width:100%;align-self:center}.direction-b .b-opening .section-head{display:none}.direction-b .b-opening .m3d-film{border:0;border-radius:0;background:transparent}.direction-b .b-opening .m3d-film-stage{height:430px;background:#101d2e}.direction-b .b-opening .m3d-film-stage:after{display:none}.direction-b .b-opening .m3d-film-copy{top:auto;bottom:28px;left:28px;right:auto;width:70%;max-width:none}.direction-b .b-opening .m3d-film-copy h3{font-size:16px;margin:0;color:#dbeaff}.direction-b .b-opening .m3d-film-copy>p:last-child{display:none}.direction-b .b-opening .m3d-film-kicker{font-size:12px;margin:0 0 7px}.direction-b .b-opening .m3d-film-headingbar{top:16px;left:28px;right:4vw}.direction-b .b-opening .m3d-film-headingbar>span{font-size:12px}.direction-b .b-opening .m3d-film-legend{bottom:20px;left:auto;right:4vw;font-size:12px}.direction-b .b-opening .m3d-film-steps{background:#15273f;border-color:#31445f;margin:0 4vw 0 25px;padding-inline:8px;gap:2px;border-radius:3px}.direction-b .b-opening .m3d-film-step{min-height:43px;padding:9px 12px}.direction-b .b-opening .m3d-film-step.is-active{background:#254667}.direction-b .b-opening #m3d-summary{font-size:12px;margin:12px 4vw 17px 28px;color:#9db3ce;line-height:1.5}.direction-b .update{margin-top:0;padding-block:27px;grid-template-columns:155px 1fr auto;border-top:0;border-bottom:1px solid #31445f;background:#172b43;max-width:none}.direction-b .venue{font-family:'Segoe UI',sans-serif;font-size:28px;font-weight:350;color:#a5ceff}.direction-b .update>div>a{font-size:19px;font-weight:500}.direction-b .update p{font-size:13px;color:#aac1dc}.direction-b .update-label{color:#abc0d7}.direction-b .papers-area{background:#101d2e}.direction-b .section-head h2{font-size:34px;font-weight:400}.direction-b .paper{grid-template-columns:95px 1fr 60px;border-color:#31445f;padding-block:32px;gap:35px}.direction-b .paper-year{font:32px 'Segoe UI',sans-serif;font-weight:300;color:#9acbff}.direction-b .paper h3{font:400 24px/1.5 'Segoe UI','Microsoft YaHei',sans-serif;max-width:980px}.direction-b .paper h3 .zh{font-size:23px}.direction-b .paper-description{font-size:15px;color:#a4bad4}.direction-b .authors{font-size:14px}.direction-b .authors strong{color:#f4f8ff}.direction-b .more-papers{border-color:#31445f}.direction-b .b-intro{border-top:1px solid #31445f;padding-top:45px}.direction-b .b-intro .statement{display:grid;grid-template-columns:1fr 1fr;gap:0 60px;padding:0}.direction-b .b-intro .lead{font-size:27px;color:#e4efff}.direction-b .b-intro .research-terms{grid-column:2;margin-top:0}.direction-b .research .project h3{font-size:28px;font-weight:400}.direction-b .research .project p{font-size:17px}.direction-b .research .topic{color:#a7d1ff}.direction-b .about{border-top:1px solid #31445f}.direction-b .contact{background:#233d5e}.direction-b .contact a:hover,.direction-b a:hover{color:#cce6ff}.direction-b .contact h2{font-weight:400}
/* C: deliberately modest, compact academic letter. No product hero, logo strip or feature tiles. */
.direction-c{--ink:#292b31;--muted:#626875;--accent:#8d3348;--line:#d8dade;--wash:#fff;background:#fff;color:#292b31;font-family:Georgia,'Noto Serif CJK SC','Songti SC','SimSun',serif;font-size:17px;line-height:1.85}.direction-c .utility{max-width:820px;margin:auto;padding-inline:25px;background:#fff;font:12px/1.7 'Segoe UI','Microsoft YaHei',sans-serif;border-bottom:1px solid #d8dade}.direction-c .wrap{max-width:820px;padding-inline:25px}.notebook-header{display:flex;align-items:center;justify-content:space-between;padding-top:22px;padding-bottom:12px;gap:25px}.notebook-home{font:14px 'Segoe UI','Microsoft YaHei',sans-serif;text-decoration:none;color:#616670}.direction-c .language{margin:0;font-family:'Segoe UI','Microsoft YaHei',sans-serif}.direction-c .language button[aria-pressed=true]{color:#8d3348;border-color:#8d3348}.notebook-intro{padding-top:20px;padding-bottom:22px}.notebook-intro h1{font:400 44px/1.2 Georgia,serif;letter-spacing:-1.2px;margin:0 0 12px}.notebook-intro h1>span{font:23px 'Songti SC','SimSun',serif;letter-spacing:1px;display:inline-block;margin-left:15px}.notebook-subtitle{font:14px/1.6 'Segoe UI','Microsoft YaHei',sans-serif;color:#626875;margin:0 0 25px}.direction-c .statement{padding:0}.direction-c .lead{font-family:inherit;font-size:20px;font-weight:400;line-height:1.8;margin:0 0 16px;letter-spacing:0}.direction-c .lead br{display:none}.direction-c .explanation{max-width:none;color:#434750;font-size:17px;line-height:1.85;margin:0 0 16px}.direction-c .research-terms{display:none}.notebook-links{display:flex;gap:24px;font:14px 'Segoe UI','Microsoft YaHei',sans-serif}.direction-c .notebook-intro nav{display:flex;margin:26px 0 0;font:14px 'Segoe UI','Microsoft YaHei',sans-serif;gap:24px}.direction-c .notebook-intro nav a{color:#8d3348;text-decoration:underline}.direction-c .update{border:0;border-left:3px solid #8d3348;max-width:770px;padding:0 0 0 20px;margin:16px auto 28px;display:block}.direction-c .update>div:first-child{display:flex;align-items:baseline;gap:14px;font-family:'Segoe UI','Microsoft YaHei',sans-serif}.direction-c .venue{font:600 15px 'Segoe UI',sans-serif}.direction-c .update-label{font-size:13px}.direction-c .update>div>a{font-family:inherit;font-size:17px;font-weight:400;color:#8d3348;text-decoration:underline}.direction-c .update p{font:13px/1.7 'Segoe UI','Microsoft YaHei',sans-serif;margin:7px 0}.direction-c .update-link{font:13px 'Segoe UI','Microsoft YaHei',sans-serif;display:inline-flex;gap:8px;min-height:30px}.direction-c .section{padding-top:25px;padding-bottom:25px}.direction-c .section-head{display:flex;align-items:baseline;margin-bottom:15px}.direction-c h2{font:600 24px/1.4 Georgia,'Songti SC','SimSun',serif;color:#292b31;letter-spacing:0}.direction-c .section-head>p{display:none}.direction-c .section-head>a{font:13px 'Segoe UI','Microsoft YaHei',sans-serif;color:#8d3348}.direction-c .paper{display:block;position:relative;padding:16px 0 16px 22px;border:0}.direction-c .paper:before{content:'•';position:absolute;left:0;top:18px;color:#8d3348;font-size:18px}.direction-c .paper-year{font:13px 'Segoe UI',sans-serif;color:#6a6f79;padding:0;margin-bottom:5px;display:flex;gap:12px}.direction-c .paper-year>span{font:13px 'Segoe UI',sans-serif;display:inline;margin:0}.direction-c .paper h3{font:400 18px/1.65 Georgia,'Songti SC','SimSun',serif}.direction-c .paper h3 a{color:#663444}.direction-c .paper h3 a:hover{text-decoration:underline}.direction-c .paper h3 .zh{font:400 18px/1.65 'Songti SC','SimSun',serif}.direction-c .paper-description{font:14px/1.7 'Segoe UI','Microsoft YaHei',sans-serif;margin:6px 0;color:#626875}.direction-c .authors{font:13px/1.6 'Segoe UI','Microsoft YaHei',sans-serif;margin:5px 0}.direction-c .paper-link{display:inline-block;font:13px 'Segoe UI',sans-serif;margin-top:6px;color:#8d3348}.direction-c .more-papers{border:0;margin-left:22px}.direction-c summary{font:14px/1.7 'Segoe UI','Microsoft YaHei',sans-serif;cursor:pointer;color:#8d3348;padding:10px 0}.direction-c .project-columns{display:block}.direction-c .project{padding:10px 0}.direction-c .topic,.direction-c .methods{display:none}.direction-c .project h3{font:600 18px/1.6 Georgia,'Songti SC','SimSun',serif;margin:0 0 9px}.direction-c .project h3 br{display:none}.direction-c .project p{font-size:17px;line-height:1.85;color:#434750;margin:0 0 8px}.direction-c .project>a{font:14px 'Segoe UI','Microsoft YaHei',sans-serif;color:#8d3348}.direction-c .collaboration{border:0;padding:0;margin-top:10px;font-size:16px}.direction-c .about{display:block}.direction-c .about h2{margin-bottom:16px}.direction-c .about p{font-size:17px;color:#434750}.direction-c .tools{font-family:'Segoe UI','Microsoft YaHei',sans-serif!important;font-size:14px!important;line-height:1.8!important}.direction-c .education{padding-top:16px}.direction-c .education h3{font-family:inherit;font-size:20px;margin:0 0 15px}.direction-c .education>div{border:0;padding:0;margin:12px 0;grid-template-columns:110px 1fr;gap:20px}.direction-c .education time{font-family:'Segoe UI',sans-serif;font-size:13px;padding-top:4px}.direction-c .education p{margin:0}.direction-c .education strong{font-family:inherit;font-size:17px}.direction-c .education p>span,.direction-c .education p>small{font-family:'Segoe UI','Microsoft YaHei',sans-serif;font-size:13px}.direction-c .award{border:0;padding:0;margin:14px 0 5px;font-size:17px}.direction-c .award small{display:inline;margin-left:12px}.direction-c .note{font:13px/1.7 'Segoe UI','Microsoft YaHei',sans-serif!important}.notebook-animation{margin-top:15px;margin-bottom:25px}.notebook-animation>details{border-block:1px solid #d8dade;padding-block:7px}.direction-c .notebook-animation .m3d-section{padding:10px 0;border:0}.direction-c .m3d-section .section-head{display:none}.direction-c .contact{background:#fff;color:#292b31;max-width:820px;margin:0 auto;padding:22px 25px;border-top:1px solid #d8dade}.direction-c .contact>.wrap{padding:0;display:block}.direction-c .contact h2{font-size:22px}.direction-c .contact p{font:14px/1.7 'Segoe UI','Microsoft YaHei',sans-serif;color:#626875;margin:10px 0}.direction-c .contact a{font:17px Georgia,serif;color:#8d3348}.direction-c footer{font:12px/1.6 'Segoe UI','Microsoft YaHei',sans-serif;border-top:0;color:#626875}.direction-c footer a{color:#8d3348}
@media(max-width:1000px){.direction-a .rail{width:255px;padding-inline:26px}.direction-a main,.direction-a footer,.direction-a .utility{margin-left:255px}.direction-a .wrap{padding-inline:32px}.direction-a .rail h1,.direction-a .rail h1 .zh{font-size:48px}.direction-a .update{margin-inline:32px;padding-inline:0}.direction-a .a-title{font-size:40px}.direction-a .project-columns{grid-template-columns:1fr;gap:22px}.direction-a .section{padding-block:35px}.direction-b .b-opening{grid-template-columns:37% 63%}.b-hero h1{font-size:70px}.b-affiliation{max-width:200px}.direction-b .b-opening .m3d-film-stage{height:390px}.direction-b .paper{gap:22px}.direction-b .paper h3{font-size:22px}.direction-c .update{margin-inline:25px}}
@media(max-width:700px){.directions{padding:5px 9px;gap:6px;flex-wrap:wrap;font-size:12px}.directions .back-to-board{padding:6px 7px}.directions>div{order:3;width:100%;justify-content:space-between}.directions>div a{flex:1;padding:7px 8px}.directions .previous{font-size:12px;padding:6px 8px}.direction-a .rail{position:static;width:auto;padding:32px 24px;display:block}.direction-a main,.direction-a footer,.direction-a .utility{margin:0}.direction-a .rail .identity{display:grid;grid-template-columns:1fr auto;gap:0 20px}.direction-a .rail .affiliation{grid-column:1/-1;max-width:none;margin:0 0 22px}.direction-a .rail h1{grid-column:1;font-size:56px}.direction-a .rail .other-name{grid-column:1;margin:10px 0 18px}.direction-a .rail .role{grid-column:1/-1}.direction-a .rail .identity-links{grid-column:1/-1;flex-direction:row;gap:20px;margin:16px 0 0}.direction-a .rail nav{flex-direction:row;gap:23px;margin:24px 0 8px;font-size:14px}.direction-a .rail nav a{width:auto}.direction-a .rail .language{margin-top:5px}.direction-a .rail-bottom{display:none}.direction-a .wrap{padding-inline:24px}.direction-a .a-intro{padding-block:33px}.direction-a .a-title{font-size:39px;line-height:1.25;letter-spacing:-1px;margin-bottom:23px}.direction-a .lead{font-size:22px}.direction-a .update{margin-inline:24px;padding-inline:0;grid-template-columns:1fr}.direction-a .update-link{grid-column:auto}.direction-a .paper,.direction-a .more-papers .paper{grid-template-columns:1fr;gap:12px}.direction-a .paper-link{grid-column:auto}.direction-a .section-head h2{font-size:28px}.direction-a .education>div{grid-template-columns:86px 1fr}.direction-a footer{padding-inline:24px}.direction-a .m3d-film-stage{height:510px}.direction-b .masthead{padding-inline:24px;gap:12px}.direction-b .masthead nav{gap:25px}.b-opening{display:block}.b-hero{padding:35px 24px 24px}.b-affiliation{max-width:none;margin-bottom:24px}.b-hero h1{font-size:76px;letter-spacing:-3px}.b-hero h1 br{display:none}.b-hero h1>span{font-size:25px;letter-spacing:5px;margin-top:15px}.b-role{margin-top:20px}.b-hero .identity-links{margin-top:18px}.direction-b .b-opening .m3d-film-stage{height:330px}.direction-b .b-opening .m3d-film-copy{bottom:24px;top:auto;left:24px}.direction-b .b-opening .m3d-film-copy h3{font-size:16px}.direction-b .b-opening .m3d-film-legend{display:none}.direction-b .b-opening .m3d-film-steps{margin-inline:24px}.direction-b .b-opening #m3d-summary{margin-inline:24px}.direction-b .wrap{padding-inline:24px}.direction-b .update{grid-template-columns:1fr}.direction-b .update-link{grid-column:auto}.direction-b .section-head h2{font-size:30px}.direction-b .paper{grid-template-columns:1fr;gap:13px;padding-block:24px}.direction-b .paper-year{font-size:20px;gap:15px}.direction-b .paper-link{grid-column:auto}.direction-b .paper h3{font-size:21px}.direction-b .b-intro .statement{display:block}.direction-b .b-intro .lead{font-size:25px}.direction-b .research .project h3{font-size:25px}.direction-b .about{gap:32px}.direction-c .wrap{padding-inline:23px}.direction-c .notebook-intro h1{font-size:37px}.direction-c .notebook-intro h1>span{font-size:21px;margin-left:9px}.direction-c .notebook-intro .lead{font-size:19px}.direction-c .section-head{display:block}.direction-c .section-head>a{margin-top:10px}.direction-c .update{margin-inline:23px}.direction-c .paper h3{font-size:18px}.direction-c .education>div{grid-template-columns:84px 1fr;gap:10px}.direction-c .contact{margin-inline:23px;padding-inline:0}.direction-c .notebook-animation .m3d-section{padding-inline:0}.direction-c .award small{display:block;margin:4px 0 0}}
@media print{.directions{display:none}.direction-a .rail{position:static;width:auto;background:white;color:#1d2d49}.direction-a main,.direction-a footer{margin:0}.direction-b{background:white;color:#172d43}.direction-b .b-opening{display:block}.direction-b .papers-area{background:white}.direction-b .paper h3{color:#172d43}.direction-b .authors strong{color:#172d43}}