<style>
    @-moz-keyframes blink{
        0% {opacity:0;}
        100% {opacity:1;}
    }
    @keyframes blink{
        0% {opacity:0;}
        100% {opacity:1;}
    }
    @keyframes appear {
        0% {
            opacity:0;
            transform:scale(1.1)
        }
    }
    @keyframes text-up {
        0% {
            opacity: 0;
            transform: translateY(-10px);
        }
    }
    @keyframes down {
        0% {
            opacity: 0;
            transform: translateY(10px);
        }
    }
    .sideBar-container {
        display: flex;
        flex-direction: row;
        text-shadow: 0 0 3px rgba(139, 211, 255, 1),
                     0 0 5px rgba(139, 211, 255, 1),
                     0 0 10px rgba(139, 211, 255, 1), 
                     0 0 15px rgba(139, 211, 255, 1), 
                     0 0 20px rgba(139, 211, 255, 1), 
                     0 0 21px rgba(139, 211, 255, 1); 
        color: rgba(255, 255, 255, 1);
        font-weight: bold;
        font-family: '宋体';
        text-align: center;
        font-size: x-large;
        padding: 10px;
        justify-content: center;
        margin-bottom: 15px;
    }
    .sideBar-text-container {
        display: flex;
        flex-direction: column;
        margin: 4px;
        width: 100%;
    }
    .sideBar-text-left {
        animation: text-up 1.7s ease-in-out 4.7s;
        /* animation-delay: 1.6s; */
        animation-fill-mode: both;
    }
    .sideBar-text-right {
        animation: text-up 1.7s ease-in-out 3.2s;
        /* animation-delay: 0s; */
        animation-fill-mode: both;
    }
    #home {
        backdrop-filter: blur(10px);
        background-color: rgba(255, 255, 255, 0.5);
        border-radius: 10px;
        animation: blink,down 1.5s ease-in-out 1.8s;
        animation-fill-mode: both;
    }
    #sidebar_news {
        background-color: unset;
    }
    #sideBar {
        overflow: visible;
    }
    .catListPostArchive {
        background-color: unset;
    }
    .mySearch,
    .catListLink {
        background: unset;
    }
    #blog-calendar {
        box-shadow: unset;
        border: unset;
    }
    .CalTitle {
        background: unset;
    }
    .CalDayHeader {
        background: unset;
    }
    #blog-calendar td {
        background: unset !important;
    }
    .background-img {
        background-image: url('https://s21.ax1x.com/2025/02/25/pE1YL24.jpg');
        background-image: url('https://s21.ax1x.com/2025/02/25/pE1tlRg.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: center;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: -1;
        animation: 3.8s appear;
        animation-fill-mode: both;
    }
    body {
        display: flex;
    }
    .Cal {
        color: #000;
    }
    .CalOtherMonthDay {
        color: #666;
    }
    .sideBar-SP-logo {
        background-image:url(https://key.visualarts.gr.jp/summer/common/image/loading_logo.png);
        background-size:contain;
        height:100%;
        background-position:center;
        background-repeat:no-repeat;
        animation:blink 2.5s ease-in-out 3.1s;
        animation-fill-mode: both;
        height: 100px;
    }
    #navList a,
    #navList a:visited,
    #navList a:link {
        color:#296597;
        font-weight:normal;
        text-shadow: 0 0 3px #fff,
                     0 0 5px #fff,
                     0 0 10px #fff, 
                     0 0 15px #fff, 
                     0 0 20px #fff, 
                     0 0 21px #fff; 
        letter-spacing: 3px;
        font-family: '宋体';
        font-size: medium;
        text-decoration: none;
    }
    #navList a:hover,
    #sideBar a:hover {
        color: #fff;
        text-shadow: 0 0 3px rgba(139, 211, 255, 1),
                     0 0 5px rgba(139, 211, 255, 1),
                     0 0 10px rgba(139, 211, 255, 1), 
                     0 0 15px rgba(139, 211, 255, 1), 
                     0 0 20px rgba(139, 211, 255, 1), 
                     0 0 21px rgba(139, 211, 255, 1);
        text-decoration: none;
    }
    .blogStats {
        color:#296597;
        font-weight:normal;
        text-shadow: 0 0 3px #fff,
                     0 0 5px #fff,
                     0 0 10px #fff, 
                     0 0 15px #fff, 
                     0 0 20px #fff, 
                     0 0 21px #fff;
        font-family: '宋体';
        margin-top: 24px;
    }
    #sideBar a {
        color:#296597;
        text-shadow: 0 0 3px #fff,
                     0 0 5px #fff,
                     0 0 10px #fff, 
                     0 0 15px #fff, 
                     0 0 20px #fff, 
                     0 0 21px #fff;
        font-family: '宋体';
    }
    #blog-calendar a {
        font-family: unset;
    }
    #footer {
        background-image: url(https://s21.ax1x.com/2025/02/25/pE1gC2n.png);
        background-image: url(https://s21.ax1x.com/2025/02/25/pE1t8Mj.png);
        margin-bottom: 0;
        height: 140px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: flex;
        flex-direction: column;
        justify-content: end;
        color: #296597;
        font-weight: normal;
        text-shadow: 
            0 0 3px #fff,
            0 0 5px #fff, 
            0 0 10px #fff, 
            0 0 15px #fff, 
            0 0 20px #fff, 
            0 0 21px #fff;
        letter-spacing: 2px;
        font-family: '宋体';
        border-top: unset;
        margin-top: 0px;
    }
    .cl-sideBar-container {
        display: flex;
        flex-direction: row-reverse;
        text-shadow: 0 0 3px rgba(139, 211, 255, 1),
                     0 0 5px rgba(139, 211, 255, 1),
                     0 0 10px rgba(139, 211, 255, 1), 
                     0 0 15px rgba(139, 211, 255, 1), 
                     0 0 20px rgba(139, 211, 255, 1), 
                     0 0 21px rgba(139, 211, 255, 1); 
        color: rgba(255, 255, 255, 1);
        font-weight: bold;
        font-family: '宋体';
        text-align: center;
        font-size: x-large;
        padding: 10px;
        justify-content: center;
        margin-bottom: 15px;
    }
    .cl-sideBar-text-container {
        display: flex;
        flex-direction: row;
        writing-mode: vertical-lr;
    }
    .cl-sideBar-text {
        flex-shrink: 0;
    }
    .cl-sideBar-text-left {
        animation: down 2s ease-in-out 3.2s;
        animation-fill-mode: both;
    }
    .cl-sideBar-text-middle {
        animation: down 2s ease-in-out 5s;
        animation-fill-mode: both;
    }
    .cl-sideBar-text-right {
        animation: down 2s ease-in-out 6.8s;
        animation-fill-mode: both;
    }
    #cnblogs_post_body th, .blogpost-body th {
        background-color: #e8e8e87f;
    }
    #cnblogs_post_body td, .blogpost-body td {
        background-color: #ffffff7f;
    }
    .under-post-card {
        display: none;
    }
    #topics .postDesc,
    #topics .postDesc a{
        color: #313131;
    }
    #topics .postDesc a:hover {
        color: #21759b;
    }
    div.commentform textarea {
        background-color: unset;
    }
    .comment_textarea {
        background-color: #ffffff7f;
    }
    .postBody {
        text-shadow: 0 0 10px rgb(255, 255, 255);
    }
    .catListView {
        background-color: unset;
    }
</style>