:root{--bg:#080e1b;--panel:#101a2b;--text:#edf3ff;--muted:#9aaac2;--line:#243147;--cyan:#88dce4;--blue:#a8c5ff;--display:'Arial','Microsoft YaHei',sans-serif;--body:'Segoe UI','Microsoft YaHei',sans-serif;--mono:Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);line-height:1.7;font-size:16px}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a,button{transition:background .2s,color .2s,border-color .2s}a:hover{color:var(--cyan)}:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);max-width:1400px;margin:auto;padding:0 64px;gap:24px}.brand{display:flex;align-items:center;gap:18px}.monogram{font-size:34px;letter-spacing:-4px;font-weight:800;font-family:var(--display)}.monogram span{color:var(--cyan)}.brand-caption{font-size:12px;letter-spacing:3px;line-height:1.6}.brand-caption span{display:block;font-size:8px;letter-spacing:1.5px;color:var(--muted)}nav{display:flex;gap:32px;font-size:14px;color:#bbc8dd}nav span{color:var(--cyan)}.admin-trigger{display:flex;align-items:center;gap:9px;padding:9px 17px;border:1px solid #354258;background:transparent;color:var(--text);border-radius:5px;min-height:44px;font-size:13px}.admin-trigger svg{width:16px;height:16px}.admin-trigger:hover{background:var(--panel);border-color:var(--cyan)}main{max-width:1400px;margin:auto;padding:0 64px}.hero{min-height:720px;display:grid;grid-template-columns:1fr 1fr;position:relative;padding-top:68px;align-items:center}.hero-copy{position:relative;z-index:1;padding-bottom:52px}.eyebrow{font:11px/1.6 var(--mono);letter-spacing:2.5px;color:var(--cyan);margin:0 0 24px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);margin-right:10px;box-shadow:0 0 10px #88dce480}.hello{font-size:14px;color:var(--muted);margin:30px 0 0}h1{font-family:var(--display);font-size:clamp(70px,8vw,116px);letter-spacing:-7px;font-weight:500;line-height:1.12;margin:4px 0 12px}.name-dot,.accent{color:var(--cyan)}.role{color:var(--blue);font:13px/1.8 var(--mono);letter-spacing:.5px;margin-bottom:32px}.hero h2{font-size:clamp(26px,3vw,37px);line-height:1.5;letter-spacing:1px;margin:0 0 17px;font-weight:500;white-space:pre-line}.intro{max-width:460px;color:var(--muted);font-size:14px;line-height:1.95}.hero-actions{display:flex;gap:14px;margin-top:30px}.button{border:1px solid var(--line);border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:12px 21px;min-height:46px;font-size:14px;line-height:1.5}.primary{background:#b9d7ef;border-color:#b9d7ef;color:#0b1727;font-weight:600}.primary:hover{background:#d8edff;border-color:#d8edff;color:#0b1727}.quiet{background:transparent;color:var(--text)}.quiet:hover{border-color:var(--cyan);background:var(--panel)}.science-art{height:560px;position:relative;margin:-30px -25px 30px 0}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#24354e25 1px,transparent 1px),linear-gradient(90deg,#24354e25 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse,black,transparent 70%)}.molecule{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible}.orbits{stroke-width:.8;opacity:.6}.molecule-core{animation:float 9s ease-in-out infinite;transform-origin:center}.art-caption{position:absolute;top:25px;left:40px;right:30px;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:1.5px;color:#8195b4}.art-label{position:absolute;padding:7px 12px;border:1px solid #354a6666;background:#0c1726b3;font:10px var(--mono);letter-spacing:.7px;color:#b8d5e9;border-radius:3px}.label-one{left:0;top:37%}.label-two{right:0;bottom:24%}.tiny-cross{color:var(--cyan);margin-right:9px}.art-bottom{position:absolute;bottom:0;left:40px;right:30px;display:flex;align-items:end;justify-content:space-between;color:#8294ae;font:9px/1.8 var(--mono);letter-spacing:1.5px}.coordinate{color:var(--cyan)}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-top:1px solid var(--line);color:var(--muted);font:10px/1.8 var(--mono);letter-spacing:1px}.hero-bottom a{font:12px var(--body);padding:10px}.hero-bottom a span{margin-left:14px;color:var(--cyan)}.section{padding:90px 0;border-bottom:1px solid var(--line);scroll-margin-top:0}.section h2{font-size:31px;font-weight:500;line-height:1.6;margin:0;letter-spacing:.3px}.section h2 span:not(.accent){color:var(--muted)}.section .eyebrow{margin-bottom:16px}.about-section{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.section-note{font-size:13px;color:var(--muted)}.about-copy>p{margin-top:0;white-space:pre-line;color:#b7c3d6;font-size:15px;line-height:2}.about-meta{display:flex;flex-wrap:wrap;gap:28px;border-top:1px solid var(--line);padding-top:22px;margin-top:26px;font:12px var(--mono);color:var(--cyan)}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px;gap:20px}.research-grid,.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.research-card{background:linear-gradient(150deg,#131e30,#0d1523);border:1px solid #26364c;border-radius:7px;padding:30px;position:relative;overflow:hidden}.research-card h3,.project-card h3{font-size:20px;font-weight:500;margin:27px 0 12px}.research-card p,.project-card p{font-size:14px;color:var(--muted);margin:0;line-height:1.9}.research-symbol{width:44px;height:44px;color:var(--cyan)}.research-card::after{content:'+';position:absolute;right:24px;top:24px;color:#496582;font:20px var(--mono)}.publication{padding:27px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:75px 1fr 42px;gap:24px;align-items:center}.publication .pub-year{font:13px var(--mono);color:var(--cyan)}.publication h3{font-weight:500;font-size:18px;margin:0 0 8px}.publication p{font-size:13px;color:var(--muted);margin:0}.pub-link{height:44px;width:44px;border:1px solid var(--line);display:grid;place-items:center;border-radius:50%;font-size:22px}.timeline-item{border-left:1px solid #35516d;padding:0 0 32px 30px;position:relative}.timeline-item::before{content:'';width:7px;height:7px;position:absolute;left:-4px;top:8px;background:var(--cyan);border-radius:50%}.timeline-item:last-child{padding-bottom:0}.timeline-item span{font:12px var(--mono);color:var(--cyan)}.timeline-item h3{font-size:19px;font-weight:500;margin:10px 0}.timeline-item p{font-size:14px;color:var(--muted);margin:0}.project-card{border:1px solid var(--line);border-radius:6px;padding:28px;display:block;background:#0d1523;position:relative}.project-card:hover{border-color:#567b98;background:#142137}.project-card .project-tag{font:10px var(--mono);letter-spacing:1.5px;color:var(--cyan)}.project-card h3{font-size:23px;letter-spacing:-.5px;margin-top:35px}.project-card .project-arrow{position:absolute;top:22px;right:25px;color:var(--cyan);font-size:25px}.project-card .launch{display:block;border-top:1px solid var(--line);margin-top:24px;padding-top:17px;font-size:12px;color:#c4d2e8}.contact-section{padding:85px 0 90px;display:flex;justify-content:space-between;align-items:center;gap:40px}.contact-section h2{font-weight:500;font-size:36px;line-height:1.55;margin:0}.contact-section p:not(.eyebrow){color:var(--muted);font-size:14px}.contact-links{display:flex;flex-direction:column;gap:24px;min-width:300px}.contact-links>a:first-child{font-size:22px;padding-bottom:16px;border-bottom:1px solid #3e566c;word-break:break-all}.contact-links .mail-entry{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}footer{border-top:1px solid var(--line);max-width:1272px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0;color:var(--muted);font-size:11px}footer>a:last-child{font:10px var(--mono);letter-spacing:1px}.skip{position:absolute;left:20px;top:-60px;z-index:10;background:var(--panel);padding:12px}.skip:focus{top:10px}dialog{background:#101a2b;color:var(--text);border:1px solid #3a4c65;border-radius:14px;padding:32px;max-width:440px;width:calc(100% - 32px);box-shadow:0 30px 100px #0008}dialog::backdrop{background:#020611b8;backdrop-filter:blur(8px)}.dialog-top,.editor-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-top .eyebrow{margin:0}.close{width:44px;height:44px;font-size:26px;background:transparent;color:var(--muted);border:0}.close:hover{color:var(--text);background:#243147;border-radius:6px}dialog h2{font-size:29px;margin:12px 0}.muted{color:var(--muted);font-size:14px}label{display:block;font-size:13px;color:#c2cfe3;margin:20px 0 0}input,textarea{display:block;background:#09111f;border:1px solid #34455e;border-radius:5px;padding:12px;color:var(--text);width:100%;margin-top:7px;font-size:14px}textarea{min-height:100px;resize:vertical;line-height:1.7}.full{width:100%}.form-error{color:#ffb4ae;font-size:13px;min-height:22px}.editor-header .eyebrow{margin:0}.editor-header h2{margin:5px 0}#editor-dialog{max-width:900px;max-height:90vh;padding:30px}.editor-hint{font-size:13px;color:var(--muted)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.wide{grid-column:1/-1}.editor-section{margin:30px 0;padding-top:20px;border-top:1px solid var(--line)}.editor-section h3{font-size:18px;font-weight:500}.edit-item{border:1px solid var(--line);padding:0 20px 18px;margin:15px 0;border-radius:7px;background:#0c1524}.remove{margin-top:15px;color:#ffb4ae;background:transparent;border:1px solid #754b52;border-radius:4px;min-height:44px;padding:6px 14px}.editor-footer{position:sticky;bottom:-30px;background:#101a2bf5;padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);margin-bottom:-30px}.editor-footer .form-error{flex:1}.empty{color:var(--muted);font-size:14px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#c0e5ee;color:#10202b;border-radius:6px;padding:12px 22px;z-index:20;display:none;max-width:90vw}#toast.visible{display:block}@keyframes float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(3deg)}}
@media(min-width:1500px){.hero{min-height:780px}.science-art{height:620px}}
@media(max-width:1000px){header{padding:0 32px}main{padding:0 32px}nav{gap:20px}.brand-caption{display:none}.hero{padding-top:45px;min-height:660px}.science-art{height:470px}.art-caption{font-size:8px;left:20px}.art-caption span:last-child{display:none}.art-label{font-size:9px}.about-section{gap:40px}.research-card,.project-card{padding:23px}.section h2{font-size:28px}footer{margin:0 32px}.contact-section h2{font-size:30px}.contact-links{min-width:250px}.contact-links>a:first-child{font-size:18px}}
@media(max-width:700px){header{height:80px;padding:0 22px;flex-wrap:wrap;gap:0}.brand{flex:1}.brand-caption{display:block}.admin-trigger{padding:7px 12px}nav{display:none}main{padding:0 22px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:40px}.hero-copy{padding:0}.hello{margin-top:24px}h1{font-size:82px;letter-spacing:-5px}.role{font-size:11px;margin-bottom:25px}.hero h2{font-size:30px}.intro{font-size:14px;max-width:100%}.hero-actions{margin-top:24px}.science-art{height:360px;margin:12px -10px 25px}.art-caption{top:12px;left:20px;right:20px}.art-caption span:last-child{display:block}.art-label{font-size:9px}.label-one{left:6px}.label-two{right:3px;bottom:20%}.art-bottom{left:20px;right:20px;font-size:8px}.hero-bottom{padding:18px 0;gap:12px}.hero-bottom>span:last-child{display:none}.section{padding:55px 0}.about-section{grid-template-columns:1fr;gap:25px}.section h2{font-size:28px}.section-top{align-items:start;flex-direction:column;gap:12px;margin-bottom:28px}.research-grid,.project-grid{grid-template-columns:1fr}.research-card{padding:27px}.research-card h3{margin-top:18px}.publication{grid-template-columns:42px 1fr 32px;gap:12px;padding:24px 0}.publication h3{font-size:16px}.publication p{font-size:12px}.pub-link{width:32px;height:44px;border:0}.contact-section{padding:55px 0;flex-direction:column;align-items:stretch;gap:20px}.contact-section h2{font-size:29px}.contact-links>a:first-child{font-size:19px}footer{margin:0 22px;flex-wrap:wrap;padding:24px 0;gap:16px}footer>span{font-size:10px}footer>a:last-child{width:100%;text-align:right}.field-grid{grid-template-columns:1fr}.wide{grid-column:auto}#editor-dialog{padding:20px}.editor-footer{bottom:-20px;margin-bottom:-20px;flex-wrap:wrap}.editor-footer .form-error{order:3;flex-basis:100%;margin:0}.button{padding:12px 17px;gap:18px}.eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.header-actions{display:flex;align-items:center;gap:18px}.language-switch{display:flex;gap:2px;border:1px solid var(--line);border-radius:7px;padding:3px}.language-switch button{background:transparent;border:0;color:var(--muted);min-height:38px;min-width:40px;border-radius:4px;font-size:12px}.language-switch button[aria-pressed=true]{background:#23344c;color:var(--text)}.account-control{position:relative}.admin-trigger.avatar{border-radius:50%;width:44px;height:44px;justify-content:center;padding:0;background:linear-gradient(135deg,#abcce9,#6ba4b4);color:#0a1729;font-weight:700;letter-spacing:2px;border:1px solid #bee9f5}.account-menu{position:absolute;right:0;top:56px;width:240px;border:1px solid #344c69;border-radius:10px;background:#111e31;box-shadow:0 20px 60px #0008;padding:12px;z-index:10}.account-menu[hidden]{display:none}.account-identity{display:flex;gap:12px;align-items:center;padding:8px 8px 16px;border-bottom:1px solid var(--line);margin-bottom:6px;font-size:14px}.account-identity small{display:block;color:var(--muted);font-size:11px}.avatar-small{border-radius:50%;background:#29425c;color:var(--cyan);padding:7px 10px}.account-menu button{display:block;width:100%;text-align:left;min-height:44px;padding:10px;border:0;border-radius:5px;background:transparent;color:var(--text);font-size:14px}.account-menu button:hover{background:#23354e}.project-card{text-align:left;color:var(--text);font:inherit}.project-card h3{display:flex;align-items:center;gap:12px}.project-lock{display:inline-flex;flex-shrink:0;color:var(--cyan)}.project-lock svg{width:19px;height:19px}.editor-language{display:flex;align-items:center;gap:14px;margin:16px 0;font-size:13px;color:var(--muted);flex-wrap:wrap}.editor-language select{background:#09111f;border:1px solid #34455e;color:var(--text);border-radius:5px;min-height:44px;padding:8px 12px;font:inherit}#editing-badge{color:var(--cyan)}html[lang=en] .hero h2{font-size:32px;line-height:1.3}html[lang=en] .section h2{font-size:28px}html[lang=en] .contact-section h2{font-size:30px}html[lang=en] .research-card h3{line-height:1.4}html[lang=en] .publication{grid-template-columns:75px 1fr 42px}@media(max-width:1100px){header{gap:16px}nav{gap:18px}nav a{font-size:12px}.header-actions{gap:10px}}@media(max-width:700px){.header-actions{gap:10px}.brand-caption{display:none}.language-switch button{min-height:38px;min-width:36px}html[lang=en] .hero h2{font-size:29px}html[lang=en] .publication{grid-template-columns:52px 1fr 30px;gap:10px}.account-menu{width:225px}}
/* Readability and spacing shared by the Chinese and English layouts. */
.eyebrow{font-size:15px;letter-spacing:1.8px}
.section-note{font-size:17px;line-height:1.7}
.timeline-item span{font-size:17px}.timeline-item p{font-size:17px}
.about-section{grid-template-columns:1fr 1.35fr;gap:72px}
.about-copy>p{font-size:18px;line-height:1.95;overflow-wrap:anywhere}
.about-meta{font-size:16px;line-height:1.8;gap:16px 26px;overflow-wrap:anywhere}
.hero-bottom{display:grid;grid-template-columns:minmax(0,1.3fr) auto minmax(0,1fr);gap:24px;font-size:15px;letter-spacing:.5px;padding:26px 0;line-height:1.8}
.hero-bottom>span:last-child{text-align:right;font-size:13px}
.hero-bottom a{font-size:16px;white-space:nowrap}
nav a{font-size:16px;font-weight:650}
.brand-caption{font-size:14px}.brand-caption span{font-size:11px}
.hello{font-size:18px}.role{font-size:17px}.intro{font-size:18px;max-width:520px;line-height:1.9}
.hero-copy{padding-right:26px}.hero-actions{flex-wrap:wrap}
.research-card p,.project-card p{font-size:17px;line-height:1.85}
.project-card .project-tag{font-size:14px;display:block;padding-right:28px;letter-spacing:1px}
.project-card .launch{font-size:16px}
.publication .pub-year{font-size:16px}.publication p{font-size:17px;line-height:1.8}
.contact-section p:not(.eyebrow){font-size:18px}.contact-links .mail-entry{font-size:17px}
.art-caption{font-size:13px;letter-spacing:1px;gap:20px;line-height:1.6}
.art-label{font-size:16px;letter-spacing:.2px;padding:10px 14px;line-height:1.4;background:#0c1726e6}
.art-bottom{font-size:13px;letter-spacing:1px;gap:20px}
footer,footer>a:last-child{font-size:14px}
label,.editor-hint,.muted,.editor-language,input,textarea{font-size:16px}
.language-switch button,.admin-trigger{font-size:15px}.account-menu button{font-size:16px}.account-identity small{font-size:14px}
.section-top{align-items:center}.section-top>.section-note{max-width:38%;text-align:right}
@media(max-width:1100px){
 header{padding-left:28px;padding-right:28px}nav{gap:18px}nav a{font-size:14px}.brand-caption{display:none}
 .about-section{gap:40px}.hero-copy{padding-right:18px}.hero-bottom{grid-template-columns:minmax(0,1fr) auto}.hero-bottom>span:last-child{grid-column:1/-1;text-align:left}
 .art-caption{font-size:12px}.art-label{font-size:14px}.art-bottom{font-size:12px}
 .research-grid,.project-grid{gap:16px}.research-card,.project-card{padding:23px}
}
@media(max-width:700px){
 header{padding-left:22px;padding-right:22px}.eyebrow{font-size:14px}.role{font-size:15px}.hello{font-size:17px}.intro{font-size:17px}
 .hero-copy{padding-right:0}.about-section{grid-template-columns:1fr;gap:28px}.about-copy>p{font-size:18px;line-height:1.9}
 .section-note{font-size:16px}.section-top{align-items:start}.section-top>.section-note{max-width:100%;text-align:left}
 .science-art{height:420px;margin:28px 0 30px}.art-caption{left:0;right:0;font-size:12px;gap:16px}.art-caption span{max-width:55%}.art-caption span:last-child{text-align:right}
 .art-label{font-size:14px;padding:8px 10px}.label-one{left:0;top:29%}.label-two{right:0;bottom:19%}
 .art-bottom{left:0;right:0;font-size:12px;letter-spacing:.5px}
 .hero-bottom{grid-template-columns:1fr;gap:12px;font-size:16px;padding:24px 0}.hero-bottom a{justify-self:start;padding:6px 0}.hero-bottom>span:last-child{display:none}
 .publication p{font-size:16px}.publication .pub-year{font-size:14px}.publication{align-items:start}
 .about-meta{font-size:15px;gap:12px}.research-card p,.project-card p{font-size:17px}
 footer>span{font-size:14px}.hero-actions .button{font-size:15px;gap:14px}
}