<!DOCTYPE html>
<html lang="zh-cn">
<head>  
  <base href="/" />
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href='zlibproxy/normalize.css' rel='stylesheet' type='text/css'>
  <link href="https://fonts.laysense.com/css/5000/zh-cn/douyufont/douyufont.css" rel="preload" as="style" onload="this.rel='stylesheet'">
  <link href="https://fonts.laysense.com/css/5000/zh-cn/harmonyossans/harmonyossans.css" rel="preload" as="style" onload="this.rel='stylesheet'">
  <link id="theme_css" rel="stylesheet" href="zlibproxy/sakura.css">
  <style>
  .pmnet { font-family: DOUYUFont;} 
  html {font-family: HarmonyOSSans;}
  .animbox {
		    margin: 50px auto;
		    width: 200px;
		    text-align: center;
		}
		/*设置各竖条的共有样式*/
		.animbox > div {
		    background-color: #279fcf;
		    width: 4px;
		    height: 35px;
		    border-radius: 2px;
		    margin: 2px;
		    animation-fill-mode: both;
		    display: inline-block;
		    animation: anim 0.9s 0s infinite cubic-bezier(.11, .49, .38, .78);
		}
		/*设置动画延迟*/
		.animbox > :nth-child(2), .animbox > :nth-child(4) {
		    animation-delay: 0.25s !important;
		}

		.animbox > :nth-child(1), .animbox > :nth-child(5) {
		    animation-delay: 0.5s !important;
		}
		/*定义动画*/
		@keyframes anim {
		    0% {  transform: scaley(1); }
		    80% {  transform: scaley(0.3); }
		    90% {  transform: scaley(1);   }
		}
  
  </style>
  <title>(ProxyDownload)Z-Library</title>
</head>
<body>
    <script>
      //切换深色模式
    if(window.matchMedia('(prefers-color-scheme: dark)').matches){
      document.getElementById('theme_css').href = 'zlibproxy/sakura-dark.css'; 
    }
    
    </script>
    <main>
        <center>
            <div style="background-color: bisque;color: black;">
                Zlibrary Proxy(v<?php echo(getenv('version'));?>) UserID:<?php echo($id);?> <a style="color: coral;" href="/login/logout">[退出账号]</a>
            </div>
        </center>
        <div id="container">
            <h1>下载图书</h1>
            <div id="load" class="animbox">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <br / >
                加载中,请耐心等待
            </div>
        </div>
    </main>
</body>
</html>
