@import url('https://font.kivo.wiki/Blueaka/Blueaka.css');
* {
  font-family: 'Blueaka', sans-serif;
  line-height: 1.5;
  letter-spacing: -0.03em;
  box-sizing: border-box; margin: 0;
  -webkit-tap-highlight-color: transparent;}
body {color: #1b1b1b;}
h1, h2, h3, h4, h5, h6 {font-weight: 500;}
p {text-align:center;}

.bg {
  height: 100vh;
  inset: 0;
  z-index: -1;
  position: fixed;
  left: 0; top: 0;
  background-image: url('/_assets/gallery/bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;}

.page, .page2, .page3 {
  align-items: center;
  position: relative;
  z-index: 1;
  padding: 0 10px;}
.page, .page3 {
  display: flex;
  flex-direction: column;
  justify-content: center;}
.page {
  height: 100vh;
  background: rgba(0, 0, 0, .3);}
.page a, .page2 a, .page3 a {color: #1b1b1b;}
.page2, .page3 {
  height: 100dvh;
  background: #fff;}
.page3 h1 {margin-top: 20px;}

.footer {
  border-top: 1px solid #bebebe;
  background: #f0f2f5;
  padding: 6px 0 0 0;}
.footer a {color: #1b1b1b; text-decoration: none;}
.copyr {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  font-size: 12px;
  margin-top: 20px;
  margin-bottom: 15px;
  color: #5f5f5f;}
.footer h1, .footer h2,.footer h3,
.footer h4, .footer h5, .footer h6 {
  font-weight: 600;
  margin: 10px 0;
  margin-bottom: 6px;}

.transbtn {
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.3);
  display: inline-block;
  border-radius: 10px;
  margin: 5%;
  padding: 12px 20px;
  transition: all 0.2s ease;}
.transbtn:hover {background: #f8f9f9;color:#1b1b1b;}

.avt {
  border-radius: 50%;
  border: 2px solid #b2b2b2;
  width: 40%;，height: 40%;
  max-width: 150px; max-height: 150px;
  -webkit-user-drag: none;
  pointer-events: none;}

.desc {
  margin: 20px auto;
  justify-content: center; 
  width: 100%;
  max-width: 400px;}
.desc img {
  width: 30%;
  max-width: 100px;
  -webkit-user-drag: none;
  pointer-events: none;}
.desc h2 {margin: 8px 0;}

/*一些共用的属性*/
.btn, .avt, .desc img {
  -webkit-user-select: none;
  user-select: none;}
.card, .navbox, .footer, .desc {
  display: flex;
  flex-direction: column;
  align-items: center;}
.footer, .transbtn, .back-btn {text-decoration: none;}
.btn {border: .7px solid #bebebe;}