.dc-portal-page { margin:0; background:var(--portal-bg,#fff); color:var(--portal-text,#0a1317); font:500 16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif; }
.dc-portal-page *, .dc-portal-page *::before, .dc-portal-page *::after { box-sizing:border-box; }
.dc-portal-page .dp-main { width:min(1376px,calc(100% - 96px)); margin:0 auto; }
.dp-main h1,.dp-main h2,.dp-main h3 { font-weight:600; line-height:1.25; letter-spacing:-.025em; color:var(--portal-text,#0a1317); }
.dp-main p { margin:0; color:var(--portal-muted,#5d6c7b); }
.dp-main a { color:var(--portal-primary,#0457cb); text-decoration:none; }
.dp-main a:hover { text-decoration:underline; text-underline-offset:5px; }
.dc-portal-page :focus-visible { outline:3px solid var(--portal-primary,#0457cb); outline-offset:4px; }
.dp-main [hidden] { display:none!important; }
.dp-skip { position:fixed; top:-100px; left:16px; z-index:10000; padding:12px 20px; border-radius:30px; background:var(--portal-primary,#0457cb); color:var(--portal-on-primary,#fff); }
.dp-skip:focus { top:12px; }
.dp-main .dp-eyebrow { font-size:14px; font-weight:600; line-height:1.5; letter-spacing:.025em; color:var(--portal-primary,#0457cb); margin:0 0 20px; }
.dp-home-hero { display:grid; grid-template-columns:1.1fr .9fr; column-gap:clamp(48px,7vw,112px); padding:64px 0 56px; }
.dp-home-hero h1 { font-size:clamp(40px,4.4vw,64px); margin:0 0 24px; line-height:1.2; text-wrap:balance; }
.dp-main .dp-hero-intro { font-size:18px; line-height:1.7; max-width:570px; margin-bottom:24px; }
.dp-program-intro { align-self:center; padding-left:36px; border-left:1px solid var(--portal-border,#dadde1); }
.dp-program-intro h2 { font-size:23px; line-height:1.4; margin:0 0 10px; letter-spacing:-.01em; }
.dp-main .dp-program-intro .dp-eyebrow { margin-bottom:14px; }
.dp-program-zh { font-size:15px; }
.dp-program-focus { margin-top:22px; }
.dp-program-focus a { display:grid; grid-template-columns:24px 1fr; align-items:center; gap:12px; border-top:1px solid var(--portal-border,#dadde1); min-height:48px; color:var(--portal-text,#0a1317); font-size:14px; font-weight:600; }
.dp-program-focus a>span:first-child { color:var(--portal-muted,#5d6c7b); font-size:13px; font-weight:600; font-variant-numeric:tabular-nums; }
.dp-program-focus svg { width:18px; height:18px; color:var(--portal-primary,#0457cb); }
.dp-main .dp-affiliation { font-size:13px; font-weight:500; margin-top:20px; }
.dp-button,.dp-text-link { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:48px; line-height:1.35; }
.dp-main .dp-button { background:var(--portal-primary,#0457cb); color:var(--portal-on-primary,#fff); padding:13px 24px; border:1px solid transparent; border-radius:999px; font-family:inherit; font-weight:500; font-size:15px; line-height:1.4; text-align:center; cursor:pointer; }
.dp-main .dp-button:hover { background:var(--portal-primary-hover,#064ba7); text-decoration:none; }
.dp-main .dp-button-secondary { background:var(--portal-soft,#f1f4f7); color:var(--portal-text,#0a1317); }
.dp-main .dp-button-secondary:hover { background:var(--portal-border,#dadde1); }
.dp-button svg,.dp-text-link svg { width:21px; height:21px; flex:0 0 21px; }
.dp-text-link { font-size:15px; font-weight:600; justify-content:flex-start; }
.dp-arrow-hover { display:none; }
a:hover .dp-arrow-base,a:focus-visible .dp-arrow-base { display:none; }
a:hover .dp-arrow-hover,a:focus-visible .dp-arrow-hover { display:block; }
.dp-section { border-top:1px solid var(--portal-border,#dadde1); padding:56px 0; }
.dp-section-head { display:flex; align-items:center; justify-content:space-between; gap:28px; margin-bottom:32px; }
.dp-section-head h2 { font-size:clamp(27px,2.6vw,36px); margin:0; }
.dp-section-head .dp-eyebrow { margin-bottom:14px; }
.dp-main .dp-intro { max-width:800px; font-size:18px; line-height:1.7; }
.dp-section-head .dp-intro { margin-top:14px; }
.dp-section-head>.dp-text-link { flex-shrink:0; }
.dp-platforms { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.dp-platform { display:flex; flex-direction:column; padding:30px 32px; border-radius:24px; background:var(--portal-soft,#f1f4f7); }
.dp-platform-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:22px; color:var(--portal-primary,#0457cb); }
.dp-platform-top svg { width:32px; height:32px; }
.dp-platform-number { font-size:14px; font-weight:600; font-variant-numeric:tabular-nums; }
.dp-platform h3 { font-size:28px; margin:0 0 8px; }
.dp-main .dp-platform-fullname { font-size:14px; font-weight:600; line-height:1.6; margin-bottom:20px; min-height:21px; }
.dp-platform p:not(.dp-platform-fullname) { max-width:540px; font-size:16px; }
.dp-platform-bottom { display:flex; justify-content:space-between; align-items:center; gap:20px; padding-top:28px; margin-top:auto; }
.dp-platform-bottom>span { color:var(--portal-muted,#5d6c7b); font-size:13px; font-weight:600; }
.dp-platform-bottom .dp-button { min-width:215px; flex-shrink:0; }
.dp-research-row { display:grid; grid-template-columns:40px 1fr 1.2fr; align-items:center; gap:24px; border-top:1px solid var(--portal-border,#dadde1); padding:25px 0; }
.dp-research-row:last-child { border-bottom:1px solid var(--portal-border,#dadde1); }
.dp-research-row h3 { font-size:24px; font-weight:600; margin:0; }
.dp-research-row p { font-size:15px; }
.dp-main .dp-research-row:hover { text-decoration:none; }
.dp-research-row:hover h3 { color:var(--portal-primary,#0457cb); }
.dp-index { color:var(--portal-muted,#5d6c7b); font-size:14px; font-weight:600; font-variant-numeric:tabular-nums; }
.dp-round-arrow { display:none; }
.dp-round-arrow svg { width:22px; height:22px; }
.dp-pi-feature { display:grid; grid-template-columns:280px 1fr; gap:64px; align-items:center; }
.dp-portrait { margin:0; }
.dp-portrait img { display:block; width:100%; height:auto; aspect-ratio:741/888; object-fit:cover; border-radius:24px; }
.dp-portrait figcaption { margin-top:12px; color:var(--portal-muted,#5d6c7b); font-size:12px; }
.dp-pi-copy { max-width:760px; }
.dp-pi-copy h2 { font-size:40px; margin:0 0 14px; }
.dp-main .dp-pi-role { line-height:1.8; margin-bottom:22px; }
.dp-pi-copy .dp-text-link { margin-top:18px; }
.dp-publication { display:grid; grid-template-columns:80px 1fr; gap:24px; border-top:1px solid var(--portal-border,#dadde1); padding:28px 0; }
.dp-pub-year { color:var(--portal-muted,#5d6c7b); font-size:14px; padding-top:3px; }
.dp-main .dp-pub-journal { font-size:14px; font-weight:600; margin-bottom:10px; color:var(--portal-primary,#0457cb); }
.dp-publication h3 { font-size:23px; line-height:1.4; margin:0 0 10px; max-width:1050px; letter-spacing:-.01em; }
.dp-publication h3 a { color:var(--portal-text,#0a1317); }
.dp-publication h3 span { color:var(--portal-primary,#0457cb); white-space:nowrap; }
.dp-main .dp-pub-authors { font-size:14px; line-height:1.7; max-width:960px; }
.dp-main .dp-pub-summary { font-size:15px; line-height:1.7; margin-top:12px; max-width:960px; }
.dp-doi { display:inline-flex; align-items:center; min-height:44px; font-size:13px; overflow-wrap:anywhere; }
.dp-publication-compact { padding:24px 0; }
.dp-publication-compact h3 { font-size:22px; }
.dp-collaborate { border-top:1px solid var(--portal-border,#dadde1); display:flex; justify-content:space-between; align-items:center; gap:24px; padding:48px 0 56px; }
.dp-collaborate h2 { font-size:clamp(25px,2.5vw,34px); margin:0; }
.dp-collaborate .dp-eyebrow { margin-bottom:12px; }
.dp-collaborate>.dp-button { flex-shrink:0; }
.dp-page-head { padding:52px 0 38px; max-width:1000px; }
.dp-page-head h1 { font-size:clamp(36px,4vw,52px); margin:0 0 20px; text-wrap:balance; }
.dp-no-top-rule { border-top:0; padding-top:0; }
.dp-research-detail { border-top:1px solid var(--portal-border,#dadde1); scroll-margin-top:28px; }
.dp-research-detail:last-child { border-bottom:1px solid var(--portal-border,#dadde1); }
.dp-research-detail summary { display:grid; grid-template-columns:44px 1fr 28px; gap:24px; align-items:center; cursor:pointer; padding:28px 0; list-style:none; }
.dp-research-detail summary::-webkit-details-marker { display:none; }
.dp-research-title { display:block; font-size:28px; font-weight:600; line-height:1.35; margin-bottom:10px; }
.dp-research-summary { display:block; color:var(--portal-muted,#5d6c7b); font-size:16px; }
.dp-plus { position:relative; width:24px; height:24px; color:var(--portal-primary,#0457cb); }
.dp-plus::before,.dp-plus::after { content:""; position:absolute; background:currentColor; width:16px; height:1.5px; left:4px; top:11px; }
.dp-plus::after { transform:rotate(90deg); }
details[open] .dp-plus::after { display:none; }
.dp-research-expanded { padding:0 52px 28px 68px; max-width:1050px; }
.dp-research-expanded>p { font-size:17px; line-height:1.8; }
.dp-inline-links { display:flex; gap:20px 28px; flex-wrap:wrap; margin-top:20px; align-items:center; }
.dp-team-profile { display:grid; grid-template-columns:minmax(240px,390px) 1fr; gap:clamp(40px,7vw,100px); padding:8px 0 64px; align-items:start; }
.dp-team-biography { max-width:760px; padding-top:12px; }
.dp-team-collaboration { display:grid; grid-template-columns:1fr 280px; gap:64px; align-items:center; }
.dp-brand-logo { margin:0; width:280px; padding:18px; background:#f1f4f7; border-radius:24px; }
.dp-brand-logo img { display:block; width:100%; height:auto; }
.dp-team-biography h2 { font-size:42px; margin:0 0 16px; }
.dp-biography { font-size:18px; line-height:1.8; }
.dp-profile-facts { margin:30px 0 0; }
.dp-profile-facts>div { display:grid; grid-template-columns:120px 1fr; gap:20px; padding:17px 0; border-top:1px solid var(--portal-border,#dadde1); font-size:15px; }
.dp-profile-facts dt { color:var(--portal-muted,#5d6c7b); }
.dp-profile-facts dd { margin:0; overflow-wrap:anywhere; }
.dp-main .dp-source-note { margin-top:24px; color:var(--portal-muted,#5d6c7b); font-size:12px; line-height:1.7; }
.dp-profile-sources { margin-top:24px; font-size:12px; color:var(--portal-muted,#5d6c7b); }
.dp-profile-sources ul { display:flex; flex-wrap:wrap; gap:0 24px; padding:0; margin:4px 0 0; list-style:none; }
.dp-profile-sources a { display:inline-flex; align-items:center; gap:6px; min-height:44px; }
.dp-project-list { border-top:1px solid var(--portal-border,#dadde1); }
.dp-project { display:grid; grid-template-columns:140px 1fr; gap:28px; padding:24px 0; border-bottom:1px solid var(--portal-border,#dadde1); }
.dp-main .dp-project-years { font-size:15px; padding-top:3px; font-variant-numeric:tabular-nums; }
.dp-main .dp-project-scheme { color:var(--portal-primary,#0457cb); font-size:14px; font-weight:600; margin-bottom:8px; }
.dp-project h3 { font-size:23px; line-height:1.45; margin:0 0 10px; max-width:1030px; }
.dp-main .dp-project-code { font-size:12px; }
.dp-project-code span { margin-left:8px; font-variant-numeric:tabular-nums; }
.dp-projects-section>.dp-text-link { margin-top:18px; }
.dp-publications-section { padding-bottom:64px; }
.dp-output-categories { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; }
.dp-output-categories button { display:inline-flex; align-items:center; gap:10px; border:1px solid var(--portal-border); background:var(--portal-bg); color:var(--portal-muted); border-radius:999px; min-height:44px; padding:10px 17px; font-family:inherit; font-weight:600; font-size:14px; line-height:1.4; cursor:pointer; }
.dp-output-categories button:hover { border-color:var(--portal-primary); color:var(--portal-primary); }
.dp-output-categories button[aria-pressed=true] { background:var(--portal-primary); border-color:var(--portal-primary); color:var(--portal-on-primary); }
.dp-output-categories button span { font-size:12px; font-variant-numeric:tabular-nums; }
.dp-main .dp-outcome-meta { font-size:14px; font-weight:500; margin-top:10px; overflow-wrap:anywhere; }
.dp-publication-filters { display:flex; gap:16px; align-items:flex-end; background:var(--portal-soft,#f1f4f7); padding:20px 24px; border-radius:20px; margin:0 0 22px; }
.dp-publication-filters label { display:flex; flex-direction:column; gap:8px; font-size:14px; font-weight:600; }
.dp-search-label { flex:1; }
.dp-publication-filters input,.dp-publication-filters select { min-height:46px; padding:10px 14px; border:1px solid var(--portal-muted,#5d6c7b); border-radius:10px; background:var(--portal-bg,#fff); color:var(--portal-text,#0a1317); font:inherit; font-size:15px; }
.dp-publication-filters select { min-width:150px; }
.dp-publication-filters .dp-button-secondary { background:var(--portal-bg,#fff); }
.dp-main .dp-result-count { font-size:13px; margin:0 0 14px; }
.dp-empty { padding:48px 0; border-top:1px solid var(--portal-border,#dadde1); }
.dp-empty h2 { font-size:24px; }
.dp-contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:64px; padding:14px 0 64px; }
.dp-contact-grid h2 { font-size:30px; margin:0 0 20px; }
.dp-contact-grid article+article { border-left:1px solid var(--portal-border,#dadde1); padding-left:64px; }
.dp-contact-email { display:block; width:fit-content; margin:20px 0 10px; font-size:clamp(18px,2vw,26px); overflow-wrap:anywhere; }
.dp-contact-actions { display:flex; flex-wrap:wrap; gap:16px; margin-top:28px; align-items:center; }
@media (min-width:1600px) { .dp-home-hero { padding-top:72px; padding-bottom:64px; } }
@media (max-width:1100px) {
  .dc-portal-page .dp-main { width:calc(100% - 64px); }
  .dp-home-hero { column-gap:36px; grid-template-columns:1.1fr .9fr; }
  .dp-program-intro { padding-left:24px; }
  .dp-home-hero h1 { font-size:44px; }
  .dp-program-intro h2 { font-size:20px; }
  .dp-platform { padding:26px; }
  .dp-platform-bottom { flex-direction:column; align-items:flex-start; gap:14px; }
  .dp-platform-bottom .dp-button { min-width:0; width:100%; }
  .dp-platform-fullname { min-height:42px!important; }
  .dp-research-row { grid-template-columns:30px 1fr 1fr; gap:18px; }
  .dp-pi-feature { gap:44px; grid-template-columns:260px 1fr; }
}
@media (max-width:760px) {
  .dc-portal-page .dp-main { width:calc(100% - 40px); }
  .dp-home-hero { grid-template-columns:1fr; padding:38px 0 36px; gap:32px; }
  .dp-home-hero h1 { font-size:clamp(34px,7.8vw,48px); }
  .dp-main .dp-hero-intro { font-size:17px; }
  .dp-program-intro { padding:26px 0 0; border-left:0; border-top:1px solid var(--portal-border,#dadde1); }
  .dp-program-intro h2 { font-size:22px; }
  .dp-program-focus { display:none; }
  .dp-main .dp-affiliation { margin-top:14px; }
  .dp-section { padding:36px 0; }
  .dp-section-head { align-items:flex-start; flex-direction:column; gap:12px; margin-bottom:24px; }
  .dp-section-head h2 { font-size:28px; }
  .dp-main .dp-intro { font-size:17px; }
  .dp-platforms { grid-template-columns:1fr; gap:20px; }
  .dp-platform { padding:26px; }
  .dp-platform-top { margin-bottom:20px; }
  .dp-platform h3 { font-size:27px; }
  .dp-platform-fullname { min-height:0!important; }
  .dp-platform-bottom { padding-top:24px; }
  .dp-platform-bottom .dp-button { width:auto; min-width:215px; }
  .dp-research-row { grid-template-columns:24px 1fr; gap:10px 14px; padding:22px 0; }
  .dp-research-row h3 { font-size:22px; }
  .dp-research-row>p { grid-column:2; grid-row:2; }
  .dp-round-arrow { grid-column:3; grid-row:1 / 3; width:36px; height:36px; }
  .dp-pi-feature { grid-template-columns:1fr; gap:26px; }
  .dp-pi-feature .dp-portrait { width:min(280px,80%); }
  .dp-pi-copy h2 { font-size:34px; }
  .dp-publication { grid-template-columns:1fr; gap:8px; padding:24px 0; }
  .dp-publication h3,.dp-publication-compact h3 { font-size:21px; }
  .dp-collaborate { padding:36px 0; flex-direction:column; align-items:flex-start; }
  .dp-page-head { padding:36px 0 28px; }
  .dp-page-head h1 { font-size:34px; }
  .dp-research-detail summary { grid-template-columns:24px 1fr 24px; gap:12px; padding:24px 0; }
  .dp-research-title { font-size:24px; }
  .dp-research-summary { font-size:15px; }
  .dp-research-expanded { padding:0 12px 24px 36px; }
  .dp-research-expanded>p { font-size:16px; }
  .dp-inline-links { gap:10px; flex-direction:column; align-items:flex-start; }
  .dp-team-profile { grid-template-columns:1fr; gap:26px; padding-bottom:40px; }
  .dp-team-collaboration { grid-template-columns:1fr; gap:28px; }
  .dp-brand-logo { width:min(280px,100%); }
  .dp-team-portrait { width:min(360px,100%); }
  .dp-team-biography h2 { font-size:36px; }
  .dp-profile-facts>div { grid-template-columns:1fr; gap:5px; }
  .dp-project { grid-template-columns:1fr; gap:8px; padding:22px 0; }
  .dp-project h3 { font-size:21px; }
  .dp-publication-filters { flex-wrap:wrap; padding:18px; gap:14px; }
  .dp-publication-filters label:first-child { flex-basis:100%; }
  .dp-publication-filters input { width:100%; min-width:0; }
  .dp-publication-filters label:not(:first-child) { flex:1; }
  .dp-publication-filters select { min-width:0; width:100%; }
  .dp-publication-filters .dp-button { min-height:46px; }
  .dp-contact-grid { grid-template-columns:1fr; gap:34px; padding-bottom:40px; }
  .dp-contact-grid article+article { border-left:0; border-top:1px solid var(--portal-border,#dadde1); padding:30px 0 0; }
}
@media (prefers-reduced-motion:reduce) { .dc-portal-page * { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }