@font-face{font-family:"EFont";src:url("../fonts/E.ttf") format("truetype");}
@font-face{font-family:"ZFont";src:url("../fonts/Z.ttf") format("truetype");}

html,body,*{font-synthesis:none;}
html{color-scheme:dark;}
html,body{margin:0;padding:0;width:100%;min-height:100%;background:#000;color:#fff;}

.nav-left{
  position:fixed;top:22px;left:30px;z-index:1000;
  font-family:"ZFont","EFont",sans-serif;font-size:28px;
  letter-spacing:2.5px;opacity:0.6;transition:opacity .2s;
}
.nav-left:hover,.nav-left:focus-within{opacity:1;}
.nav-left a{color:#fff;background:none;border:none;text-decoration:none;cursor:pointer;font:inherit;}
.nav-left a:hover{text-decoration:underline;text-underline-offset:5px;}
.nav-left a:focus-visible{outline:2px solid #fff;outline-offset:6px;}

#page{min-height:100vh;box-sizing:border-box;padding:80px 22px;}
.info-box{max-width:760px;margin:0 auto;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
.info-box h1{
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:28px;
  font-weight:500;letter-spacing:0.3px;margin:0 0 26px;color:#ddd;
}
.album-meta{
  font-family:"SimSun","宋体",serif;font-size:12px;font-weight:700;
  line-height:1.5;margin:0 0 22px;color:#eee;
}
.gallery figure{margin:34px 0;}
.gallery img{display:block;width:100%;height:auto;}