*{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
body{
    background:
      radial-gradient(circle at 50% 0,
        rgba(255,232,216,.4),
        rgba(255,232,216,0) 70.71%),
      radial-gradient(circle at 6.7% 75%,
        rgba(216,255,216,.4),
        rgba(216,255,216,0) 70.71%),
      radial-gradient(circle at 93.3% 75%,
        rgba(216,232,255,.4),
        rgba(216,232,255,0) 70.71%) #fff;
    background-attachment: fixed;
    margin: 0;
    padding: 0;
    font-family: "Consolas","微软雅黑";
}
a{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    text-decoration: none;
    color: #0bf;
}
a:hover {
    color: #0db;
}
a:active {
    color: #f66;
}
#main {
    width: 100%;
    max-width: 720px;
    margin: auto;
    height: calc(100vh - 54px);
    overflow-y: auto;
}
.list {
    margin: 10px;
    padding: 10px;
    background-color: #fff;
    word-wrap: break-word;
    border-radius: 16px;
    transition: all 0.3s;
    overflow: hidden;
}
.date{
    color: #0bf;
    font-size: 20px;
    text-align: center;
}
.year{
    color: #0bf;
    font-size: 18px;
    font-weight: bold;
}
.title{
    font-weight: bold;
}
.content{
    margin-bottom: 10px;
}
.btn_box{
    position: fixed;
    bottom: 20px;
    font-size: 18px;
    width: 100%;
    text-align: center;
}
.btn_box button{
    margin: 1%;
    width: 25%;
    max-width: 120px;
    height: 36px;
    border: solid 1px #0cf;
    border-radius: 8px;
    outline: none;
    background: #fff;
    cursor: pointer;
}
.btn_box button:active{
    background: #ddd;
}
.copyright{
    position: fixed;
    bottom: 0;
    z-index: -1;
    width: 100%;
    font-size: 15px;
    color: #aaa;
    text-align: center;
}