@import url('https://font.kivo.wiki/Blueaka/Blueaka.css');
@font-face {
  font-family: 'u30fc';
  src: url('/_assets/fonts/Blueaka_u30fc.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;}
* {
  font-family: 'u30fc', 'Blueaka', sans-serif;
  line-height: 1.5;
  letter-spacing: -0.03em;
  box-sizing: border-box; margin: 0;
  -webkit-tap-highlight-color: transparent;}
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: calc(100vh - 60px);
  background: rgba(0, 0, 0, .3);}
.page a, .page2 a, .page3 a {color: #1b1b1b;}
.page2, .page3 {
  height: 100vh;
  background: #fff;}
.page3 h1 {margin-top: 20px;}
.page2 {text-align: center;}

.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;}
.copyr a {
  color: #5f5f5f;
  text-decoration: underline;}
.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: 20px 0 0 0;
  color: #fff;
  padding: 12px 20px;
  transition: all 0.2s ease;}
.transbtn:hover {background:#f8f9f9;color:#1b1b1b;}

.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;}