body{margin:0;padding:0}
p{
   font-family:serif,"LXGW WenKai";font-size:20px;line-height: 32px;
   margin:0;padding:2px 10px 2px 10px;text-align: justify;}
p>i{text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);font-style: normal;font-weight: bold;}
p>i>u{text-decoration: none;font-size:14px;font-weight: 200;}
pre>i>u{text-decoration: none;font-size:14px;font-weight: 200;}
pre{font-family:serif,"LXGW WenKai";font-size:20px;line-height: 32px;margin:10px;
width:95%;white-space: pre-wrap;text-align: justify;}
body>div{width:100%;overflow-x: scroll;}
p>b{font-size:16px;font-style: normal;font-weight: 200;}
pre>i{text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);font-style: normal;font-weight: bold;}
pre>b{font-size:16px;font-style: normal;font-weight: 200;}
figure{width:100%;margin:0}
figure>img{width:100%}
figcaption{text-align: center;color:#333333}
.fig-1{width:60%;margin-left:20%;}
.fig-2{width:80%;margin-left:10%;}
.fig-3{width:100%;}
.fig-1>img{border-radius: 20px;border:3px white ridge}
.fig-2>img{border-radius: 20px;border:3px white ridge}
.fig-3>img{border-radius: 60px;}
figure>figcaption{font-size:12px}
h4{margin-left:10px;color:#555555}
a{position:relative;
   text-align: center;border-radius: 0 20px 0 20px;box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
   font-family:"Source Han Sans CN", "SimHei", sans-serif;
   font-size:30px;text-decoration: none;font-weight: 900;
   padding:1px 0 3px 0;line-height: 30px;
   margin: 20px 30% 30px 30%;display: block; 
  background-color: #565656;
  color: transparent;
  text-shadow: 2px 2px 3px rgba(255,255,255,0.5);
  -webkit-background-clip: text;
     -moz-background-clip: text;
          background-clip: text;
   }
a::before{position:absolute;z-index: -1;inset:0;
   content:"";background-color:#cccccc;border-radius: 0 20px 0 20px;
}
.bkg-2{
   position:relative;overflow: hidden;
}
.bkg-2::before{
   content:"";position:absolute;inset:0;z-index: -1;
   opacity:0.3;
   background: repeating-linear-gradient(45deg, #92c9b1, #92c9b1 20px, #b3e0d2 20px, #b3e0d2 40px);
}