.breadcrumb {
    background-color:white;
    padding:15px 0;
    box-shadow:0 2px 5px rgba(0, 0, 0, 0.05);
    margin-bottom:20px;
}

.breadcrumb a {
    color:#64748b;
    text-decoration:none;
}

.breadcrumb a:hover {
    color:#0ea5e9;
}

.breadcrumb span {
    color:#1a365d;
    font-weight:500;
}

.detail-container {
    display:flex;
    gap:20px;
    margin-bottom:40px;
}

.detail-sidebar-left {
    width:250px;
    flex-shrink:0;
}

.detail-main {
    flex:1;
    background-color:white;
    border-radius:8px;
    box-shadow:0 3px 10px rgba(0, 0, 0, 0.08);
    overflow:hidden;
}

.detail-sidebar-right {
    width:280px;
    flex-shrink:0;
}

.sidebar-widget {
    background-color:white;
    border-radius:8px;
    padding:20px;
    margin-bottom:20px;
    box-shadow:0 2px 10px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3 {
    font-size:16px;
    color:#1a365d;
    margin-bottom:15px;
    padding-bottom:10px;
    border-bottom:1px solid #e2e8f0;
}

.manual-intro {
    color:#475569;
    line-height:1.6;
}

.manual-intro p {
    margin-bottom:15px;
}

.supplier-list {
    list-style:none;
}

.supplier-list li {
    margin-bottom:15px;
    padding-bottom:15px;
    border-bottom:1px solid #f1f5f9;
}

.supplier-list li:last-child {
    border-bottom:none;
}

.supplier-info {
    margin-bottom:8px;
}

.supplier-name {
    font-weight:600;
    color:#1a365d;
    font-size:14px;
    margin-bottom:5px;
}

.supplier-business {
    color:#475569;
    font-size:13px;
    margin-bottom:8px;
}

.supplier-contact {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    font-size:12px;
    color:#64748b;
}

.contact-item {
    display:flex;
    align-items:center;
    gap:3px;
}

.contact-icon {
    font-size:12px;
}

.related-list, .update-list, .library-list, .news-list {
    list-style:none;
    /* 可选：确保列表本身不溢出 */
    overflow: hidden;
}

.related-list li, .update-list li, .library-list li, .news-list li {
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #f1f5f9;
    /* 可选：li也添加溢出隐藏，兜底 */
    overflow: hidden;
}

.related-list li:last-child, .update-list li:last-child, .library-list li:last-child, .news-list li:last-child {
    border-bottom:none;
}

.related-list a, .update-list a, .library-list a, .news-list a {
    color:#475569;
    text-decoration:none;
    transition:color 0.3s;
    display:block;
    padding:8px 0;
    /* 关键修复：强制长文本换行 */
    word-break: break-all; /* 优先推荐：强制所有字符换行，不管是否是完整单词 */
    /* 备选方案：overflow-wrap: break-word; （优先在单词间隙换行，单词过长时再拆分） */
    white-space: normal; /* 确保换行规则生效，覆盖浏览器默认值 */
    box-sizing: border-box; /* 确保padding不影响宽度 */
}

.related-list a:hover, .update-list a:hover, .library-list a:hover, .news-list a:hover {
    color:#0ea5e9;
    background-color:#f8fafc;
    padding-left:10px;
    border-radius:4px;
}

/* 资料更新公告滚动样式 */
.update-container {
    max-height:300px;
    overflow:hidden;
    position:relative;
    border:1px solid #e2e8f0;
    border-radius:4px;
    padding:10px;
}

.update-scroll {
    position:relative;
    height:300px;
    overflow:hidden;
}

/*.update-content {
    position:absolute;
    width:100%;
    animation:scrollUpdate 30s linear infinite;
}

.update-content:hover {
    animation-play-state:paused;
}

@keyframes scrollUpdate {
    0% {
        top:0;
    }
    100% {
        top:-2000px;
    }
}

.update-list li {
    height:40px;
    display:flex;
    align-items:center;
    border-bottom:1px solid #f1f5f9;
}*/

.update-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.update-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.update-list li {
    height: 40px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f1f5f9;
    padding: 0 5px;
}

.update-list li a {
    text-decoration: none;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.detail-header {
    background:linear-gradient(135deg, #1a365d 0%, #2d4a7c 100%);
    color:white;
    padding:30px;
    position:relative;
}

.detail-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 15px;
    min-width: 0;
}

.detail-title h1 {
    font-size: 28px;
    margin: 0;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    line-height: 1.5;
}

.detail-badge {
    background-color:#f97316;
    color:white;
    padding:6px 12px;
    border-radius:4px;
    font-size:14px;
}

.view-count {
    position:absolute;
    bottom:20px;
    right:20px;
    display:flex;
    align-items:center;
    gap:8px;
    font-size:16px;
    color:#e2e8f0;
}

.view-count-icon {
    font-size:18px;
}

.publish-date {
    position:absolute;
    bottom:20px;
    left:20px;
    display:flex;
    align-items:center;
    gap:8px;
    font-size:16px;
    color:#e2e8f0;
}

.publish-date-icon {
    font-size:18px;
}

.detail-meta {
    display:flex;
    gap:20px;
    margin-bottom:20px;
}

.meta-item {
    display:flex;
    align-items:center;
    gap:5px;
}

.preview-container {
    padding:30px;
}

.preview-header {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px;
    padding-bottom:15px;
    border-bottom:1px solid #e2e8f0;
}

.preview-controls {
    display:flex;
    gap:10px;
    align-items:center;
}

.preview-controls input {
    padding:8px 12px;
    border:1px solid #cbd5e1;
    border-radius:4px;
    font-size:14px;
}

.page-input {
    width:80px;
    text-align:center;
}

.search-input {
    width:200px;
}

.search-btn {
    background-color:#0ea5e9;
    color:white;
    border:none;
    padding:8px 15px;
    border-radius:4px;
    cursor:pointer;
    font-size:14px;
}

.search-btn:hover {
    background-color:#0d95d8;
}

.preview-area {
    width:100%;
    border:1px solid #e2e8f0;
    border-radius:4px;
    background-color:#f8fafc;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:40px 20px;
    min-height:600px;
}

.pdf-placeholder {
    text-align:center;
    color:#64748b;
    max-width:800px;
}

.pdf-placeholder-icon {
    font-size:64px;
    margin:0 auto 20px;
    display:block;
}

.pdf-placeholder h3 {
    font-size:24px;
    margin-bottom:15px;
    color:#475569;
}

.pdf-placeholder p {
    margin-bottom:10px;
    font-size:16px;
}

.manual-content {
    width:100%;
    text-align:left;
}

.manual-section {
    margin-bottom:30px;
    padding-bottom:20px;
    border-bottom:1px solid #e2e8f0;
}

.manual-section:last-child {
    border-bottom:none;
}

.manual-section h4 {
    font-size:20px;
    color:#1a365d;
    margin-bottom:15px;
    padding-bottom:10px;
    border-bottom:2px solid #f97316;
}

.manual-section p {
    margin-bottom:15px;
    color:#475569;
    line-height:1.6;
}

.manual-section ul {
    padding-left:20px;
    margin-bottom:15px;
}

.manual-section li {
    margin-bottom:8px;
    color:#475569;
}

.sidebar-widget.right {
    background:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
}

.sidebar-widget.right h3 {
    color:#0ea5e9;
    border-bottom:2px solid #0ea5e9;
}

@media (max-width:1024px) {
    .detail-container {
        flex-direction:column;
    }

    .detail-sidebar-left, .detail-sidebar-right {
        width:100%;
    }

    .detail-sidebar-left, .detail-sidebar-right {
        display:flex;
        gap:20px;
    }

    .sidebar-widget {
        flex:1;
    }
}

@media (max-width:768px) {

    .detail-sidebar-left, .detail-sidebar-right {
        flex-direction:column;
    }

    .detail-title {
        flex-direction:column;
        align-items:flex-start;
    }

    .detail-badge {
        margin-top:10px;
    }

    .view-count, .publish-date {
        position:static;
        justify-content:center;
        text-align:center;
        margin-top:15px;
    }

    .detail-meta {
        flex-direction:column;
        gap:10px;
    }

    .preview-header {
        flex-direction:column;
        align-items:flex-start;
        gap:15px;
    }

    .preview-controls {
        width:100%;
        justify-content:space-between;
    }

    .page-input, .search-input {
        width:100%;
        margin-bottom:10px;
    }
}