@font-face{font-family:Thin;src:url(/assets/ProximaNovaT-Thin-9Uh4T19E.ttf) format("truetype")}@font-face{font-family:ThinIt;src:url(/assets/ProximaNova-ThinIt-7bhCNMiA.ttf) format("truetype")}@font-face{font-family:Light;src:url(/assets/ProximaNova-Light-QtBf_yGq.ttf) format("truetype")}@font-face{font-family:LightIt;src:url(/assets/ProximaNova-LightIt-L7krm30K.ttf) format("truetype")}@font-face{font-family:Regular;src:url(/assets/ProximaNova-Regular-e9gvPNCr.ttf) format("truetype")}@font-face{font-family:RegularIt;src:url(/assets/ProximaNova-RegularIt-W5HF1rS3.ttf) format("truetype")}@font-face{font-family:Medium;src:url(/assets/proximanova-medium-YNaeCut4.ttf) format("truetype")}@font-face{font-family:MediumIt;src:url(/assets/proximanova-mediumit-w4usyMgx.ttf) format("truetype")}@font-face{font-family:Bold;src:url(/assets/ProximaNova-Semibold-1bNNkIKh.ttf) format("truetype")}@font-face{font-family:BoldIt;src:url(/assets/ProximaNova-SemiboldIt-Sz01Yrf2.ttf) format("truetype")}html,body{overflow-x:hidden;overflow-y:auto;margin:0;padding:0}a{text-decoration:none;color:#fefce1}::-webkit-scrollbar{width:0}

header{position:fixed;width:100%;z-index:99}header .container{font-family:Light,sans-serif;font-size:18px;max-width:1920px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:16px 80px;transition: border-bottom 0.9s, background 0.9s}header.scrolled {background: #0e100fed; border-bottom: 1px solid #413f35;}  header .container .left,header .container .right{display:flex}header .menu-item{margin:0 16px}@media (max-width: 720px){header .container{font-family:Medium,sans-serif;font-size:12px;justify-content:space-between;padding:10px}header .menu-item{margin:0 8px}}.text{font-family:Roboto,sans-serif;font-size:16px;line-height:27px;font-weight:400;letter-spacing:.4px;color:#bbb;text-align:left}.raletitle{font-family:MediumIt,sans-serif;font-size:16px;font-weight:bolder;color:#fefce1;padding-bottom:20px}@media (max-width: 768px){.text{font-family:Roboto,sans-serif;font-size:14px;line-height:26px;letter-spacing:.5px}}.content{max-width:1280px;margin:70px auto 0;padding:0 120px;position:relative}

header .container .left,header .container .right{display:flex}header .menu-item{margin:0 16px}@media (max-width: 720px){header .container{font-family:Medium,sans-serif;font-size:12px;justify-content:space-between;padding:10px}header .menu-item{margin:0 8px}}.videocontainer{position:fixed;top:0;left:0;height:100vh;width:100vw;z-index:-1;overflow:hidden}.responsive-video{width:100%;height:100%;object-fit:cover}.bgc_intro{height:100vh;background:linear-gradient(to bottom,#0e100fbf 0%,#0e100fbf 50%,#0e100f 100%);display:flex;justify-content:center}.content{width:100%;max-width:1740px;padding:0 100px}.Introtext1{font-family:Regular,sans-serif;font-size:36px;padding-top:46vh;letter-spacing:1.2px;text-align:left;color:#fefce1}.Introtext2{font-family:Regular,sans-serif;font-size:22px;padding-top:56px;line-height:52px;text-align:left;letter-spacing:.8px;color:#fefce1;max-width:80vw}.highlight-font{font-size:20px;font-family:RegularIt,sans-serif}@media (max-width: 720px){.content{padding:0 20px}.Introtext1{font-size:28px;padding-top:40vh;letter-spacing:1px;text-align:left;color:#fefce1}.Introtext2{font-size:17px;padding-top:18px;line-height:34px;letter-spacing:.6px;max-width:81vw}.highlight-font{font-size:15px}}.bgc_main{padding-bottom:250px;background-color:#0e100f;display:flex;justify-content:center}.raletitle{font-family:MediumIt,sans-serif;font-size:18px;color:#fefce1}.works{display:flex;flex-wrap:wrap;justify-content:space-around;max-width:1740px;margin:0 auto;gap:60px}.work{margin-top:100px;flex-grow:1;flex-shrink:1;flex-basis:28%;min-width:300px;max-width:540px;text-align:left}.work img{width:100%;height:auto}.work-text{padding:10px 0}.work-title{font-family:Bold,sans-serif;font-size:16px;letter-spacing:.4px;margin:0 0 6px;color:#fefce1}.work-description{font-family:Regular,sans-serif;font-size:16px;letter-spacing:.2px;line-height:24px;color:#fefce1}@media (max-width: 540px){.works{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:2200px;margin:0 30px}.work{flex-basis:100%;max-width:none;margin-top:30px}}.Me{display:flex;align-items:center;gap:60px}.mypic{max-width:100%;flex-shrink:0}.mypic img{max-width:100%;height:auto}.myintro{text-align:left;font-family:Regular,sans-serif;color:#fefce1;font-size:16px;line-height:32px;letter-spacing:.5px}@media (max-width: 1024px){.Me{flex-direction:column;align-items:flex-start}.mypic,.myintro{max-width:100%;padding:0 20px}}@media (max-width: 720px){.mypic{width:100%;box-sizing:border-box}.mypic img{width:100%;height:auto}.myintro{padding:0 20px;margin:0 auto;box-sizing:border-box;font-size:14px;line-height:26px}}.timeline{position:relative;width:100%;height:2px;background-color:#fefce1;margin:20px 0;color:#fefce1;font-family:Regular,sans-serif;letter-spacing:.5px}.dot{position:absolute;top:-3px;width:8px;height:8px;background-color:#fefce1;border-radius:50%}.line{position:absolute;top:0;left:50%;background-color:#fefce1}.line-18{height:100px;width:1px}.line-22{height:220px;width:1px}.position{font-size:18px;position:absolute;width:200px;top:-40px;text-align:left}.timestamp{font-size:18px;position:absolute;bottom:-30px;right:15px;text-align:right}.school{font-family:Medium,sans-serif;position:absolute;font-size:18px;line-height:32px;width:400px;text-align:left;left:20px}.first-school{bottom:-100px}.second-school{bottom:-210px}.line-company{position:absolute;background:repeating-linear-gradient(to bottom,#FEFCE1 0,#FEFCE1 6px,transparent 6px,transparent 12px);width:.6px;transform:translate(-50%,50%)}.first-company{bottom:60px;left:50%;height:120px}.second-company{bottom:40px;left:50%;height:80px}.company-name{font-family:Thin,sans-serif;position:absolute;font-size:17px;width:200px;text-align:left;bottom:130px}.major{font-family:Light,sans-serif;font-size:17px}@media (max-width: 720px){.timeline .dot:nth-child(2),.timeline .dot:nth-child(3),.timeline .dot:nth-child(5),.timeline .dot:nth-child(6){display:none}.position{top:-30px;font-size:13px;width:140px}.timestamp{bottom:-25px;right:10px;font-size:11px}.school{left:10px;font-size:13px;line-height:22px;width:180px}.major{font-size:13px;width:180px;line-height:14px;letter-spacing:-.1px}}.experience{display:flex;width:100%;border-bottom:.6px solid #FEFCE1;margin-bottom:40px}.time,.job,.location{height:80px;text-align:left;font-family:Light,sans-serif;color:#fefce1;letter-spacing:.5px}.time{font-size:18px;width:23%}.job{margin-top:-4px;font-size:20px;line-height:30px;width:47%}.worktime{font-size:18px;font-family:Light,sans-serif}.location{font-size:20px;width:30%}@media (max-width: 720px){.time{font-size:13px;width:20%}.job{font-size:13px;line-height:26px;width:45%}.worktime{font-size:13px}.location{font-size:13px;width:35%}}footer{font-family:Light,sans-serif;font-size:15px;letter-spacing:.6px;color:#fefce1;background-color:#0e100f;margin:0 auto;padding-bottom:100px}.footer-top{display:flex;justify-content:center;padding:0 80px}.footer-top-line{height:0.5px;background-color:#fefce1;width:100%}.footer-content{display:flex;justify-content:space-between;padding:10px 80px}.footer-left,.footer-right{padding-top:20px;width:50%}.footer-left{text-align:left}.footer-right{text-align:right}@media (max-width: 720px){footer{font-size:11px;letter-spacing:.2px;padding-bottom:50px}.footer-top{padding:0 20px}.footer-top-line{height:1px;background-color:#fefce1;width:100%}.footer-content{flex-direction:column;align-items:flex-start;padding:0 20px}.footer-left,.footer-right{padding-top:20px;width:100%}.footer-right{text-align:left}}

.yearblock {
  display: grid;
  grid-template-columns: auto 1fr minmax(400px, 48%);
  column-gap: 40px;
  align-items: start;
  padding: 40px 0;
  color: #A7A695;
  font-family: Regular, sans-serif;
}

.yearblock .col-year {
  min-width: 180px;
}

/* 年份列 */
.yearblock .col-year .year {
  font-family: Bold, sans-serif;
  font-size: 20px;
  font-weight:bolder;
  letter-spacing: .4px;
  color: #FEFCE1;
  margin: 0;
  white-space: nowrap;
}

/* 文本列*/
.yearblock .col-text {
  min-width: 560px;
}

.yearblock .col-text .items {
  list-style: none;
  padding: 0;
  margin: 0;
  font-family:Regular,sans-serif;
  font-size:16px;
  line-height:32px;
  letter-spacing:.5px
}

.yearblock .col-text .items li {
  line-height: 28px;
  margin: 6px 0;
  font-size: 16px;
  letter-spacing: 0.3px;
}

.yearblock .col-media {
  display: flex;
  justify-content: flex-end; 
  max-width: 400px;
}

.yearblock .media-grid {
  display: flex;
  flex-direction: column;  
  align-items: flex-end; 
  gap: 12px;
}

.yearblock .media-grid img,
.yearblock .media-grid video {
  max-height: 160px;
  height: auto;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  border-radius: 4px;
  display: block;
}

@media (max-width: 900px) {
  .yearblock {
    grid-template-columns: 1fr;
    row-gap: 16px;
  }
  .yearblock .col-media { justify-content: flex-start; }
  .yearblock .media-grid { align-items: flex-start; }
}