/* ============================================================
   栓Q网络验证系统 · 说明类内容样式 V7.6.1
   作用：把「公共参数说明 / 参数加密说明」这类 el-collapse 长文本
        从“大白块 + 密排文字”改成卡片式、易读排版。
   纯 CSS，不改任何逻辑。
   ============================================================ */

/* 折叠面板整体：去掉默认外框，改为卡片列表 */
.app-main .el-collapse {
    border: none;
    background: transparent;
}

.app-main .el-collapse-item {
    background: #fff;
    border: 1px solid #ebeef5;
    border-radius: 8px;
    margin-bottom: 12px;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0, 21, 41, .04);
}

/* 标题行 */
.app-main .el-collapse-item__header {
    position: relative;
    background: #fff;
    border-bottom: 1px solid #f2f4f7;
    padding: 0 20px 0 24px;
    height: 52px;
    line-height: 52px;
    font-size: 15px;
    font-weight: 600;
    color: #303133;
    transition: color .2s, background .2s;
}

.app-main .el-collapse-item__header:hover {
    color: #33cabb;
    background: #fbfefe;
}

/* 标题左侧竖条 */
.app-main .el-collapse-item__header::before {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    bottom: 15px;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: #33cabb;
    opacity: .85;
}

/* 展开箭头 */
.app-main .el-collapse-item__arrow {
    color: #9aa5b1;
    font-weight: 700;
}

/* 内容区 */
.app-main .el-collapse-item__wrap {
    background: #fff;
    border-bottom: none;
}

.app-main .el-collapse-item__content {
    padding: 18px 24px 22px;
    font-size: 14px;
    line-height: 2;
    color: #5f6b7a;
    letter-spacing: .2px;
    max-width: 1400px;
}

/* 段落 / 行距 */
.app-main .el-collapse-item__content p {
    margin: 0 0 12px;
}

.app-main .el-collapse-item__content p:last-child {
    margin-bottom: 0;
}

/* 强调文字 */
.app-main .el-collapse-item__content b,
.app-main .el-collapse-item__content strong {
    color: #303133;
    font-weight: 600;
}

/* 正文里的链接 */
.app-main .el-collapse-item__content a {
    color: #33cabb;
    text-decoration: none;
    border-bottom: 1px dashed rgba(51, 202, 187, .45);
    padding-bottom: 1px;
}

.app-main .el-collapse-item__content a:hover {
    color: #2bb3a6;
    border-bottom-color: #2bb3a6;
}

/* 代码/参数名（如果有 code 标签） */
.app-main .el-collapse-item__content code {
    background: #f4f7f8;
    color: #c7254e;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 13px;
}

/* 只在宽屏下限制正文宽度，窄屏保持自适应 */
@media (min-width: 1600px) {
    .app-main .el-collapse-item__content {
        max-width: 1280px;
    }
}