.role-manage-container[data-v-b8e5425c]{height:100%;background:#f5f7fa;overflow:auto;padding-bottom:20px}.page-header[data-v-b8e5425c]{background:#fff;padding:16px 20px;border-bottom:1px solid #e4e7ed;display:flex;justify-content:space-between;align-items:center}.header-left[data-v-b8e5425c]{display:flex;align-items:center;gap:12px}.header-left i[data-v-b8e5425c]{font-size:18px;cursor:pointer;color:#606266}.header-left i[data-v-b8e5425c]:hover{color:#409eff}.page-title[data-v-b8e5425c]{font-size:18px;font-weight:700;color:#303133}.role-grid[data-v-b8e5425c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:15px;margin:15px 20px;padding:15px;background:#fff;border-radius:4px}.role-card[data-v-b8e5425c]{border-radius:4px}.role-header[data-v-b8e5425c]{display:flex;align-items:center;margin-bottom:12px}.role-icon[data-v-b8e5425c]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:12px}.role-icon i[data-v-b8e5425c]{font-size:24px;color:#fff}.role-info[data-v-b8e5425c]{flex:1}.role-name[data-v-b8e5425c]{font-size:16px;font-weight:700;color:#303133}.role-code[data-v-b8e5425c]{font-size:12px;color:#909399;margin-top:2px}.role-desc[data-v-b8e5425c]{font-size:13px;color:#606266;margin-bottom:12px;line-height:1.5}.role-stats[data-v-b8e5425c]{display:flex;gap:20px;font-size:12px;color:#909399;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #ebeef5}.role-stats span[data-v-b8e5425c]{display:flex;align-items:center;gap:4px}.role-actions[data-v-b8e5425c]{display:flex;justify-content:space-between}