:root {
     --ai-font-color: #2F4858;
     --ai-background-color: #f0f0f0;
     --ai-body-background-color: #fff;
     --ai-a-color: #2F4858;
     --ai-border-color: #222222;
 }
 
 @media screen and (prefers-color-scheme: dark) {
     :root {
         --ai-font-color: #CDCDCD;
         --ai-background-color: #1B1B1B;
         --ai-body-background-color: #000;
         --ai-a-color: #CDCDCD;
         --ai-border-color: #222222;
     }
 }

 body {
     background-color: var(--ai-body-background-color);
     color: var(--ai-font-color);
 }

 .container {
     color: var(--ai-font-color);
     width: 60%;
     margin: 10% auto 0;
     background-color: var(--ai-background-color);
     padding: 2% 5%;
     border-radius: 10px;
 }

 a {
     color: var(--ai-font-color);
     text-decoration: none;
 }

 a:visited {
     text-decoration: none;
 }

 .tags {
     border-radius: 5px;
     border: gray solid 1px;
     padding: 3px 8px;
 }

 .tags+.tags {
     margin-left: 5px;
 }

 .stat {
     font-size: 12px;
 }

 /* 当屏幕宽度小于或等于768像素时 */
 @media (max-width: 768px) {
     .container {
         width: 90%;
         margin: 15% auto 0;
         font-size: 14px;
     }

     .container h1 {
         font-size: 26px;
     }
 }

 /* 当屏幕宽度小于或等于480像素时 */
 @media (max-width: 480px) {
     .container {
         width: 90%;
         margin: 25% auto 0;
         font-size: 14px;
     }

     .container h1 {
         font-size: 22px;
     }
 }