.custom-search-group {
    display: flex;
    width: 100%;
}

.custom-search-group .form-control {
    flex-grow: 1;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.custom-search-group .btn {
    flex-shrink: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* --- 最终版 · 完整的自定义卡片和列表样式 --- */
.info-section {
    background-color: #f8f9fa;
    border-radius: 12px 12px 0 0;
    overflow: hidden;
    border: 1px solid #dee2e6;
}

.section-header {
    /* 新增：绿色渐变背景 */
    background-image: linear-gradient(to right, #0cc7ae, #79d27d);
    padding: 1rem 1.5rem;
    color: white;
}

.section-header h4 {
    margin: 0;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.section-header svg {
    margin-right: 0.75rem;
    opacity: 0.9;
}

.section-body {
    padding: 1.5rem;
}

/* --- 保留并优化的列表对齐样式 --- */
.info-list {
    list-style: none;
    padding-left: 0;
}

.info-list-item {
    display: flex;
    align-items: flex-start; /* 顶部对齐，解决多行内容问题 */
    padding: 0.85rem 0;
    border-bottom: 1px solid #dee2e6;
}

.info-list-item:last-child {
    border-bottom: none;
}

.info-label {
    display: flex;
    align-items: center;
    color: #6c757d;
    font-weight: 500;
    flex-shrink: 0;
    width: 120px; /* 固定标签宽度 */
}

.info-label svg {
    margin-right: 0.5rem;
}

.info-value {
    text-align: left; /* 长文本左对齐 */
    word-break: break-all;
    padding-left: 0.2rem;
}

/* 状态徽章和成功文本靠右显示 */
.info-value .badge,
.info-value .text-success {
    float: right;
}

.keyword-badge {
    margin: 0 0.15rem;
}
/* 新增：用于处理长链接溢出的工具类 */
.break-long-url {
    word-break: break-all;
}
/* 电脑版使用 */
@media screen and (min-width: 992px) {
    .top-show {
        display: flex;
        align-items: center;
    }
}
.pro-tit {
    font-size: 90%;
    font-weight: 800;
}
.item-tit{
    display:flex;
    align-items:center;
    gap:8px;
}

/* 自定义徽章样式 */
.custom-badge {
    /* 满足您要求的核心样式 */
    background-color: hsla(0, 0%, 46%, .2); /* 椭圆形灰色背景 */
    color: #5c5c5c; /* 灰色文字 */
    float: right;
    /* 为了更好看，做一些优化 */
    font-size: 0.8em;       /* 字体稍小一点 */
    font-weight: 600;       /* 字体加粗，更有质感 */
    padding: 0.35em 0.8em;  /* 调整内边距，让椭圆形更饱满 */
    min-width: 35px;        /* 设置最小宽度，确保数字为1时也不会太窄 */
    text-align: center;     /* 确保数字居中 */
    border-radius: 10px;
}

/* 为整个链接行添加一个悬停效果，提升用户体验 */
a[data-toggle="collapse"]:hover {
    background-color: #f8f9fa; /* 鼠标悬停时一个淡淡的背景色 */
    transition: background-color 0.2s ease-in-out;
}

.show-list-all .mb-0{
    margin-top: 10px;
    color: #0cc7ae;
}
#report-container .section-body{
    color: #000;
}
@media (max-width: 768px) {
    .section-header h4 {
        display: block;
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
    }
    .show-list-all .mb-0 .py-1 {
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
    }
}