#content_html {
     max-width: 100vw;
     overflow: auto;
 }

 html {
     font-family: sans-serif;
     ;
 }

 @media screen and (-webkit-min-device-pixel-ratio:0) {
     input {
         font-size: 16px;
     }
 }

 .light-beam {
     position: relative;
     overflow: hidden;
 }

 .light-beam::after {
     position: absolute;
     top: 0;
     background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .5) 25%, #fff 50%, hsla(0, 0%, 100%, .5) 75%, hsla(0, 0%, 100%, 0));
     content: "";
     -webkit-animation: bright 5.5s infinite;
     animation: bright 5.5s infinite;
     z-index: 1;
     width: 100%;
     height: 100%;
 }

 @keyframes bright {
     0% {
         transform: translateX(-180%) skewX(45deg);
     }

     100% {
         transform: translateX(420%) skewX(45deg);
     }
 }



 .trembling {
     animation: trembling 5s linear infinite backwards;
     -webkit-animation: trembling 5s linear infinite backwards;
     -moz-animation: trembling 5s linear infinite backwards
 }

 @-webkit-keyframes trembling {
     26% {
         transform: rotate(0deg) scale(1);
         -webkit-transform: rotate(0deg) scale(1)
     }

     28% {
         transform: rotate(-2deg) scale(1.04);
         -webkit-transform: rotate(-2deg) scale(1.04)
     }

     32% {
         transform: rotate(1deg) scale(1.01);
         -webkit-transform: rotate(1deg) scale(1.01)
     }

     34% {
         transform: rotate(-2deg) scale(1.02);
         -webkit-transform: rotate(-2deg) scale(1.02)
     }

     36% {
         transform: rotate(3deg) scale(1);
         -webkit-transform: rotate(3deg) scale(1)
     }

     39% {
         transform: rotate(-1deg) scale(1);
         -webkit-transform: rotate(-1deg) scale(1)
     }

     44% {
         transform: rotate(0deg) scale(1);
         -webkit-transform: rotate(0deg) scale(1)
     }
 }

 @keyframes trembling {
     26% {
         transform: rotate(0deg) scale(1);
         -webkit-transform: rotate(0deg) scale(1)
     }

     28% {
         transform: rotate(-2deg) scale(1.04);
         -webkit-transform: rotate(-2deg) scale(1.04)
     }

     32% {
         transform: rotate(1deg) scale(1.01);
         -webkit-transform: rotate(1deg) scale(1.01)
     }

     34% {
         transform: rotate(-2deg) scale(1.02);
         -webkit-transform: rotate(-2deg) scale(1.02)
     }

     36% {
         transform: rotate(3deg) scale(1);
         -webkit-transform: rotate(3deg) scale(1)
     }

     39% {
         transform: rotate(-1deg) scale(1);
         -webkit-transform: rotate(-1deg) scale(1)
     }

     44% {
         transform: rotate(0deg) scale(1);
         -webkit-transform: rotate(0deg) scale(1)
     }
 }

 /* 文章标题 */
 #content_html h1,
 #content_html h2,
 #content_html h3,
 #content_html h4,
 #content_html h5,
 #content_html h6 {
     color: var(--text-title) !important;
 }

 #content_html strong {
     color: var(--text-title) !important;
 }

 #content_html em {
     color: var(--text-desc) !important;
 }

 /* 文章正文 */
 #content_html * {
     /* color: var(--text-desc); */
 }

 /* 相关文章卡片样式 */

 /* 移动端样式优化 */
 @media (max-width: 768px) {
     [data-theme='dark'] #content_html {
         background-color: #111625;
     }

     #content_html {
         overflow: visible !important;
         padding: 0 !important;
         margin: 0 !important;
         box-shadow: none !important;
     }

     #header {
         margin-bottom: 0 !important;
     }

     .app #content_html {
         --font-family: "Google Sans Text", Roboto, "Helvetica Neue", Helvetica, sans-serif, "Noto Color Emoji";

         h1,
         h2,
         h3,
         h4,
         h5,
         h6 {
             margin: 10px 0;
             font-weight: bold;
             color: var(--text-title);
         }

         h1 {
             font-size: 20px !important;
         }

         h2 {
             font-size: 19px !important;
         }

         h3 {
             font-size: 18px !important;
         }

         h4 {
             font-size: 17px !important;
         }

         h5 {
             font-size: 16px !important;
         }

         h6 {
             font-size: 15px !important;
         }

         p {
             letter-spacing: .3px;
             color: var(--text-desc);
             font-family: var(--font-family) !important;
             font-weight: 300;
             font-size: 14px !important;
             line-height: 20px;
             white-space: pre-line;
         }
     }
 }

 .article-card:hover {
     transform: translateY(-2px);
     transition: transform 0.2s ease;
 }

   .mobile_menu {
                display: none;
                width: 100vw;
                height: 100vh;
                position: fixed;
                background-color: rgba(0, 0, 0, 0.2);
                top: 60px;
                left: 0;
                z-index: 999999;
            }

            .mobile_menu .mobile_menu_content {
                /* width: calc(100% - 20px); */
                /* margin-top: 20px; */
                box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
                background-color: #0068F0;
            }

            .mobile_menu .mobile_menu_content .mobile_menu-close {
                line-height: 70px;
                text-align: right;
                padding-right: 30px;
                font-size: 40px;
            }

            .mobile_menu .mobile_menu_content ul {
                overflow: auto;
                padding: 20px;
            }

            .mobile_menu .mobile_menu_content ul li {
                list-style: none;
                margin: 10px 0;
                font-style: normal;
                font-weight: 400;
                font-size: 16px;
                letter-spacing: 2px;
            }

            .mobile_menu .mobile_menu_content ul li a {
                line-height: 30px;
            }

            .theme-toggle {
                border: none;
                background: none;
                cursor: pointer;
                padding: 0;
                color: #ffffff;
            }

            [data-theme='dark'] .sun-icon {
                display: block;
            }

            [data-theme='dark'] .moon-icon {
                display: none;
            }

            [data-theme='light'] .sun-icon {
                display: none;
            }

            [data-theme='light'] .moon-icon {
                display: block;
            }