body.modern-info-page {
    background-color: #fafafb !important;
}


.modern-info-page .information_hd,
.information_hd {
    
    
    overflow: hidden !important;
    width: 100% !important;
    text-align: left !important;
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
    margin-bottom: 24px !important;
    padding: 32px !important;
    height: auto !important;
}

.information_hd ul {
    margin: 0 !important;
    padding: 0 !important;
}

/* 标题区域完全重新设计 */
body .information_title,
.information_hd .information_title {
    font-size: 32px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    line-height: 1.3 !important;
    margin-bottom: 24px !important;
    position: relative !important;
    padding-left: 20px !important;
    height: auto !important;
    display: block !important;
    overflow: visible !important;
    margin-top: 0 !important;
}

.information_title::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 8px !important;
    width: 4px !important;
    height: 24px !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    border-radius: 2px !important;
}

/* 信息时间栏重新设计 */
body .information_time,
.information_hd .information_time {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 20px 24px !important;
    background: #f8fafc !important;
    border-radius: 8px !important;
    border: 1px solid #e2e8f0 !important;
    font-size: 14px !important;
    color: #64748b !important;
    margin-top: 20px !important;
    height: auto !important;
    line-height: normal !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding-bottom: 20px !important;
}

.information_time span {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: white !important;
    padding: 6px 12px !important;
    border-radius: 6px !important;
    border: 1px solid #e2e8f0 !important;
    font-size: 13px !important;
    transition: all 0.2s ease !important;
    float: none !important;
    margin-right: 0 !important;
    overflow: visible !important;
}

.information_time span:hover {
    border-color: #667eea !important;
    background: #f8faff !important;
}

.information_time .editor {
    margin-left: auto !important;
    display: flex !important;
    gap: 8px !important;
    float: none !important;
    text-align: left !important;
    width: auto !important;
}

.information_time .editor li {
    list-style: none !important;
    margin: 0 !important;
    float: none !important;
    display: inline-block !important;
    margin-left: 0 !important;
}

.information_time .editor li a {
    display: inline-block !important;
    padding: 6px 12px !important;
    background: white !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    color: #64748b !important;
    text-decoration: none !important;
    font-size: 12px !important;
    transition: all 0.2s ease !important;
}

.information_time .editor li a:hover {
    background: #667eea !important;
    color: white !important;
    border-color: #667eea !important;
    text-decoration: none !important;
}

/* 主要内容区域 */
body .information_bd,
.information_bd {
    display: grid !important;
    grid-template-columns: 1fr 320px !important;
    gap: 32px !important;
    margin-top: 24px !important;
    overflow: visible !important;
    height: auto !important;
    text-align: left !important;
}

body .bd_left,
.information_bd .bd_left {
    background: white !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06) !important;
    border: 1px solid #f0f0f0 !important;
    overflow: hidden !important;
    width: auto !important;
    float: none !important;
    height: auto !important;
}

body .bd_lefter,
.information_bd .bd_lefter {
    padding: 40px !important;
    margin: 0 !important;
    height: auto !important;
    overflow: visible !important;
}

body .bd_right,
.information_bd .bd_right {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    float: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
    padding-top: 0 !important;
    width: 320px !important;
    height: auto !important;
}

/* 联系信息重新设计 */
.extra_contact {
    margin-top: 32px !important;
    display: grid !important;
    grid-template-columns: 350px 1fr !important;
    gap: 32px !important;
    align-items: start !important;
    overflow: visible !important;
    height: auto !important;
    color: #374151 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.extra {
    background: white !important;
    float: none !important;
    overflow: visible !important;
    width: auto !important;
    height: auto !important;
    color: #374151 !important;
}

.zoombox {
    background: white !important;
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    padding: 24px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
    width: auto !important;
    height: auto !important;
    margin-top: 10px !important;
}

.zoompic {
    text-align: center !important;
    margin-bottom: 16px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
}

.zoompic img {
    width: 100% !important;
    max-width: 300px !important;
    height: auto !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;
}

.contact {
    background: white !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 24px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
    float: none !important;
    overflow: visible !important;
    padding-bottom: 24px !important;
    height: auto !important;
    font-size: 16px !important;
}

.contact li {
    display: flex !important;
    align-items: center !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    overflow: visible !important;
    height: auto !important;
    max-width: none !important;
}

.contact li:last-child {
    border-bottom: none !important;
}

.contact li.price-field {
    background: linear-gradient(135deg, #fef7f7 0%, #fee2e2 100%) !important;
    border-radius: 8px !important;
    padding: 16px !important;
    margin: 8px 0 !important;
    border: 1px solid #fca5a5 !important;
    color: #dc2626 !important;
}

.contact li.price-field span {
    color: #dc2626 !important;
    font-weight: 600 !important;
}

.contact span {
    min-width: 80px !important;
    font-weight: 500 !important;
    color: #374151 !important;
    margin-right: 12px !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    text-align: left !important;
}

.contact .red {
    color: #dc2626 !important;
    font-weight: 600 !important;
}

.contact .notice {
    background: linear-gradient(135deg, #fef9c3 0%, #fde68a 100%) !important;
    border: 1px solid #f59e0b !important;
    border-radius: 8px !important;
    padding: 16px !important;
    margin-top: 20px !important;
    color: #92400e !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    max-width: none !important;
    overflow: visible !important;
    height: auto !important;
}

/* 内容展示区域 */
.view_hd {
    background: white !important;
    border-radius: 12px 12px 0 0 !important;
    border: 1px solid #e2e8f0 !important;
    border-bottom: none !important;
    padding: 20px 32px !important;
    margin-top: 32px !important;
    width: 100% !important;
    height: auto !important;
    line-height: normal !important;
    font-size: 20px !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #1a1a1a !important;
}

.view_hd .now {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    padding: 0 !important;
    border-bottom: 3px solid #667eea !important;
    padding-bottom: 8px !important;
    display: inline-block !important;
    height: auto !important;
    line-height: normal !important;
    text-align: left !important;
    float: none !important;
}

.view_hd ul li {
    float: none !important;
}

.view_bd {
    background: white !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 0 0 12px 12px !important;
    overflow: hidden !important;
    font-size: 16px !important;
}

.view_bd .maincon {
    padding: 32px !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    color: #374151 !important;
    overflow: visible !important;
    word-wrap: break-word !important;
    word-break: break-all !important;
}

.view_bd .maincon p {
    margin-bottom: 16px !important;
    padding: 0 !important;
    font-size: 16px !important;
}

.imginfo {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
    margin: 16px 0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;
    transition: transform 0.2s ease !important;
    cursor: pointer !important;
}

.imginfo:hover {
    transform: scale(1.02) !important;
}

/* 相关推荐区域 */
.relates {
    margin-top: 32px !important;
}

.relates li {
    background: white !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin-bottom: 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    transition: all 0.2s ease !important;
    border-bottom: 1px solid #e2e8f0 !important;
    overflow: visible !important;
    width: auto !important;
}

.relates li:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important;
    transform: translateY(-2px) !important;
}

.relates li .relateimg {
    flex-shrink: 0 !important;
    display: block !important;
    float: none !important;
    width: auto !important;
}

.relates li .relateimg img {
    width: 80px !important;
    height: 60px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    border: 1px solid #e2e8f0 !important;
    padding: 0 !important;
}

.relates li .relatetit {
    flex: 1 !important;
    display: block !important;
    float: none !important;
    width: auto !important;
}

.relates .tit {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    margin-bottom: 8px !important;
    display: block !important;
    margin-top: 0 !important;
    float: none !important;
}

.relates .tit:hover {
    color: #667eea !important;
}

.relates .cat,
.relates div.cat {
    font-size: 14px !important;
    color: #64748b !important;
    margin-top: 0 !important;
    display: block !important;
    float: none !important;
}

.relates .relatedat {
    font-size: 12px !important;
    color: #94a3b8 !important;
    flex-shrink: 0 !important;
    display: block !important;
    float: none !important;
    text-align: right !important;
    width: auto !important;
    margin-top: 0 !important;
}

/* 查看更多按钮 */
.view-more-section {
    text-align: center !important;
    margin-top: 32px !important;
}

a.viewmore,
.viewmore {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
    padding: 14px 28px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 4px 16px rgba(102, 126, 234, 0.3) !important;
    margin-top: 10px !important;
    border: none !important;
    width: auto !important;
    height: auto !important;
    line-height: normal !important;
    font-size: 14px !important;
    text-align: center !important;
}

a.viewmore:hover,
.viewmore:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 24px rgba(102, 126, 234, 0.4) !important;
    background: linear-gradient(135deg, #764ba2 0%, #667eea 100%) !important;
    text-decoration: none !important;
}

/* 侧边栏样式 */
.boxx {
    background: white !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 24px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.2s ease !important;
    font-size: 14px !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    display: block !important;
    margin-bottom: 10px !important;
}

.boxx:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important;
}

.boxx .school_logo {
    text-align: center !important;
    margin-bottom: 20px !important;
}

.boxx .userlogo,
.boxx .school_logo .userlogo {
    width: 120px !important;
    height: 120px !important;
    border-radius: 50% !important;
    border: 4px solid #e2e8f0 !important;
    object-fit: cover !important;
    transition: all 0.3s ease !important;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
}

.boxx .userlogo:hover,
.boxx .school_logo .userlogo:hover {
    border-color: #667eea !important;
    transform: scale(1.05) !important;
}

.boxx .username,
.boxx .school_logo .username {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    margin-top: 12px !important;
}

.boxx .regtime,
.boxx .school_logo .regtime {
    font-size: 14px !important;
    color: #64748b !important;
    margin-top: 4px !important;
}

.boxer {
    background: white !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 24px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
    margin-bottom: 10px !important;
}

.boxer_hd {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    margin-bottom: 16px !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid #f1f5f9 !important;
}

.boxer_hd span {
    height: auto !important;
    line-height: normal !important;
    display: block !important;
    float: none !important;
    font-weight: 600 !important;
    padding: 0 !important;
}

.boxer_bd {
    margin-bottom: 10px !important;
}

.boxer_bd ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.boxer_bd ul li,
.boxer_bd li {
    padding: 8px 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    height: auto !important;
    line-height: normal !important;
    font-size: 14px !important;
    background: none !important;
    text-indent: 0 !important;
    overflow: visible !important;
}

.boxer_bd li:last-child {
    border-bottom: none !important;
}

.boxer_bd li a {
    color: #374151 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.boxer_bd li a:hover {
    color: #667eea !important;
}

.short ul li {
    font-size: 14px !important;
    float: none !important;
    display: block !important;
    width: auto !important;
}

/* 底部提示 */
.bd_left_foot {
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    border: 1px solid #0ea5e9 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin-top: 32px !important;
    color: #0369a1 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    width: 100% !important;
    height: auto !important;
    text-indent: 0 !important;
}

.bd_left_foot ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* 响应式设计 */
@media (max-width: 1024px) {
    .information_bd {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
    
    .extra_contact {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
    
    .bd_right {
        width: 100% !important;
        float: none !important;
    }
    
    .extra {
        width: 100% !important;
        margin-bottom: 20px !important;
    }
    
    .contact {
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    .bd_lefter {
        padding: 24px !important;
    }
    
    .information_hd {
        padding: 24px !important;
    }
    
    .information_title {
        font-size: 24px !important;
    }
    
    .information_time {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    
    .information_time .editor {
        margin-left: 0 !important;
        justify-content: center !important;
        width: 100% !important;
        text-align: left !important;
        margin-top: 10px !important;
    }
    
    .view_bd .maincon {
        padding: 24px !important;
    }
    
    .relates li {
        flex-direction: column !important;
        text-align: center !important;
    }
    
    .zoombox {
        width: 100% !important;
        height: auto !important;
        padding: 20px !important;
    }
    
    .zoompic {
        width: 100% !important;
        height: auto !important;
    }
    
    .zoompic img {
        width: 100% !important;
        height: auto !important;
        max-width: 300px !important;
    }
}

/* 清除浮动和其他兼容性样式 */
.clear, .clearfix {
    clear: both !important;
}

.clearfix::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* 重要的覆盖样式，确保某些元素不被其他CSS影响 */
body.full .information_bd {
    width: auto !important;
}

/* 强制覆盖任何浮动布局 */
.information_bd * {
    box-sizing: border-box !important;
}

/* 确保网格布局生效 */
.information_bd {
    display: grid !important;
}

/* 现代化信息详情页面样式完成 */