#pages a, 
#pages span {
    display: flex;            
    align-items: center;
    justify-content: center;
    height: 40px;            
    padding: 0 12px;        
    background-color: #fff;
    border: 1px solid #ddd;   
    color: #555;              
    font-size: 14px;
    border-radius: 6px;      
    text-decoration: none;
    min-width: 40px;
    transition: all 0.2s ease;
    font-family: 'Inter', sans-serif;
}


#pages span {              
    background-color: #09f; 
    border-color: #09f;
    color: #fff;
    font-weight: 600;
}


             
#pages .a1 {              
    background-color: #fff; 
    color: #555;    
}

@media (hover: hover) {
    #pages a:hover {
        border-color: #09f; 
        color: #09f;
        background-color: #fff; 
    }
}


@media (max-width: 640px) {
    #pages a, 
    #pages span {
        height: 36px;         
        padding: 0 10px;
        font-size: 13px;
        flex-grow: 1;         
        max-width: 80px;      
    }


    #pages a.a1:first-child { 
        display: none; 
    }

    #pages a:contains("上一页"),
    #pages a:contains("下一页") {
        flex-grow: 2;
        font-weight: bold;
    }
}


.content-prose{ line-height: 1.8; letter-spacing: 1px; font-size: 1.24rem;}

.content-prose p{margin:10px 0;}
.content-prose h2{font-weight:400;}
.content-prose h3{ margin-top: 4%; margin-bottom: 1%;}
.content-prose h4{font-weight:400;  margin: 30px 0 20px;  font-size: 1.3em;  line-height: 1em; color: #000;     padding:0 0 0 10px; border-left: 3px solid #09f;}

.content-prose blockquote{background: url(../images/quote.png) no-repeat scroll 0 4px rgba(0, 0, 0, 0); color: #8E8E8E;  font-size: 1em; line-height: 1.8;  overflow: hidden;  padding: 0 0 0 35px;}
.content-prose a{ color:#09F;}
.content-prose a:hover{text-decoration:underline;}
.content-prose ul{list-style: circle; margin: 0 0 1.75em 2.8em;  padding: 0;}

.content-prose pre{  padding: 10px;   margin: 0;  background: #e8ebed;color: #5b5d6b; text-indent: 1em; line-height: 30px;   width: auto;   overflow: auto;   overflow-Y: hidden;    font-family: sans-serif; }
.content-prose code{ padding: .4em .6rem; color: #ee0a24; background-color:#fff2f2; border-radius: 5px;  font-size: 13px; display: inline; margin: 0 0.3em;}
.content-prose table {margin-bottom: 10px;  border-collapse: collapse;  }
.content-prose table td, .content-prose table th {  padding: 5px 10px;  border: 1px solid #DDD;}
.content-prose table th {  border-top-width: 2px;border-top: 1px solid #BBB;   background-color: #F7F7F7;}
