/* PRD 需求说明面板样式 - 项目配色 */

#prdRequirementsPanel {
    font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
}

/* 需求切换按钮 - 橙色强调（替换原蓝色） */
#prdToggleButton {
    background: linear-gradient(135deg, #FF8C40 0%, #FF6D1F 100%) !important;
    box-shadow: 0 4px 12px rgba(255, 109, 31, 0.4) !important;
}

#prdToggleButton:hover {
    background: linear-gradient(135deg, #FFAA66 0%, #FF8C40 100%) !important;
    box-shadow: 0 6px 16px rgba(255, 140, 64, 0.5) !important;
}

/* 面板头部 - 橙色强调条 */
#prdRequirementsPanel .prd-panel-header {
    border-bottom: 2px solid #FF8C40 !important;
    background: linear-gradient(180deg, #f8fafc 0%, #fff 100%) !important;
}

/* 隐藏需求切换按钮 - 针对文档页面（通过JavaScript动态添加类名） */
body.hide-prd-button #prdToggleButton {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* 滚动条样式 */
#prdRequirementsPanel::-webkit-scrollbar {
    width: 6px;
}

#prdRequirementsPanel::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#prdRequirementsPanel::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}

#prdRequirementsPanel::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

#prdRequirementsPanel .prd-panel-content {
    padding-bottom: 40px;
}

#prdRequirementsPanel .prd-section {
    margin-bottom: 28px;
}

#prdRequirementsPanel .prd-section-title {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    margin-bottom: 14px;
    padding-left: 10px;
    border-left: 3px solid #FF8C40;
    line-height: 1.5;
}

#prdRequirementsPanel .prd-content-list {
    padding-left: 24px;
}

#prdRequirementsPanel .prd-content-item {
    margin-bottom: 10px;
    color: #4b5563;
    line-height: 1.8;
    font-size: 14px;
}

#prdRequirementsPanel .prd-item-container {
    margin-top: 18px;
    padding-left: 24px;
}

#prdRequirementsPanel .prd-item-title {
    font-size: 15px;
    font-weight: 500;
    color: #4b5563;
    margin-bottom: 10px;
}

#prdRequirementsPanel .prd-item-content-list {
    padding-left: 20px;
}

#prdRequirementsPanel .prd-item-content-list .prd-content-item {
    margin-bottom: 8px;
    color: #6b7280;
    line-height: 1.7;
    font-size: 13px;
}

/* 滚动条样式 - 已移除滚动效果 */

/* 响应式调整 */
@media (max-width: 1200px) {
    #prdRequirementsPanel {
        width: 350px !important;
    }
    
    #mainPanel[style*="margin-right: 400px"] {
        margin-right: 350px !important;
    }
}

@media (max-width: 768px) {
    #prdRequirementsPanel {
        width: 100% !important;
        right: -100% !important;
        transition: right 0.3s ease;
    }
    
    #prdRequirementsPanel.show {
        right: 0 !important;
    }
    
    #prdToggleButton {
        right: 15px !important;
        bottom: 15px !important;
        width: 50px !important;
        height: 50px !important;
        font-size: 12px !important;
    }
}