@import url("../research-content.css?v=20261006");
/* Research unit articles: plain text, restrained headings and original images. */
.research-units { background:#fff; color:var(--unit-text); font:16px/1.9 "Microsoft YaHei","PingFang SC",sans-serif; }
.research-units .head { background:#fff; }
.research-units a:focus-visible,.research-units button:focus-visible { outline:3px solid var(--unit-primary); outline-offset:3px; }
.u-skip { position:absolute; top:-100px; left:16px; z-index:20; padding:12px; background:#fff; }
.u-skip:focus { top:12px; }
.u-layout { display:grid; grid-template-columns:235px minmax(0,1fr); gap:48px; width:min(1260px,90%); margin:0 auto; padding:48px 0 72px; align-items:start; }
.u-main { min-width:0; }
.u-hero { padding:0 0 22px; border-bottom:1px solid var(--unit-line); margin-bottom:28px; }
.u-article p { margin:0 0 20px; line-height:2; }
.u-section { margin:34px 0 0; }
.u-section h2 { margin:0 0 16px; }
.u-section h3 { font-size:17px; font-weight:600; margin:28px 0 10px; }
.u-article strong { font-weight:600; }
.u-article figure { margin:24px auto; max-width:720px; }
.u-article figure img { display:block; width:100%; height:auto; object-fit:contain; }
.u-article figcaption { font-size:13px; color:var(--unit-muted); text-align:center; margin-top:8px; line-height:1.8; }
.u-zoom { display:block; cursor:zoom-in; }
.u-gallery { display:flex; gap:18px; margin:24px 0; }
.u-gallery figure { flex:1; min-width:0; margin:0; }
.u-gallery img { aspect-ratio:4/3; object-fit:contain; }
.u-portraits { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; margin:26px 0; }
.u-portraits figure { margin:0; width:100%; }
.u-portraits figure img { width:90px; height:112px; object-fit:cover; object-position:top; margin:auto; }
.u-portraits figcaption { max-width:180px; margin:8px auto 0; }
.u-article .u-timeline { margin:24px 0 0 8px; padding:0; border-left:2px solid #c5dfe2; }
.u-timeline li { position:relative; padding:0 0 24px 28px; }
.u-timeline li::before { content:''; position:absolute; left:-7px; top:12px; width:12px; height:12px; border:2px solid #fff; border-radius:50%; background:var(--unit-primary); }
.u-timeline time { display:block; color:var(--unit-primary); font-size:22px; line-height:1.6; font-weight:600; }
.u-article .u-timeline p { margin:4px 0 0; }
.u-timeline li:last-child { padding-bottom:0; }
/* Structured sections are confined to the two key laboratories. */
.u-structured .u-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.u-structured .u-three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.u-structured .u-card { padding:20px; background:#f7fafb; border:1px solid var(--unit-line); }
.u-structured .u-card h3 { margin:0 0 10px; font-size:16px; }
.u-structured .u-card p { margin:0; font-size:14px; line-height:1.9; }
.u-structured .u-number { display:block; margin-bottom:8px; color:var(--unit-primary); font-size:12px; font-weight:600; }
.u-structured .u-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0 0 22px; background:#eef6f7; }
.u-structured .u-stats>div { display:flex; flex-direction:column-reverse; align-items:center; padding:16px 8px; }
.u-structured .u-stats dt { font-size:13px; color:var(--unit-muted); }
.u-structured .u-stats dd { margin:0; font-size:28px; font-weight:600; color:var(--unit-primary); }
.u-structured .u-people { grid-template-columns:repeat(3,minmax(0,1fr)); margin-bottom:16px; }
.u-structured .u-leaders { grid-template-columns:repeat(2,minmax(0,1fr)); }
.u-structured .u-person { display:flex; align-items:center; gap:14px; padding:16px; background:#f7fafb; border:1px solid var(--unit-line); min-width:0; }
.u-structured .u-person img { flex:0 0 64px; width:64px; height:82px; object-fit:cover; object-position:top; }
.u-structured .u-person h3 { margin:0 0 5px; font-size:16px; }
.u-structured .u-person p { margin:0; font-size:12px; line-height:1.8; }
.u-structured .u-person-role { color:var(--unit-primary); }
.u-structured .u-leaders .u-person img { flex-basis:86px; width:86px; height:108px; }
.u-structured .u-table-wrap table { width:100%; border-collapse:collapse; font-size:13px; text-align:left; }
.u-structured .u-table-wrap caption { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.u-structured th,.u-structured td { padding:10px 12px; border-bottom:1px solid var(--unit-line); overflow-wrap:anywhere; }
.u-structured th { color:var(--unit-primary); background:#eef6f7; }
.u-structured tbody tr:nth-child(even) { background:#f8fafb; }
.u-structured .u-achievements { margin:0 0 26px; padding:0; }
.u-structured .u-achievements li { position:relative; padding:8px 0 8px 20px; }
.u-structured .u-achievements li::before { content:''; position:absolute; left:0; top:21px; width:5px; height:5px; background:var(--unit-primary); }
.u-structured .u-honors { grid-template-columns:repeat(3,minmax(0,1fr)); }
.u-article .u-honor { margin:0; min-width:0; width:100%; padding:14px; border:1px solid var(--unit-line); }
.u-article .u-honor img { height:200px; object-fit:contain; }
.u-direction-images img { background:#fff; }
@media(max-width:700px) {
 .u-structured .u-grid.u-honors { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .u-article .u-honor { padding:8px; }
 .u-article .u-honor img { height:155px; }
}
@media(max-width:1100px) { .u-structured .u-three,.u-structured .u-people { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) {
 .u-structured .u-grid,.u-structured .u-leaders { grid-template-columns:1fr; }
 .u-structured .u-people:not(.u-leaders) { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .u-structured .u-people:not(.u-leaders) .u-person { display:block; padding:12px; }
 .u-structured .u-person img { margin-bottom:8px; }
 .u-structured .u-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .u-structured th,.u-structured td { padding:9px 5px; font-size:12px; }
 .u-structured .u-card p { font-size:16px; }
}
@media(max-width:1000px) {
 .u-layout { grid-template-columns:200px minmax(0,1fr); gap:28px; width:92%; }
 .u-portraits { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:700px) {
 .u-layout { display:block; width:calc(100% - 32px); padding:24px 0 40px; }
  .u-gallery { flex-direction:column; gap:22px; }
 .u-gallery figure { width:100%; max-width:420px; align-self:center; }
 .u-gallery img { max-height:240px; }
 .u-portraits { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
}

@media(prefers-reduced-motion:reduce) { .research-units * { scroll-behavior:auto!important; transition:none!important; } }