/* 主页版式:手机单栏;桌面左右分栏,人像在左半边,内容在右半边 */
body.intro{overflow:hidden}
main{position:relative;z-index:1;transition:opacity .6s ease .2s}
body:not(.live) main{opacity:0;visibility:hidden}
section{padding:8vh max(5vw,env(safe-area-inset-left))}
.col{max-width:560px;margin:0 auto;padding:24px 4px}
@media (min-width:1000px){section{margin-left:50vw;padding:13vh 72px 13vh 3vw}.col{margin:0;max-width:460px;padding:0}}
.hi{color:var(--red);letter-spacing:3px;font-size:13px;margin-bottom:10px}
h2{font-weight:400;font-size:clamp(22px,2.4vw,32px);letter-spacing:3px;margin:0 0 10px}
.roles,.loc{margin:0 0 12px;font-size:12px;letter-spacing:1.2px;color:var(--blue)}
.loc{margin-top:-.4em;color:var(--ink);opacity:.6;letter-spacing:2.5px}
@media (max-width:520px){.roles{letter-spacing:.6px}}
/* 桌面:主页一屏显示完,不滚动;两段内容在右半边整体垂直居中 */
@media (min-width:1000px) and (min-height:700px){
  html:has(body.live){overflow:hidden}
  main{height:100vh;margin-left:50vw;display:flex;flex-direction:column;justify-content:center;gap:4.5vh}
  main section{margin-left:0;padding:0 72px 0 3vw}
  #contact h2{font-size:clamp(20px,1.8vw,26px)}
}