/* 隐藏左侧侧边栏 */
.ioui-aside,
.aside-body,
#layout_aside {
    display: none !important;
    width: 0 !important;
}

/* 小工具水平排列样式 */
.module-id-3 .content-layout {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.module-id-3 .module-sidebar-widget {
    width: 33.33%;
    padding: 0 10px;
    margin-bottom: 20px;
    float: left;
}

.module-id-3 .io-widget-single-posts-list .card-body {
    border: 1px solid #ebeef5;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
    padding: 10px;
}

/* ===== 所有项目通用样式 ===== */
/* 列表容器 */
.io-widget-single-posts-list .posts-row {
    display: block !important;
    counter-reset: item-counter;
    width: 100% !important;
}

/* 强制设置所有行和列结构为单列显示 */
.io-widget-single-posts-list .posts-row.row-col-1a,
.io-widget-single-posts-list .posts-row.row-col-2a {
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
}

/* 强制重置row布局，防止继承bootstrap样式 */
.io-widget-single-posts-list .posts-row.row,
.io-widget-single-posts-list .posts-row.row-sm {
    display: flex !important;
    flex-direction: column !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 单个项目样式 - 通用 */
.io-widget-single-posts-list .posts-item {
    width: 100% !important;
    margin: 0 !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #f5f5f5 !important;
    display: flex !important;
    background: transparent !important;
    box-shadow: none !important;
    float: none !important;
    position: relative !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* 最后一个项目移除底部边框 */
.io-widget-single-posts-list .posts-item:last-child {
    border-bottom: none !important;
}

/* 序号样式 */
.io-widget-single-posts-list .posts-item:before {
    counter-increment: item-counter;
    content: counter(item-counter);
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    font-weight: bold !important;
    color: #fff !important;
    margin-right: 10px !important;
    flex-shrink: 0 !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 2 !important;
}

/* 前三个序号有特殊背景色 */
.io-widget-single-posts-list .posts-item:nth-child(1):before {
    background-color: #ff4d4f !important;
}

.io-widget-single-posts-list .posts-item:nth-child(2):before {
    background-color: #ff7a45 !important;
}

.io-widget-single-posts-list .posts-item:nth-child(3):before {
    background-color: #ffa940 !important;
}

/* 其余序号灰色背景 */
.io-widget-single-posts-list .posts-item:nth-child(n+4):before {
    background-color: #d9d9d9 !important;
}

/* 移除所有类型中的图片和其他不必要元素 */
.io-widget-single-posts-list .posts-item .item-img,
.io-widget-single-posts-list .posts-item .item-header,
.io-widget-single-posts-list .posts-item .item-media,
.io-widget-single-posts-list .posts-item .sites-tags,
.io-widget-single-posts-list .posts-item .togo,
.io-widget-single-posts-list .posts-item .meta-ico span:not(.meta-view),
.io-widget-single-posts-list .posts-item .app-meta,
.io-widget-single-posts-list .posts-item.sites-item .blur-img-bg,
.io-widget-single-posts-list .posts-item.sites-item .item-image {
    display: none !important;
}

/* 强制隐藏图片元素 */
.io-widget-single-posts-list .posts-item img,
.io-widget-single-posts-list .posts-item .sites-icon {
    display: none !important;
}

/* 通用内容区域样式 */
.io-widget-single-posts-list .posts-item .item-body,
.io-widget-single-posts-list .posts-item.sites-item .sites-body {
    width: 100% !important;
    padding: 0 0 0 34px !important;
    position: relative !important;
}