body {
  /* font-family: 'Noto Sans', sans-serif; */
  font-family: 'Google Sans', sans-serif;
}

.gradient-title {
  font-size: 3rem; /* 字体大小 */
  font-weight: bold; /* 加粗 */
  background-image: linear-gradient(to right, #ff15dc, #feb47b); /* 渐变颜色 */
  -webkit-background-clip: text; /* 使背景颜色显示在文本上 */
  color: transparent; /* 设置文本颜色为透明，显示背景渐变 */
}

.footer .icon-link {
    font-size: 1em;
    color: #000;
}

.link-block a {
    margin-top: 5px;
    margin-bottom: 5px;
}

.dnerf {
  font-variant: small-caps;
}

.dperact {
  font-variant: small-caps;
}

.teaser .hero-body {
  padding-top: 0;
}

.teaser {
  font-family: 'Google Sans', sans-serif;
}

.teaser video {
  object-fit: fill;
  
}
#glass{
  margin-left: -10px;
}

.publication-title {
  font-family: 'Google Sans', sans-serif;
  color: #8C1515;
}

.publication-banner {
  max-height: parent;

}

.publication-banner video {
  position: relative;
  left: auto;
  top: auto;
  transform: none;
  object-fit: fit;
}

.publication-header .hero-body {
}

.publication-title {
    font-family: 'Google Sans', sans-serif;
}

.publication-authors {
    font-family: 'Google Sans', sans-serif;
}

.publication-venue {
    display: inline-block;
    color: #555;
    width: fit-content;
    font-weight: bold;
    text-align: center;
}

.publication-awards {
    color: #ff3860;
    width: fit-content;
    font-weight: bolder;
}

.publication-authors a {
  color: #1460ed !important;
}

.conference-authors a {
   color: #000000 !important;
}

.publication-authors a:hover {
  text-decoration: underline;
}

.author-block {
  display: inline-block;
}

.publication-video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;

    overflow: hidden;
    border-radius: 10px !important;
}

.publication-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.publication-body img {
}

.results-carousel {
  overflow: hidden;
}

.results-carousel .item {
  margin: 5px;
  overflow: hidden;
  border: 1px solid #bbb;
  border-radius: 10px;
  padding: 0;
  font-size: 0;
}

.results-carousel video {
  margin: 0;
}

.interpolation-panel {
  background: #f5f5f5;
  border-radius: 10px;
}

.interpolation-panel .interpolation-image {
  width: 100vh;
  background-size: cover;
  border-radius: 5px;
}

.interpolation-video-column {
}

.interpolation-panel .slider {
  margin: 0 !important;
}

.interpolation-panel .slider {
  margin: 0 !important;
}

#interpolation-image-wrapper {
  width: 100%;
}
#interpolation-image-wrapper img {
  border-radius: 5px;
}

#method-image img {
    padding: 0;
    display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
}

 .dropdown-item{
    white-space: pre-wrap;
}


.justify {
  text-align: justify;
}

.button-container {
  color: #53565A;
  justify-items: center;
  padding-top: 0.5em;
  justify-content: center;
  display: flex;
}

.button {
  color: #53565A;
  font-family: 'Google Sans', sans-serif;
  border-radius: 0.5em;
  width: 6em;
  height: 2.2em;
  margin-left: 0.4em;
  margin-right: 0.4em;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.1em;
  text-align: right;
  vertical-align: middle;
  border: solid 0px transparent;
  background-color: #f2f2f2;
}

.button:hover {
  background-color: #f2f2f2;
  filter: brightness(97%);
}

/* https://html-online.com/articles/gradient-background-buttons-css-html/ */
.gradient-button {
  text-align: center;
  background-size: 200% auto;
  transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
  cursor: pointer;
  text-decoration: none;
}

.gradient-button:hover {
  background-position: right center;
}

.w-button {
  display: inline-block;
  padding: 9px 15px;
  background-color: #3898ec;
  color: #fff;
  border: 0;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
  border-radius: 0
}

.affiliation {
  display: inline-block;
  color: #2c2c2c;
  font-family: 'Google Sans', sans-serif;
  padding-top: 0.8em;
  /* padding-bottom: 0.5em; */
  text-align: center;
}

.affiliation-note {
  display: inline-block;
  color: #828282;
  font-family: 'Google Sans', sans-serif;
  font-size: 1.2em;
  /* padding-top: 0.5em; */
  padding-bottom: 0.8em;
  text-align: center;
}

hr.rounded {
  background: #cbcbcb;
  border-radius: 15px;
  /* max-height: 2px; */
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  mix-blend-mode: normal;
  border: none;
}

.bibtex {
  font-family: "Courier", monospace;
  font-size: 0.7em !important;
  color: #2f2f2f;
  background-color: #f2f2f2;
  border: 5px;
  border-color: #2f2f2f;
  border-radius: 10px;
  margin-top: 0.6em;
  margin-bottom: 3em;
  padding-top: 0.6em;
  padding-bottom: 0.6em;
  vertical-align: center;
  padding-left: 0.5em;
  padding-right: 0.5em;
  hyphens: none !important;
  line-height: unset !important;
}
/* Same template, with responsive wrapping and project-specific content. */
.publication-header{padding-top:1.5%}.publication-title{color:black}.project-name{font-style:italic;font-weight:800}.publication-authors{margin-top:1.3rem;color:#1460ed}.button-container{padding-top:1.4em}.section-title{margin-bottom:.5em!important;color:black}.experiment-heading{margin-top:1.8em!important;margin-bottom:.8em!important;color:black}.method-image{width:100%;margin:15px 0}.content{margin-top:15px}.teaser .subtitle{margin-top:-.8em}.teaser video{object-fit:contain}.table th,.table td{text-align:center;vertical-align:middle}.table tbody th{text-align:left;white-space:nowrap}.table .ours{font-weight:bold;background:#f3f3f3;color:#222}.table-note,.citation-note{font-size:14px}.training-image{max-width:720px;width:90%;margin:20px auto}.bibtex{text-align:left;font-size:14px!important;line-height:1.55!important;overflow:auto;border-radius:0;padding:1.25em}.footer{padding:2rem 1.5rem;font-size:14px;background:white}video{display:block}main{padding:0 24px}.columns .column:only-child video:not(#teaser){width:76%;margin:0 auto}a:focus-visible{outline:2px solid #1460ed;outline-offset:4px}@media(max-width:768px){.publication-title{font-size:2rem!important;line-height:1.2}.title-break{display:none}.publication-header{padding:2rem 1.5rem}.teaser .hero-body{padding:0 1.5rem 2rem}.columns .column:only-child video:not(#teaser){width:100%}.title.is-3{font-size:1.75rem}.title.is-4{font-size:1.35rem}.has-text-justified{text-align:left!important}main{padding:0 20px}.bibtex{font-size:13px!important}}
.project-video-placeholder{width:100%;aspect-ratio:16/9;background:#f2f2f2;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#777}.project-video-placeholder p{font-size:20px;margin:12px 0 4px}.project-video-placeholder>span:last-child{font-size:15px}.play-symbol{font-size:52px;line-height:1;color:#aaa}.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 16px;margin:20px auto 0}.demo-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:860px}.demo video{width:100%;aspect-ratio:16/9;object-fit:contain}.demo-caption{font-size:14px;line-height:1.4;margin:7px 0 0}.dataset-demo{width:100%;max-width:520px;margin:20px auto 28px}.dataset-demo video{aspect-ratio:4/3}.training-image{max-width:520px}@media(max-width:768px){.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.demo-caption{font-size:13px}.demo-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:400px){.demo-grid,.demo-grid.two{grid-template-columns:1fr}}
.simulation-montages{width:90%;max-width:1000px;margin:20px auto;display:grid;gap:24px}.simulation-montages video{width:100%;aspect-ratio:16/9;object-fit:contain}.real-world video{aspect-ratio:auto}@media(max-width:768px){.simulation-montages{width:100%;gap:18px}}

.project-affiliations{max-width:1050px;margin:.4em auto 0;font-size:1rem!important;line-height:1.8}.project-affiliations span{display:inline-block;margin:0 .6em}.project-affiliations sup{margin-right:.15em}.publication-authors{max-width:1100px;margin-left:auto;margin-right:auto;line-height:1.8}.publication-authors>span{white-space:nowrap}

.equal-contribution-note{font-size:.9rem;color:#666;margin-top:.5rem}
/* Keep videos compact within the project page. */
#teaser{width:85%;margin:0 auto}
.simulation-montages{width:75%;max-width:850px}
.demo-grid{width:85%;max-width:1000px}
.demo-grid.two{width:80%;max-width:730px}
@media(max-width:768px){#teaser{width:90%}.simulation-montages{width:85%}.demo-grid,.demo-grid.two{width:90%}}

.quantitative-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:start;margin-top:24px}.quantitative-layout .table{font-size:14px}.quantitative-layout .table td,.quantitative-layout .table th{padding:.5em .4em}.quantitative-curve .training-image{width:100%;max-width:none;margin:0 auto 15px}.quantitative-layout .content{font-size:15px}.quantitative-layout .table-note{font-size:13px}@media(max-width:700px){.quantitative-layout{grid-template-columns:1fr;gap:20px}.quantitative-curve .training-image{max-width:520px}}

.quantitative-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;--result-height:clamp(280px,30vw,390px)}.quantitative-table>.table-container{height:var(--result-height);margin-bottom:0}.quantitative-layout .table{height:100%;font-size:13px;margin-bottom:0}.quantitative-layout .table td,.quantitative-layout .table th{padding:.4em .3em}.quantitative-curve .training-image{height:var(--result-height);width:100%;object-fit:contain;margin:0 auto}.quantitative-layout .content{margin-top:18px;line-height:1.6;text-align:left!important}@media(max-width:700px){.quantitative-layout{grid-template-columns:1fr}.quantitative-table>.table-container{height:auto}.quantitative-layout .table{height:auto}.quantitative-curve .training-image{height:auto}}
.simulation-montages video:nth-child(3){aspect-ratio:8/3}