#container {
    width: 100%; 
    max-width: 1100px; 
    margin: 0 auto;
    box-sizing: border-box;
}

#Tbody {
    width: 100%; 
    max-width: 1100px; 
    margin: 0 auto; 
    overflow: hidden;
    box-sizing: border-box;
}

#mainContent {
    float: left; 
    width: 68%;
    box-sizing: border-box;
}

.Content {
    float: left; 
    width: 100%;
    box-sizing: border-box;
}

.Content-top {
    padding: 10px 0; 
    border-bottom: 1px solid var(--border-light);
    text-align: center;
}

.Content-top h2 {
    font-size: 18px; 
    color: var(--text-primary); 
    font-weight: bold; 
    margin-bottom: 5px;
}

.ContentAuthor {
    color: var(--text-secondary); 
    margin-bottom: 10px;
}

.Content-body {
    padding: 10px;
    box-sizing: border-box;
}

#logPanel {
    width: 100%;
    box-sizing: border-box;
    line-height: 25px;
}

#logPanel p {
    margin: 10px 0; 
    line-height: 1.8;
}

#logPanel a {
    color: var(--primary-color);
}

#logPanel a:hover {
    color: var(--secondary-color);
}

.fav {
    margin: 10px 0; 
    padding: 5px 0; 
    border-top: 1px dashed var(--color-gray-5);
    border-bottom: 1px dashed var(--color-gray-5);
}

.tag-img {
    margin: 4px 2px 4px 0;
}

.refresh-link {
    color: var(--primary-color);
}

.refresh-link:hover {
    color: var(--secondary-color);
}

.video-section {
    margin-bottom: 10px;
}

.video-section p {
    margin-bottom: 10px;
}

.tags-section {
    margin-bottom: 10px;
}

.copyright {
    margin: 10px 0; 
    padding: 5px 0; 
    color: var(--text-secondary); 
    text-align: left;
}

.likearticle {
    margin: 10px 0;
}

.title2 {
    font-size: 14px; 
    font-weight: bold; 
    color: var(--text-primary); 
    padding: 8px 10px; 
    border-bottom: 1px solid var(--border-light); 
    margin-bottom: 10px;
    background-color: var(--background-white);
    border-left: 3px solid var(--primary-color);
}

.likearticle ul li {
    padding: 7px; 
    border-bottom: 1px dashed var(--border-light);
}

#sidebar {
    float: right; 
    width: 29%;
    background-color: var(--background-white);
    padding: 15px;
    box-sizing: border-box;
}

#innersidebar {
    width: 100%;
    box-sizing: border-box;
}

.sidepanel {
    margin-bottom: 10px; 
    background: var(--background-white); 
    border: 1px solid var(--border-light);
    box-sizing: border-box;
}

.wrapper_r {
    padding: 5px 10px; 
    background: var(--background-white);
    box-sizing: border-box;
}

.daohangweizhi_r {
    font-size: 14px; 
    font-weight: bold; 
    color: var(--text-primary);
}

.Pcontent {
    padding: 10px;
    box-sizing: border-box;
}

.commentTable ul li {
    padding: 5px 0; 
    border-bottom: 1px dashed var(--border-light);
}

/* 更具体的选择器，避免影响其他页面的列表样式 */
.likearticle ul,
.commentTable ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.likearticle ul li,
.commentTable ul li {
    list-style-type: none;
}

/* 平板设备 (1024px 及以下) */
@media screen and (max-width: 1024px) {
    #container, #Tbody {
        max-width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }
    
    #mainContent {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    
    #sidebar {
        width: 100%;
        float: none;
		padding: 0px;
    }
    
    .Content-top h2 {
        font-size: 16px;
    }
    
    .ContentAuthor {
        font-size: 12px;
    }
    
    #logPanel p {
        font-size: 14px;
        line-height: 1.6;
    }
    
    .sidepanel {
        margin-bottom: 15px;
		border: none;
    }
    
    .Pcontent {
        padding: 8px;
    }
    
    .commentTable ul li {
        padding: 6px 0;
    }
}

/* 手机设备 (768px 及以下) */
@media screen and (max-width: 768px) {
    #container, #Tbody {
        padding: 0 10px;
    }
    
    .Content-top {
        padding: 8px 0;
    }
    
    .Content-top h2 {
        font-size: 15px;
    }
    
    .ContentAuthor {
        font-size: 11px;
    }
    
    .Content-body {
        padding: 8px;
    }
    
    #logPanel p {
        margin: 8px 0;
        font-size: 13px;
        line-height: 1.5;
    }
    
    .title2 {
        font-size: 13px;
        padding: 4px 0;
    }
    
    .likearticle ul li {
        padding: 6px;
        font-size: 13px;
    }
    
    .wrapper_r {
        padding: 4px 8px;
    }
    
    .daohangweizhi_r {
        font-size: 13px;
    }
    
    .Pcontent {
        padding: 8px;
    }
    
    .commentTable ul li {
        padding: 5px 0;
        font-size: 12px;
    }
    
    .copyright {
        font-size: 12px;
    }
}

/* 小屏手机设备 (480px 及以下) */
@media screen and (max-width: 480px) {
    #container, #Tbody {
        padding: 0 5px;
    }
    
    .Content-top {
        padding: 6px 0;
    }
    
    .Content-top h2 {
        font-size: 14px;
    }
    
    .ContentAuthor {
        font-size: 10px;
    }
    
    .Content-body {
        padding: 6px;
    }
    
    #logPanel p {
        margin: 6px 0;
        font-size: 12px;
        line-height: 1.4;
    }
    
    .title2 {
        font-size: 12px;
        padding: 3px 0;
    }
    
    .likearticle ul li {
        padding: 5px;
        font-size: 12px;
    }
    
    .wrapper_r {
        padding: 3px 6px;
    }
    
    .daohangweizhi_r {
        font-size: 12px;
    }
    
    .Pcontent {
        padding: 6px;
    }
    
    .commentTable ul li {
        padding: 4px 0;
        font-size: 11px;
    }
    
    .copyright {
        font-size: 11px;
        text-align: center;
    }
    
    .fav {
        font-size: 11px;
    }
}

img {
    border: 0;
    margin: 0;
    padding: 0;
}